@charset "ISO-8859-1";

@import url("cssreset.css");

html,body {
	font-size: 100.1%;
}

body {
	background: #1755BA url(../images/bg.body.png) top repeat-x;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	color: #000033;
	font-size: 0.6619em; /* 0.6619 for webkits*/
}

/* -- universelle Einstellungen -- */
a:link,a:visited {
	text-decoration: none;
	color: #000033;
}

a:hover {
	text-decoration: underline;
	color: #000033;
}

p { 
	max-width: 42em; 
	line-height: 1.5em;	
}

.clear {
	display: block;
	clear: both;
	font-size: 0em;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.link-arrow { 
	height: 0.8em;	
}

.inv {
	display: none;
}

.outOfPage, .outOfPageButPrint { 
	position: absolute; 
	left: -3000em; 	
}

.kopf {
	padding: 0.8em 0 0.9em 0.9em;
	background: #BACEE7 url(../images/bg.headlines.png) top left repeat-x;
}

.kopf h2,.kopf h3 {
	font-size: 1.33em;
	font-weight: bold;
}

.kopf .rechts {
	float: right;
	width: auto;
	padding: 0em 0.7em;
}

.kopf .links {
	float: left;
	width: auto;
}

.kopftext {
	color: #FFFFFF;
	background: #124ba8;
	padding: 1.4em 1em;
}

.kopftext  a:link,.kopftext a:visited,.kopftext a:hover {
	color: #FFFFFF;
}

.kopftext h3 {
	color: #FFFFFF;
	font-size: 2.2em;
	font-weight: bold;
	padding-bottom: 0.4em;
}

.kopftext p {
	font-weight: bold;
	line-height: 1.5em;
}

.kopfsubtext {
	background: #4C78BE;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding: 0.4em 1em;
}

#tmc li {
	background: #c8e2ff;
	border-top: 0.09em solid #f1f8ff;
	border-bottom: 0.09em solid #80aee1;
	padding: 0.55em 1em;
	display: block;
}

#tmc li p { 
	line-height: 1.5em;	
}

#tmc li h4 {
	line-height: 1.5em;
	padding: 0em 0em 0.2em 0em;
}

#tmc .odd {
	background: #acd3fb;
}

#tmc-logo {
	float: right;
	margin: 1em 3.5em;	
}

.kopftext .tmc {
	float: left;
}

.prognose, #prognosen, #impressums, #contact {
	background-color: #FFFFFF;
	color: #000033;
	padding: 3.3em 5.5em;
	line-height: 1.5em;
	min-height: 30em;
}

.prognose {
	padding: 2.5em 10.9em 2.5em 5.1em;
	line-height: 1.5em;
	display: none;
}

.prognose-headline { 
	display: block; 
	float: left; 
	width: 35em;
	padding: 0.3em 0 0 0.4em;
	font-size: 1.15em;
	line-height: 1.25em;
}

.prognose h3, #prognosen h3,#impressums h3, #contact h3 {
	font-size: 2.3em;
	padding: 0 0 0.3em 0;
	line-height:1.2em;
}

#impressums h4 {
	padding-top: 0.5em;
}

.prognose p, #prognosen p, #impressums p, #contact p {
	font-size: 1.1em;
	padding: 0.5em 0;
	line-height: 1.5em;
}

.prognose .bold, #prognosen .bold {
	font-weight: bold;
	max-width: 100%;
}

.prognose .bild {
	float: left;
	margin: 1.2em 1.4em 0.6em 0;
}

.prognose .bild p {
	font-size: 0.9em;
	padding: 0;
	width: 100%;
}

#contact { 
	padding: 5.5em 7.5em; 	
}

#contact form { 
	margin: 1em 0em;
}

#contact h2,
#contact p { 
	width: 100%;
}

#contact h2 { 
	margin-bottom: 0.6em;
	font-size: 2em;		
}

#contact p { 
	margin-top: 0.4em;	
}
	
#contact label {	
	float: left;
	display:block;
}

#contact .error { 
	display:block; 
	float: right; 
	color: red;	
}

#contact textarea,
#contact input { 
	border: 0.09em solid;
	padding: 0.2em 0.4em;
	width: 100%;
}

#contact input.button { 
	display: block; 
	float: right;
	width: 14em;
	background-color: #9BC7F5;
}

#contact input.checkbox { 
	width: 1em;
	border: 0; 
}

/* -- Verhalten -- */
.strassenicon {
	vertical-align: text-bottom;
}

.links50,.rechts50 {
	width: 49.8%;
	float: left;
}

.rechts50 {
	float: right;
	width: 49.8%;
}

