﻿/* -------------------------------------------------------------------
 RV24 - Styles:
 basics.css
 content.css
 formular.css
 navigation.css
 Autor:          Jenny Lemmnitz (unitb technology GmbH)
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
 basics. css

 Basic-Styles, Grundlayout

------------------------------------------------------------------- */


/*
=========================================================
 Standardelemente
*/

* {
	margin: 0;
	padding: 0;
}

html {
	height:100%;
	margin-bottom:1px;
}

body {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	color: #000;
	background-color: #D1E0F3;
	text-align: center;
}

p, div.image, img.cell {
	padding: 0 0 1.1em;
	margin: 0;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
 	list-style-position:outside;
}

img { border: none; }

div.image img {width: 25.5em; margin-top: 0.2em;}
#produkt .right div.image img {width: 31.95em;}

h1, h2, h3, h4, h5 { margin: 0;}

a { color: #000;}

a:hover { color: #F37020;}

fieldset {
	border: none;
	padding: 0;
	margin: 0 0 0.6em;
	text-align: left;
}

/*unterster Block ohne Abstand nach unten*/
fieldset.last { margin-bottom: 0; }

legend {
	color: #1F426A;
	font-weight: bold;
	padding: 0.3em 0 0.7em;
	font-size:1.09em;
}

label {
   	color: #1F426A;
   	float: left;
   	width: 12.3em;
   	padding-top: 0.2em;
   	font-weight: bold;
   	line-height: 1.05em;
   	/*font-size: 0.9em;*/
}

/*Label in der rechten Spalte bei mehrspaltigem Layout*/
.right label {
   	width: 12.5em;
}


/* Klassen für einzelne Layout-Anpassungen */
.fR {	float: right;}

.fL {	float: left;}

.fN {clear: both;}


.noMarginLeft {	margin-left: 0 !important;}

.noMarginRight { margin-right: 0 !important;}

.noMarginBottom { margin-bottom: 0 !important;}

.noFloat { float: none !important;}

.noFloatText { float: none !important; padding-bottom: 1.1em !important}

.noPaddingBottom{ padding-bottom: 0 !important;}

.cB {
   	clear: both;
   	visibility: hidden;
   	font-size: 1px;
   	height: 1px;
}

.black{ color: #000 !important; }

ul.linklist li a,
div.more a,
a.more{
  	background: transparent url("../images//icon-bullet.gif") no-repeat left 0.3em;
	text-decoration: underline;
   	font-weight: normal;
   	padding-left: 1em;
}

a.more {display: block; margin-top: 0.9em;}

#content ul.linklist { display: block;}

#content ul.linklist li a { display: block; }


#content ul.textlist { padding-bottom: 1.5em; }


#content ul.textlist li { margin-bottom: 0 !important; }


/* "mehr"-Link-Box*/
div.more { margin-top: 0.5em; }

/* Box für Linkauswahl */
div.options { margin: 0.5em 0 0 0.05em; }

div.options a {
   	background: transparent url("../images//icon-bullet.gif") no-repeat left center;
	text-decoration: underline;
   	padding: 0.2em 0 0.2em 0.9em;
}

/*letzte Box ohne Abstand nach rechts*/
div.options.last { margin-right: 0 !important; }

/*Link ohne Icons und Padding*/
a.standard{
  	background: none;
  	font-weight: normal;
   padding: 0;
}

span.standard{
  	font-weight: normal;
}

span.bullet {
  	background: transparent url("../images//icon-bullet.gif") no-repeat left center;
   	font-weight: normal;
	text-decoration: underline;
   	padding-left: 1em;
	cursor: pointer;
	color: #000000;
	font-family:Arial,Helvetica,Verdana,sans-serif;
}

button span.bullet:hover {
	color: #F37020;
}

/*Link mit Pfeil-Icon */
a.bullet {
   background: transparent url("../images//icon-bullet.gif") no-repeat left center;
   text-decoration: underline;
   font-weight: normal;
	padding: 0.2em 0 0.2em 0.955em;
}

/*gepunktete Trennlinie*/
.divider {
   	display: block;
   	margin: 0.75em 0.9em 0 0;
   	padding-bottom: 1.3em;
   	width: 100%;
   	height: 1px;
   	/*clear: both;*/
   	background: transparent url("../images/content_divider.gif") repeat-x left top;
}

/*Trennlinie zwischen zwei Abschnitten. Hebt floating auf*/
.divider.inline {
	background-position: left 0.5em;
	margin-top:0;
	margin-bottom: 0.5em;
	clear: both;
	float: none;
}

/*Trennlinie unterhalb von Karteireitern*/
.divider.tabs {
   	background-position: left top !important;
   	padding-bottom: 1px;
   	margin-top: 0;
   	margin-bottom: 1.8em;
}

/*vertikale gepunktete Trennlinie.
Wird immerder längeren Spalte bei mehrspaltigem
Layout als Klasse hinzugefügt.*/
.vertical-divider {
	background: transparent url("../images/content_divider-vertical.gif") repeat-y right top;
}


/*Angaben für Karteireiter	*/
.tabs-container {
	text-transform: uppercase;
	white-space:nowrap;
	width:100%;
	padding-top: 2em;
	margin-left: 1px;
}

.tabs-container ul.tabs {
	padding-bottom: 0 !important;
	display: block;
}

.tabs-container li {
	float:left;
	padding-left:0;
	margin-bottom: 0 !important;
	display: inline;
}

.tabs-container li.active {	padding-left:0pt; }

.tabs-container div {
	font-weight: bold;
	font-size: 0.95em;
	padding:0.465em 1.2em 0;
	margin-left: -3px;/*notwendig für Opera + IE6 sonst Lücke zwischen den Tabs*/
}

.tabs-container div.n {
	background:#A0C7E8 url(../images//tabs/tab-passive-bg.gif) left top;
	float:left;
	height: 1.49em;
	margin-top:0.355em;
	padding-top: 0.265em;
	display: inline;
}

.tabs-container div.active {
	background:#EB6C1F url(../images//tabs/tab-active-bg.gif) left top;
	float:left;
	vertical-align: bottom;
	height: 1.645em;
	display: inline;
	color:#FFF;
}

.tabs-container li a{
	float:left;
	padding: 0.1em 0 0;
	/*padding: 0.45em 1.2em 0.2em;*/
	text-decoration: none;
	/*display: block;*/
	background: none;
	font-weight: bold;
	color:#1D436A;
}

.tabs-container li a:hover{ 	text-decoration: underline;}

.tabs-container li img{
	vertical-align: top;
	float:left;
	height:2em;
	display: inline;
	margin: 0;
	padding: 0;
}



/*
-----------------------------------------------------------
 Tabellen
*/

table {
	border-collapse: collapse;
	font-size: 100%;
	width: 100%;
	display: inline-table;
	margin: 0 0 1.1em;
}

table th,
table td {
	border: 0.17em solid #F1F6FC;
	border-left: none;
	border-top: none;
	padding: 0.4em 0.6em;
	vertical-align: top;
	text-align: left;
}

table td {	padding-left: 0.8em;}

table tr.last td{	border-bottom: none;}

table td.last,
table th.last{
	border-right: none;
}

tfoot tr {	background-color: transparent;}

tfoot td {	border: none;}

thead th, th {
	background-color: #CDDCF1;
	color: #1F426C;
}

thead tr,
tr {
	background-color: #D9E5F5;
}

tr.even { 	background-color: #E6EDF5;}

table div { 	padding: 0 !important;}

table a {
   	text-decoration: underline;
   	font-weight: normal;
   	background: none;
   	padding: 0;
}

table span.normal { font-size: 1em;}



/*
 Ende Tabellen
 ---------------------------------------------------------
*/


/*
 Ende Standardelmente
=========================================================
*/

/*
 =========================================================
 Seitenstruktur
*/

#wrapper {
	background: #D1E0F3 url("../images//bg.jpg") repeat-x left 5.625em;
	/* FF: damit Hintergrund-Bild immer gesamte Breite d. Screens einnimmt: */
	min-width: 61.25em;
	width: auto;
	height: 100%;
	overflow: visible;
	padding: 0 0.4em;
	display: block;
}

#main-wrapper {
	margin: 0 auto;
	width: 61.22em;
	text-align: left;
	height: 100%;
}

#header {
	height: 5.63em;
	background-color: #D1E0F3;
}

#logo, #printlogo {
	height: 3.697em;
	margin-top: 1.06em;
	float: left;
}

#claim {
	padding: 2.76em 0 0 10em;
	float: right;
	text-transform:uppercase;
	color: #0C78BF;
	font-size: 1.33em;
	letter-spacing: 0.03em;
}

#claim p {font-size: 0.7em; font-weight: bold;}

#claim span {color: #F37020; }

#claim * { padding: 0; }

/*linke Navigation*/
#left-column-wrapper {
  	width: 9em;
  	float: left;
}

/*Bild unterhalb der linken Navigation*/
#left-column-wrapper .infobox img {
  	width: 8.75em;
  	height: 12.50em;
  	margin-top: 1.3em;
}

/*Abstand zur Main-Navigation*/
#left-column-wrapper, #content-wrapper,
#content-overlay-container {
   	margin-top: 1em;
}

#content-wrapper {
   	margin-left: 1.06em;
   	float: right;
   	width: 51.13em;
}

#content-wrapper .cornerbox .top img{
  	width: 51.13em;
  	height: 1.75em;
}

#printlogo,
#printheader,
#breadcrumb{
	display: none;
}

/*
 ---------------------------------------------------------
 Abgerundete Ecken
*/

#content-wrapper .cornerbox .bottom img{
  	width: 51.13em;
  	height: 2.31em;
}

.cornerbox .top *,
.cornerbox .bottom * {
  	display:block;
  	overflow: hidden;
  	background:transparent url("../images//content_bg.png");
}

.cornerbox * { height: 0.062em; }
.cornerbox .r14, .cornerbox .r15, .cornerbox .r16 { height: 0.13em; }
.cornerbox .r17 { height: 0.19em; }
.cornerbox .r1 { margin: 0 1.44em; }
.cornerbox .r2 { margin: 0 1.25em; }
.cornerbox .r3 { margin: 0 1.13em; }
.cornerbox .r4 { margin: 0 1.00em; }
.cornerbox .r5 { margin: 0 0.88em; }
.cornerbox .r6 { margin: 0 0.78em; }
.cornerbox .r7 { margin: 0 0.69em; }
.cornerbox .r8 { margin: 0 0.63em; }
.cornerbox .r9 { margin: 0 0.56em; }
.cornerbox .r10 { margin: 0 0.50em; }
.cornerbox .r11 { margin: 0 0.45em; }
.cornerbox .r12 { margin: 0 0.37em; }
.cornerbox .r13 { margin: 0 0.31em; }
.cornerbox .r14 { margin: 0 0.25em; }
.cornerbox .r15 { margin: 0 0.19em; }
.cornerbox .r16 { margin: 0 0.13em; }
.cornerbox .r17 { margin: 0 0.062em; }

