/* Site Settings */

root { 
  display:    block;
}
a {
  text-decoration: none;
  color: #000;
}
hr  {
  clear:both;
}

body {
  background: #DDDDDD; 
  margin:     0;
  padding:    0;
  font-family:verdana,arial,sans-serif;
  font-size:  12px;
  height:     100%;
}
html { /* Forcing Scrollbar */
  overflow-y: scroll;
  overflow-x: hidden;
}
h1, h2 {
  padding:    0;
  margin:     0;
}
h2 {
  font-size:16px;
}

.alertSigns {
  margin-bottom: 3px;
}


.h1Special, .blockOverlay {
  
  background: #003a72; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwM2E3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY2YWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #003a72 0%, #0066ad 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003a72), color-stop(100%,#0066ad)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #003a72 0%,#0066ad 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #003a72 0%,#0066ad 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #003a72 0%,#0066ad 100%); /* IE10+ */
  background: linear-gradient(top,  #003a72 0%,#0066ad 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003a72', endColorstr='#0066ad',GradientType=0 ); /* IE6-8 */  
}
img {
  padding-bottom: 2px;
}

.flleft {
  float:left;
}
.flright {
  float:right;
}
.tTitle {
  color: #463C3C;
  font-size:14px;
  font-weight: bold;
  padding-top: 5px;
}
.tTitle a{
  color: #463C3C;
}

.tTime {
  color: #ff3333;
  font-size:10px;
  font-weight: bold;
  float:left;
  text-align: left;
}
hr {
  border:0;
  border-bottom: 1px solid #ddd;
  height: 2px;
}

.tdBottom {
   border-bottom:1px solid #ddd; 
   padding: 0 0 10px 0;
}
.tdBottom a {
  color:       #000;
 
}

#mainWrap {
	width: 970px;
	margin: 0 auto;
}

#center {
	float: left;
  width:      970px;
}

#skyscraper {
	width: 160px;
	margin-left: 10px;
	margin-top: 35px;
	float: left;
}

#header {
  margin:     0;
/*  background: url(/img2/header.jpg)   no-repeat;*/
  height:     80px;
  width:      971px;
  border-bottom: 2px solid #003A72;
}
#logoArea {
    float:  left;
    width: 250px;
    padding: 15px 0 0 15px;
    
}

#navArea  {
   
}
#mainNav {
	margin-top: 35px;
  width: 550px;
  height: 44px;
  overflow: hidden;
  border: 1px solid #003A72;
  border-bottom: 0;
  float: right;
  -moz-border-top-left-radius: 8px;
  -moz-border-top-right-radius: 8px;
  border-top-left-radius: 8px;  
  border-top-right-radius: 8px;     


  background: #003a72; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwM2E3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY2YWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #003a72 0%, #0066ad 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003a72), color-stop(100%,#0066ad)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #003a72 0%,#0066ad 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #003a72 0%,#0066ad 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #003a72 0%,#0066ad 100%); /* IE10+ */
  background: linear-gradient(top,  #003a72 0%,#0066ad 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003a72', endColorstr='#0066ad',GradientType=0 ); /* IE6-8 */
}
#mainNav ul {
  float:right;
  padding: 0;
  margin: 0;
  width: 520px;
}
#mainNav li {
  float:left;
  border-right: 1px solid #003a72;
  border-left : 1px solid #067DA8;
  width: 100px;
  padding: 2px 15px 0 ;
  margin: 15px 0 0 0;
  list-style: none;
  text-align: center;
}
#mainNav li:first-child {
  border-left: 0;
  
}
#mainNav li:last-child {
  border-right: 0;
  padding-right: 0;
}
#mainNav a {
  display: block;
  border-right: 0;
  padding: 3px auto 5px auto;
  text-decoration: none;
  color: #fff;
  
}
#mainNav a:hover {
  color: #000;
}
#tad{ /* Werbung */
  background: #fff;
  text-align: center;
  padding: 10px 0;
  border-left: 1px solid #D3D3D3;
  border-right: 1px solid #D3D3D3;  
  width: 970px;
}
#content {
  clear:both;
  background: #fff;
  width: 970px;
  padding: 0;

  border-left: 1px solid #D3D3D3;
  border-right: 1px solid #D3D3D3;
  

}
#leftArea  select {
  width: 280px;
  margin-right: 10px;
  border: 1px solid #000;
}
#leftArea  select:last-child {
  width: 280px;
  margin-right: 0;
}
#leftArea  ul, #leftArea  li {
  float:left;
  list-style: none;
  padding: 0 10px;
}
#leftArea  {
  float: left;
  width: 594px;
  padding: 0 10px;
  background: #fff;
}
#leftArea li {
  height: 38px;
  width:  64px;
  padding:0;
  margin: 0 5px 0 0;
  text-align: center;
}
#leftArea li:last-child {
  margin: 0;
}
#leftArea #aTop{
  padding: 0;
  margin: 0 0 0 0;
  height: 80px;
  width:640px;
}
#leftArea #aTop a{
  background: url(/img3/bgAxx3.png) no-repeat #fff;
  padding: 8px 0 0 0; 
  height: 30px;
  display: block;
  font-weight: bold;
  margin: 0;
  color: #fff;
}
#leftArea h2 {
  padding:0;
  margin: 0;
}
#rightArea  {
  float: left;
  width: 336px;
  padding: 0 10px;
}