/* -- Bild/Icon Gr��en -- */
.banner780 {
	width: 100%;
	margin-bottom: -0.1em;
}

.dachicon {
	width: 2.1em;
	height: 1.7em;
}

.icongross {
	width: 2.7em;
	height: 2.5em;
}

.strassenschild,.strassenschildgross {
	width: 3.2em;
	height: 1.9em;
}

.strassenschildgross {
	width: 3.4em;
}

.ausfahrticon {
	width: 3.2em;
	height: 1.35em;
}

.arrowicon {
	width: 0.4em;
	height: 0.75em;
}

.icon {
	width: 1.6em;
	height: 1.6em;
}

.streckenicon {
	width: 1.7em;
	height: 2em;
}

/* -- Fehlermeldungen -- */
.error-msg {
	border: 1px solid #e04d4d;
	background-color: #e0c0c0;
	margin: 0.5em 0;
	padding: 0.75em 1em; 	
}

.error-msg h4 {
	margin-bottom: 0.25em;	
}

/* -- Infobox -- */
.infotrigger {
	display: inline;
	cursor: pointer;
}

.infobox {
	color: #000033;
	position: absolute;
	border: 0.22em solid #4891d0;
	padding: 1em 0.8em;
	background: #EBEBEC url(../images/bg.infobox.png) repeat-x top left;
	z-index: 1000;
	width: 14em;
	line-height: 1.4em;
	text-align: left;
}

#staumarker .infobox:FIRST-LINE { 
	font-weight: bold;	
}

a .infobox, a:FOCUS .infobox, a:HOVER .infobox { 
	text-decoration: none !important; 	
}

.infobox h5, .infobox .heading {
	margin-bottom: 0.7em;
}

.infobox .inv {
	display: inline;
}

.infobox .closeicon {
	width: 1.5em;
	height: 1.5em;
	margin: -1em -0.8em 0 0;
	float: right;
	cursor: pointer;
}

/* adjustment für Hilfeseite */
#infoboxes .infobox {
	display: block;
	position: static;
	width: 50%;
	margin: 2em 1em;
}

/* -- Layout Struktur -- */
#wrapper {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: url(../images/bg.wrapper.png) no-repeat center top scroll;
}

#header,#content,#footer {
	width: 73.6em;
	margin: 0 auto;
	height: auto;
}

#content {
	background: #8ABCF3;
	padding-bottom: 1.6em;
}

#contentwrapper {
	margin: 0 1.9em;
	padding: 0.4em 0.5em;
	background: #9bc7f5;
	min-height: 40em;
}

/* -- SeitenKopf -- */
#header {
	color: #FFFFFF;
	position: relative;
}

/* -- Hoheitsnavigation -- */
#header .headbg {
	width: 100%;
	height: 8.1em;
	z-index: 0;
}

#header .headbg img {
	width: 100%;
	height: 8.1em;
}

#header #hoheitsnavigation {
	margin-left: 14.6em;
	top: 0em;
	position: absolute;
}

#header #suchbox {
	margin-left: 14.6em;
}

#header #datum,#header #hoheitsnavigation li {
	width: auto;
	background: #3274C6 url(../images/bg.hoheitsnavigation.png) top repeat-x;
	border: 0.1em solid #4D89D6;
	border-top: none;
	margin: 0 0.4em 0 0;
	padding: 2em 0.2em 0.35em 4em;
	line-height: 1em;
}

#header #datum {
	position: absolute;
	right: 0em;
	top: 0em;
}

#header #hoheitsnavigation li {
	float: left;
	width: auto;
	padding: 2em 0.5em 0.35em 0.55em;
	margin: 0 0.18em 0 0;
}

#header #hoheitsnavigation li a {
	font-weight: bold;
	color: #FFFFFF;
}


a.solidLink {
	text-decoration: underline; 
}


/* -- Suchbox -- */
#header #suchbox {
	position: absolute;
	float: left;
	width: auto;
	padding: 1.25em 0 1.5em;
	margin-left: 14.69em;
	top: 3.4em;
}

#header #suchbox form,#suchbox fieldset {
	display: inline;
	margin: 0;
	padding: 0;
}

#header #suchbox input {
	color: #FFFFFF;
	background: #4083D6;
	padding: 0 0.2em;
	width: 10em;
	border: 0.1em solid #3677CB;
}

#header #suchbox #suchfeld {
	padding: 0 0.2em;
	margin-right: 0.3em;
}

#header #suchbox #suchbutton {
	font-weight: bold;
	width: 6.4em;
	border: none;
}