.cornerbox .top * {
  	margin-left: 0;
}

.cornerbox .top,
.cornerbox .bottom {
	display:block;
	height: 100%;
}


/*
 Ende Abgerundete Ecken
 ---------------------------------------------------------
*/

/*
 ---------------------------------------------------------
 halbtransparenter Layer
*/

/*Container für halbtransparenten Layer */
#content-overlay-container { position: relative; z-index: 90;}

#content-overlay {
	width: 61.255em;
	/*height:28.5em;*/
	position: absolute;
	left: 0;
	top: 0;
}

/*halbtransparentes PNG-Bild */
#overlayImg {
	display: block;
	width: 100%;
}

#content-overlay .cornerbox .bottom{
	margin-top: 0;
}

#content-overlay .cornerbox .top *,
#content-overlay .cornerbox .bottom * {
  	display:block;
  	overflow: hidden;
  	background:transparent url("../images//content_overlay.png");
}

/*Container für Formulare */
.overlay-form-container{
	position: relative;
	z-index: 95;
	top: -2.61em;
	left: -0.04em;
}

/*IFrame zum Abdecken von Select-Feldern von überlagerten Formularen*/
.HideSelect{
	z-index:90;
	position:absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background-color:#fff;
	border:none;
	-moz-opacity: 0;
	opacity: 0;
}




/*
 Ende halbtransparenter Layer
 ---------------------------------------------------------
*/

/*
-----------------------------------------------------------
 Spalten-Layout
 */

/*Spaltenbreite*/
.column {
	margin-bottom: 0;
	width: 50.3%;
}

.column.leftColumn { width: 49.7%;}

.column-wide { width: 58%; }

.column-narrow { width: 42%; }

.left {
	padding-right: 3.33em;
	/*padding-bottom: 1em;*/
}

.right {
	padding-left: 3.4em;
	/*padding-bottom: 1em;*/
}

/*horizontale trennlinie innerhalb einer Spalte */
.column .divider {
  /* 	padding-bottom: 0.7em;*/
}

/*vertikale Trennlinie als Hintergrundbild in rechter Spalte */
.vertical-divider.rightColumn {
	background-position: left top;
}

/*Innenabstand der linken breiten Spalte nach rechts*/
.column-wide .left { padding-right: 2.5em; }

/*Innenabstand der rechten schmalen Spalte nach links*/
.column-narrow .right { padding-left: 2.5em; }

/*
  Ende Spalten-Layout
 ---------------------------------------------------------
*/


/*
 ---------------------------------------------------------
 Box für namentliche Ansprache im Vertragscenter
*/

#welcome {
	height: 3em;
	width: auto;
	position: absolute;
	z-index: 1;
	width: 51.075em;
}

#welcome ul {
	float: right;
}

#welcome li {
	color: #1F426A;
	font-weight: bold;
	font-size: 0.7em;
	float: left;
	height: 3.62em;
	width: auto;
	margin: 0.083em 0 0;
	padding: 0;
}

#welcome li img{
	height: 3.62em;
	xpadding: 0em 0.16em 0 0;
}

#welcome li span{
	padding: 0.4em 0 0;
	display: block;
}

#welcome li.welcome-middle,
#welcome li.welcome-left{
	width: auto;
	margin: 0.083em 0 0;
	padding: 0;
}

#welcome li.welcome-middle{	background-color: #DDE7F3;}

#welcome li.welcome-left img{ 	padding: 0;}

/*
 Ende Box für namentlich Ansprache im Vertragscenter
 ---------------------------------------------------------
*/


/*
-----------------------------------------------------------
 Footer
*/

#footer,
#form_footer,
#dynlayer_form_footer,
#printfooter{
	text-align: center;
	margin: 3.1em 0 2em;
	color: #276293;
	font-size: 0.8em;
}

#form_footer { height: 5em; margin-top: 0; margin-left: 2em;}

#footer *,
#form_footer *,
#dynlayer_form_footer *{
	vertical-align: bottom;
/* 	margin: 0.3em 0.5em !important; */
	margin: 2.1em 0.5em 0 0.5em !important;
	text-decoration: none;
	color: #276293;
}
#footer * {margin: 0.3em 0.5em !important;}
#form_footer img { margin-bottom: -2.1em !important; position: relative; outline:0;}

#footer span.copyright {
	padding-left: 1.75em;
}

#printfooter {
	display: none;
}

/*
 Ende Footer
 ---------------------------------------------------------
*/


/*
-----------------------------------------------------------
 Speziell für die Homepage

*/
#content-wrapper.homepage #content-overlay-container { margin-top: 0; }

#content-wrapper.homepage {
   	margin-left: 0;
   	float: none;
   	width: 61.25em;
}

#content-wrapper.homepage #welcome { width: 61.25em }

#content-wrapper.homepage .cornerbox .top .r1 { margin-left: 1.44em; }
#content-wrapper.homepage .cornerbox .top .r2 { margin-left: 1.25em; }
#content-wrapper.homepage .cornerbox .top .r3 { margin-left: 1.13em; }
#content-wrapper.homepage .cornerbox .top .r4 { margin-left: 1.00em; }
#content-wrapper.homepage .cornerbox .top .r5 { margin-left: 0.88em; }
#content-wrapper.homepage .cornerbox .top .r6 { margin-left: 0.78em; }
#content-wrapper.homepage .cornerbox .top .r7 { margin-left: 0.69em; }
#content-wrapper.homepage .cornerbox .top .r8 { margin-left: 0.63em; }
#content-wrapper.homepage .cornerbox .top .r9 { margin-left: 0.56em; }
#content-wrapper.homepage .cornerbox .top .r10 { margin-left: 0.50em; }
#content-wrapper.homepage .cornerbox .top .r11 { margin-left: 0.45em; }
#content-wrapper.homepage .cornerbox .top .r12 { margin-left: 0.37em; }
#content-wrapper.homepage .cornerbox .top .r13 { margin-left: 0.31em; }
#content-wrapper.homepage .cornerbox .top .r14 { margin-left: 0.25em; }
#content-wrapper.homepage .cornerbox .top .r15 { margin-left: 0.19em; }
#content-wrapper.homepage .cornerbox .top .r16 { margin-left: 0.13em; }
#content-wrapper.homepage .cornerbox .top .r17 { margin-left: 0.062em; }


#content-wrapper.homepage img#homepage,
#content-wrapper.homepage img#homepage-bottom {
	width: 61.25em;
	height: 25em;
}

.homepage #extra-info {
	color: #276293;
	font-size: 0.7em;
	margin: 1.1em 1.7em 0;
}

.homepage #extra-info p {
	padding: 0;
}

.homepage #extra-info a{color: #276293;

}

#content-wrapper.homepage #footer {
	margin-top:2.35em;
}

/*Container #content wird hier nur für den halbtransparenten Layer benötigt */
#content-wrapper.homepage #content {
	background: none;
	min-height: 0;
	padding: 0;
}

/*Container für Tarifrechner-Formulare */
#content-wrapper.homepage .overlay-form-container {
	/*left: 16.4em;
	top: 2em;
	margin-top: 0;*/
	top: 0;
	left: 0;
}

#content-wrapper.homepage .overlay-form-container.singleColumnNarrow {
	left: 20.5em;
}

#content-wrapper.homepage #logoutbutton {
	position: absolute;
	margin-top: -2.4em;
}

#image-container { height: 25em; }

#bubble-container,
#slogan-container{ position: relative; }

#bubble {
	position: absolute;
	left: 32.3em;
	top: 3.6em;
	/*width:24.3em;*/
	width: 14em;
}

#bubble a {text-decoration: none !important; cursor: hand}

#slogan {
	position: absolute;
	left: 2.2em;
	top: 10.2em;
}

#bubble span,
#slogan span{
	display: block;
	font-weight: bold;
}

#bubble span span,
#slogan span span{
	display: inline;
}

#slogan span{
	/*color: #127EBF;
	font-size: 1.705em;*/
	color: #005EAB;
	font-size: 1.405em;
	line-height: 1.1em;
	text-align: right;
}

#bubble span.slogan {
	color: #F37020;
	font-size: 1.555em;
	line-height: 1em;
	height:2em;
	overflow: hidden;
	visibility: hidden;
}

#bubble span.beitrag {
	color: #EF7F01;
	font-size: 1.5em;
	margin: 0.63em 0 -0.1em 1.62em;
	letter-spacing: -0.05em;
	width: 7em;
}

#bubble span.button { width: 13.5em; }
#bubble span.button img{ /*width: 8.7em;*/ height: 2.185em}

#bubble span.beispiel {
	color: #EF7F01;
	margin: 1.1em 0 -0.1em 4.1em;
	font-size: 0.95em;
	font-weight: bold;
	width: 10.5em;
}

#bubble span.kfz {
	color: #FFF;
	margin-left: 4.1em;
	font-size: 0.95em;
	font-weight: bold;
	width: 10.5em;
}

#bubble span.preis {
	color: #FFF;
	margin: -0.42em 0 0 3.7em;
	font-size: 1.05em;
	width: 9.5em;
}

#bubble span.betrag,
#bubble span.euro {
	font-size: 2.1em;
	letter-spacing: -0.05em
}

#bubble span.euro {  }



#teaser-container {
	background-color: #FFF;
	padding: 0.13em 0 0 0.13em;
	display: inline-block;
}

#teaser-container .teaser {
	width:20.24em;
	display: block;
	float: left;
	padding-right: 0.13em;
	background-color: transparent !important;
}

#teaser-container .teaser h3 {
	background:#144474 url(../images//content_bg-h2.jpg) repeat-x;
	color:#FFFFFF;
	font-size:0.8em;
	font-weight: bold;
	padding:0.45em 1.2em 0.5em;
	text-transform:uppercase;
}

#teaser-container .teaser .teaser-content{
	font-size: 0.8em;
	padding: 0 1.25em 0.5em;
	margin-top: 0.8em;
	height: 8.8em;
	position: relative;
}

#teaser-container .teaser .teaser-image {
	height: 8.6em;
	width: 22.65em;
}

#teaser-container .teaser li {
   	background: transparent url("../images//icon-bullet.gif") no-repeat left 0.52em;
   	padding: 0.23em 0 0.23em 1.2em;
   	font-weight: normal;
   	display: block;
}

#teaser-container .teaser #twitter li {
   	background: transparent url("../images//icon-bullet_tuerkis.gif") no-repeat left 0.52em;
}

#teaser-container .teaser #twitter li span.date {
	display:none;
}

#teaser-container .teaser div.twitter-icons {
	position: absolute;
	top:-2.87em;
	right:0.5em;
}

#teaser-container .teaser div.twitter-icons img.img-left {
	padding-right: 2px;
}

#teaser-container .teaser div.twitter-icons img {
	width: 1.54em;
}

