 *   { 
   font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000;
   font-weight:normal; 
   padding: 0px;
   margin: 0px;
   border: 0px;
   
  }


html  {height:100%;}
body {
        background-color: #ffffff; 
		height: 100%;
		
		
}
/*Linkformatierungen*/


	a:link{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; font-style:normal; color:#ffb70a; border: none; text-decoration: none;line-height:20px;}
	a:visited{color:#ffb70a;text-decoration: none;font-size:14px; font-weight:bold;line-height:20px;}
	a:hover{color:#ffb70a;text-decoration: underline;font-size:14px; font-weight:bold;line-height:20px;}
	a:active{color:#ffb70a; text-decoration: underline;font-size:14px; font-weight:bold;line-height:20px;}

	a.navi_oben:link{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; font-style:normal; color:#ffb70a; border: none; text-decoration: none;}
	a.navi_oben:visited{color:#ffb70a;text-decoration: none;font-size:12px; font-weight:normal;}
	a.navi_oben:hover{color:#ffb70a;text-decoration: underline;font-size:12px; font-weight:normal;}
	a.navi_oben:active{color:#ffb70a; text-decoration: underline;font-size:12px; font-weight:normal;}
	
	a.vorteile:link{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; font-style:normal; color:#ffffff; border: none;letter-spacing: 1px; text-decoration: none;}
	a.vorteile:visited{color:#ffffff;text-decoration: none;font-size:12px; font-weight:bold;letter-spacing: 1px;}
	a.vorteile:hover{color:#5d89f9;text-decoration: none;font-size:12px; font-weight:bold;letter-spacing: 1px;}
	a.vorteile:active{color:#5d89f9; text-decoration: none;font-size:12px; font-weight:bold;letter-spacing: 1px;}
	
	a.schritt:link		{padding-left:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; font-style:normal; color:#666666; border: none; text-decoration: none;}
	a.schritt:visited	{color:#666666;text-decoration: none; font-size:12px; font-weight:bold;}
	a.schritt:hover	{color:#ffb70a;text-decoration: underline; font-size:12px; font-weight:bold;}
	a.schritt:active	{color:#ffb70a; text-decoration: underline; font-size:12px; font-weight:bold;}
	
	a.rechner:link{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; font-style:normal; color:#666666; border: none; text-decoration: none;}
	a.rechner:visited{color:#666666;text-decoration: none;font-size:11px; font-weight:normal;}
	a.rechner:hover{color:#ffb70a;text-decoration: underline;font-size:11px; font-weight:normal;}
	a.rechner:active{color:#ffb70a; text-decoration: underline;font-size:11px; font-weight:normal;}

h1 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; font-style:normal; color:#666666;margin:0px 0px 15px 0px;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; font-style:normal; color:#000000;margin:0px 0px 10px 0px;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; font-style:normal; color:#ffffff;margin:0px 0px 5px 0px;}
h4 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; font-style:normal; color:#666666;padding:2px 0px 2px 2px;background-color:#eeeeee;line-height:16px;}


/*Sonderformate*/
.versdirekt {
            text-transform: uppercase;
	        color: #009000;
	        text-decoration: none;
	        font-family: Arial, Helvetica, sans-serif;
              }
.clearer {clear:both;}
.footer {color:#ffffff;}
.textblock {text-align:justify;}
.img {border:0px;}
.logtext {color:#25f90f;font-weight:bold;font-size:12px;}
.schrittzeichen {color:#666666;font-size:14px;font-weight:bold;}
.vorteile  {
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
}
.inhalt {padding:10px 0px 0px 10px;}



/*Inhalt*/

#rahmen {
		width:840px; 
		margin:0% auto;
		padding:0px 10px 0px 10px;
		border: 0px solid #bbbbbb;

		/* bei white label weg
		background-image: url(images/topbild.jpg);
		*/

		background-position:270px 50px;
		background-repeat: no-repeat;


}


/*headbereich*/


#header {
margin:10px 0px 0px 0px;
height:200px;
background-color:transparent;
border-top:30px solid #62bb47;
border-bottom:0px solid #62bb47;

display: none; /* bei white label weg */
}

#firmenlogo {padding:0px 0px 0px 0px;float:left;}
#navi_oben {padding:0px 2px 0px 0px;float:right; }

/*Text Headbereich*/
#text_oben_li {

	background: transparent;
	border: 0px solid #bbbbbb;
	width: 220px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	z-index: 10;
	height:70px;
	color:#000000;
	text-align:center;
	float:left;
}

#text_oben_re {

	background: transparent;
	border: 0px solid #bbbbbb;
	width: 220px;
	padding: 0px 0px 0px 10px;
	margin: 10px 0px 0px 0px;
	z-index: 10;
	height:140px;
	color:#000000;
	text-align:center;
	float:right;
}	


/*Ende headbereich*/

/*Anfang Inhaltsbereich*/
#contentbox {

	background: transparent;	
	width: 100%;
	height:600px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	z-index: 5;
	border: 0px solid #bbbbbb;
}
/*Box Navigation Hauptinhalt*/
#content {

	background: transparent;
	border: 0px solid #bbbbbb;
	width: 700px;
	padding: 0px;
	z-index: 10;
	
	overflow: hidden;
	float:left;
	
	margin-top: 30px; /* für white label abstand von oben*/
	
}

/*inhalt kfz-rechner */
#content_kfz {

	background: #ffffff;
	border: 0px solid #bbbbbb;
	width: 680px;
	margin:5px 0px 0px 0px;
	padding: 0px 5px 10px 5px;
	height:600px;
	z-index: 10;
	overflow: auto;
	
	
}
* html #content_kfz {margin-top:5px; width:578px;padding-right:0px;height:414px;}


/*Werbebox*/
#content_werbekasten {

	background-color: #62bb46;
	border: 0px solid #bbbbbb;
	width: 225px;
	padding: 20px 0px 0px 10px;
	margin: 0px 0px 10px 0px;
	z-index: 10;
	height:457px;
	float:right;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;

display: none; /* bei white label weg */

}

/*Text  Impressum*/

#content_impressum{

	background: transparent;
	border: 0px solid #bbbbbb;
	width: 550px;
	height: 400px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index: 10;
	overflow: auto;
	float:left;

}


/*Box rechts Text oben + Vorteile
#content_kfztext{

	background: transparent;
	border: 0px solid #bbbbbb;
	width: 250px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	z-index: 10;
	height:657px;
	max-height:750px;
	overflow: hidden;
	float:right;
	background-image: url(images/siegel.jpg);
	background-position: bottom right;
	background-repeat:no-repeat;
}
*/







/*inhalt rechner */
#content_rechner {

	background: #ffffff;
	border: 1px solid #bbbbbb;
	width: 565px;
	margin:50px 5px 0px 5px;
	padding: 5px 0px 0px 5px;
	height:440px;
	z-index: 10;
	overflow: auto;
	
	
}
* html #content_rechner {margin-top:70px; width:573px;height:438px;}

/*Ende Inhaltsbereich*/

/*Anfang Footer*/
#vdabba
{ 
  overflow:hidden;
  margin-top:10px;
  margin-left:10px;
  color:#999999;

  display: none; /* bei white label weg */
}

/*Ende Footer*/



#breadlinks {text-align:left;color:#000000;font-weight:bold;padding-left:10px;
border: 0px solid #bbbbbb;margin-top:0px;line-height:20px;
}

* html #breadlinks {margin-top:60px;}


/*eingabefelder Rechner*/
input { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; border-style: solid; border-color:#cccccc; border-width:1px;text-align:right; }
select { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; border-style: solid; border-color:#cccccc; border-width:1px;}

.button { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; 
border-style: solid; border-color:#ffb70a; border-width:2px;text-align:center;
background-color:#ffffff; }

.fields { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000000;}
.label{text-align:left;border:0px solid #000000;}
.frage{width:15px; border:0px solid #000000;vertical-align:middle;}
.frage_top{width:15px; border:0px solid #000000;vertical-align:top;}

/*interner Bereich*/

#quer_open {

background-color:#777777;
margin: 2px auto;
line-height:30px;
color:#ffffff;
font-weight:bold;
padding-left:21px;
}



/* rechner pflichtfelder */
td.falsch	{ border-top: solid 1px #ff0000; border-bottom: solid 2px #ff0000; }
td.falsch_l	{ border-top: solid 1px #ff0000; border-bottom: solid 2px #ff0000; border-left: solid 2px #ff0000; }
td.falsch_r	{ border-top: solid 1px #ff0000; border-bottom: solid 2px #ff0000; border-right: solid 2px #ff0000; }

/*
.richtig	{ border-top: solid 1px #009000; border-bottom: solid 2px #009000; }
.richtig_l	{ border-top: solid 1px #009000; border-bottom: solid 2px #009000; border-left: solid 2px #009000; }
.richtig_r	{ border-top: solid 1px #009000; border-bottom: solid 2px #009000; border-right: solid 2px #009000; }
*/

td.richtig	{ border: none; }
td.richtig_l	{ border: none; }
td.richtig_r	{ border: none; }


/* ergebnistabelle */
table.ergebnistab		{ border-collapse: collapse; margin-top: 10px; width: 100%; }
table.ergebnistab * td		{ padding: 5px; }

table.ergebnistab * td.headline	{ color:#666666; font-weight: bold; vertical-align: top; text-align: center; border: solid 1px #bbbbbb; }

table.ergebnistab * td.tarif0	{ background-color:#eeeeee; padding-top: 2px; padding-bottom: 0px; }
table.ergebnistab * td.tarif1	{ background-color:#ffffff; padding-top: 2px; padding-bottom: 0px; }


/* detailtabelle */
table.detailtab			{ border-collapse: collapse; margin-top: 10px; width: 100%; }
table.detailtab * td		{ padding: 5px; vertical-align: top; border: solid 1px #bbbbbb; }

table.detailtab * td.headline	{ color:#000000; font-weight: bold; }

/*
table.detailtab * td.leist0	{ background-color:#eeeeee; padding-top: 2px; padding-bottom: 0px; }
table.detailtab * td.leist1	{ background-color:#ffffff; padding-top: 2px; padding-bottom: 0px; }
*/


div.infozeile	{ padding: 4px; border: solid 1px #bbbbbb; margin-top: 5px; margin-bottom: 5px; background-color: #ffffe1; }
