/* Edited with EditCSS */
/**** LINK-tag style sheet main.css ****/

<!--
/* ###################### temporary styles ###################### */
/*
	table {border: 1px solid red;}
	td {border: 1px dotted green;}
    div {border: 1px solid red;}
    img {border: 1px dotted blue;}
*/
 
/* ###################### all pages ###################### */
	
html , body {
    background-color: #bfbfbf;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    /* text-align: center;       IE5.x workaround */
}

h1, h2, h3, h4, h5, h6, p, td, ul, ol, il, dl, dt, dd, {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3 {
	color: #663333;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: 0.05em;
	margin: 0 0 1em 0;
}

h4 {
    /* color: #7d7d7d; */
    color: #633;
	font-weight: bold;
	font-size: 1em;
	margin: 0 0 0.5em 0;
}

h5 {
    /* color: #7d7d7d; */
    color: #333;
	font-weight: bold;
	font-size: 0.9em;
	margin: 0 0 0.5em 0;
}
p {
	line-height: 1.35em;
	margin: 0 0 0.75em 0;
}

ul {
	padding: 0px;
	margin: 0 0 1em 50px;
}

li  { list-style: circle url(../media/shared/listItem.gif) outside; margin: 0 0 0.3em }

.td_term        { font-size: 12px; line-height: 14px; font-family: Verdana, Geneva, Swiss, SunSans-Regular; text-align: left; vertical-align: middle; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; width: 280px }
td    { font-size: 12px; line-height: 14px; font-family: Verdana, Geneva, Swiss, SunSans-Regular; text-align: left; vertical-align: top; padding: 0 0 0.35em }
 img {border: 0px none;} 

#Container {
	position: absolute;
	left: 50%;
	width: 690px;
	margin-left: -345px ;
	text-align: center;
	border: 0px none;
}

/* #Container {
	position: relative;
	width: 690px;
	margin: 0px auto;
	text-align: center;
	border: 0px none;
} */

/* ###################### links ###################### */

a, a:link, a:visited, a:hover, a:active, a:focus, a:link:visited, a:link:hover, a:link:active {
    text-decoration: none;
	border: 0px none;
}

a {
	color: #933;
}

a:link  { color: #933 }

a:visited {
	color: #933;
}

a:hover {
	color: #f00;
}

#Content a:active {
	color: #fc3;
	background-color: #633;
}

/* a:focus {
	font-weight: bold;
	text-decoration: none;
} */

/* ###################### all except startpage-index.html ###################### */

#Content {
	width: 690px;
	margin: 0 auto 30px;
	padding: 0;
	text-align: left;
	border: 0px none;
}

/* ###################### page - index ###################### */

#Start {
	width: 606px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	border: 0px none;
}

#PictStart {
    text-align: center;
    margin: 50px 0 33px;
}

img.LogoStart {
    text-align: center;
    border: 0px none;
}
img.FlagGermany {
    text-align: center;
    margin-left: 50px;
}
img.FlagUK {
    text-align: center;
    margin-left: 5px;
}

/* ###################### navigationsleiste ###################### */

/* establish a containing block */ 
 #nav_con_block {
 	position: relative;
 	width: 690px;
 	height: 134px;
 	margin: 33px auto;
 	border: 0px none;
}

/* put the images inside the containing block */
#nav1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 138px;
    height: 134px;
    border: 0px none;
}

#nav2 {
    position: absolute;
    top: 0px;
    left: 139px;
    width: 138px;
    height: 134px;
    border: 0px none;
}

#nav3 {
    position: absolute;
    top: 0px;
    left: 277px;
    width: 138px;
    height: 134px;
    border: 0px none;
}

#nav4 {
    position: absolute;
    top: 0px;
    left: 415px;
    width: 138px;
    height: 134px;
    border: 0px none;
}

#nav5 {
    position: absolute;
    top: 0px;
    left: 553px;
    width: 138px;
    height: 134px;
    border: 0px none;
}

/* ###################### page - vita ###################### */
.firstColVita {
	width: 6.5em;
}

/* ###################### pages - bandoneon ###################### */
.bandoneonHaveALook {
 	margin: 20px 0 0;
 	padding-top: 12px;
 	border-top: 1px solid #999;
}
 	
/* ###################### page - bandoneon01 ###################### */
img.bandoneonPictStart {
    text-align: center;
    margin: 25px 0 33px;
}

/* ###################### page - musik ###################### */
.musikBuy {
 	margin: 33px 0 0;
 	padding-top: 15px;
 	border-top: 1px solid #999;
 }

ul.musikUList {
	padding: 0px;
	margin: 0 0 1em 40px;
}

/* ###################### pages - musik01-02-03 ###################### */
img.musikCoverPict {
    text-align: center;
    margin: 33px 0 33px;
}

/* ###################### page - musik04 ###################### */
/*
#ContainerMusik {
	position: absolute;
	left: 50%;
	width: 300px;
	margin-left: -150px ;
	text-align: center;
	border: 0px none;
*/
}

/* ###################### page - bilder ###################### */
.bilderHaveALook {
 	margin: 25px 0 0;
 	padding-top: 12px;
 	border-top: 1px solid #999;
}

ul.bilderUList {
	padding: 0px;
	margin: 20px 0 0 33px;
}

/* ###################### page - bilder01 ###################### */
img.bilderPictStart {
    text-align: center;
    margin: 25px 0 33px;
}

/* ###################### page - kontakt ###################### */
ul.kontaktUList {
	padding: 0px;
	margin: 0 0 1em 17px;
}

h4.kontaktAktuelles {
	margin: 30px 0 10px 0;
}

h4.kontaktLinks {
	margin: 20px 0 10px 0;
}

.firstColKontakt {
	width: 4em;
}

.secondColKontakt {
	width: 4em;
}

.copyright {
 	margin: 30px 0 20px 0;
 	padding-top: 25px;
 	border-top: 1px solid #999;
 }
th { font-size: 11px; text-decoration: none; text-align: left; padding-left: 5px; width: 100px }
.datum   { vertical-align: middle; padding: 5px 10px 5px 5px; width: 100px }
.kontakt_td { width: 280px }