body{
    background-image: url(../bilder/background.jpg);
     background-attachment: fixed;
    font-family: Verdana, Arial;
    font-size: 0.9em;
    text-align: center;
    height: 100%;
    margin: 0px auto;
    color:  #ffffff;
}
 
div.wrapper{
     text-align: left;
     height: 100%;
     width: 85%;
     margin:  0 auto;
     
   
 } 
 
 div.header{
  color:  #FFFFFF;  
    clear: both;
    height: 175px;

 }
 
 div.head{
     float: right;
     width: 66%;
     height: 100px; /*ab einem bestimmten Wert muss es 100px sein. Extra CSS anlegen */
 }

 div.logo{
     min-width: 245px;
     width: 33%;
     float: left;
     text-align: center;
 }
 
 
div.inhalt{
    color:  #FFFFFF;
    min-height: 100%;
    overflow: hidden; /*Ausleich des oberen DIV Elements Hintergrund*/
    
    background-color: #000000;
    opacity: 0.9;   /*moderne Browser*/
    -moz-opacity: 0.9; /*mozilla älter*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /*IE8*/
    filter: alpha(opacity=90); /*IE 7*/      
    
}
 
 
 img.anzeige{
     visibility: hidden;
     display: none;
 }     

div.content{
     padding: 10px;
     
     
 }

 
 div.footer{
    clear: both;
    min-height: 275px;
    max-height: 550px;
 }
 
 
 div.links{
     float: left;
     width: 60%;
     text-align: center;
     overflow: hidden;
     clear: both;
 }
 
 div.rechts{
     text-align: center;
     float: right;
     width: 35%;
     margin: 10px;
 }
 

div.spalten{
     width: 33%;
     float: left;
     
 } 
 
 
 
a img{
     border: 0;
 }
 
 
 
section{
     overflow: hidden;
 } 

 div.col{
     float: left;
     width: 68%;

 }
 
 
 .col+ .col{
     float: right;
     text-align: left;
     max-width: 30%;
 }
 
 
 
  div.cols{
     float: left;
     width: 49%;

 }
 
 
 .cols+ .cols{
     float: right;
     text-align: left;
     max-width: 49%;
 }
 
div.trenner{
     float: none;
     width: 90%;
     clear: both;
 }
 
 
 
table.lmngeschichte tr td{
     width: 16%;
     text-align: center;
 } 
 
 
 table.lmngeschichte tr.jahre{
     background-color: #9e5c0a;
     color:  #dddddd;
     text-align: center;
     font-weight: bold;
     font-size: 1.2em;
 }
 
 
 
 
 
 
 
 
/*--------------------------------------
     Artikel Veranstaltungen
---------------------------------------*/
img.imgliveonstage{
     float: left;
     padding-right: 25px;
 }
 
 span.info{
     font-size: 0.7em;
 }
 
 span.ueberschrift{
     font-size: 1.4em;
     font-weight: bold;
     color: #9e5c0a;
 }
 
 span.web{
     font-size: 0.8em;
 }
 
 span.livedate{
     font-size: 0.9em;
     font-style: italic;
 }
 
 hr{
     background: #fcc271;
     height: 2px;
     text-align: center;
     margin-top: 10px;
     margin-bottom: 10px;
 }
 
 article.veranstaltungen{
     float:left;
     width:  79%;
 }
 aside.containerveranstaltung{
     
     float: right;
     width: 20%;
     height: 100%;
     overflow: hidden;
 }
 
/*----------------------
Menu
-----------------------*/ 
 
 div.menu {
	/*background: url(../bilder/nav_bg.png) repeat-x transparent;*/
	line-height: 35px;
	/*width: 984px;*/
    background-color: #808080;
	margin-top: 10;
	/*padding-top: 10px;*/
	/*padding-bottom: 15px;*/
	display:block;
    float: right;
    width: 66%;
    font-size: 1.1em;
}

div.menu:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

div.menu ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div.menu ul li{
	text-align:center;	
	border-left: 1px solid #E5DABC;
	float: left;
	/*width: 125px;*/
    padding-left: 10px;
    padding-right: 10px;
}

div.menu ul li:first-child {
	border: none;
	width: 55px;
}

div.menu ul li a{
	color: #dddddd;
	text-decoration:none;
	font-weight:bold;
	display:block;
}

div.menu ul li:hover a,
div.menu ul li a:hover{
	background-color: #653105;
	color: #fcc271;
	text-decoration:none;
}

 
 
 /*
    Navigation     
*/
 
 a {
     color:  #f8c910;
     text-decoration: none;
 }
 
 a:hover{
     text-decoration: underline;
 }
 

 
 h1{
     font-size: 1.9em;
     color: #d6c47b;
 }
 
 h2{
     font-size: 1.5em;
     color: #fcc271;
 }
 
 h3{
     font-size:  1.2em;
     color:  #a2c47d;
     font-style: italic;
 }