body {
	margin: 0px; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #333333;
	background-color: #F7F8F9;
	background-image: url(/img/bg/main_bg.png);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}



/*------------------------------------- Struktur Haupt Container -----------------------------*/

  
#outer-wrapper {
	width: 900px;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #333333;
	text-align: left;
	line-height: 120%;
	
 } 
 
#content h1 {
	font-size: 2.0em;
	font-family: Arial, Helvetica, sans-serif;
	color: #085886;
	font-weight: normal;
	margin-top: 20px;
	padding-top: 0px;
}

#content h2 {
	font-size: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	color: #085886;
	font-weight: normal;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	line-height: 100%;
	margin-bottom: 20px;
}


#content .gruen {
	color: #B3CB3F;
	background-image: url(/img/std/quad_gruen.png);
	background-repeat: no-repeat;
	background-position: left -2px;
}	

#content .orange {
	color: #F49929;
	background-image: url(/img/std/quad_orange.png);
	background-repeat: no-repeat;
	background-position: left -2px;
}	

#content .pink {
	color: #E11282;
	background-image: url(/img/std/quad_pink.png);
	background-repeat: no-repeat;
	background-position: left -2px;
}	

#content .rot {
	color: #E21A22;
	background-image: url(/img/std/quad_rot.png);
	background-repeat: no-repeat;
	background-position: left -2px;
}	

#content .hellblau {
	color: #1D9AD6;
	background-image: url(/img/std/quad_hellblau.png);
	background-repeat: no-repeat;
	background-position: left -2px;
}	

#content .blau {
	color: #004B88;
	background-image: url(/img/std/quad_blau.png);
	background-repeat: no-repeat;
	background-position: left -2px;
}	


#content h3 {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #085886;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 100%;
	margin-bottom: 0px;
} 

#content h4 {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #085886;
	font-weight: bold;
	line-height: 100%;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
} 
 
 
#content ul {
	margin-top: -5px;
	margin-bottom: -5px;
}	
 
#content li {
	font-weight: bold;
	list-style-image: url(/img/std/pfeil_grau.png);
	font-size: 1em;
	color: #7F7F7F;
	padding-top: 0px;
	margin-top: 5px;
}	


#content a {
	font-weight: bold;
	text-decoration: none;
	color: #085886;
	background-image: url(/img/std/doppelpfeil.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-top: 10px;
}	

#content a:hover {
	color: #E21A22;;
	background-image: url(/img/std/doppelpfeil2.gif);
	background-repeat: no-repeat;
}	





/*------------------------------------- Header -----------------------------*/


#header {
	background-image: url(/img/bg/header_bg.png);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: right top;
	height: 158px;
	width: 900px;
}		


#header .headertext {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	width: 280px;
	float: right;
	margin-top: 130px;
	text-align: right;
	margin-right: 10px;
}	

#header h1 {
	margin: 0px;
	padding: 0px;
	background-image: url(/img/std/logo_header.png);
	background-repeat: no-repeat;
	text-indent:-666em;
	height: 130px;
	width: 560px;
	
}	



/*------------------------------------- Footer -----------------------------*/


#footer {
	float: left;
	width: 100%;
	background-color: #085886;
	height: 30px;

}
 
#footerText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	float: left;
	width: 100%;
	padding-top: 3px;

}

#footerText ul { 
	list-style-type: none;
	margin: 0px 0px 0px;
	padding: 0px;
}

#footerTextR {
	float: right;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 5px;
}	

#footerTextL {	
	margin-left: 5px;
	float: left;
}	

#footerTextL a {
	color: #085886;
	text-decoration:none;
}	

#footerTextL a:hover {
	color: #1D9AD6;
}	

#footerTextL2 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 5px;
	margin-left: 5px;
}

#footerTextL2 a {
	text-decoration:none;
	color: #999999;
}

#footerTextL2 a:hover {
	color: #FFFFFF;
}

#footer-logo {
	float: right;
	width: 500px;
	text-align: right;
	padding-top: 20px;
}	

#footer-logo a {
	margin: 0;
	padding: 0;
	background-image: none;
}	

/*------------------------------------- Inhalt -----------------------------*/


#outer-content {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #BBBBBB;
	border-left-color: #BBBBBB;
	float: left;
	width: 878px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	margin-top: 6px;
}


.content-left-2-2 {
	width: 427px;
	float: left;
	padding-right: 10px;
}	

.content-right-2-2 {
	width: 440px;
	float: left;
}	

#content .specLink a, #content .specLink a:hover {
	background-image: none;
	margin: 0;
	padding: 0;		
}	


