/* ### Vorbereitende Maßnahmen | 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}
	
	/*
	** 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: 100%;	
	/* 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;
    background-image:url(grafiken/hg_seite.gif);
    background-repeat:no-repeat;
    background-position:top center; 
	} 
	
	/* 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% }
    
    

/* ### Main-Styles ##################################################################*/
    
    
body,table,td,div,form,input,pre {
    font-family: arial, helvetica; 
    font-size: 12px; 
    color: #37414B; 
    vertical-align: top;
    }
    
#seite {
    position:relative;
    margin:auto;
    width: 884px;
    background: #FFF;
    }
    
/* ### Kopf-Styles ##################################################################*/
    
#kopf_index { 
    
    width:auto;
    height:285px;
    border-bottom:1px solid #fff;
    border-left:1px solid #fff;
    background-repeat:no-repeat;
    background-position:left;
    }
    
    
#logobox { 
    float:right;
    width:600px;
    height:160px;
    }
    
#navbox { 
    float:right;
    width:600px;
    height:125px;
    background-image:url(grafiken/hg_navbox.gif);
    background-repeat:repeat-x;
    }
    
#logo {
    float:right;
    margin:15px 28px 0px 0px;
}

/* ### Körper-Styles ##################################################################*/ 
    
#koerper { 
    width:auto;
    min-height:220px;
    background: #e8e8f0;
    padding:15px 20px 50px 45px;
    }
    
    * html #koerper { height:220px; } /* nur für IE 5.5 - 6.x */
    html + body #koerper { height:220px; } /* nur vom IE 5.0 */
    
#titel {
    width:auto;
    border-bottom:1px solid #fff;
    margin-bottom:15px;
    padding-bottom:5px;
    }
    
#kontaktdaten {
    float:left;
    width:150px;
    height:150px;
    padding-left:20px;
}

/* ### Fuss-Styles ##################################################################*/
    
#fuss { 
    position:absolute;
    bottom:0px;
    width:100%;
    height:3px;
    border-top:1px solid #fff;
    background-image:url(grafiken/hg_fuss.gif);
    background-repeat:repeat-x;
    }
    
#fussseite {
    margin:auto;
    width:884px;
    height:3px;
    border-left:1px solid #fff;
    background-image:url(grafiken/hg_fussseite.gif);
    background-repeat:no-repeat;
}

/* ### Standard-Styles ##################################################################*/ 
    
#koerper ul {margin-left:25px;}
.bildlinks {float:left;}
.bildrechts {float:right;}
.saubersauger {clear:both;}
.SpamMessage {color: #299145;}
#vorladen {visibility: hidden;}

/* ### Formular-Styles ##################################################################*/ 
    
#kontakt_left {
    width:190px;
    float:left;
    text-align:right;
    margin-right:15px;
    }
    
#kontakt_right {
    width:310px;
    float:left;
    }
    
#kontakt_senden {
    width:650px;
    float:left;
    margin-top:10px;
    }
    
input { margin: 0px 0px 15px 5px; }
.kfehler {border: 1px solid #CC0000;} 

/* ### Linkfarben ##################################################################*/

a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #000000; }

/* ### Navigation ##################################################################*/

#nav_main {
    width: auto;		/* Einfassen der Floats im IE */
    line-height: 0px;
    height: 61px;
    margin-bottom:29px;
}

#nav_main ul {
    float:left;
    display:inline;		/* Fix für IE Doubled Float Margin Bug    */ 
    margin:0;			/* Standard-Listendefinition zurücksetzen */
    padding: 0;
    margin-left: 0px;  /* Abstand des ersten Buttons vom linken Rand (-2 Pixel für 3D-Schatten) über basemod.css anpassen */
}

#nav_main ul li {
    float: left;
    display:inline;     /* Fix für IE Doubled Float Margin Bug    */ 
    margin: 0;
    padding: 0;
    line-height: 14px;
    list-style-type: none;
}

#nav_main ul li a {
    display:block;
    width: auto;
    text-decoration: none;
    margin: 0;
    
}


#nav_main ul li#nav1 a {
    width: 83px;
    height: 61px;
    background-image:url(grafiken/nav_profil_0.gif);
}
#nav_main ul li#nav1 a:hover {
    width: 83px;
    height: 61px;
    background-image:url(grafiken/nav_profil_1.gif);
}
#nav_main ul li#nav1aktiv a {
    width: 83px;
    height: 61px;
    background-image:url(grafiken/nav_profil_2.gif);
}


