/*html {
	margin:0;
	padding:33px;
	overflow: hidden;
}*/

body {
	color: black; 
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	background-color: #bfcad7;
	width: 100%;
}

h1 {	
	font-size: 115%;
	margin: 0;
	padding: 38px 36px 9px 0;
	text-transform: uppercase;
	color: #ffffff;
	background: #99B2CC url("pics/h1_hint_blau.gif") top right no-repeat;
}

/* Grundgerüst */
#kopf {
	height: 237px;
	border: 1px solid #66819e;
	padding: 3px;
	background-color: #fff;
	text-align: right;
	overflow: hidden;
	position: relative;
	margin-top: 24px;
	margin-left: 24px;
	margin-right: 24px;
	}
	
#inhalt {
	position: relative;
	margin-left: 285px;
	margin-right: 24px;
	margin-top: 3px;
	margin-bottom: 24px;
	padding: 3px;
	border: 1px solid #66819e;
	background-color: #fff;
	overflow: hidden;
	font-size: 85%;
	}

#footer {
	padding: 0 12px 0 12px;
	line-height: 180%;
	margin: 0;
	color: #4B4B4B;
	text-align: center;
	border: 1px solid #66819e;
	background: #F1F3F6
	}
	
#navigation {
	width: 258px;
	position: absolute;
	left: 24px;
	top: 281px;
	overflow: hidden;
	}
	
#seiteneinstellungen {
	position: relative;
	top: 0px;
	width: 190px;
	height: 24px;
	margin: 8px 0 0 124px;
	padding: 0;
	}
		
#funktionen {
	position: absolute;
	right: 28px;
	top: 172px;
	z-index: 11;
	height: 93px;
	background-color: #a3b3c5;
	width: 200px;
	border-left: 3px solid #fff;
	text-align: right;
	overflow: hidden;
	}
	
	
/* Kopfbereich */
#logo {
	position: absolute;
	left: 3px;
	top: 148px;
	z-index: 10;
	}

#kopfbild {
	background: #e3e8ed url("pics/oli_hint.gif") top left no-repeat;
	overflow: hidden;
	}

#kopfbild img {
	border-left: 3px solid #fff;
	}

#farbe {
	margin-top: 3px;
	text-align: left;
	background-color: #ccd5df;
	height: 93px;
	}

/* Inhalt */

#beige h1 {
	background: #edebe2 url("pics/h1_hint_beige.gif") top right no-repeat;
	color: #959388;
}
#blau h1 {
	background: #99B2CC url("pics/h1_hint_blau.gif") top right no-repeat;
}
#braun h1 {
	background: #948f7b url("pics/h1_hint_braun.gif") top right no-repeat;
}
#gelb h1 {
	background: #FFCC00 url("pics/h1_hint_gelb.gif") top right no-repeat;
}
#gelbaktuell h1 {
	background: #FFCC00 url("pics/h1_hint_gelb.gif") top right no-repeat;
}
#rotaktuell h1 {
	background: #AE000C url("pics/h1_hint_rot.gif") top right no-repeat;
}
#grau h1 {
	background: #DADADA url("pics/h1_hint_grau.gif") top right no-repeat;
}
#gruen h1 {
	background: #339900 url("pics/h1_hint_gruen.gif") top right no-repeat;
}
#rot h1 {
	background: #AE000C url("pics/h1_hint_rot.gif") top right no-repeat;
}
.h1hint {
	background: url("pics/hint_auge_blau.gif") center left no-repeat;
	padding: 0 0 0 36px;
	}
#beige .h1hint {
	background: url("pics/hint_auge_beige.gif") center left no-repeat;
	}
#blau .h1hint {
	background: url("pics/hint_auge_blau.gif") center left no-repeat;
	}
#braun .h1hint {
	background: url("pics/hint_auge_braun.gif") center left no-repeat;
	}
#gelb .h1hint {
	background: url("pics/hint_auge_gelb.gif") center left no-repeat;
	}
#gelbaktuell .h1hint {
	background: url("pics/hint_auge_gelb.gif") center left no-repeat;
	}
#rotaktuell .h1hint {
	background: url("pics/hint_auge_rot.gif") center left no-repeat;
	}