/*------------------------------------- Meta Navi  -----------------------------*/

  #metaNavi {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #FFFFFF;
	text-align: left;
}	
  
  
#metaNavi ul { 
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#metaNavi a {
	display: block;
	text-decoration:none;
	color: #FFFFFF;
	padding-right: 5px;
	white-space: nowrap;
	padding-left: 5px;
}

/* IE-Hack für die Breite  */
*html #metaNavi li a {
	width: 10px;
}

#metaNavi li {
	float:left;
	padding: 0;
	list-style-type: none;
	margin: 0;
}


#metaNavi li a:hover {
	color: #1D9AD6;
}



/*------------------------------------- Hauptnavi  -----------------------------*/

  #navi {
	width: 900px;
	height: 25px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #085886;
	margin: 0px;
	padding: 0px;
	text-align: left;
}	
  
  
  
#navi ul { /* alle Listen */
	list-style-type: none;
	margin: 0px 0px 0px;
	padding: 0px;
}

#navi a {
	display: block;
	text-decoration:none;
	color: #085886;
	padding-right: 10px;
	padding-top: 4px;
	height: 21px;
	white-space: nowrap;
	padding-left: 10px;
}

/* IE-Hack für die Breite  */
*html #navi li a {
	width: 10px;
}

#navi li { /* alle Listenelemente */
	float:left;
	padding: 0;
	list-style-type: none;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
}

#navi li ul { /* Listen 2. Ebene */
   position: absolute;
   background: #FFFFFF;
   width: 7em;
   left: -999em;
}


#navi li ul a {
	text-decoration:none;
	float: left;
  width: 7em;
	background-color: #FFFFFF; 
	color: #085886;
	padding-right: 0px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 16px;
	white-space: nowrap;
	background-image:none; 
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBBBBB;
}

#navi li ul a:hover {
	background-image: url(/img/bt/navover_gruen_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}


#navi li li {
   position: relative;
}


#navi li:hover ul ul {
   left: -999em;
}

#navi li:hover ul, #navi li li:hover ul {
   left: auto;
}

.nav-gruen li a:hover,.nav-gruen li#active,.nav-gruen li ul a:hover {
	background-image: url(/img/bt/navover_gruen_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.nav-orange li a:hover,.nav-orange li#active,.nav-orange li ul a:hover {
	background-image: url(/img/bt/navover_orange_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.nav-blau li a:hover,.nav-blau li#active,.nav-blau li ul a:hover {
	background-image: url(/img/bt/navover_blau_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.nav-hellblau li a:hover,.nav-hellblau li#active,.nav-hellblau li ul a:hover {
	background-image: url(/img/bt/navover_hellblau_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.nav-pink li a:hover,.nav-pink li#active,.nav-pink li ul a:hover {
	background-image: url(/img/bt/navover_pink_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}




/*------------------------------------- Window  -----------------------------*/

#win-body {
	width: 100%;

	height: 100%;
	margin: 0;
	height: 100%;
	background-color: #F7F8F9;
	background-image: url(/img/bg/win_main_bg.jpg);
	background-repeat: repeat-x;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	
}	


#win-outer-wrapper {
	width: 660px;
	text-align: left;
	padding-bottom: 20px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#win-header {
	background-image: url(/img/std/logo_win.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: right top;
	height: 52px;
	width: 660px;
}		

#win-outer-content {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #BBBBBB;
	border-left-color: #BBBBBB;
	float: left;
	width: 650px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBBBBB;
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
}

#win-outer-content #content img {
	float: left;
	margin: 7px;
}	

/*------------------------------------- Klassen  -----------------------------*/

#content a.more {
	font-weight: normal;
	font-size: 90%;
	text-decoration: none;
	color: #F49929;
	background-image: url(/img/std/doppelpfeil_klein.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	margin-left: 5px;
	background-position: left center;
}

#content a.more:hover {
	color: #E21A22;
	background-image: url(/img/std/doppelpfeil2_klein.gif);
	background-repeat: no-repeat;
}	

.dotline {
	background-image: url(/img/std/dotline.png);
	background-repeat: no-repeat;
	height: 30px;
	background-position: center center;
}

.blueline {
	background-image: url(/img/std/streifen_blau_fading.jpg);
	background-repeat: no-repeat;
	height: 30px;
	background-position: center center;
}		

.pic {
	background-image: url(/img/std/streifen_blau_fading.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 20px;
}			
	


.clearfloat {
	clear:both;
	height: 0px;
	font-size: 1px;
	line-height: 0px;
	margin: 0;
	padding: 0;
}
