/*Standardwerte

Farben:
blau: #0093EB
gruen: #73D400
mittelgrau: #BABABA

orange: #E65A0A
helles orange: #F09C6C
hellgrau: #EAEFEC
mittelgrau:#CAD7CF
dunkelgrau:  #333333
grün: #669966

*/

/* ### Browser zur¸cksetzen, speziell Listen und Zitate ############################# */
* {margin:0; padding:0 }

/* ### f¸r IE option Element ############################# */
option {padding-left: 0.4em}

ul, ol, dl { margin: 0 0 1em 1em; }
li { margin-left: 1.5em; margin-top: 0.4em; line-height: 1.2em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

blockquote { margin: 0 0 1em 0.8em; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }

/* ### Safari und Firefox: vertikalen Scrollbalken einblenden, bei zentriertem Layout wichtig ############ */
html { height: 100%; margin-bottom: 1px; }


/* ### BASIS-FORMATE ######################################################## */

body, html {
	font-family: Arial, Verdana, sans-serif;
	/*font-size: 83%;85%;*/
	font-size: 85%;
	background: #fff;
	color:#000;
	margin: 3px 0px 0px 20px;
	padding:0px 0px 0px 0px;
}

html>body, html {font-size: 85%;}

div {
	font-size: 100%;
}

form {
	margin: 0px 0px 0px 0px;
	padding: 0;
	border: 0;
}

input{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
border-bottom: 1px solid #999999;
}

label {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

table, tr, td {
font-size: 100%;
}

/* --- Ueberschriften --------------------------------------------*/

h1 { 
	display: block;
	line-height: 120%;
	font-size: 190%;
	font-weight: normal;
	color: #0093EB;
	background-color: #fff;
	padding: 0.0em 0.1em 1.0em 0.0em;
	vertical-align: top;
}


h2 {

	display: block;	
	line-height: 120%;
	font-size: 120%;
	font-weight: bold;
	color: #000000;
	background-color: #ffffff; 
	padding: 0.5em 0.1em 1.0em 0.0em;
	vertical-align: top;
		
}


h3 { 
	display: block;
	line-height: 120%;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	padding: 0.0em 0.1em 0.5em 0.0em;
	vertical-align: top;
}

h3.important {background-color: #CAD7CF; padding: 5px 0 5px 8px; margin: 2px 0 2px 0;}
h3.basic {background-color: #DDE1DD;  padding: 5px 0 5px 8px;margin: 2px 0 2px 0;}

h4 { 
	font-size:100%;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0 0 10px 0;
}

h5 { 
	font-size: 100%;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 5px 0 15px 0;
}


h6 { 

	font-size: 100%;
	font-weight: normal;
	color: #000;
	margin: 0;
	padding: 5px 0 15px 0;

}


/* --- Bilder und Textabsatzformate --------------------------------------------*/


img { 
	border: 0; 
	clear: both;
}



img.pbl { 
	border: 0; 
}

img.pbr { 
	border: 0; 
	padding: 0px 0px 0px 6px;
}

.bilder { 
	padding: 0px;
	margin: 0px;
	display:block;
}



#logo { 
		padding: 0px 0px 0px 0px; 
}


p { 
	padding: 1px 1px 10px 1px; 
	margin: 0;
	line-height: 140%;  
}



p.boxtext_header {
	padding: 12px 20px 4px 20px;
	line-height: 130%;
	font-weight: bold;
	color: #0093EB; 
}

p.boxtext {
	padding: 4px 20px 4px 20px;
	line-height: 130%;
}


p.spacer {

	padding-top: 3px;

}

p.copyright {
	padding: 3px 0px 0px 0px;
	text-align:right;
	color: #3F4847;
}

p.starttext {
	padding: 30px 40px 20px 40px;
	text-align:left;
	font-size: 128%;
	font-weight: normal;
	line-height: 150%;
	color: #3F4847;
}

p.error {
	color: #E65A0A;
	font-weight: bold;
}






span.orange {
	color: #E65A0A;
}

span.blue {
	color: #0093EB;
}

/* --- Listen --------------------------------------------*/

ul.standard {
	list-style-image: url(../ximg/bullet04.gif);
}



/* --- horizontale Trenner --------------------------------------------*/

hr {
	clear: both;
	border: 0;
	width: 896px;
	display: block;
	border: 0;
	height: 2px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #009ee0;
	background: #0093EB repeat left bottom;
}



/* --- Links ---------------------------------------------------------------------------*/

a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	font-weight: normal;
	/* --- color: #E65A0A;  ---*/
	color: #ABABAB;
}

a:hover, a:active, a:focus {
	/* ---color: #669966; ---*/
	/* ---color: #0093EB; ---*/
	color: #73D400;
}



#content_wide p a:link, #content_wide p a:visited, #content_wide p a:hover, #content_wide p a:active, 
#content_small p a:link, #content_small p a:visited, #content_small p a:hover, #content_small p a:active, 
p.boxtext a:link, p.boxtext a:visited, p.boxtext a:hover, p.boxtext a:active {
	text-decoration: underline;
	font-weight: normal;
	/* --- color: #E65A0A;  ---*/
	color: #0093EB;
}

#content_wide p a:hover, #content_wide p a:active, #content_wide p a:focus,
#content_small p a:hover, #content_small p a:active, #content_small p a:focus, 
p.boxtext a:hover, p.boxtext a:active, p.boxtext a:focus {
	/* ---color: #669966; ---*/
	/* ---color: #0093EB; ---*/
	color: #73D400;
}



/* Linkformatierung für die Titel in den Listen*/

a:link.headline, a:visited.headline, a:hover.headline, a:active.headline { 
	display: block;
	font-size: 110%;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0;
}

a:hover.headline {
	color: #669966;
}


/* ### DIV-FORMATE ######################################################## */


/* --- Alle Seitenelemente enthaltender Container (ID) --------------------------------- */

#page {
	width: 896px; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#page2 {
	width: 896px; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}



/* --- versteckter Container, z.B. access keys (CLASS) --------------------------------- */

.hide {
	display: none;
}


/* --- Container fuer das Logo / Bildmotiv (ID) --------------------------------- */

#identity1 {
	float: left;
	width: 896px;
	height: 100px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	
}

