/*==================================================================

Autor: Jan Feldmann / Kai Roggenkamp
Datei: bildschirm.css

Aufbau:	 1. Kalibrierung und allgenmeine Styles
		2. Styles für Layoutbereiche
		3. Sonstige Styles

=================================================================== */


/*=============================================
1. Kalibrierung und allgemeine Styles
=============================================*/

* { padding: 0; margin: 0; }

body {   
		font-size: 12px;         
		color: black; 
		background-color: #97a2a5;
		font-family: Verdana, Arial, Helvetica, sans-serif, Trajan Pro, Times New Roman;
		line-height: 1.5; 
	 }
	  
h1 { font-size: 130%; }
	 
a { color: #97a2a5; }
		
/*=================================================
2. Styles für die Layoutbereiche
==================================================*/

#wrapper { 	
			float: left;
			margin: 10px auto 0 auto;		
			background-color: #2c2c2c;
			color: black;
			height: 810px;
			width: 820px;			
		}

/*Navibereich*/


#navibereich { 
				font-family: verdana;
				float: left;
				margin: 243px 0 0 75px;				
				height: 15em;									
			}
			
		#navibereich ul { 						
						margin: 0 0 0 0;																		
					  }
		
		#navibereich li { 	
						list-style-type: none; 						
						margin: 0;						
					  }
		
		#navibereich a {
						display: block;
						color: black;
						margin-left: 0;
						margin-top: 0;
						text-decoration: none;
						width: 9.5em;
						height: 0.9em;						
						font-size: 8pt;
						padding: 0.77em 1.4em 1.2em 1.3em;
						background-image: url(../buttons/navibutton/navibutton_inactive.png);																
					}
					

		#navibereich a:hover,		
		#startseite #navi01 a,
		#leistungen #navi02 a,		
		#preise #navi03 a,		
		#referrenzen #navi04 a,
		#kontakt #navi05 a,
	    #ueber_uns #navi06 a	{
								margin-left: 0;
								margin-right: 0;
								color: white;
								width: 9.5em;
								height: 0.9em;						
								font-size: 8pt;
								padding: 0.77em 1.4em 1.2em 1.3em;
								background-image: url(../buttons/navibutton/navibutton_active.png);	
								border-bottom: none;				
							}	
							
		#navibereich a:focus,
		#startseite #navi01 a,
		#leistungen #navi02 a,		
		#preise #navi03 a,		
		#referrenzen #navi04 a,
		#kontakt #navi05 a,
		#ueber_uns #navi06 a	{
								margin-left: 0;
								margin-right: 0;
								color: white;
								width: 9.5em;
								height: 0.9em;						
								font-size: 8pt;
								padding: 0.77em 1.4em 1.2em 1.3em;
								background-image: url(../buttons/navibutton/navibutton_active.png);	
								border-bottom: none;								
							}
								
		#navibereich a:active	{ 
								color: black;								
								width: 9.5em;
								height: 0.9em;						
								font-size: 8pt;
								padding: 0.77em 1.4em 1.2em 1.3em;
								background-image: url(../buttons/navibutton/navibutton_active.png);								
								border-bottom: none;
								}

/*Navibereich Ende*/		

#container1 { 	
				background-color: #161616; 
				width: 800px; 
				margin: 0 auto 0 auto; 
				SCROLLBAR-FACE-COLOR: #333333; 				
				SCROLLBAR-ARROW-COLOR: #bcffff; 
				SCROLLBAR-TRACK-COLOR: #161616; 
				SCROLLBAR-3DLIGHT-COLOR: #161616;
				SCROLLBAR-HIGHLIGHT-COLOR: #808080;
			}
			
#textbereich {  
				text-align: justify;
				padding: 10px;
				font-family: Verdana;
				position: relative;				
				width: 750px;
				height: 495px;
				background-color: #161616;				
				color: white;					
				border-top: none;				
				margin-bottom: 0;
				margin-top: 1%;				
			}	

#impressum  #textbereich,
#kontakt #textbereich { width: 780px; }				

#leistungen #textbereich p,
#referrenzen #textbereich p { padding: 16.6px; }

#hidden1 { visibility: hidden; }
#hidden2 { visibility: hidden; }

#leistungen #hidden1 a:hover { visibility:visible; color: white;}

#imagebox { float: left; border: 1px solid #2c2c2c; height:178px; margin-left: 54.3px; margin-top: 17px; }	

#infobox { position: absolute; top: 250px; left: 65px; width: 89.5%; height: 215px; background-color: #2c2c2c;  }

#referrenzen #infobox { height: 300px; top: 200px; }

#infobox li { margin-left: 70px; }

#fussbereich { 				
				font-size:80%;
				text-align: right;
				padding: 0px 20px 20px 20px; 
				border-top: 1px solid #353535; 
				margin-top: 0;
			}

address {
		text-align: center; 
		font-size: 100%; 
		font-style: normal; 
		letter-spacing: 2px;
		line-height: 1.5; 
	}



/*==================================================================================================================
							    ENDE DER CSS-DATEI !
==================================================================================================================*/