/**************** Layout *************/
body
	{
		margin:0px;
		padding:0px;
/*
		background:#5e5e5e url(/bild/bodybg.gif) repeat-x;
*/		
		background:#00AACF url(/bild/bodybg.gif) repeat-x;
		font-family:tahoma,verdana,arial;
		font-size:11px;
}
div {border: 0px solid red;}
#main
	{
		width:986px;
		margin:auto;
		padding:0;
		/*
    filter:alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity:0.5;		
    */
	}
div.slider 
{ 
	overflow: hidden; 
	display: none;
}

#mainkopf
	{
		margin:5px 0;
		height:40px;
		padding:0px;
	}

#menu
	{
		margin:5px 0;
		height:36px;
		padding:0px;
		text-align:right;
		background:#fff url(/bild/menubg.gif) repeat-x top left;
		border: 1px solid #EBEBEB;
		
	}
	
#pfad{
		margin-top:6px;
		height:15px;
		padding-left:10px;
	}

#startbox{
    padding: 0 20px 20px 20px;
		border: 1px solid #f7f7f7;
    background:#fff url(/bild/autobg.jpg) no-repeat bottom left;
	}

#suchebox{
    height:140px;
    margin:0 0 0 25px;
		border: 1px solid #222;
    background:#555;
}
#innersuche{
  margin:10px 0 0 0px;
  font-size:20px;
  color:#fff;
  text-align:center;	
}
#auswahlbox{
    min-height:90px;
    margin:0 0 0 25px;
		border: 1px solid #222;
    background:#555;
}
#intro
	{
		margin-top:5px;
		min-height:80px;
		padding:0px;
		background:#fff url(/bild/introbg.gif) repeat-x top left;
		border: 1px solid #5E5E5E;
	}

#hslogo
	{
		width: 50px;
		height: 50px;
    margin:5px 10px;
		padding:0px;
		float:left;
		display:block;		
	}

#fahrzeug
	{
		width: 335px;
        margin:2px 3px 0 0;
		padding:0px;
		float:left;
		display:block;		
	}

#specs
	{
		width: 220px;
    margin:5px 3px 0 0;
		padding:0px;
		float:left;
		display:block;		
	}

#schluessel
	{
		width: 260px;
    margin:5px 3px 0 0;
		padding:0px;
		float:left;
		display:block;		
	}

#klassenicon
	{
		width: 82px;
		height:62px;
    margin:4px 3px;
		padding:0px;
		float:left;
		display:block;		
	}

#kostenbox
	{
		margin-top:12px;
		min-height:160px;
		padding:0px;
		background:#fff url(/bild/kostenboxbg.gif) repeat-x top left;
		border: 1px solid #000;
	}
#einstellungsbox
	{
		margin-top:12px;
		padding:20px;
		background:#fff url(/bild/kostenboxbg.gif) repeat-x top left;
		border: 1px solid #000;
		font-size:15px;
	}
#kostenmonat
	{
    position:relative;
    width:350px;
	  float:left;
		margin-left:15px;
		margin-top:6px;
		padding:0px;
	}
#mbox1, #mbox2, #mbox3, #mbox4 {
	cursor:pointer;
}
#coinstacks
	{
    position:relative;
    width:215px;
	  float:left;
		margin-left:15px;
		margin-top:6px;
		padding:0px;
	}

#kostenalternativen
	{
    position:relative;
	  float:left;
		margin-left:15px;
		margin-top:6px;
		padding:0px;
	}

#wv
	{
		margin-top:12px;
		padding:0px 25px;
		display:none;
	}

#33er{
    position:absolute;
    display:block;
    clear:both;
}
.boxl
	{
    position:relative;
	  float:left;
		margin-top:15px;
		margin-right:12px;
		padding:0px;
	}
.boxm
	{
    position:relative;
	  float:left;
		margin-top:15px;
		margin-right:12px;
		padding:0px;
	}
.boxr
	{
    position:relative;
	  float:left;
		margin-top:15px;
		margin-right:0px;
		padding:0px;
	}