#rightArea  .matrix li a{
  color: #fff;
  display: block;
  height: 30px;
}


 #rightArea .matrix {
  float:left;
  list-style: none;
  width: 312px;
  padding: 0;
  margin: 0;
  
}

#rightArea .matrix li {
  background: url(/img3/bgAxx3.png) no-repeat #fff;
  text-align: center;
  width: 64px;
  height: 30px;
  float:left;
  list-style: none;

  padding: 8px 12px 14px 0; 
  display: block;
  font-weight: bold;
  margin: 0;
  color: #fff;
}
#rightArea  .matrix li:last-child {
  padding: 8px 0 0 0; 
}

.autobahnTitle {

  color:#fff;
  text-align: center;
  padding: 3px;
  -moz-border-radius: 8px;
  border-radius: 8px;     
}
.autobahnTitle h1, .autobahnTitle h2 {

  border: 3px solid #fff;
  -moz-border-radius: 8px;
  border-radius: 8px;     
  font-size: 24px;
}

.staumeldungen ul, .staumeldungen li{
  float: none;
  width: 480px;
  text-align: left;
  padding: 10px 0;
  clear:both;
}

.staumeldungen h2 {
 font-size: 12px; 
}
.staumeldungen li {
 border-top: 1px solid #ddd; 
 height: 100px;
 
}

.weather img {
  margin-top: 5px;
}


#footerArea {
  clear:    both;
  color:    #fff;
  bottom:   1px;
 
  height:   46px;
  width:    100%;
  padding:  10px;
  border-top: 1px solid #2d84ac;
 


  background: #003a72; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwM2E3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY2YWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #003a72 0%, #0066ad 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003a72), color-stop(100%,#0066ad)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #003a72 0%,#0066ad 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #003a72 0%,#0066ad 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #003a72 0%,#0066ad 100%); /* IE10+ */
  background: linear-gradient(top,  #003a72 0%,#0066ad 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003a72', endColorstr='#0066ad',GradientType=0 ); /* IE6-8 */

}
#footer {
  margin:     0 auto;
  height:     46px;
  width:      820px;
}

table.border {
	border-collapse: collapse;
}

table.border td {
	border: 1px solid #ccc;
	vertical-align: top;
	padding: 0.3em;
}

a.dot {
	border-bottom: 1px dashed #f93;
	margin-bottom: 2px;
	display: inline-block;
}

#social {
	width: 300px;
}

.socialFb {
}

.socialG {
	max-width: 70px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	padding-left: 10px;
}

.socialTwitter {
}

/*.button_count .like_button_dark .like_button_no_like .liketext, .button_count .connect_widget_like_button .liketext {
    background-position: left -47px;
    margin-left: -1px;
}

.connect_widget_like_button .liketext {
    background: url("http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/ql9vukDCc4R.png") no-repeat scroll -1px -33px transparent;
}

.connect_widget_like_button .liketext {
    background: url("http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/ql9vukDCc4R.png") no-repeat scroll -1px -33px transparent;
    color: #3B5998;
    display: block;
    padding-left: 17px;
    white-space: nowrap;
}

a.connect_widget_like_button span {
    line-height: 14px;
}*/


