/* CSS-Vorlage */
/* optimized & modified by dtp-net.de */

H1, H2, H3, H4, H5, H6, p, ul, td, blockquote, ol { font-family: Arial, Helvetica, sans-serif; } 


H1  { 
/*	background-image: url(../_bilder/ausbildung/hg_h1.jpg);
	background-repeat: no-repeat;*/
	padding: 10px 0px 0px 0px;
	margin-bottom: 6px;
	margin-top: 0px;
	color: #b90101; 
	font-size: 13pt; 
	font-weight: bold; 
	line-height: 16pt 
}  


H2  { 
	color: #b90101; 
	font-size: 10pt; 
	font-weight: bold; 
	line-height: 15pt;
	margin-bottom: 0px;
	margin-top: 20px;  
}

H3  { 
	color: #b90101; 
	font-size: 9pt; 
	font-style: italic; 
	line-height: 14pt;
	margin-bottom: 0px;
	margin-top: 6px;  
}
	
H4 { font-size: 13pt; color:#ffffff; margin-bottom: 3px; margin-top: 80px;} 
H5 { font-size: 21pt; color:#ffffff; font-weight:bold; margin-bottom: 0px; margin-top: 1px;}
H6 { font-size: 10pt; color:#3D3D3D; font-weight:normal;  margin-bottom: 0px; margin-top: 5px; letter-spacing:0.15em;}


td {
	font-size: 9pt; 
	color:#403f3f; font-weight:nomal; font-family: Arial, Helvetica, sans-serif;
	line-height:20px;
	margin-top: 0pt;
	vertical-align: top;
	padding-right: 5px;
	border: 0px solid black;
}
 
 
a {	text-decoration: none;}

body, html {
	padding: 0;
	margin: 0;
	height: 100%;
}

body {
	font: 100.01% sans-serif;
	text-align:center;
/*	background-image: url(../_bilder/hg_grau.jpg); Für ein Hintergrundbild*/	
	background-color: #fbecbd; 
	
}	

#box { 
	position:absolute; 
	top:20px; left:50%; width: 950px;
	text-align: left;
	margin-left:-475px;
}

#hg{ 
	width: 950px; padding: 0;
}

#content {
	float: left;
	margin: 0;
	width: 470px;
/*	border: 1px dashed blue; */
	background-repeat: repeat-y; 
	padding: 0px 280px 0 200px;
	min-height:500px;
}

  * html #content {
	height: 500px;
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 900px;  /* Breitenangabe fuer IE 6 */
  }



#hgStart{ 
	width: 950px;
/*	text-align: left;*/
	padding-top: 0px;
	background-image: url(../_bilder/inhalt/hg17.gif); 
	background-repeat: repeat-y; 
	background-attachment: scroll; 
	min-height: 550px;    /* wb */
}

#bildStart{ 
	position: absolute;
	width: 950px;
/*	text-align: left;*/
	padding-top: 0px;
	background-image: url(../_bilder/bild_start.jpg); 
	background-repeat: repeat-y; 
	background-attachment: scroll; 
	min-height:430px;    /* wb */
		margin-left: 200px;
	margin-top: 120px;	
	margin-bottom: 0px;	
	z-index: 0;
}

*+html #hgStart{ min-height:500px; }   /* wb */
*html #bildStart{ margin-top: 0px; min-height:500px; }
*+html #bildStart{ margin-top: 0px; min-height:500px; }

p, .inhalt { 	/* wb */
	font-size: 9pt; color:#403f3f; 
	font-weight:nomal; font-family: Arial, Helvetica, sans-serif;
	line-height:14pt; margin-bottom: 0pt; margin-top: 0pt;
}

table { 
	margin: 2px 0px 2px 0px;
	width: 450px;
}

#unten { 
	float:left; display:block; clear:both;
	background-color: transparent; 
	background-attachment: scroll; 
	font-size: 12px;
	width: 950px;
	height: 50px;
	padding-top: 5px;
	text-decoration: none; 
	font-weight: 500;
	text-align: center;
	color: #672004; 
	background-image: url(../_bilder/unten.gif);
	background-repeat: no-repeat;
}


#textRechts { 	
	position: absolute;
	top: 161px;
	margin: 0 0 0 0px;
	z-index: 4;
	width: 220px;
	left:50%;
	margin-left: 230px; 
	font-size: 9pt;
	text-decoration: kusiv; 
    font-weight: 500;
	text-align: left;
	line-height: 11pt;
    color: #571b03;
    float: right;

}