.box25a
	{
    margin-top: 0px;
    margin-left:5px;
		width:232px;
		padding:0px;
		background:transparent url(/bild/box250shadbg.png) no-repeat bottom right;
		border: 0px solid #000;
	}
.box25i
  {
    position:relative;
    margin-top: -8px;
    margin-left:-5px;
		width:227px;
		padding:0px;
		background:#fff url(/bild/kostenboxbg.gf) repeat-x top left;
		border: 1px solid #5E5E5E;
 }
 
#footer {
  margin-top:25px;
}

#actionbuttons{
  position:relative;
  width:55px;
  left:-42px;
  top:5px;
  text-align:right;
  margin-right:-60px;
}
#merkbut{ 
}
#feedbackbut{
}
#merkok{
  position:absolute;
  z-index:10;
  top:300px;
  left:30%;
  display:none;
  padding:3px;
  width:250px;
  background:#70B3B9;
}
#merkokalert{
  z-index:11;
  display:block;
  filter:alpha(opacity=100);
  opacity: 1;
  -moz-opacity:1;		
  margin:auto;
  padding:auto;
}

#feedback{
  position:absolute;
  z-index:15;
  top:-10px;
  width: 800px;
  display:none;
  padding:10px 30px 30px 30px;
  margin-left:60px;
  background:#fff url(/bild/kostenboxbg.gif) repeat-x top left;
}

#fbclose{
  position:absolute;
  width:800px;
  bottom:0px;
  background:#eee;
}
#sdclose{
  position:absolute;
  width:600px;
  bottom:0px;
  background:#eee;
  margin:auto;
}
#fbclose:hover, #sdclose:hover{
  background:#ddd;
  cursor:pointer;
}

#stilldefault{
  position:absolute;
  z-index:16;
  top:-10px;
  width: 600px;
  display:none;
  margin-left:340px;
  padding:20px 20px 30px 20px;
  background:#fff;
}


