/* ---------------------------------------------------------------------

	Farben:
	#e5e6e5 = BG-grau
	#d0d246 = CD-Gelb (Box Container)
	#e08900 = CD-Orange
	#5ec5ed = CD-Blau

	#5ec6ed = EGKO-Blau
	
	h3 = Postleizahlen-Headlines
	
--------------------------------------------------------------------- */




/* ----------------------- Layout Bereiche ----------------------- */

#wrapper {
	margin: 0 auto;
	width: 905px;
	display:block;
	text-align: left;
}

#bkgnd2 {
	position: absolute; /*needed to expand to full height beyond content in FF */
	top: 0px;
	right: 0px;
	height:auto; /* FF needs this setting to expand div to fit long content */
	min-height:100%; /*sets minimum height in FF*/
	width:100%;
	text-align:center; /*centers #main in old IE*/
	}
	
#logoundnavi {
	float: left;
	display: inline;
	width: 200px;
}

#logo {
	float: left;
	display: inline;
	margin: 68px 76px 76px 14px;
	height:83px;
	width: 197px;
	/*background: #bbbbbb;*/
}

#navigation {
   	float: left;
	width: 194px;
	line-height:0px;
	vertical-align:top;
	margin-right:20px;
	/*background: #bbbbbb;*/
}

.minimalhoehe {
	float:left;
	display:inline;
	width:2px;
	height:580px;
	background: #bbbbbb;
}

#contentbox {
	float: right;
	width: 515px;
	margin-right:100px;
	background: #5ec6ed;
	padding-bottom:50px;
}

#content {
	clear:both;
	width: 475px;
	/*background: #aaaaaa;*/
	min-height:700px;
}
.footer {
	clear:both;
	float:left;
	display:block;
	height:50px;
	width:1px;
}

/* ----------------------- Meta-Navigation ----------------------- */


.metanavigation {
	display:block;
	float:right;
	height:20px;
	width:200px;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:22px;
	text-align:right;
	font-size: 12px;
 	line-height:20px;
	color: #ffffff;
}

.metanavigationlinks {
	display:block;
	float:left;
	height:20px;
	width:260px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:22px;
	text-align:right;
	font-size: 12px;
 	line-height:20px;
 	text-align:left;
	color: #ffffff;
}


/* ----------------------- Meta.Navigation ----------------------- */

.metanavigation a.passiv, .metanavigation a:link.passiv, .metanavigation a:hover.passiv, .metanavigation a:active.passiv, .metanavigation a:visited.passiv {
	font-size: 12px;
	color: #ffffff;
	line-height:25px;
}

.metanavigation a:hover.passiv, .metanavigation a.aktiv, .metanavigation a:link.aktiv, .metanavigation a:hover.aktiv, .metanavigation a:active.aktiv, .metanavigation a:visited.aktiv {
	font-size: 12px;
	color: #d0d246;
	line-height:25px;
}

.metanavigationlinks a.passiv, .metanavigationlinks a:link.passiv, .metanavigationlinks a:hover.passiv, .metanavigationlinks a:active.passiv, .metanavigationlinks a:visited.passiv {
	font-size: 12px;
	color: #ffffff;
	line-height:25px;
}

.metanavigationlinks a:hover.passiv, .metanavigationlinks a.aktiv, .metanavigationlinks a:link.aktiv, .metanavigationlinks a:hover.aktiv, .metanavigationlinks a:active.aktiv, .metanavigationlinks a:visited.aktiv {
	font-size: 12px;
	color: #d0d246;
	line-height:25px;
}
/* ----------------------- Haupt-Navigation Grafiken ----------------------- */




/* ------------- Deutsch ------------ */

a.de_navi1_p, a:link.de_navi1_p, a:visited.de_navi1_p, a:active.de_navi1_p, a.de_navi2_p, a:link.de_navi2_p, a:visited.de_navi2_p, a:active.de_navi2_p, a.de_navi3_p, a:link.de_navi3_p, a:visited.de_navi3_p, a:active.de_navi3_p, a:hover.de_navi3_p, a.de_navi4_p, a:link.de_navi4_p, a:visited.de_navi4_p, a:active.de_navi4_p {
	display: block; width: 194px; height: 27px; }

