/* style.css */

/* allgemeines */
* {
 margin:0;
 padding:0;
}
body {
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size:86%;
 color:#002d5a;;
 background:url(images/headgrafik_bgrnd.jpg) #002d5a;
 padding-bottom:25px;
}
a {
 color:#002d5a;
}
a:hover {
 text-decoration:none;
}
a img {border:none;}
.print {display:none;}
p {margin:10px 0 10px 0;}
.noprint {}
#printhead {display:none;}

/* admin-link */
a.admin {
 display:block;
 width:20px; 
 height:20px; 
 cursor:default; 
 position:absolute; 
 top:0; 
 left:0; 
 /*background-color:#f00;*/
}

h1#head {
 padding:25px;
 background:url(images/headgrafik_bgrnd.jpg) repeat-x 0 103px;
}
h1#head strong {
 display:none;
}
h1#head span {/* bild und bgrnd-bild */
 display:block;
 height:130px;
}
body.duo h1#head span {
 background:url(images/headgrafik_duo_bgrnd.jpg) no-repeat 675px 0;
}
body.trio h1#head span {
 background:url(images/headgrafik_trio_bgrnd.jpg) no-repeat 675px 0;
}
body.quartet h1#head span {
 background:url(images/headgrafik_quartet_bgrnd.jpg) no-repeat 675px 0;
}
body.allg h1#head span {
 background:url(images/headgrafik_allg_bgrnd.jpg) no-repeat 675px 0;
}
/* gesamt */
div#gesamt {
 background:url(images/gesamt_bgrnd.jpg) #fff;
 position:relative;
 margin:20px 20px 0 20px;
 min-width:725px;
 min-height:600px;
}
* html div#gesamt {
 height:600px;
}

/* inhalt */
div#inhalt {
 padding:20px 30px 80px 210px;
}
/* stellt fluß wieder her */
 #inhalt:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
 #inhalt {display: inline-table;}
 /* Hides from IE-mac \*/
 * html #inhalt {height: 1%;}
 #inhalt {display: block;}
 /* End hide from IE-mac */
div#inhalt h1 {
 font-size:1.4em;
 color:#002d5a;
 border-bottom:1px solid #002d5a;
 margin-bottom:20px;
}
div#inhalt h2 {
 font-size:1.1em;
 color:#002d5a;
 margin:25px 0 25px 0;
}
div#inhalt h3 {
 font-size:1em;
 color:#002d5a;
}
div#inhalt h3 span {
 font-weight:normal;
}
div#inhalt img {
 padding:1px;
 border:1px solid #002d5a;
 float:left;
 margin:0 15px 15px 0;
}
div#inhalt p.clear {clear:both;}
strong.nb {/* no-bold */
 font-weight:normal;
}

/* inhalte sonderformatierungen */
/* home */
body.home div#inhalt h1 {
 margin-bottom:0;
}
body.home div#inhalt h2 {
 font-weight:normal;
 margin-top:10px;
}
body.home div#inhalt div.startblock {
 width:100%;
 margin-bottom:30px;
 clear:both;
}
body.home div#inhalt h2 {
 margin-bottom:40px;
}
body.home div#inhalt div.startblock h3 {
 font-size:1.1em;
}
body.home div#inhalt div.startblock img {}
body.home div#inhalt div.startblock a {
 display:block;
 background-color:#002d5a;
 color:#fff;
 padding:2px 10px 2px 10px;
 margin:0 0 0 300px;
 font-weight:bold;
 text-decoration:none;
}
body.home div#inhalt div.startblock a:hover {
 background-color:#fff;
 color:#002d5a;
}
body.home div#inhalt div.startblock iframe {
 width:285px; 
 height:240px; 
 overflow:hidden; 
 float:left; 
 margin:0 10px 10px 0;
 border:none;
}
body.home div#inhalt em {
 font-style:normal;
 font-weight:bold;
}
body.home div#inhalt em.nf {
 font-weight:normal;
}
body.home div#inhalt strong {display:none;}
body.home div#inhalt div#homenews {
 clear:both;
 padding-top:15px;
}
/* ADMINBEREICH dates, references und links */
div#inhalt p.headline {
 font-weight:bold;
 color:#002d5a;
 margin:0 0 10px 0;
 padding-top:15px;
 border-bottom:1px solid #002d5a;
}