#grau .h1hint {
	background: url("pics/hint_auge_grau.gif") center left no-repeat;
	}
#gruen .h1hint {
	background: url("pics/hint_auge_gruen.gif") center left no-repeat;
	}
#rot .h1hint {
	background: url("pics/hint_auge_rot.gif") center left no-repeat;
	}

#inhalt h2 {	
	font-size: 110%;
	/*text-transform: uppercase;*/
	color: #2f2f2f;
	padding: 0;
	margin: 18px 0 6px 12px;
	clear: left;
	/*background-image: url("pics/li_hint02.gif");*/
	background-color: #CCD5DF;
}

#gelbaktuell #inhalt h2, #rotaktuell #inhalt h2 {	
	font-size: 110%;
	/*text-transform: uppercase;*/
	color: #2f2f2f;
	padding: 11px 0 12px 12px;
	margin: 3px 66px 6px 0;
	clear: left;
	background-color: #f1f3f6;
	border-bottom: 1px solid #d2dae3;
	/*width: 75%;*/
}

#rotaktuell #inhalt div.bildlinks {	
	display:none;
}

#beige #inhalt h2 {
	background-color: #edebe2;
}

#inhalt h3 {	
	font-size: 100%;
	color: #2f2f2f;
	padding: 0;
	margin: 12px 0 6px 12px;
	clear: left;
	border-bottom: 2px solid #CCD5DF;
}
/*#inhalt .bildlinks h3 {	
	background-color: #66819e;
	color: #fff;
	font-size: 85%;
	padding: 5px;
	margin: 0;
}*/
#inhalt a:link, #inhalt a:visited {
	color: #66819E;
	text-decoration: underline;
	font-weight: bold;
	background: url("pics/bt_pfeil.gif") left center no-repeat;
	padding-left: 15px;
}

#inhalt a:hover, #inhalt a:focus, #inhalt a:active {
	color: #c80013;
	text-decoration: none;
	font-weight: bold;
	background: url("pics/bt_pfeil3.gif") left center no-repeat;
	padding-left: 15px;
}
#inhalt .bildlinks a:link,
#inhalt .bildlinks a:visited,
#inhalt .bildrechts a:link,
#inhalt .bildrechts a:visited {
	color: #66819E;
	text-decoration: none;
	font-weight: bold;
	background: #F1F3F6 url("pics/bt_pfeil3.gif") right center no-repeat;
	padding-left: 5px;
	padding-right: 23px;
	display: block;
}


#inhalt .bildlinks a:hover,
#inhalt .bildlinks a:focus,
#inhalt .bildlinks a:active,
#inhalt .bildrechts a:hover,
#inhalt .bildrechts a:focus,
#inhalt .bildrechts a:active {
	color: #c80013;
	text-decoration: none;
	font-weight: bold;
	background: #E3E8ED url("pics/bt_pfeil.gif") right center no-repeat;
	padding-left: 5px;
	padding-right: 23px;
	display: block;
	margin: 0;
}

#inhalt .bildlinks img {
	border-bottom: 1px solid #66819e;
	}

#inhalt .bildlinks2 a:link,
#inhalt .bildlinks2 a:visited {
	color: #66819E;
	text-decoration: none;
	font-weight: bold;
	background: #F1F3F6 url("pics/bildlinks2_hint.gif") top left repeat-x;
	padding: 0;
	border: none;
	margin: 0;
	line-height: 140%;
	display: inline;
}


#inhalt .bildlinks2 a:hover,
#inhalt .bildlinks2 a:focus,
#inhalt .bildlinks2 a:active {
	color: #66819E;
	text-decoration: none;
	font-weight: bold;
	background: #F1F3F6 url("pics/bildlinks2_hint.gif") top left repeat-x;
	padding: 0;
	border: none;
	margin: 0;
	line-height: 140%;
	display: inline;
}

#inhalt a.extern:link, #inhalt a.extern:visited {
	color: #66819E;
	text-decoration: underline;
	font-weight: bold;
	background: url("pics/bt_pfeil3.gif") right center no-repeat;
	padding-left: 0;
	padding-right: 23px;
}

