/* --------------------------------------------------------------------------- */
/*  realgruen style sheets, www.realgruenlandschaftarchitekten.de, 2007-2008   */
/*  author: michael schulze, www.ju-mi.com  	          		     		   */
/* --------------------------------------------------------------------------- */


/* ---------------------------------------------------------- */
/* allgemein */

	/* Grundeinstellungen */
	body, html {
		margin: 0px;
		padding: 0px;
		background: #FFFFFF;
		height: 100%;
	}
	
	body {
		font-family: Arial, Helvetica, sans-serif;
		color: #425A74;
		font-weight: normal;
		font-size: 12px;
		font-style: normal;
		line-height: 17px;	
	}
	
	/* Linkdarstellung */
	a 			{ text-decoration: none; font-style: normal; font-weight: bold; color: #425A74;}
	a:hover 	{ text-decoration: underline; }
	
	
	/* Schriftdarstellung */
	em 			{ font-weight: bold; font-style: normal; }
	.weiss		{ color: #FFFFFF; }
	
		
		
	
/* ---------------------------------------------------------- */	
/* allgemeiner Seitenaufbau */
	
	#container { 
		position: relative; 
		top: 0px; 
		height: 100%;
		width: 100%;
		border: none; 
		padding: 0px;
	}
	
	#container2 {
		position: relative;
		width: 970px; 
		height: 640px;
		text-align: left;
	}
	
	
	/* Navigation */
		
		/* Hauptnavigation */
			#hnav	{ 
				width: 920px; 
				padding: 0px;
				margin: 35px 0px 0px 25px;
			}
			#hnfeld1 {
				width: 240px;
				vertical-align: middle;
			}
			#hnav td img {
				margin-right: 20px;
			}
			.hnfeld	{
				vertical-align: top;
				padding-top: 3px;
				text-align: right;
				font-weight: bold;
				padding-left: 20px;
			}
			.hnsel {
				
			}
		
		/* Projekt-Navigation */
			#prnavladebalken {
				position: absolute;
				top: 45px;
			}
			
			#prnav 	{ 
				padding: 85px 0px 15px 0px; 
				height: 25px;
				overflow: hidden;
			}
		
			#butvor {
				margin-right: 25px;
			}
			
			#butrueck {
				margin-left: 25px;
			}
		
		/* Seitennavigation (außer Projekte) */
			#pagebuttons {
				position: absolute;
				top: 200px;
				left: 870px;
				z-index: 100;
			}
			
			#pagerueck { display: none; }
			#pagevor   { margin-left: 10px; }
	
	
	/* Inhalte */
	
		/* Headlines */
			#pageheads {
				position: absolute;
				top: 42px;
				left: 20px;
				width: 930px;
				padding: 0px;
			}
			.mhead 	{ font-weight: bold; }
			.shead	{ text-align: right; }
		
		
		/* Scrollbarer Inhalt */
			#inhalt {
				position: relative;
				height: 440px;
				overflow: hidden;
				z-index: 10;
				background: url(../bilder/real_main_farbe_gruen.gif);
			}
			#ihcont {
				position: absolute;
				top: 0px;
				left: 0px;
			}
			.ihfeld {
				height: 440px;
				vertical-align: top;
				padding-right: 15px;
			}
			.ihtxtfeld {
				height: 440px;
				vertical-align: bottom;
				font-size: 11px;
				line-height: 13px;
				padding-left: 20px;
			}
			.ihseite {
				width: 970px;
				padding-left: 25px;
				line-height: 1px;
				vertical-align: top;
			}
		
		
		/* Inhaltstexte */
			.seitenabstand {
				width: 970px;
				height: 29px;
			}
			
			.singlepage {
				line-height: 17px;
				width: 700px;
			}
			
			.spalte1, .spalte1k {
				height: 399px;
				width: 470px;
				float: left;
				line-height: 17px;
			}
			
			.spalte1k {
				width: 315px;
				line-height: 17px;	
			}
			
			.spalte2 {
				float: left;
				width: 370px;
				line-height: 17px;	
			}
			
			.displaytext {
				line-height: 21px;
			}
			
			
	/* versteckte Ebene */
		.preload {
			position: absolute;
			top: 0px;
			display: none;
		}
		
	
	/* Seitenspezifisch */
		
		/* Intro */
		#intrologo { 
			position: absolute; 
			top:50px; 
			left:42px; 
		}
		
		/* News */
		.newsdatum {
			vertical-align: top;
			width: 80px;
		}
		
		/* Wir über uns */
		.teamliste {
			float: left;
			width: 175px;
		}
		
		/* werkverzeichnis */
		.werktab {
			font-size: 10px;
			line-height: 12px;
		}
		
		.wt1 {
			vertical-align: top;
			width: 60px;
		}
		
		.wt2 {
			margin: 0px;
			padding-bottom: 9px;
		}
		.wt3 {
			margin: 0px;
			vertical-align: middle;
		}
		
		.pdflink {
			display: block;
			background: url('../bilder/real_main_pdflink.gif') no-repeat top right;
			width: 60px;
			height: 16px;
		}
		
		.pdflink:hover {
			background: url('../bilder/real_main_pdflink_a.gif') no-repeat top right;
		}
		
		.wvzpdf {
			float: right;
			display: block;
			background: url('../bilder/real_main_pdflink.gif') no-repeat right 4px;
			width: 280px;
		}
		
		.wvzpdf:hover {
			background: url('../bilder/real_main_pdflink_a.gif') no-repeat right 4px;
		}
		
		.pdfspacer {
			width: 60px;
			height: 16px;
		}
			
		
		
		/* Projekteseite: Textfelder */
		.cssalpstadt		{ color: #FFFFFF; }
		.cssbmw				{ color: #FFFFFF; }
		.csscu-west 		{ color: #FFFFFF; }
		.cssdornier			{ color: #FFFFFF; }
		.cssepo				{ color: #FFFFFF; }
		.cssbergenbelsen	{ color: #FFFFFF; }
		.cssingolstadt		{ color: #FFFFFF; }
		.cssmalakoff		{ color: #FFFFFF; }
		.csszollhafen		{ color: #FFFFFF; }
		.cssmuenchnertor	{ color: #FFFFFF; }
		.cssmondorf			{ color: #FFFFFF; }
		.cssprriem			{ color: #FFFFFF; }
		.csspranner			{ color: #FFFFFF; }
		.cssschlossviertel	{ color: #FFFFFF; }
		.cssswmreutlingen	{ color: #FFFFFF; }