/* <![CDATA[ */

/* allgemein */
div#overDiv {
        position:absolute;
        visibility:hidden;
        z-index:9999;
        padding: 10px; 
}
div#overDiv a {
	text-decoration: none;
}

/* für zu langen Text in den Teasern */
td { background-repeat: no-repeat; }

* { 
	font-family: Verdana, Arial, Sans; 
	font-size: 8pt;
}
body {
	margin: 0;
	background: #5b5b5b;
}
form {
	margin: 0;
}
a {
	color: #2a709c;
	text-decoration: underline;
}
a.img {  text-decoration: none; }
a:hover {
	text-decoration: none;
}

div.suche a.whereAmI {
	text-decoration: none;
}


/* layout and key pic */
div#outer {
	position: relative;
	margin: 0 auto;
	width: 1024px;
	background: #dbdbdb url(../img/tankstellen/key.jpg) no-repeat top right;
}

table.layout {
	padding: 0;
	margin: 0;
	border-spacing: 0;
}
table.layout td {
	padding: 0;
	margin: 0;
	border: 0;
}

/* headernavi */
div#header {
	background: #7d849e;
	height: 30px;
	width: 800px;
	vertical-align: middle;
}
div#header span {
	/*margin-left: 164px;*/
}
div#header span a.selected {
	font-weight: bold;
}

div#header a, div#header a:visited, div#header a:link   {
	color: #B2B7C5;
	text-decoration: none;
	font-size: 8pt;
	margin-right: 16px;
	padding: 0;
	line-height: 30px;
	vertical-align: middle;
}
div#header a:hover {
	color: #ffffff;
}
div#header a.reg {
	float: right;
	padding-right: 18px;
}
div#header a.reg, div#header a.reg:visited, div#header a.reg:link   {
	color: #4C5160;
}
div#header a.reg:hover {
	text-decoration: underline;
	color: #fcfcfc;
}

div#feeds { float:left; width: 164px; height: 30px; background: #7D849E; }
div#feeds img { border: 0; margin: 0; padding: 0; vertical-align: middle; }
div#feeds a { margin: 4px; padding: 0; font-size: 8pt; color: #B2B7C5;text-decoration: none; vertical-align: middle;}

/* topnavi */
div#topnavi {
	height: 21px;
	width: 784px;
	background: #29709c;
}

ul#navlist a, ul#navlist span {
	font-weight: bold;
	text-decoration: none;
	font-size: 8pt;
	border-left: 1px solid #fcfcfc;
	display: block;
	line-height: 21px;
	padding: 0 8px 0 8px;
}

ul#navlist span.last {
	font-size: 2pt;
	padding: 0px 1px 0px 1px;
	display: block;
	line-height: 21px;
        height: 21px;
}

ul#navlist li {
	float: left;
	position: relative;
	z-index: 1000;
}

ul#navlist li a {
	color: #ffffff;
}

/* rubrik farben */
ul#navlist li a.presse:hover {
	color: black;
	background: #7d2174;
}
.presse {
	color: #7d2174;
}
ul#navlist li a.aktuelles:hover {
	color: black;
	background: #36368a;
}
.aktuelles {
	color: #36368a;
}
ul#navlist li a.blickpunkt:hover {
	color: black;
	background: #8b2442;
}
.blickpunkt {
	color: #8b2442;
}
ul#navlist li a.fahrzeuge:hover {
	color: black;
	background: #647584;
}
.fahrzeuge {
	color: #647584;
}
ul#navlist li a.tankstellen:hover {
	color: black;
	background: #28909A;
}
.tankstellen {
	color: #28909A;
}
ul#navlist li a.fakten:hover {
	color: black;
	background: #288cca;
}
.fakten {
	color: #288cca;
}
ul#navlist li a.planet-erde:hover {
	color: black;
	background: #458c5c;
}
.planet-erde {
	color: #458c5c;
}
ul#navlist li.login {
	padding-left: 0;
}
ul#navlist li.login a.login {
	color: #70add1;
	padding-left: 18px;
}
ul#navlist li.login a.login:hover {
	color: black;
}
span.login {
	color: #70add1;
	font-weight: bold;
}