a.de_navi1_a, a:link.de_navi1_a, a:visited.de_navi1_a, a:active.de_navi1_a, a.de_navi2_a, a:link.de_navi2_a, a:visited.de_navi2_a, a:active.de_navi2_a, a.de_navi3_a, a:link.de_navi3_a, a:visited.de_navi3_a, a:active.de_navi3_a, a.de_navi4_a, a:hover.de_navi3_a, a:link.de_navi4_a, a:visited.de_navi4_a, a:active.de_navi4_a {
	display: block; width: 194px; height: 27px; }

a.de_navi1_p, a:link.de_navi1_p, a:visited.de_navi1_p, a:active.de_navi1_p { background: url(../gif/navi_de/01_p.gif) no-repeat; }
a.de_navi2_p, a:link.de_navi2_p, a:visited.de_navi2_p, a:active.de_navi2_p { background: url(../gif/navi_de/02_p.gif) no-repeat; }
a.de_navi3_p, a:link.de_navi3_p, a:visited.de_navi3_p, a:active.de_navi3_p { background: url(../gif/navi_de/03_p.gif) no-repeat; }
a.de_navi4_p, a:link.de_navi4_p, a:visited.de_navi4_p, a:active.de_navi4_p { background: url(../gif/navi_de/04_p.gif) no-repeat; }

a.de_navi1_a, a:link.de_navi1_a, a:visited.de_navi1_a, a:active.de_navi1_a { background: url(../gif/navi_de/01_a.gif) no-repeat; }
a.de_navi2_a, a:link.de_navi2_a, a:visited.de_navi2_a, a:active.de_navi2_a { background: url(../gif/navi_de/02_a.gif) no-repeat; }
a.de_navi3_a, a:link.de_navi3_a, a:visited.de_navi3_a, a:active.de_navi3_a { background: url(../gif/navi_de/03_a.gif) no-repeat; }
a.de_navi4_a, a:link.de_navi4_a, a:visited.de_navi4_a, a:active.de_navi4_a { background: url(../gif/navi_de/04_a.gif) no-repeat; }

a:hover.de_navi1_p { background: url(../gif/navi_de/01_a.gif) no-repeat; }
a:hover.de_navi2_p { background: url(../gif/navi_de/02_a.gif) no-repeat; }
a:hover.de_navi3_p { background: url(../gif/navi_de/03_a.gif) no-repeat; }
a:hover.de_navi4_p { background: url(../gif/navi_de/04_a.gif) no-repeat; }

/* ------------- Englisch ------------ */

a.en_navi1_p, a:link.en_navi1_p, a:visited.en_navi1_p, a:active.en_navi1_p, a.en_navi2_p, a:link.en_navi2_p, a:visited.en_navi2_p, a:active.en_navi2_p, a.en_navi3_p, a:link.en_navi3_p, a:visited.en_navi3_p, a:active.en_navi3_p, a:hover.en_navi3_p, a.en_navi4_p, a:link.en_navi4_p, a:visited.en_navi4_p, a:active.en_navi4_p {
	display: block; width: 194px; height: 27px; }

a.en_navi1_a, a:link.en_navi1_a, a:visited.en_navi1_a, a:active.en_navi1_a, a.en_navi2_a, a:link.en_navi2_a, a:visited.en_navi2_a, a:active.en_navi2_a, a.en_navi3_a, a:link.en_navi3_a, a:visited.en_navi3_a, a:active.en_navi3_a, a.en_navi4_a, a:hover.en_navi3_a, a:link.en_navi4_a, a:visited.en_navi4_a, a:active.en_navi4_a {
	display: block; width: 194px; height: 27px; }