#teaser-container .teaser .twitter-fallback {
	width:11.23em;
	padding-left:5.7em;
}

#teaser-container h1#twitter_date {
	font-size: 1em;
	display:none;
	padding-bottom: 0.24em;
	color:#f36000;
}

#teaser-container div.more { margin-top: 0.9em; }


/* Flash movie */
#image-container #flash {

}

/*
 Ende Homepage
 ---------------------------------------------------------
*/


/*
-----------------------------------------------------------
Korrektur für Container, die Elemente mit float beinhalten
*/

#content div:after,
#teaser-container:after,
#content-overlay:after,
#main-wrapper:after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	font-size:1px;
}

/*
 Ende Korrektur
 ---------------------------------------------------------
*/



/*
-----------------------------------------------------------
 Angaben für Elemente, die nur in der NON-CSS-Version sichtbar sind
*/

.skipmenue,
caption {
	display: none !important;
}

/*
 Ende NON-CSS
 ---------------------------------------------------------
*/



/* -------------------------------------------------------------------
 basics. css

 Basic-Styles, Grundlayout

 ENDE
------------------------------------------------------------------- */



/* -------------------------------------------------------------------
 content. css

 Style-Definitionen für den Inhaltsblock.

------------------------------------------------------------------- */


#content {
   	background: transparent url("../images//content_bg.png");
   	font-size: 0.8em;
   	margin: 0;
   	padding: 0 3.155em;
}

h1 {
   	color: #F37020;
   	/*font: bold 1.8em Helvetica,Arial,Verdana,sans-serif;*/
   	font-weight: bold;
   	font-size: 1.8em;
	/*padding: 0 0.1em 0.3em;*/
}

h2 {
   	color: #0072BC;
   	/*font: 2.1em Helvetica,Arial,Verdana,sans-serif;*/
   	font-size: 2.1em;
   	font-weight: normal;
	padding: 0 0 0.25em;
   	margin-top: -0.125em;
}

h3,
dt{
   	color: #FFF;
   	font-weight: bold;
   	font-size: 1em;
	padding: 0.445em 0.75em;
   	background: #144473 url("../images//content_bg-h2.jpg") repeat-x;
   	margin: 0.1em 0 1em;
	/*text-transform: uppercase;*/
}

h4 {
	font-size: 1em;
	padding-bottom: 0.75em;
	margin-top: ;
	/*margin-top: 1em !important;*/
}

/*h4.first{
	margin-top: 0;
}*/

h3.highlight,
dt.highlight {
   	background: #D4601B url(../images//main-nav_bg-orange.gif) repeat-x;
}

#content ul,
#content dl {
   	padding: 0 0.15em 0.8em;
   	clear: both;
}

#content ul li{
   	margin-bottom: 0.6em;
   	display: block;
}

/*Listenpunkte mit Pfeil */
#content ul.bullet li{
   	padding-left: 1.33em;
   	background: transparent url("../images//icon-bullet.gif") no-repeat left 0.3em;
}

/*Listenpunkte mit orangenem Quadrat */
#content ul.square li {
   	padding-left: 0.8em;
   	background: transparent url("../images//icon-square.gif") no-repeat left 0.55em;
}

#content dd,
#content cite {
   	margin: 0 0.15em 0.55em;
   	display: block;
   	padding-left: 1.33em;
   	background: transparent url("../images//icon-bullet.gif") no-repeat left 0.3em;
}

#content cite {
   	margin: 0.5em 0.3em 0.55em;
   	font-weight: bold;
   	font-style: normal;
}

a.top {
	background: transparent url("../images//icon_up.gif") no-repeat top left;
	display: block;
	width: 15px;
	height: 15px;
	float: right;
	/*margin-top: 1.15em;*/
	/*margin-top: -1.4em;*/
}

/*Container für Absätze mit Anker-Link zum Seitenanfang */
div.section {
	width: 61em;
	margin-bottom: 1em;
}

div.container {
	display: inline-block;
	width: 100%;
}



.cell {display: table-cell; float: left;}

img.cell {margin-top: 0.2em;}

img.iconSmall {width: 2.34em; margin-right: 1.2em;}
img.icon {width: 3.12em; margin-right: 1.2em;}
img.iconBig {width: 7.6em; margin-right: 1.2em;}

/*img.cell + p {margin-top: -0.2em}*/

p.iconSmall {width: 21.55em}

p.icon{width: 20.4em}

p.iconBig{width: 16.2em}

p.iconBigFull{width: 48.7em}

/*.left p.iconBig{width: 15.55em}*/


#produkt .leftColumn {width: 44.5%;}
#produkt .rightColumn {width: 55.4%;}
#produkt .right {padding-left: 0}

#produkt h4.cell {width: 22.25em; margin-right: 3.3em;}


#produkt .linklist {width: 30.8em; clear: none;}

#produkt p.cell{width: 13.45em}
#produkt .right p.cell {width: 24.5em;}

#produkt #contentsearchform #contentsearchquery {
	width: 31.9em;
}



/*Jetzt Berechnen-Button*/
.berechnen {
	position: relative;
	top: 4.5em;
}

#contentsearchform {
	/*background-color: #002B58;
	padding: 0.4em 0.4em 0.15em;*/
	padding-bottom: 0.9em;
}

#contentsearchform fieldset{
	display: inline;
	margin: 0;
	padding: 0;
	border: 0.4em solid #002B58;
	background-color:#002B58;
	white-space:nowrap;
}

#contentsearchform #contentsearchquery {
	margin:0pt;
	border: none;
	height: 1.45em;
	padding-top: 0.05em;
	vertical-align: top;
}

#contentsearchform #contentsendbutton {
	border:medium none;
	height:1.39em;
	width:1.39em;
	margin:0pt;
	text-align:left;
	vertical-align:top;
	background-color: #718AA2;
}

#contentsearchform #contentsendbutton img{
 	height: 1.4em;
 	width: 1.4em;
 	margin: -0.15em 0 0 -0.25em;
 	padding: 0;
	vertical-align: top;
	text-align: left;
}


#textLinker1{
	position: absolute;
	display: none;
	width:15em;
	visibility: hidden;
	background-color: #B9CEEB;
	border: 1px solid #FF6600;
	font-size: 78%;
	font-weight: bold;
	padding: 0.5em;
	z-index: 999;
}


/* -------------------------------------------------------------------
 content. css

 Style Definitionen für den Inhaltsblock.

 ENDE
------------------------------------------------------------------- */



/* -------------------------------------------------------------------
 formular.css

 Style-Definitionen für Formulare.
 Erweiterung der content.css

------------------------------------------------------------------- */

.hand{
	cursor: pointer;
}

#content.formular { font-size: 0.75em; }

#content .overlay-form-container { font-size: 0.935em; }
#content.formular .overlay-form-container { font-size: 1em; }

#content.formular {
   	padding-right: 2.7em;
}

.overlay-form-container h1,
.formular h1 {
   	font-size: 1.89em;
   	padding-top: 0.03em;
   	padding-bottom: 0.7em;
}

.overlay-form-container h2,
.formular h2{
   	font-size: 1.6em;
   	color: #F37020;
   	font-weight: bold;
   	margin-top: 0;
   	padding-top: 0;
}

.overlay-form-container table,
.formular table{ 	margin-top: 0.5em; margin-bottom: 0.3em; }

.overlay-form-container legend {
	font-size: 1.09em;
}

.overlay-form-container .container fieldset div p,
.formular .container fieldset div p {
	padding-bottom:0;
	float: left;
}

.overlay-form-container form .container p.text,
.formular form .container p.text {
	padding-bottom:0.5em;
	padding-top:0.5em;
}


#content .overlay-form-container ul li,
#content.formular ul li {
   	margin-bottom: 0.3em;
}

.overlay-form-container div.options,
.formular div.options {
	margin-right: 7em;
}

.overlay-form-container div.options.center.fR,
.formular div.options.center.fR { margin-right: 16em; }



/*dunkelblauer Teil der Überschrift im tarifrechner */
#content .overlay-form-container h1 span,
#content.formular h1 span {
   	color: #00274D;
   	font-size: 1em;
}

.overlay-form-container div.container,
.formular div.container {
   	padding: 0;
}

.overlay-form-container div.container div,
.formular div.container div{
   	padding: 0.47em 0 0.6em;
   	vertical-align: middle;
}

.overlay-form-container div.container div.middle *,
.formular div.container div.middle * {
   	vertical-align: middle;
}

.overlay-form-container div.container fieldset div,
.formular div.container fieldset div{
   	/*padding: 0.4em 0 0.5em;*/
   	padding: 0.4em 0 0.5em;
}

.overlay-form-container div.container fieldset div.mehrzeilig,
.overlay-form-container div.container fieldset div.radio,
.formular div.container fieldset div.mehrzeilig,
.formular div.container fieldset div.radio{
   	padding-bottom: 0;
}

/*unterer Abstand zum Folgeelement bei mehrzeiligen Formulareingaben
innerhalb einer inhaltlich zusammengehörigen Gruppe von Formularelementen*/
.overlay-form-container div.container fieldset.group div.mehrzeilig,
.formular div.container fieldset.group div.mehrzeilig{
   	padding-bottom: 0.1em;
}

/*Breite von Container mit zu breitem Inhalt reduzieren*/
.overlay-form-container div.container fieldset div.longtext,
.formular div.container fieldset div.longtext{ width: 95%; }

/*längere Text innerhalb eines Formulars*/
.overlay-form-container div.container fieldset div.infotext,
.formular div.container fieldset div.infotext {
   	margin-top: 0.3em;
   	padding-bottom: 0.9em;
}


/*Box mit mehrzeiligen Eingabefeldern oder Ergebnissen aus Formulareingaben.*/
.overlay-form-container div.mehrzeilig,
.formular div.mehrzeilig {
   	/*height: 2.3em;*/
   	vertical-align:top !important;
}

.overlay-form-container div.mehrzeilig label,
.formular div.mehrzeilig label {
   	vertical-align: top;
   	padding: 0;
}

/*Varianten der mehrzeiligen Box.
	Durch Setzen der Label-Höhe wird Umfließen des
	Labels durch Eingabefelder verhindert*/
.overlay-form-container div.mehrzeilig.zwei,
.overlay-form-container div.mehrzeilig.zwei label,
.formular div.mehrzeilig.zwei,
.formular div.mehrzeilig.zwei label{
   	height: 2.5em;
}

.overlay-form-container div.mehrzeilig.drei,
.overlay-form-container div.mehrzeilig.drei label,
.formular div.mehrzeilig.drei,
.formular div.mehrzeilig.drei label{
   	height: 5em;
}

.overlay-form-container div.mehrzeilig.vier,
.overlay-form-container div.mehrzeilig.vier label,
.formular div.mehrzeilig.vier,
.formular div.mehrzeilig.vier label{
   	height: 8em;
}