ul#navlist li a.selected {
	background: #28909A}

ul#navlist li ul.login,
ul#navlist, ul#navlist li ul.subnavlist {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul#navlist li ul.subnavlist {
	display: none;
	position: absolute;
	top: 21px;
	left: 0;
	background: url(../img/dm_top.png) repeat-x;
}
ul#navlist li ul.login {
	display: none;
	position: absolute;
	top: 21px;
	left: 0;
	background: #fcfcfc;
}

ul#navlist li > ul {
	top: auto;
	left: auto;
}

ul#navlist li ul.subnavlist li {
	white-space: nowrap;
	padding-top: 12px;
}
ul#navlist li ul.login li {
	white-space: nowrap;
	padding: 0;
}
ul#navlist li ul.subnavlist li span.first {
	display: block;
	border: 0px;
}

ul#navlist li ul.subnavlist li a {
	color: black;
	display: block;
	padding: 0 8px 0 8px;
	margin: 0;
	border: 0;
	line-height: 16px;
	font-size: 7.5pt;
	font-weight: normal;
	vertical-align: top;
	background: url(../img/dm.png) repeat-x;
}

ul#navlist li ul.subnavlist li a:hover {
	color: #fcfcfc;
	background: url(../img/dm_hover.png) repeat-x;
}
ul#navlist li a:hover ul.subnavlist {
	display: block;
	height: 22px;
}

ul#navlist li:hover ul.login, ul#navlist li.over ul.login,
ul#navlist li:hover ul.subnavlist, ul#navlist li.over ul.subnavlist {
	display: block;
}

div.login {
	border-left: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
}
div.login p {
	color: #666666;
	font-size: 8pt;
	margin: 2px 0 0 0;
	padding: 2px;
	border-top: 1px dotted #c8c8c8;
}
ul#navlist li ul.login li div.login p a.normal {
	color: #2a709c;
	text-decoration: underline;
	display: inline;
	font-weight: normal;
	padding: 0;
}
ul#navlist li ul.login li div.login p a.normal:hover {
	text-decoration: none;
}


/* pic top right */
div#pic {
	height: 89px;
	background: url(../img/tankstellen/header.jpg) no-repeat;
	position: relative;
}

/* whereAmI line */
div#whereAmI {
	position: absolute;
	top: 73px;
	left: 164px;
	height: 16px;
	width: 553px;
	background: url(../img/whereAmI.png) no-repeat;
}
div#whereAmIC {
	position: absolute;
	top: 73px;
	left: 164px;
	height: 16px;
	line-height: 16px;
	width: 553px;
	padding-left: 8px;
	color: #666666; 
	font-size: 8pt;
}

/* innercontent layout */
table#inner {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	padding: 0;
	margin: 0;
}
table#inner td.none {
	border: 0;
	padding: 0;
	vertical-align: top;
}

/* leftnavi */
img.hbutton {
	border: 0;
	margin-top: 8px;
	width: 124px;
	height: 16px;
}
div.hbutton {
	padding-top: 8px;
	text-align: center;
}

div#leftnavi {
	width: 148px;
	padding: 0;
	margin: 12px 0 0 8px;
}
div#leftnavi div {
	background: #fcfcfc;
}
div#leftnavi h3 {
	color: #fcfcfc;
	font-size: 8pt;
	font-weight: bold;
	padding: 0 0 0 12px;
	margin: 0;
	height: 21px;
	line-height: 21px;
	vertical-align: middle;
	background: #28909A;
}
div#leftnavi h3 a {
	text-decoration: none;
	color: #fcfcfc;
}
div#leftnavi ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#leftnavi ul li.subnavi {
	margin: 0;
	padding: 0;
	background: url(../img/tankstellen/nav_bg.gif) repeat-x bottom;
	display: block;
}
div#leftnavi ul li.subsubnavi {
	margin: 0;
	padding: 0;
	display: block;
}
div#leftnavi ul li.subnavi a {
	color: #28909A;
	display: block;
	width: 100%;
	margin-top: 6px;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
}
div#leftnavi ul li.subsubnavi a {
	color: #666666; /* #28909A; */
	display: block;
	width: 100%;
	margin-top: 0px;
	text-decoration: none;
	font-size: 7.5pt;
}
div#leftnavi ul li.subnavi a:hover, div#leftnavi ul li.subnavi a.selected {
	background: url(../img/tankstellen/nav.gif) repeat-y 4px;
}
div#leftnavi ul li.subsubnavi a:hover, div#leftnavi ul li.subsubnavi a.selected {
	background: url(../img/tankstellen/subnav_hi.gif) repeat-y 4px;