/* music */
body.music div#inhalt ul {
 list-style-type:none;
 float:left;
 margin:0 20px 25px 0;
}
body.music div#inhalt ul.musiclist li { 
 margin:0 0 10px 10px;
 font-size:0.9em;
 padding:0 20px 0 0;
}
body.trio div#inhalt ul.musiclist li { 
 padding:0 50px 0 0;
 white-space:nowrap;
}
body.music div#inhalt ul.musiclist li.thema {
 font-size:1.4em;
 color:#002d5a;
 border-bottom:1px solid #002d5a;
 margin:0 0 15px 0;
 font-weight:bold;
 white-space:nowrap;
}
body.music div#inhalt ul li a {
 font-weight:bold;
 margin-right:10px;
 font-size:1.1em;
 white-space:nowrap;
}
/* quartet music */
body.quartet div#inhalt ul.musiclist {
 width:100%;
}
body.quartet div#inhalt ul.musiclist li.thema { 
 width:100%;
}
body.quartet div#inhalt ul.musiclist li { 
 float:left;
 width:350px;
}
body.music div#inhalt p.cdorder {/* cd-order-link */
 clear:both;
 padding:15px 0 30px 0;
}

/* gallery */
body.gallery div#gesamt div#inhalt ul#foto {
 list-style-type:none;
}
body.gallery div#gesamt ul#foto li {
 float:left;
}
body.gallery div#gesamt ul#foto li a {/* msie */
 display:block;
 height:71px;
 padding:1px;
 margin:2px;
}
body.gallery div#gesamt ul#foto li a:hover {
 background-color:#012d5a;
}
body.gallery div#gesamt ul#foto li a img {
 border:1px solid #012d5a;
 margin:0;
}
body.gallery div#gesamt ul#foto li#big {
 width:100%;
 margin:0 0 7px 2px;
 padding:5px 0 0 0;
}
body.gallery div#gesamt ul#foto li#big a.blaettern {
 width:50px;
 height:1.4em;
 padding:3px 0 3px 0;
 float:left;
 font-weight:bold;
 text-decoration:none;
 border:1px solid #fff;
 color:#fff;
 background-color:#012d5a;
 text-align:center;
 margin:0 0 1px 0;
}
body.gallery div#gesamt ul#foto li#big a.blaettern:hover {
 border:1px solid #012d5a;
 color:#012d5a;
 background-color:#fff;
}
body.gallery div#gesamt ul#foto li#big span#zusatztext {/* über grossbild */
 display:block;
 clear:both;
 padding:0 0 3px 0;
}
body.gallery div#gesamt ul#foto li#big img#fotobig {
 display:block;
 clear:both;
 border:2px solid #012d5a;
 margin:0 0 3px 1px;
}
body.gallery div#gesamt ul#foto li#big span#fotograf {/* unter grossbild */
 display:block;
 clear:both;
 font-size:0.8em;
}
body.gallery div#gesamt ul#foto li.picaktiv {
 display:none;
}
body.gallery div#gesamt div#inhalt p.abstand {
 clear:both;
 width:100%;
 height:600px;
}

/* repertoire */
body.repertoire div#inhalt h2 {
 margin-bottom:-5px;
}

/* hochzeit */
body.hochzeit div#inhalt h2 {
 clear:both;
 padding-top:25px;
 margin-bottom:10px;
}

/* cd-order */
body.cdorder h1#bestellform {
 margin-top:50px;
}
body.cdorder form p.fehler {
 margin-bottom:35px;
}
body.cdorder form strong {
 display:block;
 color:#002d5a;
 border-bottom:2px solid #fff;
 font-size:1.2em;
}
body.cdorder form p input.stk {
 width:2em;
 padding:1px 3px 1px 3px;
 border-width:2px 1px 1px 2px;
 border-style:solid;
 border-color:#002d5a #ccc #ccc #002d5a;
 font-family:Verdana,Arial,Helvetica,sans-serif;
}
body.cdorder form p input.stk:focus {
 border-width:1px 2px 2px 1px;
 border-color:#ccc #002d5a #002d5a #ccc;
}
body.cdorder form p.stk {
 height:40px;
 position:relative;
}
body.cdorder form p.stk span {
 position:absolute;
 top:4px;
 left:3.3em;
}
body.cdorder form p.stk span i {
 font-style:normal;
}
body.cdorder form fieldset {border:none;}
body.cdorder form fieldset b {
 font-weight:normal;
}
body.cdorder form input.lieferadresse {
 width:70%;
 padding:1px 3px 1px 3px;
 margin-bottom:5px;
 border-width:2px 1px 1px 2px;
 border-style:solid;
 border-color:#002d5a #ccc #ccc #002d5a;
 font-family:Verdana,Arial,Helvetica,sans-serif;
}
body.cdorder form input.lieferadresse:focus {
 border-width:1px 2px 2px 1px;
 border-color:#ccc #002d5a #002d5a #ccc;
}
body.cdorder form textarea {
 width:70%;
 padding:1px 3px 1px 3px;
 border-width:2px 1px 1px 2px;
 border-style:solid;
 border-color:#002d5a #ccc #ccc #002d5a;
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size:1em;
}
body.cdorder form textarea:focus {
 border-width:1px 2px 2px 1px;
 border-color:#ccc #002d5a #002d5a #ccc;
}
body.cdorder form p.button {
 width:71%;
 text-align:right;
 padding-bottom:25px;
}
body.cdorder form p.button input {
 width:200px;
 margin:0;
 background-color:#002d5a;
 border:1px solid #002d5a;
 color:#fff;
 font-weight:bold;
 padding:2px 5px 4px 5px;
}
body.cdorder div#danke {display:none;}

