HTML, BODY {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background:url(../bilder/hg.jpg) repeat-x;
	font-size: 100.1%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
DIV {
	margin: 0;
	padding: 0;
	}
.zisch{
	position: absolute;
	left: -300em;
	top: -200em;
	width: 0em;
	height: 0em;
	overflow:hidden;
	display:inline;
	}	
.clear {
	clear: both;
	font-size: 0;
	}
.marker {
	display: none;
	}
	
	
li a span.accessKey{
	text-decoration: underline;
}	
	
	
	
/*
############################################ WRAP
*/
	#wrap {
		width: 100%;
		background: url(../bilder/container-hg.jpg) repeat-x bottom;
		}


/*
############################################ CONTAINER
*/		
		#wrap #container {
			width: 62.3em;
			margin: auto;
			}


/*
############################################ KOPF
*/			
			#wrap #container #kopf {
				height: auto;
				background: white url(../bilder/headline-hg.jpg) repeat-x 0 0.5em;
				}


/*
############################################ HEADLINE
*/				
				#wrap #container #kopf #headline {
					min-height: 6.1em;
					width: 62.3em;
					line-height: 0px;
					}
					#wrap #container #kopf #headline IMG.grafikoben {
						width: 62.3em;
						}
					#wrap #container #kopf #headline IMG.grafiklinks {
						height: 5.6em;
						float: left;
						}	
					#wrap #container #kopf #headline DIV {
						float: left;
						line-height: 1.2em;
						}	
						#wrap #container #kopf #headline DIV IMG.logo {
							width: 15.9em;
							margin: 0.75em 0 0 2.45em;
							float: left;
							}
						#wrap #container #kopf #headline DIV IMG.cab {
							width: 16.4em;
							margin: 2.56em 0 0 12.5em;
							float: left;
							}


/*
############################################ STEUERELEMENTE
*/							
						#wrap #container #kopf #headline DIV DIV.vis-steuerelemente {
							border-left: 1px solid #CCCCCC;
							height: 6.1em;
							margin: 1em 0 0 0.85em;
							font-size: 0.7em;
							color: #999999;
							font-weight: bold;
							}	
							#wrap #container #kopf #headline DIV DIV.vis-steuerelemente  P {
								background: url(../bilder/pfeil1.png) no-repeat 0 0.3em;
								_background: url(../bilder/pfeil1.png) no-repeat 0.35em 0.3em;
								padding: 0 0 0 0.8em;
								_padding-left: 1.2em;
								margin: 0 0 0.6em 0;
								}
							#wrap #container #kopf #headline DIV DIV.vis-steuerelemente .links {
								float: left;
								margin: 1.05em 0 0 1.05em;
								_margin-left: 0.4em;
								width: 9.75em;
								}
								#wrap #container #kopf #headline DIV DIV.vis-steuerelemente .links UL,
								#wrap #container #kopf #headline DIV DIV.vis-steuerelemente .rechts UL {
									margin: 0;
									padding: 0;
									list-style: none;
									}	
									#wrap #container #kopf #headline DIV DIV.vis-steuerelemente .links UL LI,
									#wrap #container #kopf #headline DIV DIV.vis-steuerelemente .rechts UL LI {
										float: left;
										margin-left: 0.4em;
										}
										#wrap #container #kopf #headline DIV DIV.vis-steuerelemente .links UL LI A {
											}
											#wrap #container #kopf #headline DIV DIV.vis-steuerelemente .links UL LI A IMG {
												border: 0;
												width: 2.24em;
												height: 2.24em;
												}

							#wrap #container #kopf #headline DIV DIV.vis-steuerelemente .rechts {
								margin-top: 1.05em;
								}
								/*** Schrift vergroessern ***/
							  #wrap #container #kopf #headline DIV DIV.vis-steuerelemente .rechts img{
									margin-right: 0.45em;
									width: 3.15em;
									*width: 3.2em;
									height: 2.2em;
								}


					#wrap #container #kopf #headline IMG.grafikrechts {
						height: 5.6em;
						float: right;
						}
						
					#wrap #container #kopf #headline #headline-grafikunten {
						clear: both;
						line-height: 0;
						height: 0.6em;
						*height: 0.55em;
						width: 62.3em;
						*width: 62.29em;
						_width: 62.3em;
					}			
					
					#wrap #container #kopf #headline #grafikunten-rand1,
					#wrap #container #kopf #headline #grafikunten-bbw,
					#wrap #container #kopf #headline #grafikunten-vorbereitung,
					#wrap #container #kopf #headline #grafikunten-ausbildung,					
					#wrap #container #kopf #headline #grafikunten-begleitung,
					#wrap #container #kopf #headline #grafikunten-wohnen,
					#wrap #container #kopf #headline #grafikunten-sport,
					#wrap #container #kopf #headline #grafikuntenzwischen1,
					#wrap #container #kopf #headline #grafikuntenzwischen2,
					#wrap #container #kopf #headline #grafikuntenzwischen3,
					#wrap #container #kopf #headline #grafikuntenzwischen4,
					#wrap #container #kopf #headline #grafikuntenzwischen5,
					#wrap #container #kopf #headline #grafikunten-rand2{
						height: 0.6em;
						*height: 0.55em;
					}
					
					#wrap #container #kopf #headline #grafikunten-rand1{
						width: 2.85em;
						*width: 2.8em;
						line-height: 0;
					}
					
						
					#wrap #container #kopf #headline #grafikunten-bbw{
						width: 8.65em;
						*width: 8.7em;					
					}
					
					#wrap #container #kopf #headline #grafikunten-vorbereitung,
					#wrap #container #kopf #headline #grafikunten-ausbildung,					
					#wrap #container #kopf #headline #grafikunten-wohnen{
						width: 8.7em;
					}

					#wrap #container #kopf #headline #grafikunten-begleitung,
					#wrap #container #kopf #headline #grafikunten-sport{
						width: 8.75em;
						*width: 8.7em;
					}

					#wrap #container #kopf #headline #grafikuntenzwischen1{
						width: 1.3em;
					}
					#wrap #container #kopf #headline #grafikuntenzwischen2,
					#wrap #container #kopf #headline #grafikuntenzwischen3,
					#wrap #container #kopf #headline #grafikuntenzwischen4,
					#wrap #container #kopf #headline #grafikuntenzwischen5{
						width: 1.25em;
						*width: 1.3em;
					}

					#wrap #container #kopf #headline #grafikunten-rand2{
						width: 0.875em;
						*width: 0.8em;
					}
					