/*	font-weight: bold; */
	color: #28909A}
div#leftnavi ul li.subnavi a span {
	padding: 2px 0 0 12px;
	display: block;
}
div#leftnavi ul li.subsubnavi a span {
	padding: 2px 0 0 24px;
	display: block;
}


/*
 *

 content

*
*/

div#content {
	color: #666666; 
	font-size: 8pt;
}

table#cols {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	padding: 0;
	margin: 0;
}
/* todo: in Tabellenzellen border: 0 etc. als eigene Klasse und in allen content Dateien ersetzen */
table#cols td#col_z1,
table#cols td#col_b1 {
	width: 384px;
	background: #fcfcfc;
	border: 0;
	padding: 0;
	vertical-align: top;
}
table#cols td#col_z2,
table#cols td#col_b2 {
	width: 284px;
	background: #fcfcfc url(../img/tankstellen/key_col2.jpg) no-repeat top right;
	border: 0;
	padding: 0;
	vertical-align: top;
}
table#cols td#col_a1 {
	width: 334px;
	background: #fcfcfc;
	border: 0;
	padding: 0;
	vertical-align: top;
}
table#cols td#col_a2 {
	width: 334px;
	background: #fcfcfc url(../img/tankstellen/key_col2.jpg) no-repeat top right;
	border: 0;
	padding: 0;
	vertical-align: top;
}
table#cols td#col_c1 {
	width: 672px;
	background: #fcfcfc url(../img/tankstellen/key_col2.jpg) no-repeat top right;
	border: 0;
	padding: 0;
	vertical-align: top;
}
table#cols td#col3 {
	background: #fcfcfc url(../img/tankstellen/key_col3.jpg) no-repeat top;
	width: 144px;
	border: 0;
	padding: 0;
	vertical-align: top;
}
table#cols td#col_z3 {
	background: #fcfcfc url(../img/tankstellen/key_col3.jpg) no-repeat top;
	width: 160px;
	border: 0;
	padding: 0;
	vertical-align: top;
}
table#cols td#col_z3 img {
	padding: 0;
	margin: 0;
	border: 0;
}
table#cols td#col_d1 {
	width: 820px;
	background: #fcfcfc url(../img/tankstellen/key_col3_d1.jpg) no-repeat top right;
	border: 0;
	padding: 0;
	vertical-align: top;
}
table#cols td.spacer {
	width: 4px;
	border: 0;
	padding: 0;
	vertical-align: top;
}

/* tabs */
.tabs {
	float: left;
	width:100%;
	line-height:12px;
	background: url(../img/tab_bg.gif) repeat-x ;
	height: 20px;
	overflow: hidden;
}
.tabs ul {
	margin:0;
	padding: 0;
	list-style:none;
}
.tabs li {
	display:inline;
	margin:0;
	padding:0;
}
.tabs a {
	float:left;
	background:url(../img/tab-l.gif) no-repeat left top;
	margin:0 2px 0 0;
	padding:0 0 0 8px;
	color: black;
	text-decoration:none;
}
.tabs a span {
	float:left;
	display:block;
	background:url(../img/tab-r.gif) no-repeat right top;
	padding:4px 15px 4px 4px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a span {float:none;}
/* End IE5-Mac hack */

.tabs a:hover span {
	text-decoration: underline;
}
.tabs a:hover {
	background-position:0% -20px;
}
.tabs a:hover span {
	background-position:100% -20px;
}
.tabs .current a {
	background-position:0% -20px;
}
.tabs .current a span {
	background-position:100% -20px;
}
.tabcontent {
	clear: both;
	border-left: 1px solid #29709c;
	border-bottom: 1px solid #29709c;
	border-right: 1px solid #29709c;
	background: #fcfcfc;
}
.tabseparator {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #29709c;
	height: 1px;
	margin: 0;
	padding: 0;
	font-size: 1pt;
}
.tabcontent h2, .tabcontent h3 {
	margin: 0 8px 0 8px;
}
.tabcontent p {
	margin: 4px 8px 0 8px;
}
.tabcontent_why p a {
	display: block;
	padding-top: 4px;
	font-weight: bold;
	color: #29709c;
	text-decoration: none;
}

.inline-block {
	overflow: auto;
}

/* footer */
div#footer {
	height: 20px;
	background: #ececec;
	border: 1px solid #cecece;
	margin: 4px 0 20px 0;
	position: relative;
}
div#footer span {
	font-size: 7.5pt;
	vertical-align: middle;
	display: table-cell;
	height: 20px;
	line-height: 20px;
	padding-left: 4px;
	color: #666666;
}