@media only screen and (max-width: 480px) {	
	body, html {
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0;
		overflow-x: hidden;
	}
	
	#header, #center, #tad {
		width: 100%;
	}
	
	#content {
		width: 98%;
		padding: 0 1%;
		
	}
	
	#logoArea {
		width: 100%;
		float: none;
		text-align: center;
	}
	
	#navArea {
		float: left;
		display: none;
	}
		 
	#leftArea #aTop {
		max-width: 100%;
		height: auto;
	}
	
	#mainWrap {
		width: 100%;
		max-width: 100%;
	}
	
	#leftArea {
		max-width: 100%;
		float: none;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	
	#rightArea {
		text-align: center;
		padding: 0;
		margin: 0;
		width: 100%;
		max-width: 100%;
	}
	
	a.weather {
		display: none;
	}
	
	select#autobahn {
		margin-bottom: 0.2em;
	}
	
	select#autobahn, select#bundesstrasse {
		width: 100% !important;
		font-size: 1.2em;
	}
}

#cmsContent {
  padding: 1em;
  background: #fff;
}

#cmsContent h2 {
  font-size: 1.8em;
  border-bottom: 2px solid #1a5285;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}

#cmsContent h3 {
  font-size: 1.8em;
  border-bottom: 2px solid #1a5285;
  padding-bottom: 0.5em;
}

#cmsContent h2, #cmsContent h3, #cmsContent h4, #cmsContent td strong {
  color: #1a5285;
}

#cmsContent table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 1em;
}

#cmsContent table, #cmsContent th, #cmsContent td {
    border: 1px solid black;
    padding: 5px;
}

#cmsContent th {
background: #ddd;
}

#cmsContent ul, #cmsContent ol {
  display: block;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-top: 1em;
  margin-left: 1em;
}

#cmsContent ul li {
  list-style: disc inside;
}

#cmsContent ol li {
  list-style: decimal inside;
}

#cmsContent li {
  display: list-item;
  float: none;
  clear: both;
  height: auto;
  width: auto;
  text-align: left;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: inherit;
}

#footer a {color: #fff;}

#cmpcookieinfo { 
  max-width: 100%;
  overflow-x: scroll;
}

/* Sprite Settings */
.alertSigns {
  background-image     : url(/img3/alerts_20120222.png);
  background-color     : transparent; 
  background-repeat    : no-repeat;
  }
