.body{
		margin:0;
		padding:0;
		font-family:sans-serif;
		background-color:#66CCFF;
			
	}

.oben{
		background-image: url(bilder/rahmen-oben.png);
		height:91px;
		background-repeat:no-repeat;
		width:782px;
		
	}

.seitentitel	{
	position:absolute;
	top:50px;
	color: #333333;
	font-style: italic;
		}
	
	
.mitte {	width:782px;
		background: url(bilder/rahmen-mitte.png);
		background-repeat:repeat-y;
		text-align:left;
		/* damit die Zentrierung des gesamten Bildfensters durch das äusserste DIV nicht vererbt wird */
	
		
	
}
.innen {
	width:742px;
	color: #333333;
	float:right;
	padding-right:39px;
	
	} 
.inhalt {
	width:482px;
	margin-right:30px;
	float:right;}	

.unten{
	background-image: url(bilder/rahmen-unten.png);
	height:71px;
	background-repeat:no-repeat;
	width:782px;
	padding-top:20px;
	color:#000099;
	font-size: smaller;
	font-weight: bolder;
	
		
	}
	

#logo 	{float:left;
		
		margin-left:10px;
}


			
#Menubalken{
	float:right;
	
	width:100px;
	z-index:1;
	visibility: visible;
	font-weight: bold;
	font-size:0.8em;
	padding:0;
	margin:0;
	}

#Menubalken a{
	display:block;
	padding: 0;
	color:white;
	text-decoration:none;
	text-align:center;
	border: 2px solid #668cb2;
	margin-left:0;
	border-radius:8px;
	background: #0C5598;
   -moz-border-radius:8px;
	
	}
		
#Menubalken a:link, #Menubalken a:visited {
    width:95px;
	
/*IE/Win 6 zeigt den Hover-Effekt nur über dem Text, nicht aber über die ganze Breite des A-Elementes. Abhilfe schaffen wir uns, indem wir eine zusätzliche Breitenangabe für die Pseudoelemente einführen.  Siehe auch nächsten Block, A:hover, A:focus*/ 
 
    padding: 3px 4px;
    border: 2px solid #668cb2;
    border-color: #c1d1e0 #415971 #415971 #c1d1e0;
	}
#Menubalken a:hover{
    width: 95px;
	padding: 4px 3px 2px 5px;
	background-color:#1b70a7;
    border: 2px inset #668cb2;
    border-color: #415971 #c1d1e0 #c1d1e0 #415971;
	}

#Menubalken a:active {
    width: 95px;
	padding: 3px 4px;
    border: 2px solid #668cb2;
    border-color: #c1d1e0 #415971 #415971 #c1d1e0;
	}
	
#Menubalken a:focus {
    width: 95px;
	padding: 4px 3px 2px 5px;
	background-color:#1b70a7;
    border: 2px inset #668cb2;
    border-color: #415971 #c1d1e0 #c1d1e0 #415971;
	}
	 
.thumbnailangebot{
		float:left;
 		
 		height:290px;
 		width:230px;
 		border-style:solid;
 		border-color:white;	
 		
 }
 
 

 
.thumbnailangebot-innen{
		
 		padding:5px; 
 		text-align:center;
		color:red;	
 		
 }	
 
#quermenu
		{
		float:left;
		width:748px;
		background:url("bilder/tb.gif") repeat-x bottom;
		/*für den Strich unter den Tabs*/
		font-size:93%; line-height:normal;
		display: inline;
		list-style-type: none;
		/*für Liste nebeneinander und ohne die Unterstriche der Links*/
		
		}


#quermenu ul
		{
		list-style:none;
		margin:0; 
		padding:10px 10px 0;
		/*schafft Raum um die Links*/
		}
		
#quermenu li
		{
		float:left; 
		background:url("bilder/tl.gif") no-repeat left top;
		margin:0; 
		padding:0 0 0 9px;
		/*damit das Hintergrundbild sich nicht vor der transparenten Ecke fortsetzt*/
		}
		
		
#quermenu a
		{
		display:block;
		font-weight:bold;
		color: #333333;
		text-decoration:none;
		background:url("bilder/tr.gif") no-repeat right top;
		padding:5px 15px 4px 6px; 
		/*wegen der neun Pixel im li-Teil - rechts sinds für die Zentrierung 15, links bleiben noch 15 - 9 = 6 Pixel für die Zentrierung!*/
		}
		

#quermenu a:hover { 
		color:#765;
  }

.aktuell {
      background-image:url("bilder/tl-aktiv.gif");
      }
		
.aktuell a { 
		background-image:url("bilder/tr-aktiv.gif"); 
		padding-bottom:4px;
		/*Den Strich unten verdecken*/
  }
  

.bildunter {
        font-style : italic;
        font-size : x-small;
        color : Green;
        text-align : center;
}  		

/*.verborgen {

display:none;

}*/