/*
############################################ HORIZONTALES MENUE
*/						
				#wrap #container #kopf #horizontales-menue {
					width: 62.3em;
					background: white url(../bilder/hor-menue-hg.jpg) repeat-x bottom;
					min-height: 16.6em;
					*min-height: 16.0em;
					height: 16.0em;					
					*margin-bottom: 0.25em;					
					}				
					#wrap #container #kopf #horizontales-menue IMG.grafiklinks {
						height: 16.0em;
						float: left;
						}			
					#wrap #container #kopf #horizontales-menue DIV {
						float: left;
						line-height: 1.2em;
						}		
						#wrap #container #kopf #horizontales-menue DIV UL {    
							list-style: none;
							margin: 0px 0 0 0;
							padding: 0;
							}
							#wrap #container #kopf #horizontales-menue DIV UL LI {
								float: left;
								}								
								#wrap #container #kopf #horizontales-menue DIV UL LI A {
									display: block;
									width: 12.05em !important;
									margin-left: 1.8em;
									font-size: 0.72em;
									padding: 0;
									text-decoration: none;
									color: #333333;
									position: relative;
									line-height: 1.45em;
								}
								#wrap #container #kopf #horizontales-menue DIV UL LI A IMG {
									border: 0;
									width: 12.05em !important;
								}
									#wrap #container #kopf #horizontales-menue DIV UL LI A IMG.pfeil {
										position: absolute;
										top: 18.50em;
										width: 12.05em;
									}
								#wrap #container #kopf #horizontales-menue DIV UL LI A.first {
									margin-left: 2.85em;
								}
					#wrap #container #kopf #horizontales-menue IMG.grafikrechts {
						height: 16.0em;
						float: right;
					}


/*
############################################  TEILER
*/			
			#wrap #container .teiler {
				line-height: 0;
				text-align: center;
				}	
				#wrap #container .teiler IMG {
					width: 62.2em;
					}