.overlay-form-container div.mehrzeilig.fuenf,
.overlay-form-container div.mehrzeilig.fuenf label,
.formular div.mehrzeilig.fuenf,
.formular div.mehrzeilig.fuenf label{
   	height: 11.5em;
}

.overlay-form-container div.mehrzeilig p,
.formular div.mehrzeilig p  {
   	width: 16.3em;
   	float: left;
   	/*float: right;*/
   	/*float: left;*/
   	/*padding-bottom: 1em;
   	margin-top: -0.9em;*/
}

/*unterster Absatz in mehrzeiligen Boxen */
.overlay-form-container div p.last,
.overlay-form-container div.mehrzeilig p.last,
.formular div p.last,
.formular div.mehrzeilig p.last{
   	padding-bottom: 0;
}

/* Box für Linkauswahl bspw. Links in Fahrzeugsuche */
.overlay-form-container div.formoptions,
.formular div.formoptions {
	min-height: 1.2em;
	overflow: visible;
}

.overlay-form-container div.formoptions p,
.formular div.formoptions p {
	padding-left: 12.32em !important;
	padding-bottom: 0;
}


/*'overview' wird bei der Anzeige von Ergebnissen aus Formulareingaben verwendet */
.overlay-form-container div.overview fieldset,
.formular div.overview fieldset {
   	margin-bottom: 0.6em;
}

.overlay-form-container div.overview fieldset label,
.formular div.overview fieldset label {
   	padding-top: 0;
}

.overlay-form-container div.overview div.mehrzeilig p,
.overlay-form-container div div.mehrzeilig p.radio,
.formular div.overview div.mehrzeilig p,
.formular div div.mehrzeilig p.radio {
	margin-top: 0;
	padding-bottom: 0;
}

.overlay-form-container div div.mehrzeilig p.radio,
.formular div div.mehrzeilig p.radio {
	padding-bottom: 0.2em;
}

/*
-----------------------------------------------------------
 Formularfelder, Labels, Buttons
*/

.overlay-form-container label { font-size: 1em }

div.column label.item {
	width: 23.5em !important;
}

/*Label-Varianten für den Einsatz hinter einem Formularelement */
label.inline,
label.radio,
label.checkbox {
   	color: #000;
   	text-transform: none;
   	font-weight: normal;
   	font-size: 1em;
   	width: auto;
   	height: auto;
   	float: none;
   	line-height: 1.3em !important;
   	padding-top: 0;
   	margin-right: 0.3em;
}

/*kurzes dunkelblaues Label bspw. für Datum- und Uhrzeitangaben im Beratungswunsch*/
label.short {
   	width: 3.2em;
}

/*Formularfelder */
input,
select,
textarea {
   	font-size: 0.92em;
   	border: 1px solid #CCC;
   	margin-right: 0.35em;
   	height: 1.43em;
   	vertical-align: middle;
}

textarea {
	height: 7em;
	/*width: 30.5em; */
	width: 27em;
	margin-right: 0;
	font-size: 1em;
	font-family: Arial,Verdana,sans-serif;
	float: left;
}

textarea.large {
	height: 27em;
	width: 37.5em;
}

select {
   	height: 1.6em;
   	width: 14.08em;
}

/*sehr kleine Drop-Down-Liste*/
select.mini {
   	width: 5em;
}

select.medium {
   	width: 11.6em;
}

/*Radio-Button*/
input.radio {
	margin: -0.15em 0.2em 0 0;
	border: none;
}

/*Radio-Button innerhalb eines Fieldset*/
fieldset input.radio,
div.radio input.radio {
	margin-top: 0;
}

/*Checkbox*/
input.checkbox {
   	width: 1.43em;
   	margin: 0.0em 0.15em 0.15em 0;
   	border: none;
}

html > body input.checkbox.fL { margin-right: 0.4em; }

/*Texteingabefeld*/
input.text {
   	padding: 0.2em 0.2em 0;
   	width: 10.2em;
}

/*Eingabefelder in verschiedenen Längen*/
input.text.mini { 	width: 3em;}
input.text.mini2 {   	width: 2em;}
input.text.small {   	width: 4.65em;}
input.text.small2 {   	width: 6em;}
input.text.medium {   	width: 8.1em;}
input.text.medium2 {   	width: 11.55em;}
input.text.medium3 {   	width: 9.95em;}
input.text.large {   	width: 15.85em;}

input.disabled {   	background-color: #DDD; color: #808080 !important;}

/*gekürzt damit´s im Opera passt und der Suche-Button nicht umbricht */
/*input.text.extralarge { width: 25.15em;}*/

input.text.extralarge { width: 24.85em;}

/*breite Drop-Down-Liste */
select.large{   	width: 16.4em;}
/* insert ww für Drop-Down Herkunft*/
select.xlarge{   	width: 21.4em;}

select.extralarge{   	width: 26.4em;}

/*das letzte Element bei mehreren nebeneinander stehenden Elementen*/
label.last,
input.last {
	margin-right: 0;
	padding-right: 0;
}


/*Layout bei Focus und Hover eines Formularfeldes*/
input:active,
select:active,
input:focus,
select:focus,
input:hover,
select:hover,
textarea:active,
textarea:focus,
textarea:hover{
	border-color: #4D8BBA;
}


/*Buttons*/
button {
	background: none;
	border: none;
	color: #FFF;
	padding: 0;
	/*margin-bottom notwendig damit untere Border des Layers immer korrekt gezeichnet wird*/
	margin: 0.85em 0 0;
	cursor: pointer;
	font-size: 1em;
}

button img {
	height: 2.166em;

}

/*Container für Buttons unterhalb der Formularfelder*/
.button-container {
   	display: inline-block;
   	clear: both;
   	width: 100%;
}

.button-container a img{ margin-top: 0.9em;}

/*.singleColumnNarrow .button-container { padding-right: 0.59em; }*/

button.centerRight  {	margin-right: 4.5em; }

button.centerLeft { margin-left: 4.3em; }


/*
 Ende  Formularfelder, Labels, Buttons
-----------------------------------------------------------
*/

/*Zusatztext neben Formularfeld z.B. "TT.MM.JJJJ" */
.overlay-form-container span,
.formular span {
   	font-size: 1em;
}

/*Text innerhalb von Formularen z.B. Ergebnisse aus Formulareingaben mit float*/
.overlay-form-container span.item,
.overlay-form-container span.text,
.formular span.item,
.formular span.text{
	float: left;
}

/*Text mit fester Breite*/
.overlay-form-container span.item,
.formular span.item {
	width: 10em;
	display: block;
}

/*errechnete Beträge in Ergebnisansicht*/
.overlay-form-container span.text,
.formular span.text {
	text-align: right;
	width: 5em;
	vertical-align: middle;
}


/*Anzeige von Ergebnissen mit fieldset.summary formatieren */
fieldset.summary div {
	display: block;
	clear: both;
}

.overlay-form-container div.container fieldset.summary div,
.formular div.container fieldset.summary div { padding-top: 0; }

.overlay-form-container div.container fieldset.summary div p,
.overlay-form-container div.container fieldset.summary div.mehrzeilig p,
.formular div.container fieldset.summary div p,
.formular div.container fieldset.summary div.mehrzeilig p {
	float: left;
	width: 11em !important;
}

.overlay-form-container div.column-narrow div.container fieldset.summary div p,
.formular div.column-narrow div.container fieldset.summary div p {
	width: 25em !important;
}

.overlay-form-container fieldset.summary input,
.formular fieldset.summary input {
	float: left;
}

.overlay-form-container div.column-narrow fieldset.summary label,
.formular div.column-narrow fieldset.summary label {
   	float: left;
   	width: 12em !important;
}

.overlay-form-container div.column-narrow span.item,
.overlay-form-container div.column-narrow fieldset.summary label.item,
.formular div.column-narrow span.item,
.formular div.column-narrow fieldset.summary label.item {
	width: 13.8em !important;
}


/*Fortschrittsanzeige in Tarifrechner*/
.formpage {  margin-bottom: 1.2em;}

.formpage div {
	margin: 0 1.145em 0 0;
}

.formpage div a {
	padding: 0;
}

.formpage div.last {
	margin-right: 0;
}

.formpage img {
	height: 2.825em;
}




/*
-----------------------------------------------------------
 Spalten-Layout
 */


/*normalbreit bei einspaltigem Layout*/

 /* Umrandung des Layers*/
.border-container {
	border: 1px solid #F37123;
	border-bottom: none;
	border-top: none;
	/*width: 36em;
	padding: 0 4.5em 0 3em;*/
	width: 37.5em;
	padding: 0 3em 0 3em;
	background-color: #F1F6FC;
	height: auto;
}

ul.border-bottom,
ul.border-top {
	padding: 0 !important;
	height: 2.48em;
}

ul.border-bottom *,
ul.border-top *{ background: none; padding: 0; margin: 0}


ul.border-bottom {
	height: 2.5em;
}

ul.border-bottom li,
ul.border-top li {
	height: 2.5em;
	float: left;
	margin: 0 !important;
}

ul.border-bottom li img {
	/*height: 2.41em;*/
	height: 2.4em;
	display: block;
}

ul.border-top li img {
	height: 2.5em;
	display: block;
}

li.border-middle,
li.border-middle img{
	width: 38.855em;
}

ul.border-top li.border-middle,
ul.border-top li.border-middle img{
	width: 38.75em;
}



/*schmal bei einspaltigem Layout --> Zugangsdaten vergessen */
.singleColumnNarrow .border-container {
 	width: 28.2em;
 	padding-right: 2.7em;
 }

.singleColumnNarrow ul.border-bottom,
.singleColumnNarrow ul.border-top {
 	width: 34.144em;
}

/*.singleColumnNarrow ul.border-bottom li img {height: 2.42em }*/

.singleColumnNarrow li.border-middle,
.singleColumnNarrow li.border-middle img{
 	width: 29.24em;
 }

.singleColumnNarrow ul.border-top li.border-middle,
.singleColumnNarrow ul.border-top li.border-middle img{
 	width: 29.13em;
}



/*breit bei einspaltigem Layout --> Beratungswunsch */
.singleColumnWide .border-container {
 	width: 40.46em;
 	padding-right: 2.7em;
 }

.singleColumnWide .overlay-form ul.border-bottom,
.singleColumnWide .overlay-form ul.border-top {
 	width: 46.7em;
}

.singleColumnWide li.border-middle,
.singleColumnWide li.border-middle img{
 	width: 41.5em;
}

.singleColumnWide ul.border-top li.border-middle,
.singleColumnWide ul.border-top li.border-middle img{
 	width: 41.405em;
}



/*noch etwas breiter bei einspaltigem Layout --> Fahrzeugsuche */
.singleColumnWide2 .border-container {
 	width: 45.56em;
 	padding-right: 2.7em;
 }

.singleColumnWide2 ul.border-bottom,
.singleColumnWide2 ul.border-top {
 	width: 51.5em;
}

.singleColumnWide2 li.border-middle,
.singleColumnWide2 li.border-middle img{
 	width: 46.61em;
}

.singleColumnWide2 ul.border-top li.border-middle,
.singleColumnWide2 ul.border-top li.border-middle img{
 	width: /*46.477*/46.5em;
}

#overlay-fahrzeugsuche.singleColumnWide2 .border-container,
#overlay-herstellersuche.singleColumnWide2 .border-container { background-color:#FFF; }




/*Umrandung des Layers*/
.multiColumn .border-container {
	width: 62.96em;
	padding-right: 2.7em;
}

.multiColumn .overlay-form ul.border-bottom,
.multiColumn .overlay-form ul.border-top {
	width: 68.95em;
}

.multiColumn li.border-middle,
.multiColumn li.border-middle img{
	width: 64em;
}

.multiColumn ul.border-top li.border-middle,
.multiColumn ul.border-top li.border-middle img{
	width: 63.9em;
}


.overlay-form-container .left,
.formular .left { padding-right: 1.13em; }

.overlay-form-container .right,
.formular .right { padding-left: 1.3em; }



/*
  Ende Spalten-Layout
 ---------------------------------------------------------
*/


/*
 ---------------------------------------------------------
	I-Button, Hilfe-Layer
*/

/*Container für I-Button*/
div.container .info-icon-container {
	position: absolute;
	padding: 0 !important;
	margin-left: 29.1em;
	margin-top: 0.45em;
  	z-index: 1;
}

.overlay-form div.container .info-icon-container {	margin-left: 29.4em; }

div.container fieldset.summary .info-icon-container {	margin-top: 0em; }

/*I-Button für legend-Element*/
div.container .info-icon-container.legend { margin-top: 1em; }

/*Positionierung in schmaler Spalte bei mehrspaltigem Layout*/
.column-narrow div.container .info-icon-container { margin-left: 24.18em; }

/*Positionierung in schmaler Spalte innerhalb einer Tabelle */
/* insert ww */
.column-narrow div.container table td .info-icon-container { margin-top: 0em; margin-left: 23.50em; }
.column-narrow div.container table.bullet td .info-icon-container { margin-top: 0em; margin-left: 24.10em; }

/*Positionierung in breiter Spalte bei mehrspaltigem Layout*/
.column-wide div.container .info-icon-container { margin-left: 34.05em; }

/*Positionierung in breiter Spalte innerhalb einer Tabelle */
/*.column-wide div.container table .info-icon-container { margin-top: -1.3em; margin-left: 33.44em; }*/
/* change ww */
.column-wide div.container table .info-icon-container { margin-top: 0em; margin-left: 33.44em; }

/*Positionierung in breiter Spalte innerhalb einer Tabelle */
/* insert ww */
.column-wide div.container table td .info-icon-container { margin-top: 0em; margin-left: 33.20em; }


/*I-Button-Bild*/
div.container img.info-icon{
   	/*position: absolute;
   	z-index: 1;*/
   	width: 1.4em;
   	height: 1.4em;
   	cursor: pointer;
}


/*Container für Hilfetext*/

.info-box {
	position: absolute;
	z-index: 100;
	cursor: pointer;
	left: 0;
	top: 0;
	/*height: 0;*/
	padding: 0 !important;
	/*display: inline;
	margin: 0 !important;
	float: right;
	top: 15.5em;
	left: 20.5em;*/
}

#infoLayer_emlME-Mail-Adresse.info-box {
	/*position: absolute;
	z-Index:100 !important;*/
	/*top: 15.5em;
	left: 20.5em;*/
	top: auto;
	left: 27.5em;
}