/* special */
div.special {
        padding: 20px;
        font-size: 9pt;
}
div#todo {
	font-size: 8pt;
	border: 1px solid red;
	background-color: #fcfcfc;
}


/* * * * * * * * * * * * * * * * *
 *
 *
   Styles, die nicht der allgemeinen Struktur angehoeren, sondern pro Rubrik entsprechend
   gesetzt werden.
 *
 *
 * * * * * * * * * * * * * * * * */

/* alle Bilder haben einen Rand ... */
div#content img {
	border: 1px solid #a5a5a5;
	padding: 1px;
}

/* ... falls mal doch nicht */
div#content img.nope,
td#col3 img {
	border: 0;
	padding: 0;
}

.right {
	float: right;
}
.left {
	float: left;
}
.clear {
	display: block;
	clear: both;
}

.bg b,
.bg {
	background-color: #28909A;
}
.fg b,
.fg {
	color: #28909A;
}
.line {
	border: 1px solid #28909A;
}
.num {
	text-align: right;
}
/*body .orange {
	color: #ff8800;
}*/

/* header */
h1 {
	color: #28909A;
	font-size: 9pt;
}
h1.orange {
	color: #ff8800;
}
h2 {
	font-size: 8pt;
	margin: 0 0 8px 0;
}
h2.invers,
h3.invers {
	color: #fcfcfc;
	height: 20px;
	line-height: 20px;
	margin: 0 0 8px 0;
	padding: 0 8px 0 8px;
	font-size: 8pt;
}
h3 {
	font-size: 8pt;
	font-weight: bold;
	margin: 0;  /* 0 8px 0; */
	padding: 0; /* 8px 0 8px; */
	vertical-align: middle;
	width: auto;
}
h3.bericht {
	background-color: #999999;
	color: #fcfcfc;
	height: 20px;
	line-height: 20px;
	padding: 0 8px 0 8px;
	margin: 0 0 8px 0;
}
h3.teaser {
	font-size: 8pt;
	color: #28909A;
	margin: 0 8px 8px 8px;
}
h3.thema {
	color: #999999;
	margin: 0 8px 8px 8px;
}
h3.intext {
	padding: 0;
}


div.atom {
	margin: 12px 4px 24px 4px;
}
div.gibgas {
	margin: 8px 4px 8px 4px;
}