/* --- Container fuer das Bildmotiv, (nicht mehr gebraucht) (ID) --------------------------------- */

#identity2 {
	float: left;
	width: 896px;
	height: 80px;
	background-color: #ffffff;
}

/* --- Container fuer Navigation und und Metanavigation (nav1 und topnav) (ID) --------------------------------- */

#nav_area {
	float: left;
	width: 896px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


/* --- Container fuer Navigation und Inhalt (ID) --------------------------------- */

#content_area {
	float: left;
	width: 896px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* --- Container fuer die Teaserboxen der Startseite (ID) --------------------------------- */

#content_area_teaser {
	float: left;
	width: 896px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}



/* --- Container fuer die Teaserboxen der Startseite (ID) TEST NEU !!!--------------------------------- */

#content_area_teaser2 {
	float: left;
	width: 896px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* --- interne Container fuer die Teaserboxen (ID) --------------------------------- */

#teaser_container_left {
	float: left;
	width: 400px;
	background-color: #eeeeee;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 24px;
}

#teaser_container_right {
	float: left;
	width: 400px;
	background-color: #dddddd;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.teaser_blue_right {
float: left;
	width: 60px;
	background-color: #cccccc;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
border:#0033CC solid 1px;
}

.teaser_blue_left {
	float: left;
	width: 60px;
	background-color: #dddddd;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
border:#0033CC solid 1px;
}

.teaser_green_right {
	float: none;
	width: 80px;
	background-color: #cccccc;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
border:#00CC33 solid 1px;
}