.default { 
  background-position: 0px 0px;
  width: 40px;
  height: 35px;
}
.ec-1006-30 { 
  background-position: 0px -35px;
  width: 40px;
  height: 22px;
}
.ec-1006-36 { 
  background-position: 0px -57px;
  width: 40px;
  height: 22px;
}
.ec-1006-38 { 
  background-position: 0px -79px;
  width: 40px;
  height: 22px;
}
.ec-101 { 
  background-position: 0px -101px;
  width: 40px;
  height: 35px;
}
.ec-102 { 
  background-position: 0px -136px;
  width: 40px;
  height: 35px;
}
.ec-103-10 { 
  background-position: 0px -171px;
  width: 40px;
  height: 35px;
}
.ec-103-20 { 
  background-position: 0px -206px;
  width: 40px;
  height: 35px;
}
.ec-105 { 
  background-position: 0px -241px;
  width: 40px;
  height: 35px;
}
.ec-108 { 
  background-position: 0px -276px;
  width: 40px;
  height: 36px;
}
.ec-110 { 
  background-position: 0px -312px;
  width: 40px;
  height: 36px;
}
.ec-112 { 
  background-position: 0px -348px;
  width: 40px;
  height: 35px;
}
.ec-113 { 
  background-position: 0px -383px;
  width: 40px;
  height: 35px;
}
.ec-114 { 
  background-position: 0px -418px;
  width: 40px;
  height: 36px;
}
.ec-115 { 
  background-position: 0px -454px;
  width: 40px;
  height: 36px;
}
.ec-116 { 
  background-position: 0px -490px;
  width: 40px;
  height: 36px;
}
.ec-117 { 
  background-position: 0px -526px;
  width: 40px;
  height: 36px;
}
.ec-120 { 
  background-position: 0px -562px;
  width: 40px;
  height: 36px;
}
.ec-121-10 { 
  background-position: 0px -598px;
  width: 40px;
  height: 36px;
}
.ec-121-20 { 
  background-position: 0px -634px;
  width: 40px;
  height: 36px;
}
.ec-123 { 
  background-position: 0px -670px;
  width: 40px;
  height: 35px;
}
.ec-124 { 
  background-position: 0px -705px;
  width: 40px;
  height: 36px;
}
.ec-125 { 
  background-position: 0px -741px;
  width: 40px;
  height: 35px;
}
.ec-131 { 
  background-position: 0px -776px;
  width: 40px;
  height: 35px;
}
.ec-133 { 
  background-position: 0px -811px;
  width: 40px;
  height: 35px;
}
.ec-134 { 
  background-position: 0px -846px;
  width: 40px;
  height: 36px;
}
.ec-136 { 
  background-position: 0px -882px;
  width: 40px;
  height: 36px;
}
.ec-138 { 
  background-position: 0px -918px;
  width: 40px;
  height: 35px;
}
.ec-140 { 
  background-position: 0px -953px;
  width: 40px;
  height: 36px;
}
.ec-142 { 
  background-position: 0px -989px;
  width: 40px;
  height: 36px;
}
.ec-144 { 
  background-position: 0px -1025px;
  width: 40px;
  height: 36px;
}
.ec-145 { 
  background-position: 0px -1061px;
  width: 40px;
  height: 35px;
}
.ec-150 { 
  background-position: 0px -1096px;
  width: 40px;
  height: 36px;
}
.ec-151 { 
  background-position: 0px -1132px;
  width: 40px;
  height: 36px;
}
.ec-153 { 
  background-position: 0px -1168px;
  width: 40px;
  height: 74px;
}
.ec-156 { 
  background-position: 0px -1242px;
  width: 40px;
  height: 74px;
}
.ec-157 { 
  background-position: 0px -1316px;
  width: 40px;
  height: 117px;
}
.ec-159 { 
  background-position: 0px -1433px;
  width: 40px;
  height: 117px;
}
.ec-162 { 
  background-position: 0px -1550px;
  width: 40px;
  height: 117px;
}
.ec-253 { 
  background-position: 0px -1667px;
  width: 40px;
  height: 40px;
}
.ec-264 { 
  background-position: 0px -1707px;
  width: 40px;
  height: 40px;
}
.ec-267 { 
  background-position: 0px -1747px;
  width: 40px;
  height: 40px;
}
.ec-269 { 
  background-position: 0px -1787px;
  width: 40px;
  height: 40px;
}
.ec-282 { 
  background-position: 0px -1827px;
  width: 40px;
  height: 40px;
}
.ec-314 { 
  background-position: 0px -1867px;
  width: 40px;
  height: 40px;
}
.ec-333 { 
  background-position: 0px -1907px;
  width: 40px;
  height: 11px;
}
.ec-360-51 { 
  background-position: 0px -1918px;
  width: 40px;
  height: 40px;
}
.ec-361-50 { 
  background-position: 0px -1958px;
  width: 40px;
  height: 40px;
}
.ec-365-53 { 
  background-position: 0px -1998px;
  width: 40px;
  height: 40px;
}
.ec-365-54 { 
  background-position: 0px -2038px;
  width: 40px;
  height: 40px;
}
.ec-367 { 
  background-position: 0px -2078px;
  width: 40px;
  height: 40px;
}
.ec-375 { 
  background-position: 0px -2118px;
  width: 40px;
  height: 40px;
}
.ec-376 { 
  background-position: 0px -2158px;
  width: 40px;
  height: 40px;
}
.ec-378 { 
  background-position: 0px -2198px;
  width: 40px;
  height: 40px;
}
.ec-394 { 
  background-position: 0px -2238px;
  width: 40px;
  height: 19px;
}
.ec-501 { 
  background-position: 0px -2257px;
  width: 40px;
  height: 52px;
}
.ec-610 { 
  background-position: 0px -2309px;
  width: 40px;
  height: 54px;
}

/* Rating Settings */
/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

.ratingblock {
	display:block;
	padding:8px 0 0 0; 
	}