#textRechtsGelb { 	
	position: absolute;
	top: 161px;
	margin: 0 0 0 0px;
	z-index: 4;
	width: 210px;
	left:50%;
	margin-left: 240px; 
	font-size: 9pt;
	text-decoration: kusiv; 
    font-weight: 500;
	text-align: left;
	line-height: 11pt;
    color: #faf4ac; 
}

#bildRechts { 	
	position: absolute;
	top: 151px;
	z-index: 4;
	width: 200px;
	left:50%;
	margin-left: 225px; 
	background-image: url(../_bilder/ill_ausbildung_basis_rechts.jpg);
	background-repeat: no-repeat;
	width: 250px;
	height: 449px;
}

#oben { 
	width: 950px;
	text-align: left;
	height: 150px;
/*	border: 1px dashed green; */
}


#navOben { 
	position: absolute;
	top: 5px;
	left:780px;
	z-index: 3; width: 140px;
	font-size: 9pt;
	text-decoration: none; 
	font-weight: 500;
	text-align: right; line-height: 18pt;
	color: #ffffff;
}

.logo {
  	float: left;
    background-image: url(../_bilder/logo_wendepunkt.gif);
	background-repeat: no-repeat;
	width: 200px; height: 125px;
  }
  
.streifenOben {
  	position: relative;
  	float: left;
    background-image: url(../_bilder/streifen_oben_start.gif);
	background-repeat: no-repeat;
	width: 250px; height: 125px; z-index: 1;
  }

#textObenGelb { 	
	position: absolute; top: 120px;
	margin: 0;
	width: 600px; left:50%;
	margin-left:-395px;
	font-size: 13pt; text-decoration: bold; 
    font-weight: 800; text-align: right;
	line-height: 34px; color: #faf4ac; 
}

#navObenStart { 	
	position: absolute;
	top: 5px;
	margin: 0 0 0 0px;
	z-index: 3;
	width: 140px;
	left:50%;
	margin-left:300px; 
	font-size: 9pt;
	text-decoration: none; 
    font-weight: 500;
	text-align: right;
	line-height: 18pt;
    color: #ffffff; 
}


#textObenRot { 	
	position: absolute;
	top: 120px;
	margin: 0 0 0 0px;
	z-index: 5;
	width: 400px;
	left:50%;
	margin-left:-195px; 
	font-size: 13pt;
	text-decoration: bold; 
    font-weight: 800;
	text-align: left;
	line-height: 34px;
    color: #b90101; 
}

/* Bilder im Kopfbereich*/

.streifenObenStart {
  	position: relative;
  	float: left;
    background-image: url(../_bilder/streifen_oben_start.gif);
	background-repeat: no-repeat;
	width: 250px;
	height: 125px;
	z-index: 1;
  }
  
.strich {
  	float: left;
    background-image: url(../_bilder/strich_rot.gif);
	background-repeat: no-repeat;
	width: 950px;
	height: 1px;
}  

.balken {
  	position: relative;
  	float: left;
    background-image: url(../_bilder/balken_hellgelb.gif);
	background-repeat: no-repeat;
	width: 950px;
	height: 26px;
}

.bildOben   {
  	float: left;
  	font-size: 5pt;
	background-repeat: no-repeat;
	width: 500px;
	height: 125px;
  }


#nav {
	position: absolute;
	top: 170px;
	left: 0px; 
	margin: 0px 0px 0px 0px;
	z-index: 2;
	width: 200px;
}



ul#Navigation {
    width: 175px;
    margin: 0; 
  padding: 0.2em 0.8em 0.0em 0em;
}
  
  
ul#Navigation li {
    list-style: none;
    margin:0px; 
}

  ul#Navigation a  {
    display:block;
    padding: 3px 0px 0px 25px;
    text-decoration: none; 
    font-weight: 800;
    font-size: 10pt;
	text-align: left;
	line-height: 20px;
    color: #672004;   
    background-image: url(../_bilder/bt_nav1_off.gif);
	background-repeat: no-repeat;
	width: 175px;
  }
  
  
  
