@charset "ISO-8859-1";

@import url("cssreset.css");

body {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	color: #000;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0.4em 0;
}

a:link, a:visited {
	color: #000;
	text-decoration: none;
}

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

.inv {
	display: block;
}

.noprint {
	display: none !important;
}

hr { 
	clear: both;
	margin: 0.5em 0; 
}

.outOfPageButPrint { 
	left: auto;
	position: static;
}

#header, #content {
	width: 100%;	
}

#header h1 { 
	float: left;
	margin-bottom: 0.5em;
	margin-left: 0.5em; 
}

#header img { 
	float: left;
	margin-bottom: 0.4em; 
}

#header #datum {
	float: right; 
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	color: #000000;
	display: block;
}

#legende ul {
 	font-size: 0.7em;
 	float: left;
 	width: auto;
 	line-height: 1.3;
 	padding: 0.8em 0 0 0;
 	margin: 0 auto;
}
#legende ul li {
 	white-space: nowrap;
}
#legende .leftcolumn {
 	width: 54%;
}
#legende .fullleftcolumn {
 	width: 77%
}
#legende .leftcolumn li, #legende .fullleftcolumn li {
 	width: auto;
 	float: left;
 	text-align: center;
 	padding: 0em 1.1em;
}
#legende .fullleftcolumn li {
 	padding: 0em 1.4em;
}
#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;
}

.banner780 {
	display: none;
}

#breadcrumb {
	display: none;
}

#legende {
	border: none;
	background: none;
}

a {
	border: none;
}
/* Autobahn */
.autobahn .bg, .bundesstrassen .bg { /* display: none;*/ }
.autobahn .name, .bundesstrassen .name { font-size: 1.2em; color: #fff !important; }

#footer {
	background: none;
}

#footer #impressum, #footer #toplink, #footer #drucklink {
	display: none;
}
hr {
	display: block;
}
body, #wrapper, #content, #header, #footer, #contentwrapper, #statusstart, #gefahrenmeldungen, .kopf {
	background: none;
	border: none;
	color: #000000;
	margin-left: 0em;
	margin-right: 0em;
}
a:link, a:visited, a:hover, #footer a:link, #footer a:visited {
	text-decoration: none;
	/*color: #000000;*/
}

/* GefahrenmeldungsBox */
.gefahrenmeldung li.gefahricon { float: left; margin-right: 1em;}

#staumarker {
	display: block;
	position: static;
}
#staumarker li {
	position: static;
	display: block;
	width: 90%;
	padding: 1em 0.5em;
	margin: 0.8em 0em;
}
#staumarker li img {
	width: 0.96em;
	height: 0.96em;
	position: static;
	float: left;
	margin-right: 0.6em;
}

#bundeslaender {
	display: block;
	position: static;
	margin: 4em 1em;
}
#bundeslaender li {
	position: static;
	display: block;
	width: 90%;
}
#bundeslaender li .bg {
	display: none;
}
#bundeslaender li .meldung {
	position: static;
	display: block;
	font-weight: normal;
	text-align: left;
}
#bundeslaender li .meldung span {
	display: inline;
}
#strassenliste .meldungsende {
	display: none;
}

#strassenliste .strasse ul.minimiert { margin: 1.6em 0em 0em 0em; }
#strassenliste .strasse ul.minimiert li.cell1 { float: left; }
#strassenliste .strasse ul.minimiert li.cell2 { padding: 0.4em 0em 0.4em 1em; font-weight: bold; float: left;}
#strassenliste .strasse ul.minimiert li.cell3 img { padding: 0em 1em; }
#strassenliste .strasse ul.minimiert li.cell4 { margin-top: 0.4em; clear:both; }

#strassenliste .strasse ul.detailiert li.meldung ul li.cell1 { display: block; padding: 0.4em 1em 0.4em 2em; }

#strassenliste .strasse ul.detailiert li.meldung ul li.cell1 ul { display: none; }
#strassenliste .strasse ul.detailiert li.meldung ul li.cell2 { display: none; }
#strassenliste .strasse ul.detailiert li.meldung ul li.cell3 { display: none; }
#strassenliste .strasse ul.detailiert li.meldung ul li.cell4 { display: none; }

#strassenliste .strasse .minimiert {
	background: none;
	border: none;
}

#strassenliste .strasse .detailiert {
	background: none;
	border: none;
	display: block;
}
#strassenliste .strasse .detailiert .meldung{
	border: none;
}
#strassenliste .strasse .detailiert .meldung .cell4 {
	color: #000000;
}

/* Streckenverlauf Seite */
.streckenverlauf {
	background: none;
}
.streckenverlauf .abschnittname, .streckenverlauf .ausfahrt {
	padding: 0 0 0 3.3em;
}
.streckenverlauf .abschnittname span, .streckenverlauf .ausfahrt span {
	display: inline;
}
.streckenverlauf .liststart, .streckenverlauf .listende {
	display: none
}
.meldungsliste, .meldungsliste .meldungen, .meldungsliste .meldungen .zusammenfassung, .meldungsliste .meldungen .even, .meldungsliste .meldungen .odd {
	background: none;
	border: none;
}

 /* -- Autobahn/Strassen Schilder -- */
 .autobahn, .bundesstrasse {
 	width: 3.9em;
 	height: 1.9em;
 	display: block;
 	margin: 0em;
 	padding: 0em;
 }
 .gefahrenmeldung .autobahn, .gefahremeldung .bundesstrasse {
 	margin-left: 3em;
 }
 .autobahn .bg, .bundesstrasse .bg {
 	display: block;
 	width: 100%;
 	height: 100%;
 	background: #8591B3;
 	margin-bottom: -1.55em;
 }
 .autobahn .bg img, .bundesstrasse .bg img {
 	height: 100%;
 	width: 100%;
 }
 .autobahn .name, .bundesstrasse .name {
 	position: relative;
 	display: block;
 	width: 100%;
 	text-align: center;
 	color: #FFFFFF;
 	font-weight: 900;
 	font-size: 1.25em;
 	font-family: Arial, Verdana, Helvetica, sans-serif;
 }
 .bundesstrasse .bg {
 	background: #BCAE96;
 }
 .bundesstrasse .name {
 	color: #2C2C2C;
 }

/* weitere Seiten */
.kopfbalken {
	background: none;
	border: none;
}
.nocontent {
	background: none;
	border: none;
}
.sperrungen, .sperrungen thead, .sperrungen tbody, sperrungen .tdcell1, sperrungen .tdcell2, sperrungen .tdcell3, sperrungen .tdcell4, sperrungen .thcell1, sperrungen .thcell2, sperrungen .thcell3 {
	background: none;
	border: none;
}
.kopftext, .kopftext h3 {
	background: none;
	border: none;
	color: #000000;
}

.kopftext p { 
	max-width: 100%;	
}

/* Verlaufsseite */
ul.zusammenfassung li { 
	display: block;
	float: left; 
	margin-right: 0.6em;
}

.links50, .rechts50 { 
	width: 49%;	
} 

.streckenverlauf #strecke { 
	border-top: 1px solid black;
	padding: 0;
	float: none;	
}

#strecke > li {
	height: auto;
	width: auto;
	border-bottom: 1px solid black;
	padding: 1em;		
}

.debug {
	border: 1px solid red;
}

.streckenverlauf .abschnittname {
	width: 75%;	
	padding: 0;
	float: left; 
}

.streckenverlauf .symbole {
	width: 25%;	
	padding: 0;
	float: right; 	
}	
	
.streckenverlauf .symbole {
	/* float: left; */ 	
}

/* prognose */
.prognose {
	padding: 0.5em;
}