div.info-box.dummy {
	z-Index:100 !important;
	position: relative;
	left: -1.5em;
	top: 0;
	cursor: pointer;
	height: 0;
	display: inline;
	padding: 0 !important;
	margin: 0 !important;
	float: right;
}

/*Hilfe-Layer für Elemente innerhalb einer Tabelle*/
.info-box.table {
	float: left;
	top: 5em;
	left: 3em;
}

/*Hilfetext zur Zeit noch als Bild*/
div.singleColumn .info-box.dummy {
	left: -19em !important;
	top: -10.5em !important;
}

.info-box.dummy img{
	/*z-index: 999;*/
	position: absolute;
	float: right;
}

/*Hilfe-Layer in rechter Formular-Spalte anders positionieren*/
div.right .info-box {
	left: -30.7em !important;
	top: 2.8em !important;
}

div.right fieldset.group .info-box {
	top: 2.45em !important;
}

.singleColumnWide .info-box,
.singleColumnWide2 .info-box{
	left: -31em;
	top: 2.5em;
}

/*Hilfe-Layer in einspaltigem Layout positionieren (Adressdaten ändern)*/
div.singleColumn .info-box {
	/*left: 14.8em;
	top: -12.2em;	*/
	top: -0.45em;
	left: -5em;
}

/*Hilfe-Layer für Elemente innerhalb einer Tabelle*/
.singleColumnWide2 .info-box.dummy {
	top: 0em;
	left: -46em;
}


/*Für HTML-Umsetzung des Hilfetextes */
.info-box .border-container * {
	/*margin-left: 2em;
	margin-right: 2em;*/
}

.info-box .border-container p,
.info-box .border-container ul {
	font-weight: normal;
	margin-bottom: 1em;
	float: none !important;
}

.info-box .border-container ul {
	padding-left: 0 !important;
	padding-bottom: 0 !important;
}

.overlay-form-container div.container fieldset.summary .info-box .border-container p,
.formular div.container fieldset.summary .info-box .border-container p {
	width: auto !important;
	float: none;
}

.info-box .border-container {
	width: 29.2em;
	padding: 0.5em 2em !important;
	background-color: #FFF;
}

.info-box .border-container h4 {
	color: #F37020;
	font-size: 1.3em;
	margin-bottom: 0.7em;
}

.info-box .border-container h5 {
	font-size: 1em;
	padding-bottom: 0.75em;
}

.info-box .border-container img {
	margin: 1em 0 2em;
}

.info-box .border-container .more { margin-top: 0; padding-top: 0.5em; background-position: left 0.8em }

.info-box ul.border-bottom,
.info-box ul.border-top {
	width: 33.5em !important;
	height: 2.345em !important;
	overflow: hidden;
}

.info-box ul.border-bottom { height: 1.26em !important;}

.info-box ul.border-top li.border-middle,
.info-box ul.border-top li.border-middle img{
	width: 28.65em !important;
	background-color: #FFF !important;
	vertical-align: top;
}

.info-box ul.border-bottom li.border-middle,
.info-box ul.border-bottom li.border-middle img{
	width: 30.7em !important;
	background-color: #FFF !important;
	vertical-align: bottom;
}

.info-box ul.border-top li,
.info-box ul.border-top li img { height: 2.345em !important; }

.info-box ul.border-bottom li img,
.info-box ul.border-bottom li { height: 1.252em !important; vertical-align: bottom; }


/*
  Ende I-Button, Hilfe-Layer
 ---------------------------------------------------------
*/


/*
-----------------------------------------------------------
 Errorblock,  Feedbackblock
*/
.errors,
#feedback{
	display: block;
}

.errors, #feedback {
	font-size: 1.09em;
	margin: 0.5em 0 2.5em;
}

/* Umrandung Fehler-/Feedbackblock */
.errors div.borders,
.errors .border-error-top li.border-right {
	border: 1px solid #F37123;
}

#feedback div.borders,
#feedback .border-top li.border-right {
	border: 1px solid #26467E;
}

.errors .border-error-top,
.errors .border-error-bottom,
#feedback .border-top,
#feedback .border-bottom {
	padding: 0 !important;
	height: 1.2em;
	width: auto;
}

.errors .border-error-top,
#feedback .border-top { overflow: hidden;}


.errors .border-error-top li,
.errors .border-error-bottom li,
#feedback .border-top li,
#feedback .border-bottom li{
	/*height: 2.4em;*/
	float: left;
	margin: 0 !important;
	height: 1.22em;
	overflow: hidden;
}

.errors .border-error-top li img,
.errors .border-error-bottom li img,
#feedback .border-top li img,
#feedback .border-bottom li img{
	height: 1.22em;
}

.errors .border-error-top li.border-right,
#feedback .border-top li.border-right {
	border-bottom: none;
	border-right: none;
}

.errors .border-error-top li.border-middle,
.errors .border-error-top li.border-middle img,
#feedback .border-top li.border-middle,
#feedback .border-top li.border-middle img{
	width: 55.55em;
}

.errors .border-error-bottom li.border-middle,
.errors .border-error-bottom li.border-middle img,
#feedback .border-bottom li.border-middle,
#feedback .border-bottom li.border-middle img{
	width: 54.4em;
}

.errors .border-error-top li.border-middle {
	border-left:1px solid #F37123;
	border-top:1px solid #F37123;
}


#feedback .border-top li.border-middle{
	border-left:1px solid #13397E;
}

.errors div.borders,
#feedback div.borders {
	border-bottom: none;
	border-top: none;
	width: 54.7em;
	clear: left;
}


.singleColumnNarrow .errors .border-error-top li.border-middle,
.singleColumnNarrow .errors .border-error-top li.border-middle img,
.singleColumnNarrow #feedback .border-top li.border-middle,
.singleColumnNarrow #feedback .border-top li.border-middle img{ width: 24.35em; }

.singleColumnNarrow .errors .border-error-bottom li.border-middle,
.singleColumnNarrow .errors .border-error-bottom li.border-middle img,
.singleColumnNarrow #feedback .border-bottom li.border-middle,
.singleColumnNarrow #feedback .border-bottom li.border-middle img{ width: 23.21em; }

.singleColumnNarrow .errors div.borders,
.singleColumnNarrow #feedback div.borders { width: 23.5225em; }

.singleColumn .errors .border-error-top li.border-middle,
.singleColumn .errors .border-error-top li.border-middle img,
.singleColumn #feedback .border-top li.border-middle,
.singleColumn #feedback .border-top li.border-middle img{ width: 32.88em; }

/*.singleColumn #feedback .border-top li.border-middle,
.singleColumn #feedback .border-top li.border-middle img { width: 32.8em; }*/

.singleColumn .errors .border-error-bottom li.border-middle,
.singleColumn .errors .border-error-bottom li.border-middle img,
.singleColumn #feedback .border-bottom li.border-middle,
.singleColumn #feedback .border-bottom li.border-middle img { width: 31.75em;}

/*.singleColumn #feedback .border-bottom li.border-middle,
.singleColumn #feedback .border-bottom li.border-middle img { width: 31.58em; }*/

.singleColumn .errors div.borders,
.singleColumn #feedback div.borders { width: 32.03em; }