/* -- Dachnavigation -- */
#header #dachnavigation {
	position: absolute;
	right: 0em;
	top: 3.4em;
	width: auto;
	padding: 1.16em 0.4em 0.5em 0;
}

#header #dachnavigation li {
	float: left;
	width: auto;
	margin: 0 0 /*1.55em*/     0 0.46em;
}

#header #dachnavigation li img {
	border: 0.1em solid #4D89D6;
	width: 2.06em;
	height: 1.66em;
}

/* -- BreadCrumb Navigation -- */
#header #breadcrumb {
	background: #124ba8;
	padding: 0.85em 0 0.7em 2.7em;
}

#header #breadcrumb img {
	vertical-align: middle;
	width: 1.6em;
	height: 1.6em;
}

#header #breadcrumb a:link,#header #breadcrumb a:visited,#header #breadcrumb a:hover
	{
	color: #FFFFFF;
}

/* -- Seiten Navigation -- */
.hauptnavigation {
	margin: 0 2.4em;
}

.navigation {
	padding: 0.1em;
	background: #00044E url(../images/bg.navigation.png) top left repeat-x;
}

.navigation .base {
	background: #072573 url(../images/bg.navigation.element.png) top left
		repeat-x;
}

.navigation ul {
	margin-left: -0.1em;
}

.navigation li {
	float: left;
	width: auto;
}

.navigation li {
	margin: 0 0.1em 0 0;
	padding: 0.1em;
	background: #00044E url(../images/bg.navigation.png) top left repeat-x;
}

.navigation li a:link,.navigation li a:visited,.navigation li a:hover,.navigation li .fakelink
	{
	display: block;
	background: #051E5B url(../images/bg.navigation.button.png) top left repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0.4em 0.75em;
}

.navigation .fakelink:HOVER { 
	text-decoration: underline;	
}

.navigation .aktiv .fakelink:hover { 
	text-decoration: none;	
}

.navigation .aktiv a:HOVER {
	text-decoration: none;
}

.navigation .inaktiv {
	display: block;
	background: #051E5B url(../images/bg.navigation.button.png) top left
		repeat-x;
	color: #707070;
	font-weight: bold;
	padding: 0.4em 0.75em;
}

.navigation .aktiv {
	padding: 0.1em;
	margin-top: -0.4em;
	background: #DC7704 url(../images/bg.navigation.aktiv.li.png) top left
		repeat-x;
}

.navigation .aktiv a:link,.navigation .aktiv a:visited,.navigation .aktiv a:hover,.navigation .aktiv .fakelink
	{
	display: block;
	color: #000033;
	font-weight: bold;
	background: #FF9C01 url(../images/bg.navigation.aktiv.button.png) top
		left repeat-x;
	padding-top: 0.8em;
}

.navigationright,.hauptnavigationright {
	float: right;
	width: auto;
	padding: 0.2em 0.7em;
}

.hauptnavigationright {
	margin: 0 2.4em 0 0;
	padding: 0.3em 0.7em 0;
}

.hauptnavigationright .navigation {
	display: inline; 
	background: #072573 url(../images/bg.navigation.element.png) top left repeat-x;
}

.hauptnavigationright .navigation.marginright {
	margin-right: 1em;
}

.hauptnavigationright ul {
	display: inline;	
}

/* -- Fu�zeile -- */
#footer {
	background: url(../images/bg.footer.png) top left repeat-x;
	color: #FFFFFF;
}

#footer p {
	padding: 0 1.8em;
}

#footer a:link,#footer a:visited,#footer a:hover {
	color: #ffffff;
}

#footer #drucklink {
	float: right;
	width: auto;
	margin: -0.2em 3em 0 0;
}

#footer #drucklink img {
	vertical-align: middle;
	margin-right: 0.3em;
}

#footer p {
	margin: 0;
	padding: 0.4em 0 1em 1.9em;
}

#footer p img {
	margin-right: 0.6em;
}

#footer #impressum,#footer #urheber {
	float: left;
	width: auto;
}

#footer #disclaim {
	padding-left: 3em;
}

#footer #urheber,#footer #disclaim {
	font-size: 0.91em;
}

#footer #toplink,#footer #disclaim {
	margin-left: 14.0em;
}

/* -- Legende der genutzten Symbole -- */
#legende {
	background: #C8E2FF url(../images/bg.legende.png) top left repeat-x;
	border: 0.1em solid #80AEE1;
	padding-bottom: 1em;
	text-align: center;
}

#legende h3 {
	margin-left:1.3em;
	margin-top:1em;
	text-align: left;
	line-height:1.1em;
}