/* press */
body.press div#inhalt h2 {
 margin-bottom:10px;
 border-bottom:1px solid #002d5a;
}
body.press div#inhalt ul {
 list-style-type:none;
 margin:0 0 40px 10px;
}
body.press div#inhalt ul li {
 clear:both;
 padding-bottom:10px;
}
body.press div#inhalt ul li img {
 margin:0 10px 10px 0;
}

/* contact */
body.contact div#inhalt address {
 float:left;
 font-style:normal; 
 padding:15px; 
 margin:0 15px 65px 0; 
 width:23.5em; 
 border:1px solid #002d5a;
}
body.contact div#inhalt address strong {
 color:#002d5a;
}
body.contact div#inhalt address b {
 display:block; 
 float:left; 
 width:5.3em;
}
body.contact div#inhalt p.danke {display:none; margin-top:35px;}
body.contact div#inhalt form p.abst {margin-bottom:35px;}
body.contact div#inhalt h1#contactform {
 clear:both;
}
body.contact div#inhalt form b {
 display:block;
 font-weight:normal;
}
body.contact div#inhalt form input {
 width:70%;
 margin:0 0 8px 0;
 padding:1px 3px 1px 3px;
 border-width:2px 1px 1px 2px;
 border-style:solid;
 border-color:#002d5a #ccc #ccc #002d5a;
 font-family:Verdana,Arial,Helvetica,sans-serif;
}
body.contact div#inhalt form input:focus {
 border-width:1px 2px 2px 1px;
 border-color:#ccc #002d5a #002d5a #ccc;
}
body.contact div#inhalt form textarea {
 width:70%;
 padding:1px 3px 1px 3px;
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size:1em;
 border-width:2px 1px 1px 2px;
 border-style:solid;
 border-color:#002d5a #ccc #ccc #002d5a;
}
body.contact div#inhalt form textarea:focus {
 border-width:1px 2px 2px 1px;
 border-color:#ccc #002d5a #002d5a #ccc;
}
body.contact div#inhalt form p.button {
 width:71%;
 text-align:right;
}
body.contact div#inhalt form p input.formbutton {
 width:200px;
 margin:0;
 background-color:#002d5a;
 color:#fff;
 font-weight:bold;
 padding:2px 5px 4px 5px;
}
body.contact div#inhalt p#imprint {
 margin-top:100px;
 font-size:0.9em;
}

/* menue */
div#menue {
 position:absolute;
 top:180px;
 left:25px;
 width:140px;
}
div#menue ul {
 list-style-type:none;
 background:url(images/menue_bgrnd.png) repeat-y right top;
 width:140px;
 padding:15px 0 15px 0;
 border-right:1px solid #002d5a;
}
div#menue ul#hm li {
 margin:0 0 5px 0;
}
div#menue ul#hm li ul li {
 margin:1px 0 1px 0;
}
div#menue ul li a {
 padding:0 15px 0 15px;
 display:block;
 width:110px;
 text-decoration:none;
}
div#menue ul li a em {display:none;}
div#menue ul li a:hover {
 background-color:#002d5a;
 color:#fff;
}
div#menue ul li a.aktiv {
 background-color:#002d5a;
 color:#fff;
 cursor:default;
}
div#menue ul ul {
 background-image:none;
 padding:0 0 3px 0;
 border:none;
}
div#menue ul li ul li a {
 padding:0 5px 0 25px;
}
div#menue ul#hm {/* abstand zwischen den menues */
 margin-bottom:10px;
}
div#menue ul#nm li {
 margin-bottom:1px;
}
div#menue ul#nm li.abst {
 margin-top:10px;
}