/* CSS Document */
html {
height: 100%;
margin-bottom: 1px; 
 }
body {
padding:0;
margin:0;
background-color:#F4E9D3;
color:#000;
font-size:100.01%;
line-height:1.4em; 
/*line-height: 1.8em;*/
font-family:"Trebuchet MS", Arial, sans-serif; 
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
/*font-family:Arial, Helvetica, sans-serif;*/
text-align:center;
}

div {
margin:0;
padding:0;
}
div, ul, ol, dl, h1, h2, h3, p {margin:0;padding:0;}
h1, h2, h3, p{margin:20px 0 20px 0;}
h1, h2, h2 a {color: #FFC875}

h1 .klein {font-weight:normal; color:#fff;font-size:small}
#info h2 a:hover {color: #FFC875; text-decoration:none; cursor:default;} /* für die Targets*/

h1 {font-size:1.3em;}
h2{font-size:1.2em;font-variant:small-caps;}
h3 {font-size:1.1em;} 

p {margin-top:10px;}

a {text-decoration:none;color:#000;}
a:hover{color:#B5310B;}
#info a:target, #navi a:target{background-color:#efefef;color:#000;padding:0 3px;}
#navi a:target{background-color:#B5310B;color:#fff;padding:0 3px;}

/* ============================================== LAYOUTBOXEN ================================================== 
================================================================================================================*/

#eckeLi {
position:absolute;
top:0px;
left:230px;
width:32px;
height:32px;
background-image:url(../bilder/grauLi.jpg);
background-position:0 top;
background-repeat:no-repeat;
}
#eckeRe {
position:absolute;
top:0px;
right:0px;
width:32px;
height:32px;
background-image:url(../bilder/grauRe.jpg);
background-position:0 top;
background-repeat:no-repeat;
}

#branding {
position:absolute;
top:40px;
left:230px;
width:549px;
height:118px;
/*background-image:url(../bilder/instrumente1.jpg);
background-position:0 top;
background-repeat:repeat-x;*/
}


#klangfaecher {
position:absolute;
top:40px;
left:0;
width:190px;
height:164px;
padding:5px 0 0 15px ;
z-index:100;
}

#klangfaecher p {
position:relative;
padding-left:15px;
margin:0;
font-weight:bold;
font-size:1.1em;
z-index:110;
}
#logo {
width:152px;
height:171px;
background-image:url(../bilder/logoFaecherTrans.png);
background-repeat:no-repeat;
position:absolute;
top:150px;
left:-35px;
z-index:100;
}

#wrapper {
position:relative; 
background-color:#666;
background-image:url(../bilder/hg.png);
background-repeat:no-repeat;
font-size:0.9em;
/*font-size:0.8em;*/
text-align:left;
width:780px;
text-align:left;
margin:30px auto 5px;
}

/*================================================= INHALT ============================================= */
#inhalt {
position:relative;
height:100%; /* für die Anzeige im IE6*/
}
#info {
padding:201px 20px 20px 255px;
color:#fff;
z-index:100;
}
#info ul {list-style-type:circle;margin-left:20px;margin-bottom:20px;}
#info ul ul{list-style-type:square;margin-left:20px;margin-bottom:0}

#info p.first:first-letter {font-variant:small-caps; font-size:2em;}

/*#info a {color: #FFCE84; font-weight:bold;text-decoration:underline;}
#info h2 a, #info h3 a{text-decoration:none;}*/

#info a {color: #FFCE84; font-weight:bold;}
#info a:hover {text-decoration:underline;}