a.en_navi1_p, a:link.en_navi1_p, a:visited.en_navi1_p, a:active.en_navi1_p { background: url(../gif/navi_en/01_p.gif) no-repeat; }
a.en_navi2_p, a:link.en_navi2_p, a:visited.en_navi2_p, a:active.en_navi2_p { background: url(../gif/navi_en/02_p.gif) no-repeat; }
a.en_navi3_p, a:link.en_navi3_p, a:visited.en_navi3_p, a:active.en_navi3_p { background: url(../gif/navi_en/03_p.gif) no-repeat; }
a.en_navi4_p, a:link.en_navi4_p, a:visited.en_navi4_p, a:active.en_navi4_p { background: url(../gif/navi_en/04_p.gif) no-repeat; }

a.en_navi1_a, a:link.en_navi1_a, a:visited.en_navi1_a, a:active.en_navi1_a { background: url(../gif/navi_en/01_a.gif) no-repeat; }
a.en_navi2_a, a:link.en_navi2_a, a:visited.en_navi2_a, a:active.en_navi2_a { background: url(../gif/navi_en/02_a.gif) no-repeat; }
a.en_navi3_a, a:link.en_navi3_a, a:visited.en_navi3_a, a:active.en_navi3_a { background: url(../gif/navi_en/03_a.gif) no-repeat; }
a.en_navi4_a, a:link.en_navi4_a, a:visited.en_navi4_a, a:active.en_navi4_a { background: url(../gif/navi_en/04_a.gif) no-repeat; }

a:hover.en_navi1_p { background: url(../gif/navi_en/01_a.gif) no-repeat; }
a:hover.en_navi2_p { background: url(../gif/navi_en/02_a.gif) no-repeat; }
a:hover.en_navi3_p { background: url(../gif/navi_en/03_a.gif) no-repeat; }
a:hover.en_navi4_p { background: url(../gif/navi_en/04_a.gif) no-repeat; }

/* ------------- Holländisch ------------ */

a.nl_navi1_p, a:link.nl_navi1_p, a:visited.nl_navi1_p, a:active.nl_navi1_p, a.nl_navi2_p, a:link.nl_navi2_p, a:visited.nl_navi2_p, a:active.nl_navi2_p, a.nl_navi3_p, a:link.nl_navi3_p, a:visited.nl_navi3_p, a:active.nl_navi3_p, a:hover.nl_navi3_p, a.nl_navi4_p, a:link.nl_navi4_p, a:visited.nl_navi4_p, a:active.nl_navi4_p {
	display: block; width: 194px; height: 27px; }

a.nl_navi1_a, a:link.nl_navi1_a, a:visited.nl_navi1_a, a:active.nl_navi1_a, a.nl_navi2_a, a:link.nl_navi2_a, a:visited.nl_navi2_a, a:active.nl_navi2_a, a.nl_navi3_a, a:link.nl_navi3_a, a:visited.nl_navi3_a, a:active.nl_navi3_a, a.nl_navi4_a, a:hover.nl_navi3_a, a:link.nl_navi4_a, a:visited.nl_navi4_a, a:active.nl_navi4_a {
	display: block; width: 194px; height: 27px; }

a.nl_navi1_p, a:link.nl_navi1_p, a:visited.nl_navi1_p, a:active.nl_navi1_p { background: url(../gif/navi_nl/01_p.gif) no-repeat; }
a.nl_navi2_p, a:link.nl_navi2_p, a:visited.nl_navi2_p, a:active.nl_navi2_p { background: url(../gif/navi_nl/02_p.gif) no-repeat; }
a.nl_navi3_p, a:link.nl_navi3_p, a:visited.nl_navi3_p, a:active.nl_navi3_p { background: url(../gif/navi_nl/03_p.gif) no-repeat; }
a.nl_navi4_p, a:link.nl_navi4_p, a:visited.nl_navi4_p, a:active.nl_navi4_p { background: url(../gif/navi_nl/04_p.gif) no-repeat; }

