/* CSS Document */

/* Allgemein */
body {
	font-family:arial, tahoma, verdana, helvetica, sans-serif;
	font-size:15px; letter-spacing:1px; line-height:140%; color:#595959;
	margin:0; padding:0; z-index:0;
	background-color:#6A6962;
	}
	
td		{ font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 140%;}	

a 		{ color: #6E6760;}

a:hover { color: #cc6633; }

p		{ margin-top:2px; margin-bottom: 8px; }

h1		{ color:#6E6760; margin-bottom: 8px; margin-top: 0px; font-size:18px; font-weight:normal; line-height: 150%; letter-spacing:1px; }
h2		{ color:#6E6760; font-size:15px; font-weight:normal; margin-bottom: 0px;	}
h3		{ color:#6E6760; font-size:13px; font-weight:bold; margin-bottom: 0px;	}
h4		{ color:#6E6760; font-size:13px; font-weight:normal; margin-bottom: 0px;	}

.subnavigation h1										{ margin-left:60px; padding-top:50px;}
#startseite h1											{ color:#BBD7E0;}	
#startseite h2, #startseite h3							{ color:#539AB1;}	
#profil h1, #profil h2,	#profil h3						{ color:#D6855C;}	
#leistungen h1, #leistungen h2, #leistungen h3			{ color:#9AB85C;}	
#referenzen h1, #referenzen h2, #referenzen h3			{ color:#DDB515;}	
#informationen h1, #informationen h2, #informationen h3	{ color:#D65C5C;}
#kontakt h1, #kontakt h2, #kontakt h3					{ color:#66ADAC;}

hr 			{ color: #D8DDC8; height: 1px;}

small		{ font-size: 12px; line-height:120%;}
	
ul { list-style: outside square; list-style-image:url(pics/bullet.gif); margin-left:10px; margin-top:8px; margin-bottom:8px; padding-left: 5px; }
li { padding-bottom:6px; margin-top:4px; padding-left:0px; }
*html ul { list-style: outside square; list-style-image:url(pics/bullet_ie.gif); margin-left:10px; padding-left: 5px; }

.hochgestellt { vertical-align: 25%; font-size: 9px; }

.eingerueckt { padding-left:40px;}

/* Grund-Layout */
.maincontainer { position:absolute; left:50%; top:0px; margin-left:-440px;
	width:880px; height:650px; z-index:1; } /* left:50%, fürs Editieren left:50px, margin-left:-440px fürs Editieren margin-left:40px*/
	
.navigation { background-color:white; height:166px; width:880px; background-image: url(pics/plan.gif); background-repeat:no-repeat; background-position:left top;  }

.subnavigation { height:auto; width:880px;}
			
.inhalt { background-color:white; vertical-align:top; padding:40px; padding-left:60px; padding-bottom:0px; margin-top:0px; margin-bottom:0px;   }
		
.fusszeile { margin-top:-1px; padding-left:60px; margin-bottom:40px; width:880px; height:20px;  background-image: url(pics/fusszeile.gif); background-repeat:no-repeat; background-position:left bottom; }
				
/* Navigation */
.navigation a img				{ border:0px;}
.navigation div.start	 		{ position:absolute; left:0px; top:86px;}
.navigation div.profil	 		{ position:absolute; left:116px; top:97px;}
.navigation div.leistungen 		{ position:absolute; left:227px; top:75px;}
.navigation div.referenzen 		{ position:absolute; left:346px; top:84px;}
.navigation div.informationen 	{ position:absolute; left:436px; top:64px;}
.navigation div.kontakt 		{ position:absolute; left:554px; top:64px;}

/* Subnavigation */
#startseite .subnavigation 		{ background-color:#1A7897; background-image: url(pics/starttab.gif); background-repeat:no-repeat; background-position:right bottom; height:110px;}	
#profil .subnavigation			{ background-color:#CC6633;}	
#leistungen .subnavigation		{ background-color:#9AB85C;}	
#referenzen .subnavigation		{ background-color:#ECC93E;}	
#informationen .subnavigation	{ background-color:#CC3333; height:55px;}
#kontakt .subnavigation			{ background-color:#4EA7A5; }

.subnavigation ul				{ list-style: none; list-style-image:none; margin:0px; padding:0px;  padding-bottom:1px; padding-top:2px;}
.subnavigation li 				{ padding:0px; padding-left:12px; padding-bottom:0px; text-transform: uppercase; font-size:11px; line-height:14px; letter-spacing:2px; }
.subnavigation li a, 
.subnavigation li span			{ color:black; text-decoration:none; padding:1px; padding-bottom:4px; padding-right:0px; display:block;}

#profil .subnavigation li a, 
#profil .subnavigation li span			{ border-bottom:1px dashed #E0A385; width:110px; }
#profil .subnavigation li.lastitem a, 
#profil .subnavigation li.lastitem span	{ border-bottom:0px; }
#profil .subnavigation li a:hover		{ color:white;}
#profil .subnavigation li#aktuell		{ background-image: url(pics/navigation/marker_profil.gif); background-repeat:no-repeat; background-position:0px 2px;}
*html #profil .subnavigation li#aktuell	{ background-position:0px 1px;}
/* ----------------------------------------------------------------------------- */	
#leistungen .subnavigation li a,  
#leistungen .subnavigation li span		{ border-bottom:1px dashed #C2D49D; width:232px;}
#leistungen .subnavigation li.lastitem a, 
#leistungen .subnavigation li.lastitem span	{ border-bottom:0px; }	
#leistungen .subnavigation li a:hover	{ color:white;}
#leistungen .subnavigation li#aktuell	{ background-image: url(pics/navigation/marker_leistungen.gif); background-repeat:no-repeat; background-position:0px 2px;}
*html #leistungen .subnavigation li#aktuell	{ background-position:0px 1px;}
/* ----------------------------------------------------------------------------- */	
#referenzen .subnavigation li a,  
#referenzen .subnavigation li span		{ border-bottom:1px dashed #F9EBB5; width:266px;}
#referenzen .subnavigation li.lastitem a, 
#referenzen .subnavigation li.lastitem span	{ border-bottom:0px; }	
#referenzen .subnavigation li a:hover	{ color:white;}
#referenzen .subnavigation li#aktuell	{ background-image: url(pics/navigation/marker_referenzen.gif); background-repeat:no-repeat; background-position:0px 2px;}
*html #referenzen .subnavigation li#aktuell	{ background-position:0px 1px;}

/* ----------------------------------------------------------------------------- */	
#kontakt .subnavigation li a,  
#kontakt .subnavigation li span		{ border-bottom:1px dashed #96C4C2; width:266px;}
#kontakt .subnavigation li.lastitem a, 
#kontakt .subnavigation li.lastitem span	{ border-bottom:0px; }	
#kontakt .subnavigation li a:hover	{ color:white;}
#kontakt .subnavigation li#aktuell	{ background-image: url(pics/navigation/marker_kontakt.gif); background-repeat:no-repeat; background-position:0px 2px;}
*html #kontakt .subnavigation li#aktuell	{ background-position:0px 1px;}

/* Inhalt */
/* Startseite */
#startseite .inhalt { padding-top:4px; margin-bottom:0px; padding-right:0px; background-image: url(pics/unten_bg.gif); background-repeat:repeat-x; background-position:left bottom;}
.intro 				{ width:350px; margin-bottom:40px; margin-top:10px; height:349px;}
*html .intro		{ height:331px;}

.nachrichten 	{ float:right; width:300px; }
.nachrichten h4	{ color:#539AB1; text-transform: uppercase; font-size:12px; letter-spacing:2px; margin-top:0px;}
.nachrichten ul	{ list-style: none; list-style-image:none; margin:0px; margin-bottom:6px; padding:0px; padding-top:1px; padding-right:40px;}
.nachrichten li { padding:0px; font-size:13px; line-height:16px; padding:3px 1px; padding-top:5px; border-top:#BFD9E2 1px dashed; }
.nachrichten li a 		{ color:#595959; text-decoration:none;}
.nachrichten li a:hover { color:#CC6633; text-decoration:none;}
.nachrichten .foto { }
.pfeil 	{ margin-top:3px; margin-left:3px;}

/* Inhaltsseiten */
#profil .inhalt { background-image: url(pics/navigation/profil_tab.gif); background-repeat:no-repeat; background-position:right top; }
#leistungen .inhalt { background-image: url(pics/navigation/leistungen_tab.gif); background-repeat:no-repeat; background-position:right top; }
#referenzen .inhalt { background-image: url(pics/navigation/referenzen_tab.gif); background-repeat:no-repeat; background-position:right top; }
#informationen .inhalt { background-image: url(pics/navigation/informationen_tab.gif); background-repeat:no-repeat; background-position:right top; }
#kontakt .inhalt { background-image: url(pics/navigation/kontakt_tab.gif); background-repeat:no-repeat; background-position:right top; }
.hauptinhalte { padding-right:130px; margin:0px; padding-bottom:40px;}

/* Teambild */
.teambild a{cursor:default;}

/* Bildergalerie */
.galerie { margin-top:12px; }
.galerie img { margin-right:12px; margin-bottom:12px; border:2px solid white;}


/* Fusszeile und Kontakt */
.fusszeile a		{ color:#C3C3C0; font-size:10px; padding-right:20px; text-decoration:none; letter-spacing:0px;}
.fusszeile a:hover	{ color:#E1E1E0; text-decoration:none;}
.fusszeile  		{ color:#C3C3C0; white-space: nowrap; font-size:11px; letter-spacing:0px;}
#startseite .fusszeile { margin-left:-120px; width:262px; }

/* Buttons */
.button 		{ height:19px;margin-bottom:8px;}
.button .rechts	{ width:9px;	background-image: url(pics/button_rechts.gif);	background-repeat: no-repeat;}
.button .links	{ width:9px; background-image: url(pics/button_links.gif); background-repeat: no-repeat;}
.button .mitte	{ vertical-align:middle; font-size:11px; background-color:#993366;}
.button a		{ color:#F0E1E8; text-decoration:none;}
.button a:hover	{ color:white; background-color:#993366; }

/* Tabellen */
#infokasten td, #infokasten th  { border:1px solid #cccccc; padding:4px 8px;}
#infokasten th  { padding-left:8px;}
#infokasten { border-collapse:collapse; margin-top:24px;}

table.tabelle { margin-top:12px;}
table.tabelle td, table.tabelle th	{ text-align:left; font-size:12px; letter-spacing:0px; border-bottom:1px solid #cccccc; padding:2px; padding-right:16px; vertical-align:top; }
table.tabelle th { border-bottom:0px; font-size:10px; text-transform:uppercase; font-weight:normal; color:#8C8B86; background-color:#F3F2F1}
.tabelle a 		 { color:#797871; text-decoration:none;}
.tabelle a:hover { color:#CC6633; text-decoration:none;}

/* Tabelle für Baubegleitende Leistungen */
table.tabelle_spalten { margin-top:4px;}
table.tabelle_spalten td, table.tabelle_spalten th	{ text-align:left; vertical-align:top; font-size:11px; letter-spacing:0px; padding:3px; padding-right:16px;}
.tabelle_spalten a 		 { color:#797871; text-decoration:none;}
.tabelle_spalten a:hover { color:#CC6633; text-decoration:none;}


/* Kästchen */
table.kasten				{ border:solid 1px #cccccc; margin-top:15px;}
table.kasten td.oben_links	{ width:12px; height:12px; 
							  background-image: url(pics/kasten_oben_links.gif); background-repeat: no-repeat; 
							  background-position: left top;}
table.kasten td.oben_rechts	{ width:12px; height:12px; 
							  background-image: url(pics/kasten_oben_rechts.gif); background-repeat: no-repeat; 
							  background-position: right top;}
							  
table.kasten td.unten_links	{ width:12px;
							  background-image: url(pics/kasten_unten_links.gif); background-repeat: no-repeat; 
							  background-position: left bottom;}
table.kasten td.mitte		{ padding:8px 0px;}
table.kasten td.unten_rechts{ width:12px;
							  background-image: url(pics/kasten_unten_rechts.gif); background-repeat: no-repeat; 
							  background-position: right bottom;}
							  
table.kasten h3				{ display: inline; color:#839036; margin-right:4px;}

/* Formulare */
form#kontaktform 	{font-size:12px;}
form#kontaktform table	{ margin-top:12px;}
form#kontaktform td { padding-right:12px; padding-bottom:7px; }