/* ------------------------------------------------------------------------------------- 
   ///////////////////////////////////  Body  ////////////////////////////////////// 
   ------------------------------------------------------------------------------------- 
	Generelle Einstellungen für die Homepage.
*/
body {
	margin: 0px;
	background-color: #f9f5e6;
	height:100%;
	text-align: center;	/*for ie only*/

	background-color : #ffffff;
	
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a {
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
	color:#0081C4;
	text-decoration : none
}

a:visited {
	color:#0081C4;
	text-decoration : none
}

a:hover {
	color: #000000;
	text-decoration : none
}

a:active {
	color:#FF3300;
	text-decoration : none
}


h1, h2, h3, h4, h5, h6 {
		padding:0px;
		margin:0px;
		font-weight:normal;
}

/* ------------------------------------------------------------------------------------- 
   ///////////////////////////////////  Box page  ////////////////////////////////////// 
   ------------------------------------------------------------------------------------- 
	Hauptbox: Das ist der die generelle Box in dem alles dargestellt werden.
*/
#page {
	position:relative;
	margin: auto;
	
	width:760px;
	height:600px;	    /* inklusive line at bottom */
	text-align:left;	/* overwrite ie attribute from above */
	
	background-color: #ffffff; /* set here content background */	
	
	z-index:10;	
}

/* ------------------------------------------------------------------------------------- 
   ///////////////////////////////////  Box background  //////////////////////////////// 
   ------------------------------------------------------------------------------------- 
Diese Box stellt den nach links auslaufenden grauen Hintergrund dar.
*/
#background {
	position:absolute;
	left:0px;
	width:40%;
	height:559px;
	z-index:1;
	
	top:72px;
	background-color: #F0F0F0;
}

/* ------------------------------------------------------------------------------------- 
   ///////////////////////////////////  Box left  ////////////////////////////////////// 
   ------------------------------------------------------------------------------------- 
	Diese Box enthält den linken Teil der Seite
*/
#left {
	float:left;	
	width:346px;
	height:600px;	
}
	
/* Unterbox profile /////////////////////////////////////////// */
#left #profil {
	float:left;		
	width:298px;
	height:157px;

	background-color: #B6CF00;
	padding-top:95px;
	padding-left:32px;
}
	
#left #profil h2 {
	font-size:12px;
	color: #ffffff;
	font-weight:bold;	
	text-decoration:none;			
}
		
#left #profil h3 {
	font-size:12px;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
}


/* Unterbox picture /////////////////////////////////////////// */
#left #picture {
	float:left;	
	width:330px;
	height:318px;
		
	background-color: #F0F0F0;
}
	
#left #picture img {
	width:330px;
	height:302px;
}	

/* Unterbox bauherr /////////////////////////////////////////// */
#left #bauherr {
	float:left;	
	width:330px;
	height:61px;
	background-color: #F0F0F0;
}

/* TAN HACK (with ie6 in quirksmode) \*/
* html #left #bauherr {
	marg\in-bottom:-3px;
}
/* END TAN HACK */
	
#left #bauherr img {
	width:330px;
	height:61px;
}

/* Unterbox box /////////////////////////////////////////// */
#left #box {
	float:right;
	width:16px;
	height:559px;
		
	margin-top:72px;		
	background-color: #F0F0F0;
}	

/* Unterbox footer /////////////////////////////////////////// */
#left #footer {
	float:left;		
	width:330px;
	height:25px;

	background-color: #FFFFFF;
}		
	
#left #footer	#metanavigation ul {
	margin: 0px;
	padding: 0px;
	padding-right:9px;
	padding-left:5px;
	padding-top:8px;
	white-space: nowrap;
}

#left #footer	#metanavigation ul#utilitiesLeft {
	float:left;
}
				
#left #footer	#metanavigation ul li {
	display:inline;
	list-style-type: none;
}

#left #footer	#metanavigation ul li.leftlined {
	border-left:1px solid #55554B;
}
		
#left #footer	#metanavigation ul li a {
	color: #55554B;
	text-decoration: none;
	margin-left:10px;
	margin-right:6px;
		
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	font-size: 11px;
}
		
#left #footer	#metanavigation ul li a:hover {
	color: #000000;
}
		
	
/* ------------------------------------------------------------------------------------- 
   ///////////////////////////////////  Box right  ////////////////////////////////////// 
   ------------------------------------------------------------------------------------- 
	Diese Box enthält den rechten Teil der Seite
*/
#right {
	height:600px;	
	width:402px;
	float:right;
}
	
/* Unterbox logo /////////////////////////////////////////// */	
#right #logo {
	float:left;
	width:402px;
	height:72px;

	background-color: #ffffff;
}
	
#right #logo img {
	width:402px;
	height:68px;
}	

/* TAN HACK (with ie6 in quirksmode) \*/
* html #right #logo img {
	marg\in-top:-3px;
}
/* END TAN HACK */
	
/* Unterbox address /////////////////////////////////////////// */	
#right #address {
	float:left;	
	width:373px;
	height:245px;					
		
	background-color: #f0f0f0;	
		
	text-align:left;	/* overwrite ie attribute from above */
	padding-top:20px;
	padding-left:29px;
}		

#right #address h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #858585;
	font-weight:bold;
	text-decoration:none;			
}
	
#right #address h2 {
	font-size:12px;
	color: #333333;
	font-weight:bold;	
	text-decoration:none;			
}	
	
#right #address h3 {
	font-size:12px;
	color: #666666;
	font-weight:normal;	
	text-decoration:none;			
}					
	
#right #address img {
	margin-top:11px;
}	
	
#right #address a {
	font-size:12px;
	color: #999999;
	font-weight:normal;	
	text-decoration:underline;
}
	
#right #address a:active {
	color: #999999;
	text-decoration:underline;
}
		
#right #address a:visited {
	color: #999999;
	text-decoration:underline;
}
	
#right #address	a:hover {
	color: #000000;
	text-decoration:underline;
}

/* Unterbox printprofil /////////////////////////////////////////// */
#right #printprofil {
	display:none;
}
	
/* Unterbox kompetenz /////////////////////////////////////////// */
#right #kompetenz {
	float:left;	
	width:373px;
	height:228px;
		
	padding-top:42px;
	padding-left:29px;
		
	background-color: #55554B;
}
		
#right #kompetenz h2 {
	font-size:12px;
	color: #ffffff;
	font-weight:bold;	
	text-decoration:none;			
}

#right #kompetenz h3 {
	font-size:12px;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
}	

#right #kompetenz ul {
	margin:0px;
	margin-top:3px;
	margin-left:17px;
	padding: 0px;
	list-style-image:url(./pfeil-gruen.gif);
}
	
#right #kompetenz ul li {
	position:relative;
	padding-top:3px;
	padding-left:0px;
		
	font-size: 12px;
	text-decoration: none;
	color: #cccccc;
}