@charset "ISO-8859-1";

/* -- Streckenverlauf  -- */

.streckenverlauf {
	background: #acd3fb;
	padding: 0em 0em 2.5em 0em;
}

.streckenverlauf h3, .streckenverlauf h4 {
	font-size: 2.65em;
	font-weight: bold;
	margin: 0.55em 0 0em 0.55em;
}
.streckenverlauf h4 {
	font-size: 1.33em;
	margin: 0.15em 0em 1.2em 1.2em;
}
.streckenverlauf ul {
	padding: 0em;
	margin: 0em;
}
.streckenverlauf #strecke {
	padding: 0 0 0 0.9em;
	float: left;
}
.streckenverlauf .infos {
	padding: 0em;
	margin: 0em;
	width: 100%;
}
.streckenverlauf .liststart {
	margin-bottom: -0.2em;
	height: 0.55em; 
	width: 3.17;
}
.nav-arrow {
	margin: 0 0em -0.2em 0.9em;
}
.streckenverlauf .listende .img {
	width: 3.17em;
	height: 1.12em;
}
.streckenverlauf .liststart .img {	
	height: 0.55em;
	width: 3.17em;
}

.streckenverlauf .ende {
	background: url(../images/icons/streckenverlauf.ende.png) top left no-repeat;
	padding: 0;
	height: auto;
	float: none;
}
.streckenverlauf .start {
	background: url(../images/icons/streckenverlauf.start.png) top left no-repeat;
	padding: 0;
	margin-bottom: -0.5em;
	height: auto;
	float: none;
}
.streckenverlauf .abschnittname, streckenverlauf .ausfahrt {
	font-size: 1.1em;
	float: left;
	width: 12em;
	padding: 1.8em 0 0 3.3em;
}
.streckenverlauf .ausfahrt { /* deprecated */
	text-align: center;
	width: 3em;
	height: 1.2em;
	background: #6f9ad7;
	color: #FFFFFF;
	float: left;
	font-size: 1.1em;
	padding: 0.1em 0em;
	margin: 1.6em 0em 0em 0em;
}

.streckenverlauf .symbole {
	float: left;
	width: auto;
	height: 2em;
	margin: 1.5em 0em 0em 0.8em;
}
.streckenverlauf .symbole .autobahn {
	float: left;
	margin-right: 0.5em;
}
.streckenverlauf .kreuz .abschnittname {
	font-weight: bold;
}

.streckenverlauf .kreuz .ausfahrt {
	font-weight: bold;
	color: #000033;
}
/* -- Autobahnabfahrt Klassen -- */
.streckenverlauf .abfahrt, .streckenverlauf .kreuz, .streckenverlauf .abfahrtanfang, .streckenverlauf .abfahrtstart, .streckenverlauf .kreuzanfang, .streckenverlauf .kreuzstart {
	/* display: inline;
	float: left; */
	height: 3.6em;
	padding: 0em;
	margin: 0em;
	background: url(../images/icons/streckenverlauf.abfahrt.png) top left no-repeat;
	background-position: 0px 0px;
}
.streckenverlauf .kreuz {
	background: url(../images/icons/streckenverlauf.kreuz.png) top left no-repeat;
}
.streckenverlauf .abfahrtanfang {
	background: url(../images/icons/streckenverlauf.abfahrt.anfang.png) top left no-repeat;
}
.streckenverlauf .abfahrtstart {
	background: url(../images/icons/streckenverlauf.abfahrt.start.png) top left no-repeat;
}
.streckenverlauf .kreuzanfang {
	background: url(../images/icons/streckenverlauf.kreuz.anfang.png) top left no-repeat;
}
.streckenverlauf .kreuzstart {
	background: url(../images/icons/streckenverlauf.kreuz.start.png) top left no-repeat;
}
.streckenverlauf .stau {
	background-position: 0px -40px;
}
.streckenverlauf .staurechts {
	background-position: 0px -80px;
}
.streckenverlauf .staulinks {
	background-position: 0px -120px;
}
.streckenverlauf .stauende {
	background-position: 0px -160px;
}
.streckenverlauf .stauenderechts {
	background-position: 0px -200px;
}
.streckenverlauf .stauendelinks {
	background-position: 0px -240px;
}
.streckenverlauf .rechts {
	background-position: 0px -280px;
}
.streckenverlauf .rechtsstau {
	background-position: 0px -320px;
}
.streckenverlauf .rechtsstaurechts {
	background-position: 0px -360px;
}
.streckenverlauf .rechtsstaulinks {
	background-position: 0px -400px;
}
.streckenverlauf .rechtsstauende {
	background-position: 0px -440px;
}
.streckenverlauf .rechtsstauenderechts {
	background-position: 0px -480px;
}
.streckenverlauf .rechtsstauendelinks {
	background-position: 0px -520px;
}
.streckenverlauf .links {
	background-position: 0px -560px;
}
.streckenverlauf .linksstau {
	background-position: 0px -600px;
}
.streckenverlauf .linksstaurechts {
	background-position: 0px -640px;
}
.streckenverlauf .linksstaulinks {
	background-position: 0px -680px;
}
.streckenverlauf .linksstauende {
	background-position: 0px -720px;
}
.streckenverlauf .linksstauenderechts {
	background-position: 0px -760px;
}
.streckenverlauf .linksstauendelinks {
	background-position: 0px -800px;
}