ul#Navigation li a:hover  {
    color: #e20000; 

}
  
  
ul#Navigation li.nav1Pfad a {
    font-size: 10pt;
    font-weight: 800;
	padding: 3px 0px 6px 25px; /*betrifft die Schrift im Button*/
    color: #b90101; 
    background-image: url(../_bilder/bt_nav1_on.gif);
	background-repeat: no-repeat;
		width: 175px;
}

  ul#Navigation li.nav1Pfad a:hover  {
    color: #e20000; 
  }  
  
  
 /*Navigation Ebene 2*/ 
 ul#nav2  {
	width: 196px;
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px;
  }


 ul#Navigation ul#nav2 li a {
    display:block;
    padding: 0px 0px 10px 25px; /*betrifft die Schrift im Button*/
    text-decoration: none; 
    font-size: 10pt;
	line-height: 12px;
    font-weight: normal;
    color: #672004; 
	background-image: url(../_bilder/ausbildung/bt_nav2_off.gif);
	background-repeat: no-repeat;
  }


ul#Navigation  ul#nav2 a:hover { color: #e20000; }
ul#Navigation ul#nav2 li.nav2Aktiv a { font-size: 10pt; line-height: 12px; font-weight: 800; color: #b90101; }
ul#Navigation ul#nav2 li.nav2Pfad a {font-size: 10pt; line-height: 12px;
	font-weight: 500; color: #e20000; padding: 0px 0px 10px 25px;
}
ul#Navigation ul#nav2 li.nav2Pfad a:hover { color: #e20000; }


/*Navigation Ebene 3*/  
 ul#nav3  {
 width: 150px;
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px;
  }
  
  

 ul#Navigation ul#nav2 ul#nav3 li a {
    display:block;
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 7px 50px; /*betrifft die Schrift im Button*/
    text-decoration: none; 
    font-weight: 500;
    font-size: 9pt;
    text-align: left;
line-height: 10px;
    color: #672004; 
	width: 150px;
}


ul#Navigation  ul#nav2 ul#nav3 a:hover {
    color: #e20000; 
}
  
   ul#Navigation ul#nav2 ul#nav3 li.nav3Aktiv a {
    font-size: 9pt; font-weight: 800;
    color: #b90101; 
 
}

.navAbschluss {
    background-image: url(../_bilder/bt_nav_abschluss.gif);
	background-repeat: no-repeat; width: 200px;
	height: 10px;
  }
  
  * html .navAbschluss {
	width: 175px;
  }



/*Links allgemein*/
A:link, A:visited, A:hover, A:active { font-family: Arial, Helvetica, sans-serif;  }
p A:link	{ color: #820500; font-weight:800; text-decoration: none; }
p A:visited 	{ color: #820500; font-weight:800; text-decoration: none;}
p A:hover	{ color: #c30d06; font-weight:800; text-decoration: none; }
p A:active	 {color: #820500; font-weight:800; text-decoration: none; }

/*Links unten*/
A:link, A:visited, A:hover, A:active { font-family: Arial, Helvetica, sans-serif;  }
#unten A:link	{ color: #b90101; font-weight:500; text-decoration: none; }
#unten A:visited 	{ color: #b90101; font-weight:500; text-decoration: none;}
#unten A:hover	{ color: #e20000; font-weight:500; text-decoration: none; }
#unten A:active	 {color: #b90101; font-weight:500; text-decoration: none; }

/*Links oben*/
A:link, A:visited, A:hover, A:active { font-family: Arial, Helvetica, sans-serif;  }
#oben A:link	{ color: #ffffff; font-weight:500; text-decoration: none; }
#oben A:visited 	{ color: #ffffff; font-weight:500; text-decoration: none;}
#oben A:hover	{ color: #ffdf6c; font-weight:500; text-decoration: none; }
#oben A:active	 {color: #ffffff; font-weight:500; text-decoration: none; }

/*neu dazu Buttons*/
.btSubmit { background-color:#e0e0e0; color:#797979; width:30px; border:1px solid #000000; font-size: 8pt; font-weight:normal; align:center; font-family: Arial, Helvetica, sans-serif;}
.btanitext { background-color:#FAF2CB; color:#D07A14; width:450px; height:100px; border:0px solid #FAF2CB; font-size: 11pt; font-weight:bold; align:center; font-family: Arial, Helvetica, sans-serif;}

.btFormular { background-color:#0b226c; color:#ffffff; width:220px; border:1px solid #000000; font-size: 8pt; font-weight:bold; align:center; font-family: Arial, Helvetica, sans-serif;}