@charset "utf-8";
/* ------------------------------------------------------------------- */
/*            Voreinstellungen  Yaml-Framework                         */
/* ------------------------------------------------------------------- */

@media all
{
	/* 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}
	
	/* Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	   [http://www.websemantics.co.uk/tutorials/useful_css_snippets/] */
	
	/* Vertikalen Scrollbalken im Netscape & 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 wenn 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% }
}

body {
  	background-image: url(grafik/verlauf_blau_grau.jpg);
	background-repeat: repeat-x;
	background-color: #9A9A9A;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
}

#main {
	width: 900px;
	margin: 30px auto 0px auto;
	border: 0px solid #333333;
	background-color: #E5E5E5;	
/*	background-image: url(grafik/bg_main.jpg);	
	background-repeat: repeat-y;*/
	}

#header {
	width: 100%;
	height: 138px;
	background-image: url(grafik/edv_beratung_nengelken_banner_breit.jpg);	
	background-repeat: no-repeat;	
	text-align: center;	
	clear: both;
/*		height: 138px;	
	border: 0px solid #99CC00;
	background-color:#0C3;*/
}

/*#banner {
	width: 900px;
	float: right;
	height: 138px;
	background-image: url(grafik/edv_beratung_nengelken_banner.jpg);	
	background-repeat: no-repeat;	
}*/


#navi {
	width: 140px;
	margin: 10px 10px 0px 10px;
	float:left;

	/*	overflow: hidden;*/
}
#content {
	width: 740px;
	background-color: #E5E5E5;
	float:left;
	margin: 0px 0px 0px 0px;
	border: 0px solid #0066CC;
}
#footer {
	width: 900px;
	clear: both;
	background-color:#DADADA;
}

/* ------------------------------------------------------------------- */
/*                                      Menü                           */
/* ------------------------------------------------------------------- */

#navi ul {
	width: 136px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14px;	

	}

	
#navi li  {
	height: 30px;
	margin-bottom: 10px;
	background-image: url(grafik/bg_button_normal.gif);	
	background-repeat: no-repeat;
	}
	
#navi li a {
	height: 25px;
	padding: 5px 0 0 0;
/*  voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;*/	
	display: block;	
	color: #000000;	
	text-align: center;		
	text-decoration: none;
	}	
	
#navi li a:link, #menu li a:visited {
	color: #000000;
	/*padding: 8px 0 0 35px;*/

	}
	
#navi li a:hover, #menu li a.aktiv   {
	color: #FFF;
	background:  url(grafik/bg_button_aktiv.gif);
	background-repeat: no-repeat;
	}

#navi li .aktiv   {
	color: #FFF;
	background:  url(grafik/bg_button_aktiv.gif);
	background-repeat: no-repeat;
	}


#header h1 {
	margin: 0px;	
	padding: 26px 0px 0px 0px;
	font-size: 30px;
	/*border: 1px solid #F06;*/

	}
#header h2 {
	margin: 0px;	
	font-size: 18px;

	}	

h1 {
	margin:	0px 50px 16px 50px;
	font-size: 18px;
	}	

h2 {
	margin:	16px 50px 8px 50px;
	font-size: 16px;
	}

p {
	margin:	0px 50px 8px 50px;
	}	

/* ----------------- Boxen Wir über uns -------------------------------- */

#box200px {
	width: 200px;
	margin: 0px 0px 20px 27px;	
	float: left;
}

#box200px p {
	margin: 0px 0px 0px 5px;
	padding: 0px;	
	line-height: 140%;	
	color: #13406d;	   /*dunkelblau*/
}

#box200px h1 {
	font-size: 130%;
	margin: 0px 0px 5px 5px;
	padding: 0px;	
	color: #13406d;	   /*dunkelblau*/	
}

.box200px_img_links {
	display: block;
	float: left;
	margin: 0px 0px 50px 26px;
}

.box200px_img_rechts {
	display: block;
	float: left;
	margin: 0px 0px 0px 40px;
}
.zentrieren {
	text-align: center;	
}