.teaser_green_left {
	float: none;
	width: 150px;
	background-color: #dddddd;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
border:#00CC33 solid 1px;
}



/* --- Container fuer den Claim der Startseite (ID) --------------------------------- */

#content_area_claim {
	float: left;
	width: 896px;
	background-color: #ffffff;
	padding: 15px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

/* --- L/R (ID) --------------------------------- */

/* --- Breite abhaengig von #claim_right --- */
#claim_left {
	float: left;
	width: 300px;
	background-color: #ffffff;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

/* --- Breite abhaengig von #claim_left --- */
#claim_right {
	float: right;
	width: 596px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}



/* --- Container fuer die Teaser der Startseite (ID) --------------------------------- */

#content_area_teaser {
	float: left;
	width: 896px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* --- L/R (ID) --------------------------------- */

/* --- Breite abhaengig von #teaser_right --- */
#teaser_left {
	float: left;
	width: 300px;
	background-color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


/* --- Breite abhaengig von #teaser_left --- */
#middle_right_container {
	float: right;
	width: 596px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


/* --- Breite abhaengig von #teaser_right --- */
#teaser_middle {
	float: left;
	width: 290px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* --- Breite abhaengig von #teaser_middle --- */
#teaser_right {
	float: right;
	width: 290px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}





/* --- Container fuer Inhalt (#content_small + #context, oder #content_wide (ID) --------------------------------- */

/* --- Breite abhaengig von #nav2 --- */
#content_container {
	float: right;
	width: 681px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 24px 0px 0px 0px;
}

/* --- Container fuer Text, schmal (ID) --------------------------------- */

/* --- Breite abhaengig von #context --- */
#content_small {
	float: left;
	width: 470px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* --- Container fuer Kontextmen¸ (ID) --------------------------------- */

/* --- Breite abhaengig von #context_small --- */
#context {
	float: right;
	width: 198px;
	background-color: #ffffff;
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
}

/* --- Box Kontextmen¸ (ID) --------------------------------- */

/* --- Breite abhaengig von #context --- */
.box_header {
	float: right;
	width: 198px;
	height: auto;
	background-color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0px solid #999999;
background: top url(../ximg/box_Header.gif) no-repeat;
}


/* --- Breite abhaengig von #context --- */
.box {
	float: right;
	width: 198px;
	background-color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0px solid #999999;
background: top url(../ximg/box.gif) repeat;
}

/* --- Breite abhaengig von #context --- */
.box_footer {
	float: right;
	width: 198px;
	height: 20px;
	background-color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
border: 0px solid #999999;
background: bottom url(../ximg/box_Footer.gif) no-repeat;
}



/* --- Container fuer text, breit (ID) --------------------------------- */

/* --- Breite abhaengig von #nav2 --- */
#content_wide {
	float: left;
	width: 675px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


/* --- Container fuer das die Fusszeile (ID) --------------------------------- */

#foot {
	float: left;
	width: 896px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* --- NH Navigation 1 als horizontale Liste -----------------------------------*/


#nav1 {
	float:left;
	width: 596px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#nav1 ul {
	list-style-type: none;
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#nav1 ul li {
	list-style-type: none;
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#nav1 ul li a:link.chosen,
#nav1 ul li a:active.chosen,
#nav1 ul li a:visited.chosen,
#nav1 ul li a:hover.chosen {
	font-weight: bold;
	font-size: 130%;
	color: #0093EB;
}

/* --- Metanavigation (ID) --------------------------------- */

#topnav {
	float: right;
	width: 300px;
	background-color: #ffffff;
	text-align:right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#topnav ul {
	list-style-type: none;
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#topnav ul li {
	list-style-type: none;
	display: inline;
	text-align:right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#topnav ul li a:link.chosen,
#topnav ul li a:active.chosen,
#topnav ul li a:visited.chosen,
#topnav ul li a:hover.chosen {
	font-weight: bold;
	font-size: 130%;
	color: #0093EB;
}