#nav_main ul li#nav2 a {
    width: 96px;
    height: 61px;
    background-image:url(grafiken/nav_leistungen_0.gif);
}
#nav_main ul li#nav2 a:hover {
    width: 96px;
    height: 61px;
    background-image:url(grafiken/nav_leistungen_1.gif);
}
#nav_main ul li#nav2aktiv a {
    width: 96px;
    height: 61px;
    background-image:url(grafiken/nav_leistungen_2.gif);
}


#nav_main ul li#nav3 a {
    width: 108px;
    height: 61px;
    background-image:url(grafiken/nav_qualifikation_0.gif);
}
#nav_main ul li#nav3 a:hover {
    width: 108px;
    height: 61px;
    background-image:url(grafiken/nav_qualifikation_1.gif);
}
#nav_main ul li#nav3aktiv a {
    width: 108px;
    height: 61px;
    background-image:url(grafiken/nav_qualifikation_2.gif);
}


#nav_main ul li#nav4 a {
    width: 92px;
    height: 61px;
    background-image:url(grafiken/nav_downloads_0.gif);
}
#nav_main ul li#nav4 a:hover {
    width: 92px;
    height: 61px;
    background-image:url(grafiken/nav_downloads_1.gif);
}
#nav_main ul li#nav4aktiv a {
    width: 92px;
    height: 61px;
    background-image:url(grafiken/nav_downloads_2.gif);
}


#nav_main ul li#nav5 a {
    width: 72px;
    height: 61px;
    background-image:url(grafiken/nav_kontakt_0.gif);
}
#nav_main ul li#nav5 a:hover {
    width: 72px;
    height: 61px;
    background-image:url(grafiken/nav_kontakt_1.gif);
}
#nav_main ul li#nav5aktiv a {
    width: 72px;
    height: 61px;
    background-image:url(grafiken/nav_kontakt_2.gif);
}
    
    
    
/* ### Unter Navigation ##################################################################*/

#unav {
    width: auto;		/* Einfassen der Floats im IE */
    line-height: 0px;
    height: 35px;
}

#unav ul {
    float:left;
    display:inline;		/* Fix für IE Doubled Float Margin Bug    */ 
    margin:0;			/* Standard-Listendefinition zurücksetzen */
    padding: 0;
    margin-left: 0px;  /* Abstand des ersten Buttons vom linken Rand (-2 Pixel für 3D-Schatten) über basemod.css anpassen */
}

#unav ul li {
    float: left;
    display:inline;     /* Fix für IE Doubled Float Margin Bug    */ 
    margin: 0;
    padding: 0;
    line-height: 14px;
    list-style-type: none;
}

#unav ul li a {
    display:block;
    width: auto;
    text-decoration: none;
    margin: 0;
    
}


#unav ul li#unav1 a {
    width: 94px;
    height: 35px;
    background-image:url(grafiken/unav_philosophie_0.gif);
}
#unav ul li#unav1 a:hover {
    width: 94px;
    height: 35px;
    background-image:url(grafiken/unav_philosophie_1.gif);
}
#unav ul li#unav1aktiv a {
    width: 94px;
    height: 35px;
    background-image:url(grafiken/unav_philosophie_2.gif);
}

#unav ul li#unav2 a {
    width: 91px;
    height: 35px;
    background-image:url(grafiken/unav_lebenslauf_0.gif);
}
#unav ul li#unav2 a:hover {
    width: 91px;
    height: 35px;
    background-image:url(grafiken/unav_lebenslauf_1.gif);
}
#unav ul li#unav2aktiv a {
    width: 91px;
    height: 35px;
    background-image:url(grafiken/unav_lebenslauf_2.gif);
}


#unav ul li#unav3 a {
    width: 79px;
    height: 35px;
    background-image:url(grafiken/unav_projekte_0.gif);
}
#unav ul li#unav3 a:hover {
    width: 79px;
    height: 35px;
    background-image:url(grafiken/unav_projekte_1.gif);
}
#unav ul li#unav3aktiv a {
    width: 79px;
    height: 35px;
    background-image:url(grafiken/unav_projekte_2.gif);
}


#unav ul li#unav4 a {
    width: 112px;
    height: 35px;
    background-image:url(grafiken/unav_einsatzgebiete_0.gif);
}
#unav ul li#unav4 a:hover {
    width: 112px;
    height: 35px;
    background-image:url(grafiken/unav_einsatzgebiete_1.gif);
}
#unav ul li#unav4aktiv a {
    width: 112px;
    height: 35px;
    background-image:url(grafiken/unav_einsatzgebiete_2.gif);
}