#legende ul {
	float: left;
	width: auto;
	color: #1f4498;
	line-height: 1.3;
	padding: 0.8em 0 0 0;
	margin: 0 auto;
}

#legende ul li {
	white-space: nowrap;
}

#legende .leftcolumn {
	width: 54%;
}

.info-legende { 
	margin-top: 0.7em;	
}

#legende .leftcolumn li,#legende .fullleftcolumn li {
	width: auto;
	float: left;
	text-align: center;
	padding: 0em 1.1em;
}

#legende .fullleftcolumn li {
	padding: 0em 1.4em;
	/*width: 12%;*/
}

#legende .middlecolumn {
	padding: 1.1em 0 0 1em;
	width: 21%;
}

#legende .middlecolumn li,#legende .rightcolumn li {
	padding: 0.5em 0 0.5em 0.2em;
	vertical-align: middle;
	text-align: left;
}

#legende .middlecolumn li img,#legende .rightcolumn li img {
	padding: 0 0.5em 0 0;
	vertical-align: middle;
}

#legende .rightcolumn {
	float: left;
	width: 22%;
	padding: 1em 0 0 0.4em
}

#legende .rightcolumn li {
	margin: 0.2em 0 0 1.8em;
}

#legende .nofloat {
	float: none;
	width: auto;
}

#legende li .strassenicon {
	padding: 0.4em 0em;
}

#legende li .ausfahrticon {
	padding: 0.85em 0em 0.25em 0em;
}

#legende li .stauicon {
	padding: 1.2em 0em 0.25em 0em;
}

#legende .full {
	display: block;
	float: none;
	margin: 0 auto;
}

#legende .full li {
	float: left;
	margin: 0.3em 0.8em;
}

#legende .startpage li { 
	margin: 0.3em 2.2em; 	
}

/* -- Autobahn/Strassen Schilder -- */
.autobahn,.bundesstrasse,.andere {
	width: 3.9em;
	height: 1.9em;
	display: block;
	margin: 0em;
	padding: 0em;
}

.andere {
	width: 4em;
}


.autobahn .bg,.bundesstrasse .bg, .andere .bg {
	display: block;
	width: 100%;
	height: 100%;
	margin-bottom: -1.55em;
}

.andere .bg {
	width: 101%;
	height: 110%;
} 


.autobahn .bg img,.bundesstrasse .bg img, .andere .bg img {
	height: 100%;
	width: 100%;
}

.autobahn .name,.bundesstrasse .name, .andere .name{
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	font-weight: 900;
	font-size: 1em;
	margin-top: 0.051em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.bundesstrasse .name {
	color: #2C2C2C;
}

.andere .name {
	color: #2c2c2c;	
}

.nocontent {
	background-color: #C8E2FF;
	border: 0.09em solid #80AEE1;
	padding: 2em 0.6em;
	min-height: 8em;
}

.error h1 {
	margin: 0.8em 0em;
	font-size: 2.2em;
}

.error h2 {
	font-size: 1.6em;
	margin: 0em 0em 0.6em 0;
}

.error p,.error ul {
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0.6em 0em 0.8em;
}

/* karte */

#mapview_navigation {
	background: #BACEE7 url(../images/bg.headlines.png) repeat-x scroll left top;
	height: 2.01em;
	text-align: center;
	margin: 0 auto;
}
#mapview_navigation ul li {
	font-weight: 250;
	padding: 0.5em 0.4em;
	font-size: 1em; 
	float: left;
	font-weight: bold;
	border-right: 0.1em solid #81afe4;
	border-bottom: 0.1em solid #81afe4;
	background: #BACEE7 url(../images/bg.headlines.png) repeat-x scroll left top;
	width: 11.0em;
	height: 1em;
}
#mapview_navigation ul li.sauerland {
	width: 17.7em;
}
#maparea_wrapper {
	position:relative; 
	height:545px; 
	background:#E0E0E0; 
	margin: 0.5em 0; 
}
#maparea { 
	overflow: hidden; 
	position:relative; 
	height:545px; 
	background:#E0E0E0; 
	margin: 0; 
	margin-bottom: -21px;
}
#maparea_copyright {
	position:relative; 
	position:relative; 
	bottom: 0; 
	height: 9px; 
	font-size: 9px; 
	background: rgb(231, 239, 239); 
	margin: 0;  
	padding:6px;
}

#bundeslandform select {
	background: #124ba8;
	border: 0.1em solid #256bc0;
	color: #FFFFFF;
	font-size: 1em;
}

#bundeslandform input {
	background: #124ba8;
	border: 0.09em solid #256bc0;
	color: #FFFFFF;
	font-size: 1.1em;
	
}