#inhalt a.extern:hover, #inhalt a.extern:focus, #inhalt a.extern:active {
	color: #c80013;
	text-decoration: none;
	font-weight: bold;
	background: url("pics/bt_pfeil.gif") right center no-repeat;
	padding-right: 23px;
	padding-left: 0;
}

#inhalt .textrechts a.extern:link, #inhalt .textrechts a.extern:visited {
	display: block;
	color: #66819E;
	text-decoration: underline;
	font-weight: bold;
	background: #f1f3f6 url("pics/bt_pfeil3.gif") right center no-repeat;
	padding: 5px 23px 5px 5px;
	margin: 2px -2px;
	list-style: none;
}

#inhalt .textrechts a.extern:hover, #inhalt .textrechts a.extern:focus, #inhalt .textrechts a.extern:active {
	display: block;
	color: #c80013;
	text-decoration: none;
	font-weight: bold;
	background: #f1f3f6 url("pics/bt_pfeil.gif") right center no-repeat;
	padding: 5px 23px 5px 5px;
	margin: 2px -2px;
	list-style: none;
}
#inhalt p {
	padding: 5px 12px 15px 12px;
	line-height: 180%;
	margin: 0;
	color: #4B4B4B;
	}
	
#inhalt p.start {
	padding: 10px 12px 15px 12px;
	line-height: 180%;
	margin: 0;
	color: #4B4B4B;
	}
	
#inhalt ul, #inhalt ol {
	margin-top: 0;
	}
	
#inhalt ul li, #inhalt ol li {
	padding: 5px 12px;
	line-height: 180%;
	margin: 0;
	color: #4B4B4B;
	}

#inhalt ul ul li, #inhalt ol ol li {
	font-size: inherit;
	}

#inhalt ul.linkliste {
	position: relative;
	display: block;
	list-style: none;
	font-weight: bold;
	font-size: 100%;
	line-height: 180%;
	padding: 0;
	margin: 0 0 0 15px;		
	text-align: left;
	/*background-image: url("pics/li_hint.gif") center center repeat-y;*/
}

#inhalt p.bildlinks {
	position: relative;
	float: left;
	margin: 5px 10px 10px 12px;
	padding: 0;
	border: 1px solid #66819e;
}

#inhalt p.bildlinks2 {
	position: relative;
	float: left;
	width: 180px;
	text-align: center;
	margin: 10px;
	padding: 0 0 4px 0;
	border: 1px solid #66819e;
	background: #F1F3F6 url("pics/bildlinks2_hint.gif") top left repeat-x;
	font-weight: bold;
	color: #66819E;
	line-height: 140%;
}

#inhalt p.bildrechts {
	position: relative;
	float: right;
	margin: 10px;
	padding: 0;
	border: 1px solid #66819e;
}

#inhalt p.bildrechts strong, #inhalt p.bildlinks strong {
	display: block;
	padding-left: 5px;
	border-top: 1px solid #66819e;
	background-color: #F1F3F6;
}

#inhalt .boxspezial {
	margin-right: 5px; 
	margin-bottom: 10px; 
	width: 48%; 
	float: left; 
	position: relative; 
	background: url(pics/hint_box.png) right bottom no-repeat; 
	font-size: 90%;
}

#inhalt .boxspezial p { 
	padding: 5px 12px 10px 12px;
	line-height: 150%;
}

#inhalt .boxspezial ul, #inhalt .boxspezial ol {
	margin-top: 0;
	}
	
#inhalt .boxspezial ul li, #inhalt .boxspezial ol li {
	padding: 3px 12px;
	line-height: 150%;
	margin: 0;
	color: #4B4B4B;
	}
	
#inhalt .boxspezial h2 {	
	background-color: #bfcad7;
}

.boxcman {
	border-left: 12px solid #fff;
	background: transparent url(pics/start_prod01.jpg) no-repeat scroll right top;
	height: 92px;
	display: block;
}

.boxobu {
	border-left: 12px solid #fff;
	background: transparent url(pics/start_prod03.jpg) no-repeat scroll right top;
	height: 92px;
	display: block;
}