table.teaser {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
table.teaser td {
	vertical-align: top;
}
.l4 {
	padding-left: 12px;
}
.r4 {
	padding-right: 12px;
}
.ml4 {
	margin-left: 4px;
}
.mr4 {
	margin-right: 4px;
}
.mb4 {
	margin-bottom: 4px;
}
.m4 {
	margin: 4px;
}
.p4 {
	padding: 4px;
}
.w4 {
	width: 8px;
}
.l8 {
	padding-left: 16px;
}
.r8 {
	padding-right: 16px;
}
.ml8 {
	margin-left: 8px;
}
.mr8 {
	margin-right: 8px;
}
.mb8 {
	margin-bottom: 8px;
}
.m8 {
	margin: 8px;
}
.p8 {
	padding: 8px;
}
.w8 {
	width: 12px;
}
.l12 {
	padding-left: 20px;
}
.r12 {
	padding-right: 20px;
}
.ml12 {
	margin-left: 12px;
}
.mr12 {
	margin-right: 12px;
}
.mb12 {
	margin-bottom: 12px;
}
.m12 {
	margin: 12px;
}
.p12 {
	padding: 12px;
}
.w12 {
	width: 16px;
}
.l16 {
	padding-left: 24px;
}
.r16 {
	padding-right: 24px;
}
.ml16 {
	margin-left: 16px;
}
.mr16 {
	margin-right: 16px;
}
.mb16 {
	margin-bottom: 16px;
}
.m16 {
	margin: 16px;
}
.p16 {
	padding: 16px;
}
.w16 {
	width: 20px;
}
.l20 {
	padding-left: 28px;
}
.r20 {
	padding-right: 28px;
}
.ml20 {
	margin-left: 20px;
}
.mr20 {
	margin-right: 20px;
}
.mb20 {
	margin-bottom: 20px;
}
.m20 {
	margin: 20px;
}
.p20 {
	padding: 20px;
}
.w20 {
	width: 24px;
}
.l24 {
	padding-left: 32px;
}
.r24 {
	padding-right: 32px;
}
.ml24 {
	margin-left: 24px;
}
.mr24 {
	margin-right: 24px;
}
.mb24 {
	margin-bottom: 24px;
}
.m24 {
	margin: 24px;
}
.p24 {
	padding: 24px;
}
.w24 {
	width: 28px;
}
.l75 {
	padding-left: 83px;
}
.r75 {
	padding-right: 83px;
}
.ml75 {
	margin-left: 75px;
}
.mr75 {
	margin-right: 75px;
}
.mb75 {
	margin-bottom: 75px;
}
.m75 {
	margin: 75px;
}
.p75 {
	padding: 75px;
}
.w75 {
	width: 79px;
}
.l120 {
	padding-left: 128px;
}
.r120 {
	padding-right: 128px;
}
.ml120 {
	margin-left: 120px;
}
.mr120 {
	margin-right: 120px;
}
.mb120 {
	margin-bottom: 120px;
}
.m120 {
	margin: 120px;
}
.p120 {
	padding: 120px;
}
.w120 {
	width: 124px;
}
.l140 {
	padding-left: 148px;
}
.r140 {
	padding-right: 148px;
}
.ml140 {
	margin-left: 140px;
}
.mr140 {
	margin-right: 140px;
}
.mb140 {
	margin-bottom: 140px;
}
.m140 {
	margin: 140px;
}
.p140 {
	padding: 140px;
}
.w140 {
	width: 144px;
}
.l150 {
	padding-left: 158px;
}
.r150 {
	padding-right: 158px;
}
.ml150 {
	margin-left: 150px;
}
.mr150 {
	margin-right: 150px;
}
.mb150 {
	margin-bottom: 150px;
}
.m150 {
	margin: 150px;
}
.p150 {
	padding: 150px;
}
.w150 {
	width: 154px;
}
.l175 {
	padding-left: 183px;
}
.r175 {
	padding-right: 183px;
}
.ml175 {
	margin-left: 175px;
}
.mr175 {
	margin-right: 175px;
}
.mb175 {
	margin-bottom: 175px;
}
.m175 {
	margin: 175px;
}
.p175 {
	padding: 175px;
}
.w175 {
	width: 179px;
}

div.atom td.bg_bild h3 {
	color: #28909A;
	margin: 8px;
}
div.atom td.bg_bild p {
	padding-left: 0; /* 8px; */
	margin: 0 0 0 8px;
}
/* kaestchen mit Bild links oder rechts */
div.atom p {
	/* background-color: #eeeeee; */
	margin: 8px 0 8px 0;
	font-size: 8pt;
}
p { margin: 0 0 8px 0; }
div.atom table p {
	margin: 0;
	padding-left: 8px;
}
div.atom table p.no {
	margin: 0;
	padding: 0;
}

span.abb {
	font-style: italic;
	font-size: 7pt;
}
span.abb span {
	font-style: italic;
	font-size: 7pt;
}

h3 span.time { 
	font-size: 8pt;
	color: #666;
	font-weight: normal;
	font-style: italic;
}

/* Kaestchen mit Hintergrundbild */
div.atom table h4 {
	font-size: 8pt;
	font-weight: bold;
	margin: 8px 0 8px 0;
	padding: 0 8px 0 8px;
}
h4.teaser {
	margin: 0 0 8px 0;
	padding: 0;
}

div.atom h4 {
	font-size: 8pt;
	font-weight: bold;
	margin: 8px 0 8px 0;
}

a.mehr {
	color: #2a709c;
	text-decoration: none;
	font-weight: bold;
}

span.literal {
	font-size: 48pt;
	color: #8b2442;
	font-weight: bold;
	margin: 12px 8px 12px 8px;
}

dt {
	font-size: 9pt;
	margin: 0;
	font-weight: bold;
	margin: 12px 8px 0 8px;
}

dd {
	font-size: 8pt;
	margin: 0 8px 12px 8px;
}
.glossar {
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	color: #fcfcfc;
	font-weight: bold;
	float: left;
	margin: 0 4px 4px 0;
}
a.glossar:hover {
	background-color: #8b2442;
}
.g_a {
	background-color: #888888;
}
.g_ia {
	background-color: #e0e0e0;
}
.g_sel {
	background-color: #8b2442;
}
.g_l {
	color: #666666;
	text-decoration: underline;
}

ol.intext {
	margin: 0px;
	padding-left: 24px;
}
ul.blickpunkt li,
ul.intext li,
ol.intext li {
	margin-bottom: 4px;
}

ul.intext,
ul.blickpunkt  {
	margin: 0px;
	padding: 0 20px 8px 24px;
	font-size: 8pt;
}
ul.nachteile {
	margin: 0px;
	padding: 0 0px 0px 16px;
	list-style-image: url(../img/minus.png);
}
ul.vorteile {
	margin: 0px;
	padding: 0 0px 0px 16px;
	list-style-image: url(../img/plus.png);
}

ul.faq {
	list-style-type: square;
	margin: 0;
	padding: 0 20px 8px 24px;
}
ul.faq li {
	margin-bottom: 8px;
}
div.atom p.frage {
	margin-top: 16px;
	text-decoration: underline;
}
p.ifrage {
	font-style: italic;
	width: 372px;
}

table.rubrik {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	padding: 0;
	margin: 0;
	border: 1px solid #28909A;
	width: 100%;
}
table.rubrik caption {
	font-size: 8pt;
	color: #28909A;
	text-align: left;
	font-weight: bold;
	padding: 12px 4px 4px 0px;
}
table.rubrik th {
	border: 1px solid #28909A;
	color: #28909A;
	vertical-align: top;
	padding: 4px;
}
table.rubrik th.tleft {
	text-align: left;
}
table.rubrik td {
	border: 1px solid #28909A;
	padding: 4px;
}
.middle {
	vertical-align: middle;
}
table.termin {
        border-collapse: collapse;
        border-spacing: 0;
        empty-cells: show;
        padding: 0;
        margin: 12px 0 12px 0;
}
table.termin th {
        vertical-align: top;
	text-align: left;
        padding-right: 4px;
	width: 56px;
}
table.termin td {
}

div#ticker {
	padding: 0 4px;
	position: relative;
}
div#ticker > div {
	position: absolute;
	width: 276px;
	overflow: auto;
	background: #ffffff;
}
div#ticker  p {
	padding: 0;
}