/* -- Meldungsliste -- */
.headlineicon {
 	width: 3.2em;
 	height: 1.6em;
 	display: inline;
}

.meldungsliste {
	background: #D3E8FE;
	border: 0.09em solid #80AEE1;
	border-top: none;
	top:0;
	bottom: 0;
	position: relative;
}

.meldungsliste .meldungen {
	background: url(../images/bg.meldungsliste.png) top left repeat-x;
	margin: 1.6em 0 0 0;
}
.meldungsliste .meldungen .kopf {
	margin-bottom: 0.1em;
}
.meldungsliste .meldungen .kopf .links {
	padding: 0 1.9em 0 0.8em;
	margin: -0.1em 0 0 0;
}

.meldungsliste .meldungen .kopf h3 { 
	float: right; 
	padding: 0 0.8em 0 0;
	width: 19.5em; 
	line-height: 1.4em; 	
}

.meldungsliste .meldungen .zusammenfassung {
	border-top: 0.1em solid #e9f2fb;
	border-bottom: 0.1em solid #e9f2fb;
	background: #c8e2ff;
	width: 100%;
	float: left;
}

.meldungsliste .meldungen .zusammenfassung .keinemeldung {
	display: block;
	height: 2em;
	font-weight: bold;
	font-size: 1.15em;
	padding: 0.8em 0.4em 0 2em;
	font-size: 1.2em;
}
.meldungsliste .meldungen .zusammenfassung .strasse, .meldungsliste .meldungen .zusammenfassung .laenge, .meldungsliste .meldungen .zusammenfassung .text {
	float: left;
	display: inline;
	width: auto;
	height: 2em;
}
.meldungsliste .meldungen .zusammenfassung .strasse {
	padding: 0.7em 1.3em;
}
.meldungsliste .meldungen .zusammenfassung .laenge {
	font-weight: bold;
	font-size: 1.15em;
	padding: 0.8em 0.4em 0 0em;
	font-size: 1.3em;
}
.meldungsliste .meldungen .zusammenfassung .text {
	padding: 1em 0 0 0;
	font-size: 1.14em;
	height: 1%;
}

.meldungsliste .meldungen .even, .meldungsliste .meldungen .odd {
	background: #CEE5FC;
	margin: 0.1em 0;
	padding: 0.4em 0.9em;
	font-size: 1.14em;
	line-height: 1.2;
}
.meldungsliste .meldungen .odd {
	background: #E1EEFC;
}

.meldungsliste .meldungen .gefahrbox {
	padding: 0.7em 0 0.5em 0.7em;
	margin: 0.6em 0em 0em 0em;
	border: 0.18em solid #e11525;
	font-size: 1.14em;
	line-height: 1.2;
	background: #ebeced url(../images/bg.gefahrbox.png) top left repeat-x;
}
.meldungsliste .meldungen .gefahrbox .gefahricon {
	float: right;
	height: 4.7em;
	width: 5.2em;
}
.meldungsliste .meldungen .gefahrbox h4 { 
	font-weight: bold;
	padding-bottom: 0.1em;
}
.meldungsliste .meldungen .gefahrbox p {
	font-size: 0.92em;
}

/* -- Legenden Anpassungen -- */
.legendespacer {
	height: 0.7em;
}

#legende ul {
	padding: 1em 0em;
}
#legende .leftcolumn li {
	padding: 0em 0.9em;
}
#legende .rightcolumn li {
	margin: 0em 0em 0em 1em;
}
#legende .strassenschild {
	padding: 0.5em 0em 0.1em 0em;
}
#legende .autobahn {
	margin: 0.4em 0.6em;
}
#legende .autobahn .bg {
 	margin-bottom: -1.8em;
}
.stauicon {
	width: 3.6em;
	height: 1em;
}
.startstopicon {
	width: 3.3em;
	height: 3.3em;
}