.boxgeoman {
	border-left: 12px solid #fff;
	background: transparent url(pics/start_prod02.jpg) no-repeat scroll right top;
	height: 92px;
	display: block;
}

#quadblau {
	position: relative;
	float: right;
	width: 63px;
	height: 63px;
	background: transparent url("pics/blau_inhalt.gif") top right no-repeat;
	margin: 3px 0 3px 6px;
	}
	
#quadblau_refs {
	position: relative;
	float: right;
	width: 63px;
	height: 600px;
	background: transparent url("pics/blau_inhalt.gif") top right no-repeat;
	margin: 3px 0 3px 6px;
	}
	
.h2hint {
	padding-right: 6px;
	background-color: #fff;
	}

.blau {
	position: relative;
	margin: 0 7px;
	padding: 0;
	background-color: #e3e8ed;
	border-top: 1px solid #66819e;
	}
	
#beige .blau {
	background-color: #edebe2;
	border-top: 1px solid #a4a295;
	}
	
.grau {
	position: relative;
	margin: 0 7px;
	padding: 0;
	background-color: #f8f8f8;
	border-top: 1px solid #66819e;
	}
	
#beige .grau {
	border-top: 1px solid #a4a295;
	}
	
.links {
	width: 200px;
	float: left;
	position: absolute;
	display: block;
	z-index:10;
	text-align: left;
	}
	
h4.links {
	width: 200px;
	float: left;
	position: absolute;
	display: block;
	z-index:10;
	text-align: left;
	padding: 7px 5px;
	text-align: right;
	line-height: 140%;
	margin: 0;
	/*border-top: 1px solid #66819e;*/
	color: #4B4B4B;
	font-size: 100%;
	}
#inhalt .textrechts {
	position: relative;
	float: right;
	width: 260px;
	margin: 10px;
	padding: 5px;
	border: 1px solid #a3b3c5;
	line-height: 160%;
	color: #4B4B4B;
}

#inhalt .textrechts h4 {
	position: relative;
	margin: -6px -5px 5px -5px;
	padding: 5px;
	background-color: #a3b3c5;
	color: #FFFFFF;
	font-size: 100%;
}

p.rechts {
	display: block;
	position: relative;
	border-left-width: 231px;
	border-left-style: solid;
	z-index:4;
	}
	
.blau p.rechts {
	border-left-color: #fff;	
	}

.grau p.rechts {
	border-left-color: #fff;	
	}

/* Footer */

#footer a:link, #footer a:visited {
	color: #66819E;
	text-decoration: underline;
	font-weight: bold;
	background-image: none;
	padding-left: 7px;
	padding-right: 7px;
}

#footer a:hover, #footer a:focus, #footer a:active {
	color: #c80013;
	text-decoration: none;
	font-weight: bold;
	background-image: none;
	padding-left: 7px;
	padding-right: 7px;
}

/* Navigation */

ul#mainnav {
	position: relative;
	display: block;
	list-style: none;
	font-weight: bold;
	padding: 0 0 30px 0;
	margin: 0;		
	text-align: left;
	border-top: 1px solid #92a5ba;
	border-bottom: 1px solid #66819e;
}

ul#mainnav li {
	position: relative;
	display: block; 
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #92a5ba;
	text-transform: uppercase;
	font-size: 87%;
	background: url("pics/bt_pfeil.gif") right center no-repeat;
}

ul#mainnav li a {
	position: relative;
	display: block; 
	margin: 0px;		
	padding: 6px;
	color: #4b4b4b; 
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 87%;
}

ul#mainnav li a.aktiv, ul#mainnav li a.aktiv:hover, ul#mainnav li a.aktiv:focus, ul#mainnav li a.aktiv:active {
	position: relative;
	background: #92a5ba url("pics/bt_pfeil3.gif") right center no-repeat;
	font-weight: bold;
	color: #fff;
}

ul#mainnav li a:hover, ul#mainnav li a:focus, ul#mainnav li a:active {
	position: relative;
	display: block; 
	margin: 0px;
	padding: 6px;
	color: #2f2f2f; 
	text-decoration: none;
	background: #d2dae3 url("pics/bt_pfeil.gif") right center no-repeat;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 87%;
}