a.nl_navi1_a, a:link.nl_navi1_a, a:visited.nl_navi1_a, a:active.nl_navi1_a { background: url(../gif/navi_nl/01_a.gif) no-repeat; }
a.nl_navi2_a, a:link.nl_navi2_a, a:visited.nl_navi2_a, a:active.nl_navi2_a { background: url(../gif/navi_nl/02_a.gif) no-repeat; }
a.nl_navi3_a, a:link.nl_navi3_a, a:visited.nl_navi3_a, a:active.nl_navi3_a { background: url(../gif/navi_nl/03_a.gif) no-repeat; }
a.nl_navi4_a, a:link.nl_navi4_a, a:visited.nl_navi4_a, a:active.nl_navi4_a { background: url(../gif/navi_nl/04_a.gif) no-repeat; }

a:hover.nl_navi1_p { background: url(../gif/navi_nl/01_a.gif) no-repeat; }
a:hover.nl_navi2_p { background: url(../gif/navi_nl/02_a.gif) no-repeat; }
a:hover.nl_navi3_p { background: url(../gif/navi_nl/03_a.gif) no-repeat; }
a:hover.nl_navi4_p { background: url(../gif/navi_nl/04_a.gif) no-repeat; }

/* ------------- Französisch ------------ */

a.fr_navi1_p, a:link.fr_navi1_p, a:visited.fr_navi1_p, a:active.fr_navi1_p, a.fr_navi2_p, a:link.fr_navi2_p, a:visited.fr_navi2_p, a:active.fr_navi2_p, a.fr_navi3_p, a:link.fr_navi3_p, a:visited.fr_navi3_p, a:active.fr_navi3_p, a:hover.fr_navi3_p, a.fr_navi4_p, a:link.fr_navi4_p, a:visited.fr_navi4_p, a:active.fr_navi4_p {
	display: block; width: 194px; height: 27px; }

a.fr_navi1_a, a:link.fr_navi1_a, a:visited.fr_navi1_a, a:active.fr_navi1_a, a.fr_navi2_a, a:link.fr_navi2_a, a:visited.fr_navi2_a, a:active.fr_navi2_a, a.fr_navi3_a, a:link.fr_navi3_a, a:visited.fr_navi3_a, a:active.fr_navi3_a, a.fr_navi4_a, a:hover.fr_navi3_a, a:link.fr_navi4_a, a:visited.fr_navi4_a, a:active.fr_navi4_a {
	display: block; width: 194px; height: 27px; }

a.fr_navi1_p, a:link.fr_navi1_p, a:visited.fr_navi1_p, a:active.fr_navi1_p { background: url(../gif/navi_fr/01_p.gif) no-repeat; }
a.fr_navi2_p, a:link.fr_navi2_p, a:visited.fr_navi2_p, a:active.fr_navi2_p { background: url(../gif/navi_fr/02_p.gif) no-repeat; }
a.fr_navi3_p, a:link.fr_navi3_p, a:visited.fr_navi3_p, a:active.fr_navi3_p { background: url(../gif/navi_fr/03_p.gif) no-repeat; }
a.fr_navi4_p, a:link.fr_navi4_p, a:visited.fr_navi4_p, a:active.fr_navi4_p { background: url(../gif/navi_fr/04_p.gif) no-repeat; }

a.fr_navi1_a, a:link.fr_navi1_a, a:visited.fr_navi1_a, a:active.fr_navi1_a { background: url(../gif/navi_fr/01_a.gif) no-repeat; }
a.fr_navi2_a, a:link.fr_navi2_a, a:visited.fr_navi2_a, a:active.fr_navi2_a { background: url(../gif/navi_fr/02_a.gif) no-repeat; }
a.fr_navi3_a, a:link.fr_navi3_a, a:visited.fr_navi3_a, a:active.fr_navi3_a { background: url(../gif/navi_fr/03_a.gif) no-repeat; }
a.fr_navi4_a, a:link.fr_navi4_a, a:visited.fr_navi4_a, a:active.fr_navi4_a { background: url(../gif/navi_fr/04_a.gif) no-repeat; }

a:hover.fr_navi1_p { background: url(../gif/navi_fr/01_a.gif) no-repeat; }
a:hover.fr_navi2_p { background: url(../gif/navi_fr/02_a.gif) no-repeat; }
a:hover.fr_navi3_p { background: url(../gif/navi_fr/03_a.gif) no-repeat; }
a:hover.fr_navi4_p { background: url(../gif/navi_fr/04_a.gif) no-repeat; }