ul.termine li{
border-bottom:1px dotted #FFC875;padding-bottom:10px;}


/* ===================================================== NAVIGATION ================================================== */

/**/#navi {
width:174px;
float:left;
margin-top:260px;
padding:24px 20px 20px 30px;
font-weight:bold;
color:#000;
clear:right;
}
#hauptnav{
list-style-type:none;
margin-top:2em;
line-height:1.8em;
color:#000;
border-bottom:2px dotted #B5310B;}
#hauptnav li a{color:#000;}
#hauptnav li a:hover{color:#B5310B;}
#hauptnav li.aktiv {margin-left:-20px;padding-left:20px; background-image:url(../bilder/aktiv.gif); background-repeat:no-repeat;background-position:left center; color:#B5310B;}
#hauptnav li.aktiv a{color:#B5310B;}
#zweitnav {position:relative;padding-bottom:10px;border-bottom:2px dotted #B5310B;z-index:200;}
#zweitnav li{
list-style-type:none;
display:inline;
padding-right:8px;
color:#000;
}
#zweitnav li a{color:#000;}
#zweitnav li a:hover{color:#B5310B;}
#zweitnav li.aktiv {color:#B5310B;color: red;}
#subnav{
margin-top:2em; 
width:6em;
padding:15px;
font-size:0.8em;
background-color:#FFFFFF;
background-image:url(../bilder/subNavHG.png);
color:#000;
/*position:absolute;
top:170px;
right:-60px;*/
position:fixed;
top:220px;
margin-left:765px;
border:1px solid #999;
border-left:none;
}
#subnavOL {width:17px;height:10px;position:absolute; top:-2px; left:-1px;background-image:url(../bilder/subNavOL.png); background-repeat:no-repeat;} 
#subnavOR {width:17px;height:10px;position:absolute; top:-2px; right:-2px;background-image:url(../bilder/subNavOR.png); background-repeat:no-repeat;} 
#subnavUL {width:17px;height:10px;position:absolute; bottom:-2px; left:-1px;background-image:url(../bilder/subNavUL.png); background-repeat:no-repeat;} 
#subnavUR {width:17px;height:10px;position:absolute; bottom:-2px; right:-2px;background-image:url(../bilder/subNavUR.png); background-repeat:no-repeat;} 

#subnav ul {list-style-type:none;padding-left:2px;}

#infosAktuell {
border-bottom:2px dotted #B5310B;
}

#infosAktuell a {border-bottom:1px solid #B5310B;}

#navi a.mail {border-bottom:1px solid #B5310B;}

#navi .aktuell {
margin:30px 5px 0 -30px;
background-image:url(../bilder/aktuell.jpg);
background-repeat:no-repeat;
background-position:left center;
font-size:1.3em;
font-weight:bold;
font-variant:small-caps;
color:#fff;
padding:6px 0 6px 92px;
}

/*******************Formular****************************/
label {display:block;}
label.label_oU {display:inline;}
input {
	border: 1px solid #efefef;
	color: #31344A;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	display:block;
	width:460px;
	margin-bottom:10px;
}

textarea {
	border: 1px solid #efefef;
	color: #31344A;
	font-family:Arial, Helvetica, sans-serif;
	width:460px;
	display:block;
	font-size:0.9em;margin-bottom:10px;
}
input:hover,input:focus, textarea:hover, textarea:focus, input.schalter:hover,input.schalter:focus  {background-color:#FFDA9F}

input.inputAuto { 
width:auto;
padding:0;
display:inline; 
margin-left:0;padding-left:0;}

input.schalter { 
background-color:#efefef;
border: 3px double #333;
font-size:0.9em;
width:auto;
 }
 .achtung {color:#efefef;border-top:1px solid #FFAF36;border-bottom:1px solid #FFAF36; font-weight:bold;}

/* ======================================================= FUSS  ======================================== */
#fuss {
clear:both;
background-color:#ccc;
border:1px solid #999;
}

#fuss p {margin:0;padding:10px;margin-left:247px;font-size:smaller;font-weight:bold;}

/* ==================================================== DIVERSES ==============================================*/
.bildunterschrift {font-weight:normal; font-size:0.8em;text-align:center;}
.kleiner {font-size:smaller;}
.klein {font-size:75%}
.clearing {clear:left}
.tarif {margin-left:30px;margin-right:30px;padding-left:15px;}
.todo {background-color:#FFCC66; color:#000;}

a img {border:0;}
a[href^="http://"] {background-image:url(../bilder/extern.gif); background-repeat:no-repeat; padding-left:22px;}
#navi a[href^="http://"] {background-image:none;padding-left:0;}