ul#mainnav ul {
	position: relative;
	display: block;
	list-style: none;
	font-weight: bold;
	font-size: 115%;
	padding: 0;
	margin: 0;		
	text-align: left;
	border-top: 1px solid #92a5ba;
	/*background-image: url("pics/li_hint.gif") center center repeat-y;*/
}

ul#mainnav ul li {
	position: relative;
	display: block; 
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #d2dae3;
}

ul#mainnav ul li a {
	position: relative;
	display: block; 
	margin: 0px;		
	padding: 6px 6px 6px 16px;
	color: #333333; 
	text-decoration: none;
	background: #E3E8ED url("pics/bt_pfeil.gif") right center no-repeat;
	font-weight: bold;
	text-transform: none;	
}

ul#mainnav ul li a.aktiv, ul#mainnav ul li a.aktiv:hover, ul#mainnav ul li a.aktiv:focus, ul#mainnav ul li a.aktiv:active {
	color: #333333; 
	background: #d3dbe3 url("pics/bt_pfeil3.gif") right center no-repeat;
	font-weight: bold;
	text-transform: none;
}
ul#mainnav ul li a:hover, ul#mainnav ul li a:focus, ul#mainnav ul li a:active {
	display: block; 
	margin: 0px;
	padding: 6px 6px 6px 16px;
	text-decoration: none;
	background: #d2dae3 url("pics/bt_pfeil.gif") right center no-repeat;
	font-weight: bold;
	text-transform: none;
}

ul#mainnav ul ul {
	position: relative;
	display: block;
	list-style: none;
	font-weight: bold;
	font-size: 115%;
	padding: 0;
	margin: 0;		
	text-align: left;
	border-top: 1px solid #d2dae3;
}

ul#mainnav ul ul li {
	position: relative;
	display: block; 
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #d2dae3;
}

ul#mainnav ul ul li a {
	position: relative;
	display: block; 
	margin: 0px;		
	padding: 6px 6px 6px 26px;
	color: #333333; 
	text-decoration: none;
	background: #F1F3F6 url("pics/bt_pfeil.gif") right center no-repeat;
	font-weight: bold;
}

ul#mainnav ul ul li a.aktiv, ul#mainnav ul ul li a.aktiv:hover, ul#mainnav ul ul li a.aktiv:focus, ul#mainnav ul ul li a.aktiv:active {
	color: #333333; 
	background: #e9edf1 url("pics/bt_pfeil3.gif") right center no-repeat;
	font-weight: bold;
}
ul#mainnav ul ul li a:hover, ul#mainnav ul ul li a:focus, ul#mainnav ul ul li a:active {
	display: block; 
	margin: 0px;
	padding: 6px 6px 6px 26px;
	text-decoration: none;
	background: #d2dae3 url("pics/bt_pfeil.gif") right center no-repeat;
	font-weight: bold;
}

#navigation h2 {	
	border-top: 1px solid #66819e;
	font-size: 85%;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #2f2f2f;
	padding: 0 6px 16px 6px;
	margin: 6px 0 0 0;
}
#navigation h3 {	
	font-size: 85%;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #2f2f2f;
	padding: 0 6px 8px 6px;
	margin-top: 0px;
}

/* ==== seiteneinstellungen ==== */

	#seiteneinstellungen ul {
		position: relative;
		padding: 0; 
		float: left; 
		margin: 0;
		width: 190px;
		list-style-type: none; 
		height: 24px; 
		}
	#seiteneinstellungen li {
		padding: 0; 
		float: left; 
		margin: 0 10px 0 0; 
		height: 24px;
		padding: 0; 
		}
	#seiteneinstellungen li a, 
	#seiteneinstellungen li a:link, 
	#seiteneinstellungen li a:hover, 
	#seiteneinstellungen li a:active, 
	#seiteneinstellungen li a:visited {
		height: 24px;
		text-decoration: none;
		border-bottom: 0;
		margin: 0; 
		padding: 0;
		}

	#barr_gr { background: transparent url("pics/barr_s_gr2.gif") center left no-repeat; }
	#barr_kl { background: transparent url("pics/barr_s_kl2.gif") center left no-repeat; }
	#barr_no { background: transparent url("pics/barr_rueck.gif") center left no-repeat; }
	#barr_hilfe { background: transparent url("pics/barr_hilfe.gif") center left no-repeat; }
	#barr_zwis { background: transparent url("pics/barr_mitte.gif") center left no-repeat; }
	
	
