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

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


a:focus { outline: none;}

a:link, a:visited, a:active {
	color:#99110b;
}


a:hover {
	color:#000;
}

img {border:2px solid #FFF;}

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

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:1.5em;
color:#99110b;
text-align: left;
font-weight: normal;
margin-top:10px;
letter-spacing:0;
line-height:1em;
}

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

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


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

div#container{
width:800px;
margin:0px auto 0px auto;
position:relative; 
overflow:hidden;
text-align:left;
background: url(i/layout/bgcontainer.jpg) top left repeat-y; 
border:0px solid #FFF;}


.header{

width: 792px;
height:171px;	
margin: 0px 0px 0px 0px;
background: url(i/layout/top.gif) top left no-repeat;
overflow:hidden;
border:0px solid #9966cc;}

a.logo {
text-indent: -9999px;
background: url(i/layout/logo.gif) top left no-repeat;
width:329px;
height:171px;
position: absolute;
top:0px;
left:0px;
overflow:hidden;
border:0px solid #fff;}


.zwischenr{
clear:all;
width:792px;
height:5px;
background: url(i/layout/zwischenr.gif) top left no-repeat;
border:0px solid #000;}

.wrapper{float:left;
width:620px;}



.inhaltbreit {
width:600px;
float:left;
margin: 10px 0px 0px 20px;
border: 0px #bababa solid;

}

.inhalt {
width:340px;
float:left;
margin: 10px 0px 0px 20px;
border: 0px #bababa solid;

}


.sidebar {
width:240px !important;
float:right;
margin: 10px 0px 0px 0px;
border: 0px #000 solid;
}

.side_left {
width:240px !important;
float:left;
margin: 10px 0px 0px 0px;
border: 0px #000 solid;
}



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


	

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

.navigationoben{
margin: 16px 0px 0px 0px;
width: 118px;
float: left;
background:#d0c8c6 url(i/layout/navbg.jpg) top left repeat-y;
}


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

 
.navcontainer ul li { display: inline; }

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

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

	
.ensemble a  { width: 118px;background: url(i/layout/navensemble.gif) no-repeat top left }
	
.termine a  { width: 118px;background: url(i/layout/navtermine.gif) no-repeat top left }

.kontakt a  { width: 118px; height: 64px; background: url(i/layout/navkontakt.gif) no-repeat top left }

.musik a  { width: 118px;background: url(i/layout/navmusik.gif) no-repeat top left }

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

.repertoire a  { width: 118px;background: url(i/layout/navrepertoire.gif) no-repeat top left }
	

	
	



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

.inhalt p{
color:#000;
padding: 0px 0px 0px 0px;
font-size:1em;
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 p{
text-align: right;	
padding: 0px 0px 0px 0px;
color:#FFF;                                          
font-size:0.7em;
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:#FFF;   
text-align: right;
font-size:0.7em;
line-height:165%;
}

.rot {color:#99110b;
font-weight: bold;}



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


.intro{width:803px; margin:100px auto 0px auto;text-align:left;}


.navigationintro{
    margin: 0px;
    width: 803px;
	height: 438px;
	background:#99110b url(i/layout/introbg.jpg) top left no-repeat;
	}


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

.navintro ul li { display: inline; }

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

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

.ensemble a  { width: 118px;background: url(i/layout/navensemble.gif) no-repeat top left }
	
.termine a  { width: 118px;background: url(i/layout/navtermine.gif) no-repeat top left }

.kontakt a  { width: 118px; height: 34; background: url(i/layout/navkontakt.gif) no-repeat top left }

.musik a  { width: 118px;background: url(i/layout/navmusik.gif) no-repeat top left }

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

.repertoire a  { width: 118px;background: url(i/layout/navrepertoire.gif) no-repeat top left }