.loading {
	height: 30px;
	background: url('/img3/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('/img3/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('/img3/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('/img3/starrating.gif') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}		


.vw-skandal {

	color: #000;
	text-decoration: none;
	cursor: pointer;
	display: block;
	border:2px solid #e76300;
	margin: 1em 0 0;
	clear: both;	
	
}


@media only screen and (max-width: 480px) {	

	.vw-skandal {
	
		margin-left: 0.25em;
		margin-right: 0.5em;
	
	}
	
	.vw-skandal .mobile-hidden {
		display: none;
	}	

}

.vw-skandal:hover {
	background: #eee;
}

.vw-skandal .title {

	background: #e76300;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 0.5em;
	width: 100%; display: block;	
}

.vw-skandal .title .inner {

	padding: 0.5em;
	text-align: center;
	display: block;
}

.vw-skandal .content {

	margin:0.5em 0;
}

.vw-skandal .img {
	float: left;
	width: 22%;
	margin-right: 0.5em;
}

.vw-skandal .img img {
	width: 100%;
}

.vw-skandal .description {
	float: left;
	width: 70%;
}

.vw-skandal .description b {
	margin: 0.5em 0;
}

.vw-skandal .button {
	color:blue;
	background: #e76300;
	color: white;
	display: inline-block;
	width: auto;
	padding: 1em;
	text-align: center;
	font-weight: 700;
	margin: 1em 0;

}

.vw-skandal:hover .button {
	text-decoration: underline;
}

.vw-skandal .clear {
	clear:both;
}

/* Sprite Service Cards */
.serviceCards {
  background-image     : url(/img3/serviceCards_20120222.png);
  background-color     : transparent; 
  background-repeat    : no-repeat;
  }
.agip { 
  background-position: -20px 0px;
  width: 40px;
  height: 27px;
}
.amex { 
  background-position: -20px -27px;
  width: 40px;
  height: 27px;
}
.aral { 
  background-position: -20px -54px;
  width: 40px;
  height: 27px;
}
.aral_card { 
  background-position: -20px -81px;
  width: 40px;
  height: 27px;
}
.avia { 
  background-position: -20px -108px;
  width: 40px;
  height: 27px;
}
.bft { 
  background-position: -20px -135px;
  width: 40px;
  height: 27px;
}
.bp { 
  background-position: -20px -162px;
  width: 40px;
  height: 27px;
}
.diners { 
  background-position: -20px -189px;
  width: 40px;
  height: 27px;
}
.disers { 
  background-position: 0px -216px;
  width: 60px;
  height: 60px;
}
.dkv { 
  background-position: -20px -276px;
  width: 40px;
  height: 27px;
}
.ec { 
  background-position: -20px -303px;
  width: 40px;
  height: 27px;
}
.esso { 
  background-position: -20px -330px;
  width: 40px;
  height: 27px;
}
.eurocard { 
  background-position: -20px -357px;
  width: 40px;
  height: 27px;
}
.eurotraffic { 
  background-position: -20px -384px;
  width: 40px;
  height: 27px;
}
.gusticus { 
  background-position: -20px -411px;
  width: 40px;
  height: 27px;
}
.jet { 
  background-position: -20px -438px;
  width: 40px;
  height: 27px;
}
.omv { 
  background-position: -20px -465px;
  width: 40px;
  height: 27px;
}
.routex { 
  background-position: -20px -492px;
  width: 40px;
  height: 27px;
}
.segafredo { 
  background-position: -20px -519px;
  width: 40px;
  height: 27px;
}
.shell { 
  background-position: -20px -546px;
  width: 40px;
  height: 27px;
}
.svg { 
  background-position: -20px -573px;
  width: 40px;
  height: 27px;
}
.tankshop { 
  background-position: -20px -600px;
  width: 40px;
  height: 27px;
}
.total { 
  background-position: -20px -627px;
  width: 40px;
  height: 27px;
}
.total2 { 
  background-position: 0px -654px;
  width: 60px;
  height: 17px;
}
.total_profi_card { 
  background-position: -20px -671px;
  width: 40px;
  height: 27px;
}
.total_service_card { 
  background-position: -20px -698px;
  width: 40px;
  height: 27px;
}
.uta { 
  background-position: -20px -725px;
  width: 40px;
  height: 27px;
}
.visa { 
  background-position: -20px -752px;
  width: 40px;
  height: 27px;
}
.westfalen { 
  background-position: -20px -779px;
  width: 40px;
  height: 27px;
}
.westfalen_service_card { 
  background-position: -20px -806px;
  width: 40px;
  height: 27px;
}

/* FAQ */
#faqContent {
  padding: 1em;
  background: #fff;
}

#faqContent h2 {
  font-size: 1.8em;
  border-bottom: 2px solid #1a5285;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}

#faqContent h3 {
  font-size: 1.8em;
  border-bottom: 2px solid #1a5285;
  padding-bottom: 0.5em;
}