/* ==== Funktionslinks ==== */

ul#funktionslinks {
	position: relative;
	display: block;
	list-style: none;
	font-weight: bold;
	padding: 5px 0 0 0;
	margin: 0;		
}

ul#funktionslinks li {
	position: relative;
	display: block; 
	margin: 0;
	padding: 3px 25px 5px 5px;
	font-size: 75%;
	background: url("pics/funk_weiss.gif") right center no-repeat;
}

ul#funktionslinks li a, ul#funktionslinks li a:visited {
	color: #fff; 
	text-decoration: none;
	font-weight: normal;
}

ul#funktionslinks a:hover, ul#funktionslinks a:focus, ul#funktionslinks a:active {
	color: #fff; 
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px solid #fff;
}


/* ================= */

#sprungmenue {
		z-index: 30;
		position:absolute;
		top:-400px;
		left:90px;
		text-align: left;
}

#sprungmenue a:focus,
#sprungmenue a:hover,
#sprungmenue a:active {
	position: absolute;
	top: 400px; 
	display:block;
	width:250px;
	font: normal normal bold 75%/140% Verdana, Arial, Helvetica;
	color:#FFFFFF;
	text-decoration: underline;
	background-color:#CC0000;	
	border-right: 10px solid #CC0000;
	border-bottom: 1px solid #CC0000;
	border-left: 1px solid #CC0000;
	padding: 4px;
	text-align: left;
}

/* News */

p.newsrubrik {
	padding: 0 12px 0 12px;
	background-color: #f1f3f6;
	line-height: 100%;
	font-weight:bold;
}

div.newsrubrik {
	padding: 0 12px 0 12px;
	color: #66819e;
	background-color: #fff;
	margin-bottom: 10px;
	font-weight:bold;
}

.newsuntertitel {

	}

.sucherg {
	font-weight: bold;
	color: #CC0000;
	}

.teaser {
	border-bottom: 1px solid #92a5ba;
	}

/* allgemein */
.unsichtbar {
	display: none;
	position: relative;
}
.cleaner {
	clear:both;
	}
.formblau {
	background-color: #f1f3f6;
	border-bottom: 1px solid #b3c0cf;
	border-top: 1px solid #b3c0cf; 
	}
.formlinks {
	color: #4b4b4b;
	font-weight:bold;
	position: relative;
	float:left;
	width: 200px;
	z-index: 15;
	}
.formrechts {
	position: relative;
	}
.s_go {
	background: none;
	padding: 0;
	border: none;
	}
	
/* News */

.newsdatum {
	padding: 0px 12px 0px 12px;
	line-height: 180%;
	background-color: #92a5ba;
	width: 30%;
	font-size: 90%;
	color: #FFFFFF;
 }
.karteireiter {
	padding: 0px 12px 0px 12px;
	line-height: 180%;
	/*background-color: #92a5ba;*/
	/*background-color: #ffcc00;*/
	background-color: #ae000c;
	width: 30%;
	font-size: 100%;
	color: #FFFFFF;
	font-weight: bold;
 }
 
.newstitel {
	padding: 5px 12px 5px 12px;
	line-height: 180%;
	font-weight: bold;
	font-size: 110%;
	/*border-bottom: 1px solid #d2dae3;*/
	background-color: #e3e8ed;
	margin: 0;
		}
.newsuntertitel {
	padding: 5px 12px 5px 12px;
	/*border-bottom: 1px solid #d2dae3;*/
	background-color: #f1f3f6;
	border: 1px solid #d2dae3;
	border-bottom: none;
	margin: 0;
	display:none;
	}
.newslink {
	padding: 0px 12px 0px 12px;
	line-height: 180%;
	/*border-bottom: 1px solid #d2dae3;*/
	border: 1px solid #d2dae3;
	border-top: none;
	display: block;
	margin: 0 0 20px 0;
	font-size: 90%;
	}