@charset "utf-8";
/*------------------------------------------------------------------------------------------//
// exler.css																				//
// CSS-Datei für http://www.architekt-exler.de												//
// Erstellt von: Young Systems Inh.: Ramona Jung, http://www.young-systems.de				//
// (c) 2008, Joachim Exler (Dipl.-Ing. Architekt)											//
//------------------------------------------------------------------------------------------*/

/* Seitenlayout und Konfiguration der DIV-Tags */

.header_sub {
	position: absolute;
	height: 33px;
	width: 137px;
	left: 1px;
	top: 139px;
	right: 0px;
	bottom: 0px;
	z-index: 3;
	background-color:#FFFFFF;
}
.header_logo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 138px;
	height: 139px;
	z-index: 2;
	background-color:#FFFFFF;
}

.navi {
	position: absolute;
	height: auto;
	width: 139px;
	left: 1px;
	top: 172px;
	z-index: 2;
	background-image: url(images/bg_nav_out.gif);
	background-repeat: repeat-y;
	bottom: 48px;
}

.navi_ground {
	height: 49px;
	width: 138px;
	left: 1px;
	bottom: 0px;
	z-index: 2;
	position: absolute;
	
}
.navi_bg {
	height: 100%;
	width: 138px;
	left: 1px;
	bottom:49px;
	z-index: 1;
	position: absolute;
	background-image:url(images/bg_nav_out.gif);
	background-repeat:repeat-y;
}

.header_slogan {
	position: absolute;
	height: 63px;
	width:expression(navigator.appVersion.substring(19,23) == "IE 5" || navigator.appVersion.substring(19,23) == "IE 6" ?
								document.body.clientWidth - 139 + "px" : "auto" );
	left: 139px;
	top: 139px;
	right: 0px;
	background-image: url(images/bg_slogan.gif);
	background-repeat: repeat;
	z-index: 2;
}
.header_grafik {
	position: absolute;	
	height: 151px;
	width:expression(navigator.appVersion.substring(19,23) == "IE 5" || navigator.appVersion.substring(19,23) == "IE 6" ?
								document.body.clientWidth - 139 + "px" : "auto" );
	left: 139px;
	top: 1px;
	right: 0px;
	background-image: url(images/garfikbanner.gif);
	background-repeat: repeat-x;
	z-index: 2;
}

.text {
	height: auto;
	width: auto;
	max-width: 712px;
	width:expression(document.body.clientWidth > 850? "712px": "auto" );
	left: 185px;
	top: 199px;
	right: 100px;
	bottom: 0px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	z-index: 1;	
}
.startimage {
	height: auto;
	width: auto;
	max-width: 712px;
	left: 185px;
	top: 199px;
	right: 100px;
	bottom: 0px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	z-index: 1;
}

/* Fixierung der nicht scrollbaren Bereiche */

html>body .header_logo { 
    position: fixed;
}
html>body .header_sub { 
    position: fixed;
}
html>body .header_slogan { 
    position: fixed;
}
html>body .header_grafik {  
    position: fixed;
}
html>body .navi_vcard {  
    position: fixed;
}
html>body .navi_ground {  
    position: fixed;
}
html>body .navi_bg {
	position: fixed;
}

/* Navigationsbuttons mit onMouseOver-Bildwechsel */

a.nav1       { 
				display:block;
             	background-image:url(images/nav_startseite.gif);
             	width:137px; height:30px 
			 }
a.nav1:hover { 
				background-image:url(images/nav_startseite_ov.gif); 
			 }
	
a.nav2       { 
				display:block;
             	background-image:url(images/nav_buero.gif);
             	width:137px; height:30px 
			 }
a.nav2:hover { 
				background-image:url(images/nav_buero_ov.gif); 
			 }
			 	 
a.nav3       { 
				display:block;
             	background-image:url(images/nav_beratung.gif);
             	width:137px; height:30px 
			 }
a.nav3:hover { 
				background-image:url(images/nav_beratung_ov.gif); 
			 }
			 
a.nav4       { 
				display:block;
             	background-image:url(images/nav_leistungen.gif);
             	width:137px; height:30px 
			 }
a.nav4:hover { 
				background-image:url(images/nav_leistungen_ov.gif); 
			 }

a.nav6       { 
				display:block;
             	background-image:url(images/nav_fortbildung.gif);
             	width:137px; height:30px 
			 }
a.nav6:hover { 
				background-image:url(images/nav_fortbildung_ov.gif); 
			 }
			 
a.nav7       { 
				display:block;
             	background-image:url(images/nav_preise.gif);
             	width:137px; height:30px 
			 }
a.nav7:hover { 
				background-image:url(images/nav_preise_ov.gif); 
			 }		
			 
a.nav8       { 
				display:block;
             	background-image:url(images/nav_links.gif);
             	width:137px; height:30px 
			 }
a.nav8:hover { 
				background-image:url(images/nav_links_ov.gif); 
			 }
			 
a.nav9       { 
				display:block;
             	background-image:url(images/nav_kontakt.gif);
             	width:137px; height:30px 
			 }
a.nav9:hover { 
				background-image:url(images/nav_kontakt_ov.gif); 
			 }
			 
a.nav10      { 
				display:block;
             	background-image:url(images/nav_impressum.gif);
             	width:137px; height:30px 
			 }
a.nav10:hover{ 
				background-image:url(images/nav_impressum_ov.gif); 
			 }
a.nav11      { 
				display:block;
             	background-image:url(images/nav_gutachten.gif);
             	width:137px; height:30px 
			 }
a.nav11:hover{ 
				background-image:url(images/nav_gutachten_ov.gif); 
			 }	
a.nav_vcard      { 
				display:block;
             	background-image:url(images/nav_vcard.gif); 
				width:137px; height:48px 
			 }
a.nav_vcard:hover{ 
				background-image:url(images/nav_vcard_ov.gif); 
			 }		 			 			 	 

/* Textformatierungen */

.seite {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#5B5F62;
	font-weight: bold;
}
p.ueberschrift {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #5B5F62;
	font-weight: bold;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#5B5F62;

}
table {
color: #5B5F62;
}

/* Erscheinungsbild der Links */

a:link {
color: #353B90;
text-decoration:underline;
}
a:hover {
color: #353B90;
text-decoration: none;
}
a:active {
color: #353B90;
text-decoration: underline;
}
a:visited {
color: #353B90;
text-decoration: underline;
}

/* Aufzählungen */

ul {
	list-style-image:url(images/point.gif);
	list-style-position: outside;
	padding-left: 20px;
	margin-left: 0;
	border-left: 0;
	bottom: 0;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#5B5F62;
}