@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_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;
  margin-left:170px;
  margin-top:206px;
  text-align:center;
}

/* 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;
}
/* Erscheinungsbild der Links */

a:link {
color: #353B90;

}
a:hover {
color: #353B90;
text-decoration: none;
}
a:active {
color: #353B90;
text-decoration: underline;
}
a:visited {
color: #353B90;
text-decoration: underline;
}

/* Navigationsbuttons mit onMouseOver-Bildwechsel */


.navi {
	position: absolute;
	height: auto;
	width: 136px;
	left: 1px;
	top: 158px;
	z-index: 2;
  background-color:#e5e5e5;
  padding:0;
}
.navi li{ 
  border-bottom:0.2em solid #353B90;
  padding:5px;
  background-image: url(images/bg_nav.JPG);
  background-repeat:no-repeat;
  background-position:right; 
  list-style-type:none;
	}
      
.navi li:hover, .navi .active{
  background-image: url(images/bg_nav_aktiv.JPG);
}     
.navi li a  { 
  font-size:15px;
  font-weight:600;
  letter-spacing:0.5px;
	display:block;
  text-decoration:none;
	}
  

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;
}
.zitate li{
  list-style:none;
}
.hervorgehoben{
  color: #2714d9;
  font-size:20px;
}
.datum{
  font-size:11px;
  font-weight:bold;
  line-height:0;
  padding-top:8px;
}
/* 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;
}