.singleColumnWide .errors .border-error-top li.border-middle,
.singleColumnWide .errors .border-error-top li.border-middle img,
.singleColumnWide #feedback .border-top li.border-middle,
.singleColumnWide #feedback .border-top li.border-middle img{ width: 35.31em; }

/*.singleColumnWide #feedback .border-top li.border-middle,
.singleColumnWide #feedback .border-top li.border-middle img { width: 35.21em; }*/

.singleColumnWide .errors .border-error-bottom li.border-middle,
.singleColumnWide .errors .border-error-bottom li.border-middle img,
.singleColumnWide #feedback .border-bottom li.border-middle,
.singleColumnWide #feedback .border-bottom li.border-middle img{ width: 34.17em; }

/*.singleColumnWide #feedback .border-bottom li.border-middle,
.singleColumnWide #feedback .border-bottom li.border-middle img { width: 34.00em; }*/

.singleColumnWide .errors div.borders,
.singleColumnWide #feedback div.borders { width: 34.45em; }

.singleColumnWide2 .errors .border-error-top li.border-middle,
.singleColumnWide2 .errors .border-error-top li.border-middle img,
.singleColumnWide2 #feedback .border-top li.border-middle,
.singleColumnWide2 #feedback .border-top li.border-middle img{ width: 40.29em; }

/*.singleColumnWide2 #feedback .border-top li.border-middle,
.singleColumnWide2 #feedback .border-top li.border-middle img { width: 40.15em; }*/

.singleColumnWide2 .errors .border-error-bottom li.border-middle,
.singleColumnWide2 .errors .border-error-bottom li.border-middle img,
.singleColumnWide2 #feedback .border-bottom li.border-middle,
.singleColumnWide2 #feedback .border-bottom li.border-middle img{ width: 39.145em; }

/*.singleColumnWide2 #feedback .border-bottom li.border-middle,
.singleColumnWide2 #feedback .border-bottom li.border-middle img { width: 38.95em; }*/

.singleColumnWide2 .errors div.borders,
.singleColumnWide2 #feedback div.borders { width: 39.45em; }




/* Überschrift Fehler-/Feedbackblock */
#content .errors h2,
#content #feedback h2 {
	color: #EF500E;
	font-weight: bold;
	font-size: 1.1em;
	padding: 0.5em 0 0.7em;
}

#content #feedback h2 {
	color: #26467E;
	margin: 0;
}

/*Icon in Fehler-/Feedbackblock */
.errors h2 img,
#feedback h2 img {
	width: 1.25em;
	/*height: 1.125em;*/
	margin-right: 0.5em;
}

.errors div.borders,
#feedback div.borders {
	padding: 0 1em;
}

.errors div.borders div,
#feedback div.borders div {
	clear: both;
	display: inline-block;
}

.errors span {
	float: left;
	padding: 0 0 0.6em;
	line-height: 1em;
}

/*Labelbezeichnung innerhalb des Fehlerblocks*/
.errors span.item {
	color: #EE510E;
	font-weight: bold;
	width: 12em;
	margin-right: 2em;
	font-size: 0.9em;
}

.singleColumnNarrow .errors span.item { margin-right: 1em; }

/*Fehlertext zu einem Label*/
.errors span.message { width: 46.44em; font-size: 0.9em}

.singleColumn .errors span.message { width: 21em; }
.singleColumnWide .errors span.message { width: 23.6em; }
.singleColumnWide2 .errors span.message { width: 29.3em; }
.singleColumnNarrow .errors span.message { width: 13em; }

/*Label- und Textfarbe für falsch ausgefüllte Formularfelder */
.error, .error label {	color: #EE510E !important;	}

/*Border um falsch ausgefüllte Formularfelder */
.error input, .error select{	border-color: #EE510E !important;}

/*
 Ende Errorblock,  Feedbackblock
 ---------------------------------------------------------
*/



/*
 ---------------------------------------------------------
 Kontextsensitive Hilfe
*/
  .errorinput {
  	border: 1px solid #EE510E;
  	/*background-color: #FFF;*/
  	width: 26.25em;
  	padding: 0.5em !important;
  	letter-spacing: 0.065em;
  }



/*
 Ende  Kontextsensitive Hilfe
 ---------------------------------------------------------
*/



/*
-----------------------------------------------------------
 Angaben für spezielle Formulare
*/
table#vsgschutz {margin-top: 1.5em; width: 95%}

#vsgschutz th.last,
#vsgschutz td.last { text-align: right; }

#vsgschutz th#flexZWTxtJahr,
#vsgschutz th#flexZWTxtHalbjahr,
#vsgschutz th#flexZWTxtQuartal,
#vsgschutz th#flexZWTxt { border-right: none; }

#content .overlay-form-container #vsgschutz th.left,
#content.formular #vsgschutz th.left { text-align: left; padding-bottom: 0.4em }

#vsgschutz_pDeckung { margin-left: 3em; font-size: 1em; font-weight: normal; color:#000}
#vsgschutz_kasko { font-size: 1em;}

#chkKNewsletter { margin-bottom: 5.5em;}

img#securitycode {
	width: 10em;
	height: 3.3em;
	margin-right: 2.28em;
}

.marginTop { padding-top: 2em }


#content:after,
form div:after,
.border-container:after,
.button-container:after{
    content:".";
    display:block;
    visibility:hidden;
    clear:both;
    height:0;
    font-size:1px;
}

#inklusivleistungen label{ width: 18em !important; margin-top: 0em !important;}
#inklusivleistungen div{ width: auto;	}


#vertragsuebersicht div { padding-bottom: 0; }

#vertragsuebersicht label{
	padding-top:0;
	width:auto !important;
}

#vertragsuebersicht .highlight label{
	color:#F37020;
	font-weight:bold;
	margin-bottom: 0.0025em;
}

/* Datenschutz-Seite */
#datenschutz button { margin-top: -0.1em; }


/* Newsletter-Seite */
#archiv { margin: 1.5em 0 0 0; }

#nwlausgaben ul{ padding-bottom: 0; }

#nwlausgaben li{ padding-bottom: 0.5em; }

#newsletterAbo { padding-top: 1em; }


/* Seite Bankverbindung */
table#bankverbindung {margin-bottom: 18px;}

#bankverbAendern .bnk {	margin-left: 4.5em;}


img.mb { margin-top: -3.5em; height: 2.03em;}

/*
  ENDE Angaben für spezielle Formulare
 ---------------------------------------------------------
*/



/*
-----------------------------------------------------------
 Overlay-Formular
*/

#content-overlay-container,
.overlay-form-container { display: none; }


#overlay-fahrzeugsuche.singleColumnWide2 { z-index: 96; top: 15.1em !important; }


.overlay-form {
	position: absolute;
	z-index: 91;
	top: 0.75em;
	left: -3.3455em;
}

.homepage .overlay-form { left: 8.4em; }

.homepage #overlay-form-container_datenschutz .overlay-form,
.homepage #overlay-form-container_impressum .overlay-form {
	left: 3.6em;
	top: -1em;
}

.singleColumn .overlay-form { left: 7em; }

.singleColumnWide2 .overlay-form { left: 23.75em; }

.overlay-form-container.layer-overlayImg {
	display: block;
}

.overlay-form-container.layer-overlayImg img{
	 position: absolute;
	 width: 100%;
	 height:10em;
	 display: block;
}


.overlay-form h2 {
	position: relative;
	top: -0.8em;
	margin-bottom: 0;
	padding-bottom: 0;
}

.overlay-form .divider { margin-bottom: 0.8em; margin-top: 0; padding-bottom: 1.2em;}

.overlay-form button.fR {
	/*margin-right: 1.5em;*/
}

.overlay-form #form_footer, #dynlayer_form_footer { font-size: 1em; margin-bottom: 0; }
.overlay-form #form_footer, #dynlayer_form_footer span.copyright  { padding-left: 1.7em; font-size: 1em;}
.overlay-form #form_footer, #dynlayer_form_footer .divider {margin: 0.5em 0 1.475em 0 !important;}




.highlightRadio td.last {
	font-weight: bold;
}

div.highlightRadio label {
	color:#F37020 !important;
	font-weight:bold !important;
}

.overlay-form-container span.highlight {
	color: #EF500E;
	font-weight: bold;
}

.overlay-form-container span.highlight.normal {
	font-weight: normal;
}

.overlay-form-container .hidden {
	display: none !important;
}



/*
  ENDE Overlay-Formular
 ---------------------------------------------------------
*/


em.selwrap {
    border:1px solid #F1F6FC;
}

em.formhover {
    border-color:#4D8BBA !important;
}

.info-icon-text-fragment {
	font-style:normal;
}

#novMSicherheitsabfrage {
	margin-top: 0.2em;
	margin-bottom: 0.35em;
}


#beratungswunsch .divider.inline {margin-bottom: 0; background-position: left 0.9em; padding-top: 1em}
#beratungswunsch div.radio {width: 38em; float: left; padding-top: 0.5em}
#beratungswunsch input.radio {display: table-cell; float: left; margin-right: 0.5em}
#beratungswunsch label.radio {display: table-cell; float: left; width: auto !important;}
#beratungswunsch label.checkbox,
#beratungswunsch label.inline {font-weight: bold; color:#1F426A; }
#beratungswunsch label.inline {margin: 0 1.6em 0 1.1em; }
#beratungswunsch textarea {width: 30.5em; float: none;}
.map-icon {display: table-cell; float: left; width: 1.5em; margin: 0.3em 0 0 0.7em}

#map {width: 482px; height: 300px; margin-bottom: 1em}


#fahrzeugsucheergebnis {margin-top: 1em }

#fahrzeug_tabelle_ueberschrift,
#fahrzeug_tabelle,
#fahrzeug_tabelle div { padding: 0}

#fahrzeug_tabelle_container { padding: 0; height: 25em; width: 100%; overflow-y: scroll; }

#fahrzeug_tabelle,
#fahrzeug_tabelle_ueberschrift { margin: 0 0 1px !important; font-size: 1em; width: 99.8%;}

#fahrzeug_tabelle td,
#fahrzeug_tabelle_ueberschrift th { padding: 0.35em 0.7em; border-color: #FFF}

#fahrzeug_tabelle,
#fahrzeug_tabelle_ueberschrift{width: auto;}

.modell {width: 14em}
.ps {width: 2.52em;}
.kw {width: 2.52em;}
.baujahr {width: 5.68em;}
.hsn,
.tsn {width: 2.52em;}
.hubraum {width: 3.5em; }

#fahrzeug_tabelle td.kw {text-align: right;}

/*#fahrzeug_tabelle_ueberschrift .baujahr {width: 6.05em}
#fahrzeug_tabelle_ueberschrift .hsn,
#fahrzeug_tabelle_ueberschrift .tsn{width: 2.75em;}*/
#fahrzeug_tabelle_ueberschrift .hubraum {width: 5em; }