.vtop {
	vertical-align: top;
	width:100px;
	text-align:left;
}

.vtop_right {
	vertical-align: top;
	width:100px;
	text-align:right;
}

div.wichtig {
	border: 1px solid red;
	padding: 12px;
}

div.newsteaserdate { 
	border-bottom: 1px dotted #666666; 
	text-align: right; 
	padding: 2px 4px 2px 4px; 
	color: #666666; 
	font-size: 7pt;
}
div.dotted {
	background: url(../img/tankstellen/nav_bg.gif) repeat-x bottom;
	font-size: 1px;
	height: 2px;
	overflow: hidden;
}
div.goodies {
	text-align: right;
}
div.goodies a {
	text-decoration: none;
	color: #999999;
}
.author,
.quelle {
	font-style: italic;
}

div.formular {
	margin: 0;
}
div.formular th {
	font-size: 8pt;
}
table.formular {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	padding: 0;
	margin: 0;
	width: 100%;
	border-right: 1px solid #e7f2f4;
	border-top: 1px solid #e7f2f4;
	border-bottom: 1px solid #e7f2f4;
}
table.formular th {
	border-bottom: 1px solid white;
	color: #28909A;
	background-color: #e7f2f4;
	vertical-align: top;
	text-align: left;
	width: 120px;
	font-size: 8pt;
	padding: 0px;
}
table.formular th label {
	display: block;
	padding: 4px;
	margin: 0px;
	color: #28909A;
	background-color: #e7f2f4;
}
table.formular td {
	border-top: 1px solid #e7f2f4;
	border-bottom: 1px solid #e7f2f4;
	padding: 0;
}
table.formular td span.mandatory {
	margin: 2px;
}
table.formular td div.value {
	margin: 2px 8px 2px 2px;
}