#unav ul li#unav5 a {
    width: 112px;
    height: 35px;
    background-image:url(grafiken/unav_schwerpunkte_0.gif);
}
#unav ul li#unav5 a:hover {
    width: 112px;
    height: 35px;
    background-image:url(grafiken/unav_schwerpunkte_1.gif);
}
#unav ul li#unav5aktiv a {
    width: 112px;
    height: 35px;
    background-image:url(grafiken/unav_schwerpunkte_2.gif);
}


#unav ul li#unav6 a {
    width: 181px;
    height: 35px;
    background-image:url(grafiken/unav_kompetenzen_0.gif);
}
#unav ul li#unav6 a:hover {
    width: 181px;
    height: 35px;
    background-image:url(grafiken/unav_kompetenzen_1.gif);
}
#unav ul li#unav6aktiv a {
    width: 181px;
    height: 35px;
    background-image:url(grafiken/unav_kompetenzen_2.gif);
}
    
    
#unav ul li#unav7 a {
    width: 146px;
    height: 35px;
    background-image:url(grafiken/unav_branchenerfahrung_0.gif);
}
#unav ul li#unav7 a:hover {
    width: 146px;
    height: 35px;
    background-image:url(grafiken/unav_branchenerfahrung_1.gif);
}
#unav ul li#unav7aktiv a {
    width: 146px;
    height: 35px;
    background-image:url(grafiken/unav_branchenerfahrung_2.gif);
}


#unav ul li#unav8 a {
    width: 54px;
    height: 35px;
    background-image:url(grafiken/unav_basis_0.gif);
}
#unav ul li#unav8 a:hover {
    width: 54px;
    height: 35px;
    background-image:url(grafiken/unav_basis_1.gif);
}
#unav ul li#unav8aktiv a {
    width: 54px;
    height: 35px;
    background-image:url(grafiken/unav_basis_2.gif);
}


#unav ul li#unav9 a {
    width: 132px;
    height: 35px;
    background-image:url(grafiken/unav_kontaktformular_0.gif);
}
#unav ul li#unav9 a:hover {
    width: 132px;
    height: 35px;
    background-image:url(grafiken/unav_kontaktformular_1.gif);
}
#unav ul li#unav9aktiv a {
    width: 132px;
    height: 35px;
    background-image:url(grafiken/unav_kontaktformular_2.gif);
}


#unav ul li#unav10 a {
    width: 117px;
    height: 35px;
    background-image:url(grafiken/unav_anfahrtsskizze_0.gif);
}
#unav ul li#unav10 a:hover {
    width: 117px;
    height: 35px;
    background-image:url(grafiken/unav_anfahrtsskizze_1.gif);
}
#unav ul li#unav10aktiv a {
    width: 117px;
    height: 35px;
    background-image:url(grafiken/unav_anfahrtsskizze_2.gif);
}

    
/* ### Mini Navigation ##################################################################*/

#mnav {
    position:absolute;
    top:7px;
    left:292px;
    width:200px;
    height:17px;
}

#mnav ul {
    float:left;
    display:inline;		/* Fix für IE Doubled Float Margin Bug    */ 
    margin:0;			/* Standard-Listendefinition zurücksetzen */
    padding: 0;
    margin-left: 0px;  /* Abstand des ersten Buttons vom linken Rand (-2 Pixel für 3D-Schatten) über basemod.css anpassen */
}

#mnav ul li {
    float: left;
    display:inline;     /* Fix für IE Doubled Float Margin Bug    */ 
    margin: 0;
    padding: 0;
    line-height: 14px;
    list-style-type: none;
}

#mnav ul li a {
    display:block;
    width: auto;
    text-decoration: none;
    margin: 0;
    
}


#mnav ul li#mnav1 a {
    width: 46px;
    height: 17px;
    background-image:url(grafiken/mnav_home_0.gif);
}
#mnav ul li#mnav1 a:hover {
    width: 46px;
    height: 17px;
    background-image:url(grafiken/mnav_home_1.gif);
}
#mnav ul li#mnav1aktiv a {
    width: 46px;
    height: 17px;
    background-image:url(grafiken/mnav_home_2.gif);
}

#mnav ul li#mnav2 a {
    width: 83px;
    height: 17px;
    background-image:url(grafiken/mnav_impressum_0.gif);
}
#mnav ul li#mnav2 a:hover {
    width: 83px;
    height: 17px;
    background-image:url(grafiken/mnav_impressum_1.gif);
}
#mnav ul li#mnav2aktiv a {
    width: 83px;
    height: 17px;
    background-image:url(grafiken/mnav_impressum_2.gif);
}