/**************** Styles *************/
a{color: #60ABB1;}
h1, h2, h3, h4, h5{margin:0;}
.textgreen {color: #60ABB1;}
.textweiss {color:#fff;}
.textrot {color:#b60101;}
.textschwarz {color:#000;}
.textdunkel {color:#999;}
.textxs {font-size: 8px; color: #5E5E5E;}
.texts {font-size: 9px; color: #5E5E5E;}
.textsmall {font-size: 9px;}
.textsmalllight {font-size: 9px;color:#ccc;}
.textm {font-size: 11px;}
.textmlight {font-size: 11px;color:#ccc;}
.textml {font-size: 12px;}
.textl {font-size: 14px;}
.textllight {font-size: 14px;color:#ccc;}
.textxl {font-size: 18px;}
.textxllight {font-size: 18px;color:#ccc;}
.textxxl {font-size: 20px;}
.textstd{font-weight:normal;}
.textbold{font-weight:bold;}
.nodeco{text-decoration:none;}
.introh {color: #5E5E5E;font-size:10px;margin-bottom:4px;}
.introtyp {color: #5E5E5E;font-size:18px;font-weight:bold;}
.introsubtyp {color: #5E5E5E;font-size:12px;font-weight:bold;}
.introtxt {color: #5E5E5E;font-size:11px;font-weight:bold;}
.introkosten {color: #444;font-size:12px;margin-bottom:4px;font-weight:bold;}
.kostengross{margin-top:13px;text-align:center;font-size:36px;font-weight:bold;}
.kostensup{font-size:10px;margin-top:4px;}
.settings{float:left;font-size:10px;margin:1px 0 0 -6px;padding:3px 5px;}
.gruenbg{background:#60ABB1;padding:2px;width:55px;border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;--webkit-border-radius: 4px;text-align:center;}
.zeitraum{border-bottom: 1px dotted #b60101;}
.minibox{float:left;width:47px;padding:3px;font-size:9px;text-align:center;}
.minibox1{background:#fc0;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.minibox2{background:#0fc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.minibox3{background:#cf0;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.minibox4{background:#0cf;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.kindexcont{float:left;width:40px;margin:6px 5px 0 -4px;}
.fleft{float:left;}
.fright{float:right;}
.cb{clear:both;}
.round3{border-radius: 3px;-moz-border-radius: 3px;-khtml-border-radius: 3px;--webkit-border-radius: 3px;}
.round4{border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;--webkit-border-radius: 4px;}
.round5{border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;--webkit-border-radius: 5px;}
.round8{border-radius: 8px;-moz-border-radius: 8px;-khtml-border-radius: 8px;--webkit-border-radius: 8px;}
.round10{border-radius: 10px;-moz-border-radius: 10px;-khtml-border-radius: 10px;--webkit-border-radius: 10px;}
.w10{width:10px}
.w20{width:20px}
.w30{width:30px}
.w40{width:40px}
.w50{width:50px}
.w60{width:60px}
.w70{width:70px}
.w80{width:80px}
.w90{width:90px}
.w100{width:100px}
.w110{width:110px}
.w120{width:120px}
.w130{width:130px}
.w140{width:140px}
.w150{width:150px}
.w160{width:160px}
.w170{width:170px}
.w180{width:180px}
.w190{width:190px}
.w200{width:200px}
.w220{width:220px}
.w230{width:230px}
.w240{width:240px}
.w250{width:250px}
.w270{width:270px}
.w300{width:300px}
.w320{width:320px}
.w350{width:350px}
.w360{width:360px}
.w400{width:400px}
.w420{width:420px}
.w450{width:450px}
.w500{width:500px}
.w510{width:510px}
.w550{width:550px}
.w600{width:600px}
.w625{width:625px}
.w650{width:650px}
.w700{width:700px}
.w750{width:750px}
.w800{width:800px}
.w820{width:820px}
.w850{width:850px}
.h200{height:200px}
.h30{height:30px}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.b0{border: 0;}
.b1{border: 1px solid #000}
.b3dark{border: 3px solid #999}
.b1light{border: 1px solid #ccc}
.b2light{border: 2px solid #ccc}
.b3light{border: 3px solid #ccc}
.b1red{border: 1px solid #b60101}
.b2red{border: 2px solid #b60101}
.b3red{border: 3px solid #b60101}
.b1weiss{border: 1px solid #fff}
.b2weiss{border: 2px solid #fff}
.b3weiss{border: 3px solid #fff}
.pad2{padding:2px;}
.pad3{padding:3px;}
.pad4{padding:4px;}
.pad5{padding:5px;}
.pad6{padding:6px;}
.pad8{padding:8px;}
.pad10{padding:10px;}
.pad20{padding:20px;}
.mb2{margin-bottom:2px;}
.mr3{margin-right:3px;}
.mr5{margin-right:5px;}
.mr11{margin-right:10px;}
.mr20{margin-right:20px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml12{margin-left:12px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.sublinecoins{clear:left;font-size:10px;text-align:left}
.hbox{padding:7px;font-size:16px;border:2px solid #ccc;}
.c0{background:#fff;}
.c1{background:#fc0;}
.c2{background:#0fc;}
.c3{background:#cf0;}
.c4{background:#0cf;}
.c5{background:#f0c;}
.c6{background:#85CDE3;}/*blaugruen*/
.c7{background:#f3f3f3;}
.c8{background:#b60101;}/*dunkelrot*/
.c9{background:#000;}
.c10{background:#555;}
.c11{background:#DEC7A5;}
.c12{background:#C8C8C8;}
.c13{background:#FFB996;}
.c14{background:#FF8F8F;}
.c15{background:#B60101;}
 /* BGs Tariftabelle */
.c20{background:#35E7AF;}
.c21{background:#63FFCD;}
.c22{background:#CAFFEE;}
.c23{background:#EFFFFA;}
.trans50{filter:alpha(opacity=50);opacity: 0.50;-moz-opacity:0.50;}	
.trans70{filter:alpha(opacity=70);opacity: 0.70;-moz-opacity:0.70;}	
.trans80{filter:alpha(opacity=80);opacity: 0.80;-moz-opacity:0.80;}	
.trans90{filter:alpha(opacity=90);opacity: 0.90;-moz-opacity:0.90;}	
.trans95{filter:alpha(opacity=95);opacity: 0.95;-moz-opacity:0.95;}	
.nw {white-space:nowrap}
.c1u{border-bottom:1px solid #fc0;}
.c2u{border-bottom:1px solid #0fc;}
.c3u{border-bottom:1px solid #cf0;}
.c4u{border-bottom:1px solid #0cf;}
.c8u{border-bottom:1px solid #b60101;}
.fc1{color:#fc0;}
.b{font-weight:bold;}
.hand{cursor:pointer;}
.submitloading{
padding-left:25px;
font-size:50px;
background: #BABABA url(/bild/loading.gif) no-repeat top left;
}
#einstellungsbox input, select, #kriteriensuchec input, select{
font-size:15px;
padding:5px;
}
.text-input-kurz{
width:50px;
}
#vergleichstab {
width:900px;
}
#vergleichstab td{
text-align:center;
}
#vergleichstab td.euro{
  background:transparent url(/bild/eurobg.gif) no-repeat 90% 55%;
  text-align:right;
  padding: 0 20px 0 0;
}
#vergleichstab td.euro2z{
  background:transparent url(/bild/eurobg.gif) no-repeat 90% 20%;
}
#vergleichstab th{
cursor:pointer;
}
#vergleichstab tr.odd{
/*background:#bbb;*/
}
#vergleichstab td.typ{
text-align:left;
white-space:nowrap;
/*
padding-left:38px;
background: transparent url(/bild/icons/icon-s_.png) no-repeat center left;
*/
}
#.typx{background: url(/bild/icons/icon-sx.png);}
#.typk{background: url(/bild/icons/icon-sk.png);}
#.typa{background: url(/bild/icons/icon-sa.png);}
#.typm{background: url(/bild/icons/icon-sm.png);}
#.typo{background: url(/bild/icons/icon-so.png);}
#.typl{background: url(/bild/icons/icon-sl.png);}
#.typs{background: url(/bild/icons/icon-ss.png);}
#.typz{background: url(/bild/icons/icon-sz.png);}
#.typc{background: url(/bild/icons/icon-sc.png);}
#.typv{background: url(/bild/icons/icon-sv.png);}
#.typg{background: url(/bild/icons/icon-sg.png);}
#.typt{background: url(/bild/icons/icon-st.png);}

#q{border: 1px solid #85CDE3; width:120px; height:15px;padding:2px;margin-top:1px;}
input.q{background:#fff url(/bild/suchfeldbg.png) no-repeat 2px 2px;}
input.qa{background:#EAF9FE}
#l{border: 1px solid #85CDE3; width:30px;height:15px; padding:2px;margin-top:1px;}
input.l{background:#fff url(/bild/lfeldbg.png) no-repeat 2px 2px;}
input.la{background:#EAF9FE}
.hvers, .hkraft, .hsteu, .hwart{border:0px;}
#hvers, #hkraft, #hsteu, #hwart{cursor:pointer;}
/*#hvers:hover, #hkraft:hover, #hsteu:hover, #hwart:hover{background:#eee;}*/
.boxcontent,.boxcontentv,.boxcontentk,.boxcontentw,.boxcontentwv{padding:3px 8px;font-size:11px;}
.boxcontentst{clear:both;width:180px;margin:5px auto 0px auto;}
.boxcontentst2{clear:both;padding:4px 8px 2px 8px;margin-top:16px;margin-bottom:5px;font-size:11px;}

.steuerp1{float:left;padding:3px;background:#eee;font-size:9px;border-left:1px solid #ccc;border-bottom:4px solid #cf0;border-right:1px solid #ccc;color:#333;}
.steuerp2{float:left;padding:3px;background:#bbb;font-size:9px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;color:#999;}

.smalltabtd{background:#eee; margin:2px;padding:2px;}
.smalltabtr{clear:left;margin-top:6px;padding:2px;}

.versvergl{margin-top:4px;padding:4px;font-size:12px;border:1px solid #999;}
.singlehs:hover{background:#f8f8f8}
sup.ki{margin:3px 0 0 1px;white-space:nowrap;}

a.kibubble{
text-decoration:none;
font-size:8px;
}
#kibubble{
	position:absolute;
	width:200px;
	padding:2px 5px;
	display:none;
}	
.gesamtkosten {
    float:left;
    width:210px;
    height:72px;
    color: #444;
    background:#fff;
		border: 3px dotted #60ABB1;
    padding:0px;
    text-align:center;
    margin-right:5px;
}
.kostenindex {
    width:30px;
    color: #444;
    font-size:13px;
    font-weight:bold; 
    background:#fff;
		border: 1px dotted #60ABB1;
    padding:4px;
    text-align:center;
}

.fahrzeugliste {
  color:#5E5E5E;
  white-space:nowrap;
  font-size:11px;
}

.fli {
    width:300px;
    background:#fafafa;
	border: 1px solid #60ABB1;
    padding:2px;
    margin-bottom:2px;
    overflow:hidden;
}

.fahrzeugliste a {
    color: #60ABB1;
    font-size:11px;
}



#menu ul
	{
	  position:relative;
	  right:10px;
		margin:2px 20px 0 400px;
		padding:0px;
		display:block;
	}
#menu ul li
	{
		margin:0px 20px;
		padding:0px;
		float:left;
		display:block;
	}
#menu ul li.space
	{
		margin:0px;
		padding:0px;
		float:left;
		display:block;
	}
#menu ul li .blank
	{
		margin:0px;
		padding:0px;
		float:left;
		display:block;
	}
#menu ul li a
	{
		margin:0px;
		padding:4px 0 0 0;
		display:block;
		font-family:Arial;
		font-size:18px;
		font-weight:bold;
		color:#60ABB1;
		text-align:center;
		text-decoration:none;
	}
#menu ul li a:hover
	{
		color:#5E5E5E;
		border-bottom:#111217 solid 1px;
	}
#menu ul li a.active
	{
		margin:0px;
		padding:4px 0 0 0;
		display:block;
		font-family:Arial;
		font-size:18px;
		font-weight:bold;
		color:#60ABB1;
		text-align:center;
		text-decoration:none;
		border-bottom:#111217 solid 1px;
	}
#menu ul li ul
	{
    display: none;
    width: 160px; /* Width to help Opera out */
    z-index:100;
    top:27px;
	}
#menu ul li ul li
	{
	  float:none;	  
	  list-style: none;
		background-color: #fff;
		/*width:160px;*/
		text-align:right;
		/*border-bottom:1px solid #60ABB1;*/
	}
#menu ul li ul li a
	{
    display: block;
    padding: 3px 8px;
    background-color: #fff;
    color: #fff;
    font-size: 11px;
    /*width:160px;*/
		text-align:right;
    text-decoration: none; 
	}
#menu ul li:hover ul {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0; }
#menu ul li:hover li {
    float: none; }
#menu ul li:hover li a {
    background-color: #fff;
    border-bottom: 1px solid #60ABB1;
    color: #000; }
#menu ul li li a:hover {
    background-color: #ccc; }


#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}

#cssdropdown li {
float: left;
position: relative;
}

.mainitems{
border: 0px solid black;
/*background-color: #FFEEC6;*/
}

.mainitems a{
margin-left: 6px;
margin-right: 8px;
text-decoration: none;
}

.subuls{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
z-index:11;
/*
background-color: lightyellow;
border: 1px solid black;
*/
}

.subuls li{
width: 100%;
z-index:12;
}

.subuls li a{
text-decoration: underline;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}