/* ######################################################################################################
** ###  Reset  ##########################################################################################
** ######################################################################################################
*/
	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	* { margin:0; padding: 0; } 

	/* Das Zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	/* Vertikalen Scrollbalken im Netscape und Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height: 100% } 
	body { 
		min-height: 101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser 
			Fensters geändert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;        
		background: #fff;
		text-align: left; 
	} 
	
	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }
	
	

/* ######################################################################################################
** ### Formatierung der Seite          ##################################################################
** ######################################################################################################
*/
	
	body { background: #fff; padding: 0px;	}
	#page{ width:700px; margin-left: 100px;}

	/* Formatierung der Kopfbereiches */
	#header-home {width: 700px; height: 200px; background: url(../img/coaching-teamentwicklung.gif) left top; position:relative; }
	#header-seiten { width: 700px; height: 200px; background: url(../img/coaching-teamentwicklung-s.gif) left top; position:relative;}
	#nav-container{width:300px; height: auto; position:absolute; bottom:30px; left:2px;}
	
	/* Formatierung des Inhaltsbereiches */
	#main-home { height: 638px; background: url(../img/organisationsentwicklung.jpg) left top;  padding: 0; margin: 0;} 
	#main-seiten {height: 638px; padding: 0; margin: 0; background: #dceefc;}
	#main-seiten-dyn {height: auto; padding: 0; margin: 0; background: #dceefc;}

	/* Formatierung der Fußzeile */
	#footer { color:#a9a9a9; background:#fff; margin: 0; padding: 1em 0; line-height: 2em; font-size: 0.8em}
	

/* ######################################################################################################
** ### Formatierung des Inhaltes       ##################################################################
** ######################################################################################################
*/
	/* start-seite */
	#zitat{width: 650px; }
	#main-coaching {width: 700px; position:relative;}
	#main-links {width: 246px; position:absolute; top: 22px; left: 74px;}
	#main-rechts {width: 246px; position:absolute; top: 22px; left: 322px; }	
	#main-links-content {color: #3f5260; background:inherit;}
	#main-rechts-content {color: #3f5260; background:inherit;}
	.h1-klasse {font-size: 1.0em; color: #3f5260; margin: 0; padding: 8px 0px 1px 48px; line-height: 1.5em;}
	.h2-klasse {font-size: 1.0em; color: #3f5260; margin: 0; padding: 8px 0px 1px 48px; line-height: 1.5em; }
	.startseite {font-size: 1.0em; color: #3f5260; margin: 0; padding: 8px 0px 1px 48px;}
	.startseite-abstand {font-size: 1.0em; color: #3f5260; margin: 0; padding: 38px 0px 1px 48px;}
	/* Schriften allgemeine Tags */
	body { color: #a9a9a9; font-size: 81.25%; font-family: Verdana, Helvetica, Arial, sans-serif; letter-spacing: 0.02em;}
	h1,h2,h3,h4 { font-family: Verdana, Arial, Sans-Serif; font-weight:normal;}

	h1 {font-size: 1.0em; color: #51aaee; margin: 0 0 0 2px; padding: 10px 0px 0px 0px; }
	h2 {font-size: 1.0em; color: #51aaee; margin: 0 0 0 2px; padding: 10px 0px 0px 0px; }
	
	p,dd,dt { line-height: 1.5em; }
	ul {line-height: 1.5em;}
	strong,b { font-weight: bold; }
	a, a em.file {color: #a9a9a9; text-decoration:none; }
	a:hover {text-decoration:underline;}
	a:focus {text-decoration:underline;}
	hr {width:86px; border: 0; color:#fa7401; background-color:#fa7401; height:1px; margin:0; padding:0; text-align:left; }
	
	/* Schriften und Formatierungen spezifisch */
	#text-zitat {font-size: 1.3em; color: #fa7401; margin: 0 0 0 2px; padding: 30px 0px 20px 0px;}
	#zitat p span {font-size: 0.9em; color: #a9a9a9; }
	#text-links {font-size: 1.0em; color: #717171; margin: 0 0 0 2px; padding-top: 30px;}
	#text-links a{color: #717171;}
	#text-links a:hover {text-decoration:underline; color: #404040;}
	#leuzinger {padding: 0px 0px 50px 0px;}
	#titel-kontakt {padding: 30px 0px 0px 0px;}
	#adresse-kontakt {padding: 30px 0px 0px 0px;}
	#adresse-kontakt a{font-size: 1.0em; color: #717171;}
	#textende {padding: 0px 0px 50px 0px;}
	#plan {padding: 20px 0px 0px 0px;}
	#plan-schluesselgasse	{padding: 22px 0px 0px 25px;}
	.titel {font-size: 1.0em; color: #51aaee; margin: 0 0 0 2px; padding: 10px 0px 0px 0px;}
	.adresse {font-size: 1.0em; color: #717171; margin: 0 0 0 2px; padding: 10px 0px 0px 0px;}
	.text-normal {font-size: 1.0em; color: #717171; margin: 0 0 0 2px; padding: 0px 0px 20px 0px;}
	.text-kontakt {font-size: 1.0em; color: #51aaee; margin: 0 0 0 2px; padding: 0px 0px 0px 0px;}
	.plan-beschriftung {font-size: 1.0em; color: #717171; margin: 0 0 0 2px; padding: 50px 0px 0px 0px;}
	.anker{font-size: 1.0em; color: #717171; margin: 0 0 0 2px; margin: 50px 0px 0px 0px;}
	.anker-plan{font-size: 1.0em; color: #717171; margin: 0 0 0 2px; margin: 50px 0px 0px 0px;}
	.ohne-underline a:hover {text-decoration:none;}
	.ohne-underline a:focus {text-decoration:none;}
/* ######################################################################################################
** ### Vertikale Listennavigation #######################################################################
** ######################################################################################################
*/
	#nav-container{width:300px; height: auto; position:absolute; bottom:30px; left:2px;}
	#nav {margin: 0; list-style-type: none; }
	
	#nav a {text-decoration: none; }
	#nav li {margin:0; padding: 0 }
	#nav li span { 
		display:block; 
		width: 90%; 
		padding: 0px 0px 0px 0px; 
		color: #51aaee;
		font-size: 1.0em;
		}	
	#nav li a { 
		width: 90%; 
		padding: 0;
		margin: 0; 
		color: #a9a9a9;
		font-size: 1.0em;
		}
	#nav li a:hover {color: #404040; }
	#nav li#abstand { padding: 10px 0px 0px 0px; } /*Abstand zwischen Romana Leuzinger und Kontakt*/