/* --- Waagrechte Linie oben (ID) -------------*/

#topline {
	float:left;
	width: 896px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 0px solid #009EE0;
}

/* --- Waagrechte Linie unten (ID) -------------*/

#bottomline {
	float:left;
	width: 896px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	border-top: 0px solid #0093EB;
}

/* --- Navigation 2, linke Seite (ID) --------------------------------- */

#nav2 {
	float:left;
	width: 215px;
	padding: 0px 0px 0px 0px;
	margin: 24px 0px 0px 0px;
}


/* --- Listenstruktur Navigation 2 linke Seite (ID) --------------------------------- */

#nav2 ul {

	margin:0 16px 15px 0; 
	padding-left:0; 
	list-style-type:none; 
	border-top: 1px solid #ABBFB3;

}

#nav2 ul li.one, 
#nav2 ul li.two, 
#nav2 ul li.three, 
#nav2 ul li.act, 
#nav2 ul li.oneact,
#nav2 ul li.three_high, 
#nav2 ul li.act_high {
	margin: 0;
	padding:0;
	border: 1px solid #ABBFB3;
	border-right: 0px;
	border-left: 0px;
	border-top: 0px;
	background-color: #EAEFEC;
	color: #000;
}


#nav2 ul li.one {
	background-color: #FFF;
}

#nav2 ul li.two {
	background-color: #EAEFEC;
}

#nav2 ul li.three_high,
#nav2 ul li.three {
	background-color: #EAEFEC;
}
 
#nav2 ul li.act_high,
#nav2 ul li.act {
	background-color: #CAD7CF;
}

#navigation ul li.oneact {
	background-color: #CAD7CF;
}

/* --- Link-Formate Navigation linke Seite (ID) --------------------------------- */

/* Hyperlinks für die Navigation*/

#nav2 ul li.one a, 
#nav2 ul li.oneact a {

	display: block;
	background:  url('../ximg/pfeil.gif') no-repeat left;
	height: 14px;
	width: 155px;
	padding: 5px 7px 5px 22px;
	margin: 0px 0px 0px 10px;
	font-weight: bold;
	font-size: 100%;
	color: #000;
}

#nav2 ul li.two a {
	display: block;
	background:  url('../ximg/pfeil_aktiv.gif') no-repeat left;
	height: 14px;
	width: 155px;
	padding: 5px 7px 5px 22px;
	margin: 0px 0px 0px 10px;
	font-weight: bold;
	font-size: 100%;
	color: #000;
}



#nav2 ul li.three a, 
#nav2 ul li.act a {
	display: block;
	height: 14px;
	width: 155px;
	padding: 5px 7px 5px 22px;
	margin: 0px 0px 0px 10px;
	font-weight: normal;
	font-size: 100%;
	color: #000;
}

#nav2 ul li.three_high a, 
#nav2 ul li.act_high a {
	display: block;
	height: 28px;
	width: 155px;
	padding: 5px 7px 5px 22px;
	margin: 0px 0px 0px 10px;
	font-weight: normal;
	font-size: 100%;
	color: #000;
}

#nav2 ul li img {
	margin-bottom: -4px;
}

.navigationBanner {
	display: block;
	margin-bottom: 9px;

}



.mainframe #navigation .boxInfoBox, 
.homeMainframe #navigation .boxInfoBox {

	background: #fff url('bg_infobox_alt.gif') no-repeat right center;

	margin: 16px 0 0 0;

	width: 164px;

	height: 20px;

	color: #fff;

	font-weight: bold;

	padding: 10px 6px 4px 30px; 

}



.mainframe #navigation .boxInfoBox a, .homeMainframe #navigation .boxInfoBox a {

	display: block;

	background:  url('infonavi_pfeil.gif') no-repeat right;

	text-align: right;

	height: 14px;

	padding-right: 70px;

	font-weight: bold;

	font-size: 100%;

	color: #E65A0A;



}