#schadenmeldung3 div.radio p.radio {float: none; margin-bottom: 0.3em;}
#schadenmeldung3 div.radio {padding-bottom: 0.25em; padding-left: 1.5em;}
#schadenmeldung3 div.checkbox label.checkbox {margin-left: 1.65em; margin-top: -1.45em; display: block;}



/* -------------------------------------------------------------------
 formular.css

 Style-Definitionen für Formulare.
 Erweiterung der content.css

 ENDE
------------------------------------------------------------------- */


/* -------------------------------------------------------------------
 navigation.css

 Style Definitionen für die Navigationselemente

------------------------------------------------------------------- */


/*
 ---------------------------------------------------------
 Mainnavigation
*/

#main-navigation {
	background: #2F5A7B url("../images//main-nav_bg.gif") repeat-x top left;
	/*height: 1.62em; MAC*/
	height: 1.74em;
	width: 100%;
	vertical-align: middle;
}

#main-navigation ul {
	/*display: inline-block;*/

}

#main-navigation li {
	float: left;
	/*height: 1.75em;*/
}

#main-navigation li a {
	display: block;
	color: #FFF;
	font-size: 0.75em;
	font-weight: bold;
	text-decoration: none;
	/*padding: 0.6em 1.4em 0.6em;*/
	padding: 0.53em 1.4em 0.55em;
	background: transparent url("../images//main-nav_separator.gif") repeat-y center right;
	text-transform: uppercase;
}

#main-navigation li a:hover,
#main-navigation li a.active{
	background: #D4601B url("../images//main-nav_bg-orange.gif") repeat-x top left;
}

#main-navigation ul ul li a {
	text-transform: none;
}

/*
 Ende Mainnavigation
 ---------------------------------------------------------
*/

/*
 ---------------------------------------------------------
 Subnavigation
*/

.sub-navigation-container {
	position: relative;
	display: none;
	z-index: 999;
}

.sub-navigation {
	/*padding: 1.5em 0.5em 1.5em 0.2em;*/
	position: absolute;
	top: 0;
	left: 0;
	overflow: visible;
	display: block;
	z-index: 999;
	/*width: 36.6em;*//*Verursacht Safari-Problem*/
}

.sub-navigation .nav-arrow {
	position: absolute;
	top: 0;
	left: 1.4em;
	width: 0.5em;
	height: 0.25em;
	z-index: 9999;
}

.sub-navigation .layerImg {
	display: none;
	/*background: #F7F8FF url(../images//bg_subnav.jpg) repeat-x left top;*/
	padding: 1.5em 0 0;
	float: left;
	/*margin-bottom: -1.5em;*/
}

/*Dummy-Bild*/
.sub-navigation .layerImg IMG.dummy {	margin-left: 0.7em; width: 22.25em; cursor: pointer;}
.reverse .sub-navigation .layerImg IMG.dummy { margin-right: 0.7em; }

.sub-navigation-container.reverse .sub-navigation{ left: 0;}
/*.sub-navigation-container.reverse .sub-navigation{ background-color:#F7F8FF;}*/


#main-navigation .sub-navigation ul.sub-navigation-list {
	width: 12.5em;
	margin: 1.5em 0.15em 0;
	float: left;
}

#main-navigation .sub-navigation ul li {
	float: none;
}

#main-navigation .sub-navigation ul li a {
	color: #033364;
	font-size: 0.8em;
	padding: 0.5em 0.75em 0.5em 0.3em;
	border-top: 0.083em solid #D9DDE8;
	background-image: none;
}

#main-navigation .sub-navigation ul li a.last {
	border-bottom: 0.083em solid #D9DDE8;
}

#main-navigation .sub-navigation li a:hover,
#main-navigation .sub-navigation li a.active{
	background: #D4601B url("../images//main-nav_bg-orange.gif") repeat-x top left;
	color: #FFF;

}

#main-navigation .sub-navigation li a img.icon{
	margin: 0.27em 0.8em 0.5em 0.3em;
	display: block;
	float: left;
	height: 0.6em;
	width: 0.4em;
	visibility: hidden;
}

#main-navigation .sub-navigation li a:hover img.icon{
	visibility: visible;
}

#main-navigation .sub-navigation .background-container {
	background: #F7F8FF url(../images//bg_subnav.jpg) repeat-x left top;
	/*float: left;*/
	width: 12.75em;
	overflow: hidden;
}



/*abgerundete Ecken unten*/
#main-navigation .sub-navigation .preview .corner-bottom,
#main-navigation .sub-navigation .preview .corner-top {
	/*width: 22.2em;*/
	display: block;
	height: 1.15em;
	overflow: hidden;
}

#main-navigation .sub-navigation .corner-bottom li,
#main-navigation .sub-navigation .corner-top li{
	float: left;
}

/*Preview-Layer*/
#main-navigation .sub-navigation .preview{
	display: block;
	/*float: left;*/
	padding-left: 0.7em;
	cursor: pointer;
}

#main-navigation .reverse .sub-navigation .preview{
	padding-left: 0;
	padding-right: 0.7em;
}

#main-navigation .sub-navigation .preview ul.corner-top li,
#main-navigation .sub-navigation .preview ul.corner-top li img,
#main-navigation .sub-navigation .preview ul.corner-bottom li,
#main-navigation .sub-navigation .preview ul.corner-bottom li img{
	height: 1.15em;
	padding: 0;
}

#main-navigation .sub-navigation .preview ul.corner-top li.leftCorner { width: 21.29em; }

#main-navigation .sub-navigation .preview ul.corner-bottom li.middle { width: 20.15em; }



/*unterer Abschnitt der Subnavigation*/
#main-navigation .sub-navigation div.corner-bottom {
	background: none;}

#main-navigation .sub-navigation div.corner-bottom ul { width: 36.6em; }

#main-navigation .sub-navigation div.corner-bottom li,
#main-navigation .sub-navigation div.corner-bottom li img{
	height: 1.41em;
}

#main-navigation .sub-navigation div.corner-bottom li.rightCorner{ float: right; }

html > body #main-navigation .sub-navigation div.corner-bottom li.rightCorner{ margin-top: 0px !important;}

#main-navigation .sub-navigation div.corner-bottom li.leftCorner,
#main-navigation .sub-navigation-container.reverse div.corner-bottom li.rightCorner{
	width: 35.19em;
}


/*weißer Hintergrund*/
#main-navigation .sub-navigation .preview .corner-bottom,
#main-navigation .sub-navigation div.corner-bottom li.leftCorner,
#main-navigation .sub-navigation-container.reverse div.corner-bottom li.rightCorner{
	background-color: #F7F8FF;
}

/*blauer Hintergrund*/
.preview-content-container ,
#main-navigation .sub-navigation .preview ul.corner-top li.leftCorner,
#main-navigation .sub-navigation .preview ul.corner-bottom li.middle{
	background-color:#DDE9F7;
}

.preview-content-container p.fntBold {
	font-weight: bold;
	margin: 0.4em 0 0.4em 0;
	font-size: 1.1em;
}

.preview-content-container p.fntSmall {	font-size: 0.8em; }

#main-navigation .sub-navigation-container.reverse div.corner-bottom li.leftCorner{
	background-color: transparent;
	width: 1.4em;
	background-color:#F7F8FF;
}


/*Inhalt Preview-Layer */

#main-navigation .sub-navigation .preview-content-container {
	width: 22.45em;
	height: auto;
	margin-bottom: -0.7em;
}

#main-navigation .sub-navigation .preview-content {
	position: relative;
	top: 0.3em;
	padding: 0 1.3em;
	margin-bottom: 0.5em;
	color: #1B3C5C;
	font-size: 0.81em;
	/*font-family:Helvetica,Arial,Verdana,sans-serif;*/
	width:auto;
}

#main-navigation .sub-navigation .preview-content h4{
	color:#F37020;
	font-size: 1.2em;
	margin-bottom: -0.2em;
}

#main-navigation .sub-navigation .preview-content p{
	padding: 0.3em 0 0;
}

#main-navigation .sub-navigation .preview-content img.pictogram{
	margin: 1.15em 0.48em 0 0;
	height: 3.1em;
}

#main-navigation .sub-navigation .preview-content ul.bullet { padding: 0.65em 0.3em 0 0; }

#main-navigation .sub-navigation .preview-content ul.bullet li{
	background: transparent url(../images//icon-bullet.gif) no-repeat left 0.5em;
	padding: 0.2em 0 0.2em 1.55em;
	display: block;
	margin-left: 0.2em;
}


/*Nach links öffnende Preview-Layer*/

/*#sub-navigation-container_li_6 .sub-navigation .background-container {
	width: 12.75em;
}*/

/*.sub-navigation-container.reverse .background-container,*/
.sub-navigation-container.reverse .sub-navigation .layerImg,
.sub-navigation-container.reverse ul.sub-navigation-list{
	float: right !important;
}

.sub-navigation-container.reverse .sub-navigation .nav-arrow,
.sub-navigation-container.reverse .sub-navigation .nav-arrow {
	/*left: 25.3em;*/
}




/*
 Ende Subnavigation
 ---------------------------------------------------------
*/

/*
 ---------------------------------------------------------
 Login
*/

#login-layer {
	font-size: 0.75em;
	color:#1F426A;
	position: absolute;
	height: auto;
/*	background: #F7F8FF url(../images//bg_subnav.jpg) repeat-x left top;*/
}

#login-layer form {
	background: #F7F8FF url(../images//bg_subnav.jpg) repeat-x left top;
	padding: 1em 0.75em 0 1em;
}

#login-layer .border {
	float:left;
	width: 1.9em;
}

#login-layer label {
	width: 5em;
	float: left;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.2em;
	padding-top: 0.3em;
}

#login-layer input  {
	/*width: 7.5em;*/
	width: 15.85em;
	height: 1.2em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	border: 1px solid #CCCCCC;
}

#login-layer input:focus,
#login-layer input:hover {
	border-color: #4D8BBA;
}

#login-layer button {
	margin-left: 4.75em;
	margin-top: 0
}

#login-layer button img{
	height: 1.3em;
}

#login-layer div  {
	vertical-align: middle;
	padding: 0em 0 0.5em;
	display: block;
	clear: both;
}

#main-navigation .sub-navigation #login-layer ul {
	height: auto;
	width: auto;
	margin: 0.7em 0em 0;
	clear: both;
	float: none;
	background: none;
}
#main-navigation .sub-navigation #login-layer a {
	background: transparent url("../images//icon-bullet.gif") no-repeat left center;
	color: #000;
	font-size: 1em;
	border: none;
	display: inline-block;
	padding: 0 0 0 1em;
	text-decoration: underline;
	font-weight: normal;
}

#main-navigation .sub-navigation #login-layer a:hover {
	color: #F37020;
}

#main-navigation .sub-navigation #login-layer ul.corner-bottom {
	margin: 0;
}

#main-navigation .sub-navigation #login-layer ul.corner-bottom li.leftCorner {
	background-color:#F7F8FF;
	height:1.9em;
	width:20.58em;
}