#navigation ul {
	list-style: none;
}

#navigation li {
	list-style: none;
}

li.blind, ul.blind {
	list-style: none;
	background: url(../gif/00_linie.gif) no-repeat;
	display:block;
	height:2px;
	line-height:2px;
	font-size:2px;
	width:194px;
}




/* ----------------------- Haupt-Navigation Text ----------------------- */


#navigation a.aktiv, #navigation a:link.aktiv {
	display: block;
	width: 194px;
	height: 27px;
	font-size: 13px;
	line-height:26px;
	color: #5ec5ed;
	display:block;
	margin-left:14px;
}

#navigation a.passiv, #navigation a:link.passiv,#navigation a:hover.passiv, #navigation a:hover.aktiv {
	display: block;
	width: 194px;
	height: 27px;
	font-size: 13px;
	line-height:26px;
	color: #e08900;
	display:block;
	margin-left:14px;
}


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

a, a:link, a:hover, a:visited {
	text-decoration: none;
	color: #fe2603;
	border: 0;
}

a.linkextern, a:hover.linkextern, a:link.linkextern, a:visited.linkextern, a:active.linkextern {
	color: #FFFFFF;
	text-decoration: underline;
}

a:hover.linkextern {
	color: #d0d246;
}

a.linkstop,a:hover.linkstop, a:link.linkstop, a:visited.linkstop, a:active.linkstop {
	color: #FFFFFF;
	float:right;
	display:inline;
	margin-right:112px;
	text-decoration: underline;
}

a:hover.linkstop {
	color: #d0d246;
}

/* ----------------------- Linien, Listen, Tabellen, Formulare ----------------------- */


form {
	margin: 5px 0px 5px 0px;
}

input.plzsuche {
  	border-left-width:2px;
  	border-left-style:solid;
  	border-left-color:#929292;
  	border-top-width:2px;
  	border-top-style:solid;
  	border-top-color:#929292;
	color:#5ec5ed;
	font-size:21px;
	vertical-align:middle;
  	border-bottom-width:2px;
  	border-bottom-style:solid;
  	border-bottom-color:#FFFFFF;

}

#content tr, #content td, #content table, #content td img { 	
	border-width: 0;
	border-spacing: 0px;
	table-layout: auto;
	border-collapse: collapse;
}

#content img {
	margin: 0px;
}

#content li {
	margin:  0px 50px 0px 66px;	
	}

input, textarea {
  	border: 0px solid #FFFFFF;
	margin: 0px 0px 0px 0px;
	font-family: Arial, non-serif;
	font-size: 14px;
	line-height: 20px;
	color: #5ec5ed;
	vertical-align:middle;
}

input.select, .select {
  	border: 0px;
	margin: 0;
	font-family: Arial, non-serif;
	font-size: 14px;
	line-height: 20px;
	color: #5ec5ed;
	vertical-align:middle;
}


/* ----------------------- Typo Allgemein ----------------------- */

h1, h2, h3 {
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	margin:  0px 10px 0px 50px;	
}

/* ----------------------- Zwischen-Überschiften Postleitzahlen ----------------------- */

h3 {
	font-weight: normal;
	margin:  0px 10px 0px 33px;	
	background: url(../gif/pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding-left:17px;
}



/* ----------------------- Diverse Elemente / Details ----------------------- */


p.formular {
	font-size: 12px;
	line-height: 15px;
	margin:1px 0px 1px 0px;
}



/* ----------------------- Grundlayout ----------------------- */


* { 
	padding: 0;
	margin: 0;
	border: 0;
	letter-spacing: 0em;
}

body {  
	background: #e5e6e5 url(../gif/bg.jpg);
	background-repeat: repeat-x;
	background-position:top center;
	font-family: Arial, non-serif;
	font-size: 14px;
	line-height: 17px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center; /* Für IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */
}

p {
	margin:  0px 50px 0px 50px;	
}