/*
############################################  CONTENT-KOPF
*/			
			#wrap #container #content-kopf {
				clear: both;
				line-height: 0;
				background: transparent url(../bilder/content-kopf-hg.jpg) repeat-x 0 0.6em;
				height: 2.30em;
				_height: 2.3em;
				position: relative;
				width: 62.3em;
			}		
				#wrap #container #content-kopf IMG.grafikoben {
					width: 62.25em;
					*width: 62.3em;
					}
				#wrap #container #content-kopf IMG.grafiklinks {
					float: left;
					width: 0.9em;
					*width: 0.91em;
					height: 1.8em;
					_height: 1.7em;
				}
				#wrap #container #content-kopf IMG.grafikrechts {
					float: right;
					width: 0.90em;
					height: 1.8em;
					_height: 1.7em;
					margin-right: 0;
				}
					
				#wrap #container #content-kopf .grafische-ueberschrift {
					float: left;
					text-transform: uppercase;
					color: #fff;
					font-family: Arial, Verdana, Helvetica, sans-serif;
					font-weight: bold;
					padding: 7px 0 0 23px;
					*padding-top: 8px;
					font-size: 0.9em;
					line-height: 0.9em;
				}
					/*#wrap #container #content-kopf .grafische-ueberschrift IMG {
						margin: 0.1em 0 0 0.2em;
						}
					*/


			/******* Suche ********************************************************/
				#wrap #container #content-kopf .suche {
						position: absolute;
						left: 30em;
						width: 13em;
						_width: 13.05em;
					}
			/******* Suche ende****************************************************/			


				#wrap #container #content-kopf .shortcuts {
					position: absolute;
					right: 1.2em;
					top: 0.1em;
					line-height: 1.2em;
					}	
					#wrap #container #content-kopf .shortcuts UL {
						list-style: none;
						margin: 12px 0 0 0;
						padding: 0;
						}
						#wrap #container #content-kopf .shortcuts UL LI {
							display: inline;
							}	
							#wrap #container #content-kopf .shortcuts UL LI A {
								color: white;
								font-size: 0.7em;
								height: 1.6em;
								width: auto;
								_width: 1em;
								padding: 0 0.4em;
								}

					#wrap #container #content-kopf .shortcuts UL LI a dfn {
						position: absolute;
						left: -300em;
						top: -200em;
						width: 0em;
						height: 0em;
						overflow:hidden;
						display:inline;
					}


/*
############################################  CONTENT-CONTAINER
*/
		#wrap #container #content-container {
				width: 62.3em;
				float: left;
				background: white url(../bilder/content-schatten-links-hg.jpg) repeat-y left;
				min-height: 100%;
				_height: 100%;
				}
				.schatten {
					width: 62.3em;
					}
			#wrap #container #content-container #hg-wrap {
				background: url(../bilder/content-schatten-rechts-hg.jpg) repeat-y right;
				width: 62.3em;
				float: left;
				clear: right;
				
			}


/*
############################################  CONTENT-VERTIKALES MENUE
*/
				#wrap #container #content-container #vertikales-menue {
					float: left;
					/*width: 183px;*/
					width: 14.3em;
					_width: 14em;
					min-height: 100%;
					position: relative;
					margin-left: 9px;
					_margin-left: 4px;
					margin-top: 0.3em;
					font-size: 0.8em;
				}
				#wrap #container #content-container #vertikales-menue img{
					_margin-left: 1px;
				}
					#wrap #container #content-container #vertikales-menue UL {
						margin: 0;
						padding: 0;
						min-height: 7.8em;
						_height: 7.8em;
					}
						#wrap #container #content-container #vertikales-menue UL LI {
							list-style: none;
							border-bottom: 1px solid #E2E2E2;
							padding: 0.1em 0;
							}
							#wrap #container #content-container #vertikales-menue UL LI A {
								color: #333333;
								display: block;
								background: url(../bilder/ver-menue-li-inaktiv-das-bbw.png) no-repeat 0.5em 0.8em;
								width: 12.8em;
								padding: 0.35em 0 0.5em 1.5em;
								text-decoration: none;
								line-height: 1.2em;
								}
								#wrap #container #content-container #vertikales-menue UL LI a dfn {
									position: absolute;
									left: -300em;
									top: -200em;
									width: 0em;
									height: 0em;
									overflow:hidden;
									display:inline;
								}	
								
								
								#wrap #container #content-container #vertikales-menue UL LI A:HOVER,
								#wrap #container #content-container #vertikales-menue UL LI A:FOCUS,
								#wrap #container #content-container #vertikales-menue UL LI A.aktiv {
									background: #029bbb url(../bilder/ver-menue-li-aktiv-das-bbw.png);
									color: white;
								}
