/* 	www.hupe.eu
	css-Stylesheet für Body-Bereich
	(c) 2008
*/


* { margin: 0
	; padding: 0;}
			
html {background: white; 
	color: #222; 
	font: 12px/130% arial, verdana, helvetica, sans-serif; }
			
div#inhalt {width: 667px; 
	margin-left: 47px;}

	
/* Logo ausblenden */

	div#logo {display: none; }

	
/* Brotkümelspur */

	div.brotspur { font-size: 90%;         
		line-height: 150%;	                 
		text-align:	left;          
		margin-top:	20px;	      
		margin-bottom: 62px;         
		color: #666;	      
		background:	#eee; 
		width: 100%;  
		padding-top: 2px; 
		padding-bottom: 2px;}  
							
	div.brotspur ul {list-style: none;}
			
	div.brotspur ul li {display: inline;}
			
	div.brotspur span.ohnelink { border: 1px solid #eee; 
	padding: 4px; }
			
	div.brotspur a {text-decoration: none; 
		border: 1px solid #eee; 
		font-weight:bold; 
		padding: 2px; 
		color: #666;}
							
	div.brotspur a:hover { text-decoration: none; 
		border: 1px solid gray;}

		
/* Titel der Seite */	
								
	div.titel  h1{ font-size: 150%; 
		line-height: 130%; 
		color: #666; 
		border-bottom: 3px solid rgb(253, 225, 0); 
		margin-top: 25px; 
		margin-bottom:30px;}
		
		
/* Abschnitt */

	div.abschnitt {margin-bottom: 10px; 
		/* clear: both; */ 
		width: 445px; 
		/* float: left; */}
			
	div.abschnitt h2 {font-size: 110%; 
		font-weight: bold; 
		color: #444; 
		line-height: 150%; 
		margin-bottom: 8px;}
			
	div.abschnitt h3 {font-size: 110%; 
		font-weight: bold; 
		color: #444; 
		line-height: 150%; 
		margin-bottom: 15px; 
		margin-top: 15px;
		text-align: center;}
			
	div.abschnitt p {	font-size: 100%;
		line-height: 150%;
		text-align: justify;
		margin-bottom: 15px;}
			
	div.abschnitt ul { margin-top: 0px;
		padding-top: 0px; 
		margin-bottom: 15px;}
			
	div.abschnitt li {	font-size: 100%;          
		line-height: 150%;	             
		text-align:	left;        
		margin-top:	0px;	      
		margin-bottom: 0px;         
		color: black;	      
		margin-left: 35px;
		background:	white;} 
		
	div.abschnitt a {font-size: 90%;        
		line-height: 100%;	                
		text-align: left;         
		color: #666;	      
		background:	#eee; 
		padding-top:1px; 
		padding-left: 2px; 
		padding-right: 4px;
		padding-bottom:1px; 
		margin-bottom: 0px;
		text-decoration: none; 
		border: 1px solid #eee; 
		font-weight:bold; 
		color: #666;}
				
	div.abschnitt a:hover { text-decoration: none;
		color: #000; }
							
			
/* Bildleiste am rechten Rand */	
			
	div.bildleiste {position: absolute; 
		top: 154px; 
		left: 492px;}
			
	div.bildleiste ul {list-style: none; 
		margin-top: 62px;}
			
	div.bildleiste img { width: 193px; 
		height: 121px; 
		margin-left: 29px;
		padding-bottom: 10px;}	
	
/* Bildleiste am rechten Rand etwas nach oben geschoben */	
			
	div.bildleisteoben {position: absolute; 
		top: 130px; 
		left: 492px;}
			
	div.bildleisteoben ul {list-style: none; 
		margin-top: 62px;}
			
	div.bildleisteoben img { width: 193px; 
		height: 121px; 
		margin-left: 29px;
		padding-bottom: 10px;}	

/* QR-Code */

/* Bildleiste am rechten Rand etwas nach oben geschoben */	
			
	div.bildleisteqr {position: absolute; 
		top: 130px; 
		left: 492px;}
			
	div.bildleisteqr ul {list-style: none; 
		margin-top: 62px;}
			
	div.bildleisteqr img { width: 193px; 
		height: 193px; 
		margin-left: 29px;
		padding-bottom: 10px;}			
		
/* Filterleiste am rechten Rand */
		
	div.inhalt {position: relative;} 
			
	div.filterleiste {position: absolute; 
		top: 187px; 
		left: 520px;}

	div.filterleiste h2 {font-size: 12px; 
		font-weight: bold; 
		color: #444; 
		line-height: 150%; 
		margin-bottom: 8px;}
					
	div.filterleiste ul {list-style: none; }

	div.filterleiste li {text-decoration: none; 
		font-size: 90%;
		border: 1px solid #fff;
		font-weight:bold; 
		padding: 2px; 
		color: #666;
		background: #eee;
		padding-left: 10px; 
		display:block; 
		width:182px;}
					
	div.filterleiste li:link, 
	div.filterleiste li:visited {border: 1px solid #fff; } 
							
	div.filterleiste li:hover { text-decoration: none; 
		border: 1px solid gray;}	
			
			
/* Bildergalerie im Text */
			 
	div.galerie {float: left; 
		padding-bottom: 15px;}
			 
	div.galerie img {width: 219px; 
		height: 138px;}
			
	div.galerie ul {list-style: none; }
					 
	div.galerie .bild {margin-left: 1px; 
		margin-right:2px; 
		float:left;}	

		
/* Bildbeschreibung */
		
	div.bildbeschreibung img {width: 181px; 
		height: 114px; 
		float: left;
		margin-right: 20px; 
		margin-bottom: 10px; 
		margin-top: 34px;}
		
		
/* Bildbeschreibung mit Verlinkung */
			
	div.verlinkung {padding-bottom: 20px; position: relative; height: 116px;}
			
	div.verlinkung img {width: 181px; 
		height: 114px; 
		/* float: left; */
		margin-right: 20px; 
		margin-bottom: 10px; 
		margin-top: 4px;
		position: absolute; top: 0px; left :0px; }
			
	div.verlinkung a {font-size: 90%;        
		line-height: 100%;	                
		text-align: left;         
		color: #666;	      
		background:	#eee; 
		padding-top:1px; 
		padding-left: 2px; 
		padding-right: 4px;
		padding-bottom:1px; 
		margin-bottom: 0px;
		text-decoration: none; 
		border: 1px solid #eee; 
		font-weight:bold; 
		color: #666;
		position: absolute; top: 102px; left: 201px;}
		
	div.verlinkung p { position: absolute; top: 28px; left: 201px; width: 244px;}
	
	div.verlinkung h2 { position: absolute; top: 0px; left: 201px;}
							
	div.verlinkung a:hover { text-decoration: none; 
		border: 1px solid gray;} 

/* Einsatzgebiete Links */

	ul.link {list-style: none; margin-left: -20px;}
				
	ul.link li a {display: block;  
		width: 400px; 
		height: 20px;
		text-decoration: none;
		font-size: 90%;
		font-weight: bold;
		color: #444;
		padding-left: 10px; 
		padding-top: 0px; 
		background: #eee;}
		
	ul.link li a:link, 
	ul.link li a:visited  {background: #eee; 
		border: 1px #fff solid; }
					
	ul.link li a:hover{background: #eee; 
		border: 1px #666 solid; }	
		
		
/* Tabelle im Text */
			
	table{font-size: 90%; 
		line-height:150%;
		width: 450px; 
		margin-top: 0px; 
		margin-bottom: 15px;}
				
	th {background-color: #ccc; 
		font-weight: normal; 
		font-size: 10pt;
		text-align: center;
		padding-top: 4px;
		padding-bottom: 4px;}
				
	td {padding: 0px;
		margin: 0px;}
				
	.titelzeile {background-color: #ddd;
		border: 0 solid #fff; 
		padding-left: 5px; 
		padding-top: 2px; 
		padding-bottom: 2px;
		margin-top: 1px;
		margin-right: 1px;}			
				
	.bezeichnung {background-color: #ddd;
		border: 0 solid #fff; 
		width: 150px;
		padding-left: 5px; 
		padding-top: 2px; 
		padding-bottom: 2px;
		margin-top: 1px;
		margin-right: 1px;}
				
	.werte {background-color: #eee;
		border: 0 solid #fff; 
		padding-left: 5px;
		padding-right: 5px;}
		
/* Liste mit drei Spalten für Kundenliste */

	ul.dreispaltenliste {list-style: none;
		font-size: 90%; 
		line-height:130%;
		padding: 0px;
		margin: 0px;
		border: 0 solid #fff;}
	
	ul.dreispaltenliste li {display: block;
		background-color: #eee;
		border: 0 solid #fff;
		padding-left: 5px;
		padding-top: 2px;
		padding-bottom: 2px;
		margin-top: 1px;
		margin-right: 1px;
		margin-left: 0px;
		width: 215px;
		float: left;}
	
/* Videobereich */
						
	div.video { text-align: center;     
		margin-top: 15px;	     
		margin-bottom: 25px;           
		background: #eee; 
		padding: 3px;} 
							
	div.video object {width: 380px;
		height: 300px;}
		
		
/* Adressbereich */

	div.adresse {border-top-style: solid;
		border-top-width: 2px;
		border-top-color: #eee; 
		margin-top: 30px;
		margin-bottom: 15px;
		padding-top: 10px;
		clear: both;}
							
							
	div.adresse p {font-size: 90%;        
		line-height: 130%;	                
		font-weight: normal;       
		font-style: normal;         
		font-variant: normal;       
		text-decoration: none;     
		text-align: center;       
		margin-top: 0px;	       
		margin-bottom: 0px;        
		color: #666;	       
		background: white;}          
			
	div.adresse a:hover {text-decoration: none;
		font-size: 100%; 
		line-height: 150%;	
		color: #666;
		font-weight:bold;}
							
	div.adresse a:link {text-decoration: none;
		font-size: 100%;        
		line-height: 150%;	
		color: #666;
		background: white;}

	div.adresse a:visited {text-decoration: none;
		font-size: 100%;           
		line-height: 150%;	
		color: #666;
		background: white;}