table.formular caption {
	color: #28909A;
	text-align: left;
	font-size: 8pt;
	font-weight: bold;
	padding: 4px 4px 4px 0px;
	width: 100%;
}
div.formular input[type=text], 
div.formular input[type=password], 
	div.formular input[type=checkbox], 
div.formular input[type=radio], 
div.formular input[type=file], 
div.formular select,
div.formular textarea {
	font-size: 8pt;
	border: 1px solid #cccccc;
	vertical-align: middle;
}
/*div.formular input[type=submit] {
	background-color: #e7f2f4;	
}*/

div.formular .form-error {
	color: red;
	font-size: 7.5pt;
}
div.formular span.info {
	font-weight: normal;
	font-size: 7.5pt;
}
div.success {
	margin: 8px 0 0 0;
	padding: 12px;
	background-color: #e7f2f4;
}
div.error {
	margin: 0;
	padding: 12px;
	background-color: #e7f2f4;
	color: red;
}
div.formular  div.buttons {
	margin: 8px 0 8px 0;
	font-size: 8pt;
}
.positiv {
	color: #00792f;
}

.t_adresse { float: left; position: relative; padding-left: 28px; width: 240px; margin: 8px; }
.t_adresse .b1 { display: block; }
.t_adresse .b2 { margin-top: 4px; }
.t_adresse .ort_nativ { font-family: "Lucida Console", Monaco, monospace; font-size: 8pt; color: #666666; }
div#content .t_adresse img { border: 0; width: 22px; position:absolute; left: 0; }

div.t_preis {
	float: right;
	margin: 8px;
	text-align: right;
	position: relative;
}


table.t_daten {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	padding: 0;
	margin: 0;
	width: 100%;
	border-top: 1px solid #2a709c;
	border-bottom: 1px solid #2a709c;
}
table.t_daten th {
	border-bottom: 1px solid #e9e8e3;
	background-color: #eff2f4;
	vertical-align: middle;
	padding: 0;
	text-align: right;
	width: 140px;
	font-size: 8pt;
}
table.t_daten th.last,
table.t_daten td.last {
	border-bottom: 1px solid #2a709c;
}
table.t_daten td {
	border-bottom: 1px solid #e9e8e3;
	vertical-align: middle;
	padding: 0;
}
table.t_daten th p {
	padding: 0;
	margin: 4px;
}
table.t_daten td p {
	padding: 0;
	margin: 4px 4px 4px 16px;
}
p.t_betreiber {
	text-align: center;
	font-style: italic;
	margin: 20px 0 0 0;
}
div.search33 {
	background: #bbe2e5;
	margin-bottom: 0;
}
div.entity_search {
	background: #bbe2e5;
	padding: 4px 8px 4px 8px;
	border-bottom: 1px solid #28909A;
}
div.entity_browse {
	background: #e7f2f4;
	padding: 4px 8px 4px 8px;
}





div#content img[class*=MSVE] { border: 0; padding: 0; }

.infoblock { 
	display: block; 
	padding: 2px;
	color: #444444;
}

div#content .infoblock img { border: 0; padding: 0; }
.infoblock img.land { vertical-align: middle; height: 22px; }

div.entity_result > a {
	display: block;
	border-bottom: 1px solid #28909A;
	color: #666666;
	text-decoration: none;
}

div.entity_result > div {
	border-bottom: 1px solid #28909A;
}

.infoblock span.post, .infoblock span.ort {
	font-weight: bold;
}
.infoblock span.preisvon {
	font-size: 7pt; font-style: italic; color: #666666;
}
.infoblock .tankstelle,
.infoblock .strasse
{ display: block }

.infoblock .gibgaslink { display: block; }
.infoblock .gibgaslink a { text-decoration: underline; color: #2A709C; }
.infoblock .gibgaslink a:hover { text-decoration: none; }

.melden { background: linear-gradient(left, #fcfcfc, #888); background: -webkit-linear-gradient(left, #fcfcfc, #888); background: -moz-linear-gradient(left, #fcfcfc, #888); padding: 2px; display: block; }
.melden a { text-decoration: none; font-weight: bold; }
.melden a:before { content: '\bb' }

.infoblock img.sign { margin-left: 2px; }

.t_block { background: #ebebeb; }
.t_block div { margin: 0; padding: 0; }
div#content .t_block img { border: 0; padding: 0; }

.t_bar { height: 30px; clear: both; overflow: hidden; }
.t_bar .signs img { margin: 4px 0 0 4px; vertical-align: top; width: 22px; }
.t_bar .actions { float: right; }
.t_bar .actions img { margin: 2px 4px 0 4px; width: 25px; }
.t_bar .distance { margin: 0 4px 12px 4px; font-weight: bold; line-height: 30px; vertical-align: top; }
.t_bar .distance > span { margin-left: 8px; font-style: italic; font-weight: normal; font-size: 7.5pt; color:#666666; }
.t_bar .corridor { margin: 0 4px 12px 0; font-weight: normal; font-size: smaller; line-height: 30px; vertical-align: top; }
.t_bar .preisblock { float: right; text-align: right; margin: 2px 4px 0 4px; }

.t_block .t_body { display: block; position:relative; background: #ffffff; position: relative; padding: 4px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; cursor: pointer; }
.t_block .t_body img { position: absolute; top:0; left: 0; width: 48px; }
.t_block .t_body a { color: #666666; }
.t_block .t_body .adresse { display: block; margin-left: 52px; }
.t_block .t_body .adresse .b1 { display: block; }
.t_block .t_body .preisblock { display: block; float: right; text-align: right; }
.t_block .t_body img { float: left; }

.post,.ort,.preis { font-weight: bold; }
.preisaequi, .preisvon { color: #999999; font-size: 0.9em; }
.preismelder { width: 60px; vertical-align: top; margin-top: 4px; height: 19px; }

a.druck {
	position: absolute;
	top: 4px;
	right: 4px;
	text-decoration: none;
	color: #999999;
}
ul.maps {
	list-style-type:none;
	margin: 0 0 0 110px;
	padding: 0;
}
ul.maps li {
	background: url(../img/marker_green_list.png) no-repeat 0 2px;
	padding-left: 16px;
}

div#content img[class*=MSVE] { border: 0; padding: 0; }

ul.languageChooser {
  list-style-type: none;
  padding: 0; margin: 0;
}
ul.languageChooser li { float: left; margin-right: 8px;  }
ul.languageChooser li img { margin-right: 4px; width: 20px; }

/* form for route on home */
.rr_form { border: 1px solid #bababa; box-shadow: 0px 1px 2px #444444; -webkit-box-shadow: 0px 1px 2px #444444; margin: 0 auto; width: 120px; color: #ffffff; text-shadow: 1px 1px #666666; }
.rr_form > div { margin: 4px 8px; }

.rr_form input[type=radio] { margin: 0 0 12px 0; }
.rr_form input[type=submit] { width: 96%; padding: 0; }
.rr_form input[type=text] { width: 96%; border: 1px solid #bababa; margin-bottom: 6px; }

/* ]]> */