/*
############################################  CONTENT-CONTAINER
*/
				#wrap #container #content-container #content {
					float: left;
					width: 35.4em;
					*width: 35.45em;
					background: yellow;
					min-height: 100%;
					position: relative;
					background: url(../bilder/hg-strich.png) repeat-y;
					}
					#wrap #container #content-container #content #wrap2 {
						background: url(../bilder/hg-strich.png) repeat-y right;
						padding: 1.38em 2em 0 2.5em;
						*padding: 0.9em 2em 0 2.5em;			
						font-size: 0.75em;
						color: #666666;
						min-height: 600px;
						_height: 600px;
						}


/*
############################################  CONTENT-CLICKSTREAM
*/
					#wrap #container #content-container #content .clickstream {
						margin: 1.5em 0 5em 0;
						*margin: 3.05em 0 2em 0;
						padding: 0;
						display: block;
						width: 100%;
						}		
						#wrap #container #content-container #content .clickstream P {
							float: left;
							margin: 0 10px 0 0;
							background: url(../bilder/pfeil1.png) right no-repeat;
							padding-right: 0.8em;
							width: auto;
							}
							#wrap #container #content-container #content .clickstream UL {
								list-style: none;
								float: left;
								margin: 0;
								padding: 0;
								}
								#wrap #container #content-container #content .clickstream UL LI{
									display: inline;
									}


/*
############################################  CONTENT-PRINT
*/
						#wrap #container #content-container #content #printlink{ 
							text-align: right;
							padding: 50px 0 20px 0;
						}
							#wrap #container #content-container #content #printlink img{
								margin-right: 4px; 
								width: 1.15em; 
								height: 0.75em;
							}
							#wrap #container #content-container #content #printlink a{
								font-weight: bold;
								color: #027a93
							}



/*
############################################  CONTENT-CONTAINER rechte Spalte
*/
				#wrap #container #content-container  #rechte-spalte {
					float: left;
					width: 20em;
					_width: 19.2em;		
					min-height: 100%;
					position: relative;
					font-size: 0.7em;
					}	
				#wrap #container #content-container  #rechte-spalte .bilderblock {
						clear: left;
						text-align: center;
						color: #666666;
				}
				#wrap #container #content-container  #rechte-spalte .bilderblock P {
						margin: 1em 0 1em 0;
				}

/*
############################################  FOOTER
*/
			#wrap #footer {
				height: 7.2em;
				*height: 7.4em;
				width: 62.3em;
				margin: auto;
				text-align: center;
				position:relative;
				}		
					#wrap #footer .links {
						position: absolute;
						top: -9.15em;
						*top: -9.0em;
						left: 0;
						width: auto;
						}	
					#wrap #footer .rechts {
						position: absolute;
						top: -9.15em;
						*top: -9.0em;
						right: 0;
						_right: -0.05em;
					}
					#wrap #footer .links IMG,
					#wrap #footer .rechts IMG {
						height: 9.1em;
						}
				#wrap  #footer #footer-menue {
				}
					#wrap #footer #footer-menue UL {
						list-style: none;
						margin: 0 0 1.1em 0;
						padding: 0;
					}
						#wrap #footer #footer-menue UL LI {
							display: inline;
							}	
						#wrap #footer #footer-menue UL LI A {
							padding: 0 0.7em;
							font-size: 0.8em;
							color: #027A93;
							border-right: 1px solid #027A93;
							font-weight: bold;
							}	
						#wrap #footer #footer-menue UL LI.last A {
							border: 0;
							}
							
					#wrap #footer #footer-menue UL LI a dfn {
							position: absolute;
							left: -300em;
							top: -200em;
							width: 0em;
							height: 0em;
							overflow:hidden;
							display:inline;
					}