/* CSS Document */
body{
margin:0px auto 0px auto;
padding:0;
font-size: 75%;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
font-weight:bold;
color:#000;
text-align:center;	

background: #40513f;
background-image: url(i/layout/bg.jpg);
background-repeat: repeat-x;
}

img {border: 3px solid #fff;}
	

.floatright {
float:right;
margin: 0px 0px 10px 10px;}

.floatleft {
float:left;
margin: 0px 10px 10px 0px;}

a:focus { outline: none;}

a:link, a:visited, a:active {
	color:#007f7e;
}


a:hover {
	color:#2ccccb;
}




h1,h2,h3,h4,h5,h6,legend {
color:#9CC004;
font-family:"Myriad pro", Arial, Helvetica, sans-serif;
font-weight:bold;
margin:0;
}

h1 {
font-size:2.4em;
margin-bottom:0.2em;
}


h1 a:link, h1 a:visited, h1 a:active {
color:#d0c8c6;
text-decoration:none;
}



h2 {
font-size:2em;
color:#FFF;
border-bottom:2px solid #000;
font-weight: 100;
margin-top:10px;
letter-spacing:0;
line-height:1em;
}

h2 a:link, h2 a:visited, h2 a:active {
color:#000;
text-decoration:none;
}


h3 {
font-size:2em;
color:#000;
border-bottom:2px solid #FFF;
font-weight: 100;
margin-top:10px;
letter-spacing:0;
line-height:1em;
}

h3 a:link, h3 a:visited, h3 a:active, h3 a:hover {
color:#000;
text-decoration:none;
}

h4 {
font-size:1.6em;
color:#000;
font-weight: 100;
margin-top:10px;
letter-spacing:0;
line-height:1em;
}

.fett {font-size:1.2em;
color:#000;
text-align: right;
font-weight: 900;
letter-spacing:0;
line-height:1em;}


/* divs
--------------------------------------------------------------------------------------------- 
*/

.container{
width:1200px; 
margin:0px auto 0px auto;
text-align:left;
border:0px solid #000;}


.header{
margin: 0px 0px 0px 0px;
width: 1200px;
height:185px;	
background: url(i/layout/top.jpg) top left no-repeat;
border:0px solid #fff;}

a.logo {
text-indent: -9999px;
float:left;
width:368px;
height:48px;
margin: 48px 0px 0px 416px;
border:0px solid #fff;}

.zwischenr {
width:1200px;
height: 46px;
background: url(i/layout/zwischenr.jpg) top left no-repeat;
clear: both;
}

.wrapper{
background: url(i/layout/contentbg.jpg) top left repeat-y; 
margin: 0px 0px 0px 193px;
width:826px;
float:left;}



.inhalt {
width:700px;
float:left;
margin: 20px 0px 0px 57px;
border: 0px #bababa solid;
                    
}

.index {
width:450px;
float:left;
border: 0px #bababa solid;}
	
	
	
.aktuell {
width:208px;
float:right;
margin: -2px 0px 10px 10px;
padding: 4px 10px 4px 10px;
border: 2px #fff solid;

}

.fledermaus {
width:140px;
float:left;
margin: 0px 30px 0px 0px;
border: 0px #bababa solid;}

h5 {
font-size:1.8em;
color:#007f7e;
text-align: center;
border-bottom:0px solid #fff;
font-weight: 100;
margin-top:10px;
letter-spacing:0;
line-height:1.4em;
}


.texte {
width:400px;
float:left;
margin: 20px 0px 0px 57px;
border: 0px #bababa solid;

}

.bilder {
text-align=center;
width:300px !important;
float:left;
margin: 20px 0px 0px 20px;
border: 0px #000 solid;
}


.footer {
width:1200px;
height:13px;
background:url(i/layout/footer.jpg) top left no-repeat;
clear:both;
}


	

/* navigation ------------------------------------------------------------ */

.navigationoben{
margin: 0px 0px 0px 0px;
width: 1200px;
height: 114px;
float: left;
background:#ebdfd1 url(i/layout/navibg.jpg) top left no-repeat;
}


.navcontainer ul {
width: 400px;
margin: 0;
padding: 6px 0px 0px 612px;
list-style-type: none;
}

 
.navcontainer ul li { display: inline; }

 
.navcontainer ul li a {
float:left;
text-decoration: none;
display: block;
text-indent: -1700em;
height: 27px; 
}

 
.navcontainer ul li a:hover {background-position: 0 -27px;}
 
  
.navcontainer ul li a.on  {background-position: 0 -27px;}

	
.dirigieren a  { width: 196px;background: url(i/layout/navdir.jpg) no-repeat top left }
	
.projekte a  { width: 197px;background: url(i/layout/navpro.jpg) no-repeat top left }

.komposition a { width: 196px;background: url(i/layout/navkomp.jpg) no-repeat top left }
	
.bio a  { width: 197px;background: url(i/layout/navbio.jpg) no-repeat top left }

.arrangement a { width: 196px;background: url(i/layout/navarr.jpg) no-repeat top left }

.links a  { width: 197px;background: url(i/layout/navlinks.jpg) no-repeat top left }

.korrepetition a { width: 196px;background: url(i/layout/navkorr.jpg) no-repeat top left }

.kontakt a  { width: 197px;background: url(i/layout/navkon.jpg) no-repeat top left }
	

	
	

/* schrift und überschrift ------------------------------------------------------------ 
*/
.inhalt{
padding: 0px 0px 0px 0px;
font-weight: bold;
line-height:165%;
}

.inhalt p{
padding: 0px 0px 0px 0px;
font-size:0.7em;
line-height:165%;
}

.inhalt ul {
margin:10px 0 0px 30px;
padding:0;
}

.inhalt li {line-height:200%;
list-style-type: none;
margin-left: 0;
padding: 0 0 0 10px;
}


.sidebar{
text-align: right;	
padding: 0px 0px 0px 0px;
color:#000;                                          
line-height:165%;
}


.sidebar ul {
text-align: right;
margin:10px 0 10px 0;
padding:0;
font-size:0.7em;
}

.sidebar li {line-height:200%;
list-style-type: none;
margin-left: 0;
padding: 0 0 0 10px;

}

.footer {
	
padding: 0px 0px 0px 0px;
color:#000;   
text-align: right;
font-size:0.7em;
line-height:165%;
}

.rosa {color:#ffcccc;}

.blau {color:#99ccff;}

.gelb {color:#ffff66;}

.grun {color:#99ff66;}


/* intro ------------------------------------------------------------ */


.intro{width:600px; margin:0px auto 0px auto;text-align:left;background:#ffcccc url(i/intro/intro.jpg) top left no-repeat;}


.navigationintro{
    margin: 0px;
    width: 300px;
	height: 600px;
}


.navintro ul
 {
 margin: 0;
 padding: 0px 0px 0px 300px;
 list-style-type: none;
 }

.navintro ul li { display: inline; }

 
.navintro ul li a
 {
 float:left;
 text-decoration: none;
  display: block;
		text-indent: -1700em;
		height: 600px; 
 }

 
.navintro ul li a:hover
 {
background-position: 0 -600px;
 }
 
.navintro ul li a.on{background-position: 0 -600px;}

	
.enter a  { 	width: 300px;
		background: url(i/intro/enter.jpg) no-repeat top left;
		overflow:hidden;}