#main-navigation .sub-navigation #login-layer ul.corner-bottom li.rightCorner img{
	height:1.9em;
	width:1.9em;
}

#login-layer .errorinput { width:18.98em; margin-bottom: 0.5em; color:#000000;}


/*
 Ende Login
 ---------------------------------------------------------
*/


/*
 ---------------------------------------------------------
 Metanavigation
*/

#meta-navigation {
	position: relative;
	height: 1.45em;
	float: right;
	text-align: right;
	color: #FFF;
	background: #386080 url("../images//meta-nav_bg.gif") repeat-x top left;
	margin: 0.15em 0;
	font-size: 1em;
}

#meta-navigation div {
	margin-right: 0.45em;
	padding: 0.185em 0;
	height: 1.1em;
	float: left;
}

#meta-navigation img {
	width: 1.1em;
	height: 1.1em;
	margin-left: 0.5em;
}

/*Schriftgößenänderung*/
#meta-navigation #textsize-container * {
	float: none;
}

#meta-navigation #textsize-container {
	float: none;
	z-index: 9999;
	top: 1.569em;
	left: 0.5em;
	height: auto;
	padding: 0;
	position: absolute;
	display: none;
	margin-top:-1px;
}

#meta-navigation .nav-arrow {
	width: 0.5em;
	height: 0.25em;
	position: absolute;
	left: 0.3em;
	top: 0;
	margin: 0;
}

#meta-navigation #textsize-container .corner-bottom li {
	float: left;
}

#meta-navigation .corner-bottom li.leftCorner {
	width: 10.58em;
	height: 1.45em;
	background-color: #F7F8FF;
}

#meta-navigation .corner-bottom li img {
	margin: 0
}

#meta-navigation .corner-bottom li.rightCorner img {
	width: 1.45em;
	height: 1.45em;
}

#meta-navigation #textsize-layer {
	float: none;
	text-align: left;
	display: block;
	margin: 0;
	padding: 0.4em 0 0;
	height: auto;
	width: 12em;
	color:#1F426A;
	background: transparent url(../images//bg_subnav.jpg) repeat-x left 1px;
}

#meta-navigation #textsize-layer p{
	padding: 0 0 0.6em 1.1em;
}

#meta-navigation #textsize-layer p.icon-container{
	padding-bottom: 0;
	padding-left: 0.7em;
	padding-right: 0.7em;
}

#meta-navigation #textsize-layer p label{
	padding: 0;
	/*margin-left: 0.525em;*/
	font-weight:bold;
	font-size: 0.75em;
}

#meta-navigation #textsize-layer img{	margin-left: 0.1em; margin-top: 1px}
#meta-navigation #textsize-layer img#plus{	margin-left: 0.75em; }
#meta-navigation #textsize-layer img#minus{	margin-right: 0.7em; margin-left: 0.4em;}

#searchform {
	color: #FFF;
	/*height: 1.75em;*/
	font-size: 0.75em;
	display: block;
	width: 13.73em;
}

#searchform fieldset {
	font-size: 0.9em;
	margin: 0;
	display: inline;
	overflow: hidden;
}

#searchform div {
	background-color: #718AA2;
	padding: 0;
	margin: 0;
	/*height: 1.68em;*/
	height: 1.6em;
	display: block;
	vertical-align: middle;
}

#searchform label {
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	margin: 0 0.45em;
	position: relative;
	top: 0.065em;
	width: auto;
	color: #FFF;
	float: none;
	padding: 0;
	line-height: normal;
}

#searchform input {
	color: #3F4041;
	background-color: #FFF;
	border: none;
	padding: 0.15em 0.15em 0;
 	height: 1.45em;
 	margin: 0;
}

#searchform #searchquery {
	font-size: 1em;
	width: 8.84em;
}

#searchform #sendbutton {
 	margin: 0;
 	vertical-align: top;
	height: 1.66em;
	width: 1.66em;
	/*height: 100%;
	width: 100%;*/
	text-align: left;
	border: none;
}

#searchform #sendbutton img{
 	height: 1.66em;
 	width: 1.66em;
 	margin: -0.2em 0 0 -0.2em;
 	padding: 0;
	vertical-align: top;
	text-align: left;
}

/*
 Ende Metanavigation
 ---------------------------------------------------------
*/

/*
 ---------------------------------------------------------
 linke Navigation
*/
#left-navigation .top img{
  	width: 9em;
  	height: 0.94em;
}
#left-navigation .bottom img{
  	width: 9em;
  	height: 1.69em;
}

#left-navigation ul {
	background: transparent url("../images//content_bg.png");
	width: 9em;
}
#left-navigation ul li {
	font-size: 0.8em;
	display: inline;
}

#left-navigation ul a {
  	padding: 0.55em 1.36em;
  	color: #1F426A;
	font-weight: bold;
	text-decoration: none;
	background: none;
	display: block;
}

#left-navigation ul a:hover,
#left-navigation ul a.active{
  	color: #FFF;
	background: #D4601B url("../images//main-nav_bg-orange.gif") repeat-x top left;
}

#left-navigation .cornerbox .top *,
#left-navigation .cornerbox .bottom * {
  	display:block;
  	overflow: hidden;
  	background:transparent url("../images//content_bg.png");
}

#left-navigation .cornerbox * { height: 0.062em; }
#left-navigation .cornerbox .r8, #sub-navigation .cornerbox .r9 { height: 0.13em; }

#left-navigation .cornerbox .r1 { margin: 0 0.85em; }
#left-navigation .cornerbox .r2 { margin: 0 0.63em; }
#left-navigation .cornerbox .r3 { margin: 0 0.50em; }
#left-navigation .cornerbox .r4 { margin: 0 0.38em; }
#left-navigation .cornerbox .r5 { margin: 0 0.31em; }
#left-navigation .cornerbox .r6 { margin: 0 0.25em; }
#left-navigation .cornerbox .r7 { margin: 0 0.19em; }
#left-navigation .cornerbox .r8 { margin: 0 0.13em; }
#left-navigation .cornerbox .r9 { margin: 0 0.062em; }

#left-navigation .cornerbox .top * {
  	margin-left: 0;
}

#left-navigation .cornerbox .top,
#left-navigation .cornerbox .bottom {
	display:block;
	height: 100%;
}

#homebutton, #logoutbutton { height: 1.56em;}
#homebutton { margin-bottom: 0.6em;}
#logoutbutton { margin-top: 0.6em; }

#homebutton a,
#logoutbutton a{
	position: relative;
	top: -1.85em;
	padding: 0 1.36em;
  	color: #1F426A;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.8em;
	display: block;
}

#homebutton a:hover,
#logoutbutton a { color:#F37020; }

#homebutton img,
#logoutbutton img {
	height: 1.56em;
}

/*
 Ende linke Navigation
 ---------------------------------------------------------
*/


.sub-navigation .background-container:after{
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	font-size:1px;
}


/* -------------------------------------------------------------------
 navigation.css

 Style Definitionen für die Navigationselemente

 ENDE
------------------------------------------------------------------- */





/* edit by EK 
-----------------------------------------------------------
*/

.column.leftColumn.fL.column70_es {
	width: 35%;
}

.column40_es {
  width: 65%; 
}

.right_kfz {
	padding-left: 1.5em;
}
#kfz_r17 {
	height:0.9em;
}
.vertical-divider_es {
	background:none;
}

.nobg {
	background-image: none;
	background-color: transparent;
}

.landing a, .landing a:hover {
	color: #fff;
	text-decoration: none;
}

.be_button_es {
	width: 10em;
	background: url(../images/icon-bubble-right.gif) no-repeat left 0.2em;
	position: absolute;
	z-index: 3;
	padding-left: 1.1em;
	margin-left: 14em;
	margin-top: 6.4em;
	font-size: 1.5em;
	line-height:1.1;
}

.bubble_text_es {
	position: absolute; 
	z-index: 3; 
	margin-top: 11.5em; 
	margin-left: 18.9em; 
	font-size: 1.2em;
	width: 12em;
}

.landing_image_es {
	width: 37.5em;
	margin-bottom:-2em;
}

.mb_landing {
	margin-left: 43em;
	position: absolute;
	margin-top: -2em;
}

span.block {
	display: block;
}

.landing div.bubble_text span.size {
	font-size: 1.3em;
}

.top_spacer {
	margin-bottom: -0.3em;
}


/** FIX - HACS FOR Safari 3 For Win32 **/
@media screen and (-webkit-min-device-pixel-ratio:0) 
  {
		.landing_image {
			top: 1.75em;
		}
		.be_button {
			margin-top: 5.5em;

		}
		
		.be_button_es {
			width: 12em;
		}
  }

/** Einspaltige Version EK */ 
#img_auto {
	position:static;
	margin-top:3.8em;
	margin-left:-3.0em;
}

.size_es {
	font-size: 1.4em;
}
.auto_still {
	width: 20.65em;
	height: 17em;
}

#content ul.aufzaehlung_padding li {
  padding-left: 1.6em;
  /*margin-left: -0.7em;*/
  background: transparent url(../images/icon-bullet-blue.gif) no-repeat left 0.2em;
  color: #E66C1F;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 0.1em;
  /*width: 20em;*/
  position: relative;
  z-index: 11;
}


/* edit by EK 
-----------------------------------------------------------
*/

.column.leftColumn.fL.column70 {
	width: 60%;
}

.column40 {
  width: 40%; 
}



.right_kfz {
	padding-left: 1.5em;
}

.nobg {
	background-image: none;
	background-color: transparent;
}

.be_button {
	width: 10em;
	background: url(../images/icon-bubble-right.gif) no-repeat left 0.2em;
	position: absolute;
	z-index: 3;
	padding-left: 1em;
	margin-left: 11.7em;
	margin-top: 5.4em;
	font-size: 1.5em;
}

.be_button a {
	color: #fff;
}

.bubble_text {
	position: absolute; 
	z-index: 3; 
	margin-top: 10.5em; 
	margin-left: 16.1em; 
	font-size: 1.2em;
	width: 12em;
}

.landing_image {
	display: block;
	position: relative;
	z-index: 1;
	top: 1.7em;
	height: 29.1em;
	width: 32.25em;
}

span.block {
	display: block;
}

.landing {
	font-weight: bold;
	color: #fff
}

.landing div.bubble_text span.size {
	font-size: 1.3em;
}

.top_spacer {
	margin-bottom: -0.3em;
}

#overlay-form-container_impressum {
	z-index: 96;
}

#overlay-form-container_datenschutz {
	z-index: 96;
}

/** FIX - HACS FOR Safari 3 For Win32 **/
@media screen and (-webkit-min-device-pixel-ratio:0) 
  {
		.landing_image {
			top: 1.75em;
		}
		.be_button {
			margin-top: 5.5em;

		}
  }
textarea.large {
 height: 27em;
 width: 37.5em;
}
