/*
ena Webstudio - www.ena-webstudio.com
Letztes Update: 19.05.2005
================================================*

/* -------------------------------- Body ------------------------------------- */
body {
    margin: 0;
    padding: 0;
    background: #E8EDF3 repeat-x left top;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 85%;
}
body, p, td, th, a {
    line-height: 1.1;
    color: #000;
    margin: 0;
    padding: 0;
}


/* -------------------------------- Ueberschriften ------------------------------------- */
h1, h2#navigation {
    margin: 0;
		margin-right: 32px;
    padding: 0;
		color: #1144bb;
    /* font: bold 1.3em 'Times New Roman', Times, serif; */
		font: bold 1.64em 'Trebuchet MS', Arial, Helvetica, sans-serif;
    position: relative;
		text-align: center;
		/*left: 300px;*/
		top: 25px;
}
h2 {
    color: #3d6098;
    background: transparent;
    margin: 1em 0 0.5em 0;
    padding: 3px 0;
    font: bold 1.3em 'Times New Roman', Times, serif;
    border-bottom: 1px solid #3F6099;
}
h2.start {
    color: #000;
    font: normal 1.3em Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0 0 5px 0;
    border: 0;
}
h3, h4  {
    color: #3C7FEB;
    background: transparent;
    font: bold 100%/1.4em 'Trebuchet MS', Arial, Helvetica, sans-serif;
    margin: 0;
		margin-bottom: 5px;
    padding: 0;
}
h3.front {
    border: 0;
}
h4  {
    font: bold 95%/1.4em 'Trebuchet MS', Arial, Helvetica, sans-serif;
}


/* -------------------------------- Container ------------------------------------- */
#header {
    background: url(img/header.jpg);
    height: 77px;
    width: 909px;
    margin: 0px auto;
    padding: 0;
}
#topnav {
    text-align: left;
    background-color: #74A7FA;
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
#tnlinks {
    background: transparent;
    margin: 4px auto;
    padding: 2px 0;
    width: 880px;
    position: relative;
    text-align: left;
}
#container {
    background: url(img/content_bg.jpg) #fff repeat-y left top;
    margin: 0px auto;
    width: 918px;
    position: relative;
    text-align: left;
}
#oben {
    background: url(img/content_top.jpg);
    height: 36px;
    width: 918px;
    margin: 0;
    padding: 0;
}
#links {
    background: transparent;
    width: 225px;
    float: left;
    margin: 0;
    padding: 0 0 0 20px;
    color: #000;
}
body #links {
    margin: 0px 0px 0px 12px;
}
#inhalt, #inhalt2, #inhalt3, #inhalt4 {
    background: #fff;
    margin: 0px 30px 0px 56px;
    padding: 0;
    color: #000;
    font-size: 95%!important;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif!important;
}
#inhalt2 {
    margin: 0px 30px 0px 30px;
}
#inhalt3 {
    margin: 0px 30px 0px 56px;
		padding-left: 208px;
}

#inhalt4 {
    margin: 0px 30px 0px 56px;
}

#inhalt li, #inhalt2 li, #inhalt3, #inhalt4 li {
    padding-bottom: 3px;
}
#footer {
    background: url(img/content_bottom.jpg);
    height: 36px;
    width: 918px;
    margin: 0;
    padding: 0;
}

/* -------------------------------- Navigation oben ------------------------------------- */

#tnlinks a:link, #tnlinks a:visited {
    color: #fff;
    text-decoration: none;
    padding: 2px 2px 0;
    margin: 0 -2px;
    font-size: 95%!important;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif!important;
    border: 0;
}
#tnlinks a:visited {
    color:#fff;
    border-bottom: 1px solid #6B9FF3;
    }
#tnlinks a:focus {
    color: #fff;
    background: #3C79C0;
    border-color: #666;
    font-size: 95%!important;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif!important;
    border-bottom: 1px solid #fff;
}
#tnlinks a:hover, #tnlinks a:active {
    color: #fff;
    background: #3C79C0;
    border-color: #666;
    font-size: 95%!important;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif!important;
    border-bottom: 1px solid #fff;
}


/* -------------------------------- Navigation ------------------------------------- */
#nav {
    background: #fff;
    list-style: none;
    list-style-image: none;
    margin: 0 0 25px 0;
    padding: 0;
    border-top: 1px solid #ccc;
    width: 200px;
}
#nav li {
    margin: 0;
    padding: 0;
    font:0.9em Verdana, Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}
#nav li a, #nav li a:visited {
    display: block;
    text-decoration:none;
    line-height: 19px;
    margin: 0px;
    color: #828282;
    padding: 0px 15px;
    background: url(img/pfeil_a.gif) top left no-repeat;
}
#nav li a:hover, #nav li a:focus {
    color: #000;
    background: url(img/pfeil_b.gif) #FFF7E2 top left no-repeat;
}
#nav li a.current, #nav li a.current:visited, #nav li a.current:hover, #nav li a.current:focus {
    background: url(img/pfeil_b.gif) #FFF1CC top left no-repeat;
    color: #000;
}


/* -------------------------------- Suchfeld im Kopfbereich ------------------------------------- */
#suche {
    width: 200px;
    margin-bottom: 10px;
}
#suche form {
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
}
#suche fieldset {
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    background: url(img/suche_bg.gif) #fff repeat-x left top;
}
#suche legend {
    margin: 0;
    padding: 0 2px;
    border: 0;
    color: #888;
    background-color: #fff;
    position: absolute;
    left: -3000px;
}
input#begriff {
   width: 130px;
   margin: 0 0 5px 0;
   padding: 0;
}
input#suchfeld {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0px none #fff;
    height: 19px;
    width: 107px;
}
#suche .innen {
    padding: 3px 3px 3px 5px;
}


/* -------------------------------- Formularfelder -------------------------------- */
form {
    padding: 0;
    margin: 0;
}
fieldset {
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    background-color: #f5faff;
}
fieldset table {
    margin: 0 10px;
}
caption {
    font: bold 95%/1.4em 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
label {
    color: #515151;
    font: bold 95%/1.4em 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
label small {
    color: #515151;
    font: normal 95%/1.4em 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
legend {
    color: #3c79c0;
    background: #fff;
    font: normal 95%/1.4em 'Trebuchet MS', Arial, Helvetica, sans-serif;
    margin: 0 0 15px 0;
    padding: 1px 5px;
}
input, textarea {
    background-color: #ECF2F9;
/*    width: 100px;*/
    padding: 1px;
    margin: 0;
    border-top: 1px solid #3C79C0;
    border-right: 1px solid #AFC9E9;
    border-bottom: 1px solid #AFC9E9;
    border-left: 1px solid #3C79C0;
}
input.lang, textarea.lang {
    background-color: #ECF2F9;
    width: 250px;
    padding: 0;
    margin: 2px 0 0 0;
    border-top: 1px solid #3C79C0;
    border-right: 1px solid #AFC9E9;
    border-bottom: 1px solid #AFC9E9;
    border-left: 1px solid #3C79C0;
}
input.mini {
   width: 20px;
   border: 0;
}
select {
    background-color: #ECF2F9;
    padding: 0;
    margin: 2px 0 0 0;
    border-top: 1px solid #3C79C0;
    border-right: 1px solid #AFC9E9;
    border-bottom: 1px solid #AFC9E9;
    border-left: 1px solid #3C79C0;
}
input.box {
    width: 25px;
    border: 0;
    background-color: #f9f9f9;
}
.send {
    width: 12em;
    margin: 25px 10px 9px 10px;
    background-color: #ECF2F9;
    padding: 2px;
    border: 1px solid #3C79C0;
}

/* -------------------------------- Ergebnislisten -------------------------------- */
td, th {
    line-height: 130%;
    font: normal 100%/1.2em Verdana,Arial,Helvetica,sans-serif;
    /* padding-right: 10px; */
}
th {
    font: bold 95%/1.4em 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
.row-1 {
    background-color: #cedef8;
}
.row-2 {
    background-color: #e4eeff;
}
.rot {
    color: #ff0000;
}
.row-header {
    font-weight: bold;
    /* color: #003366; */
		color: #ff3366;
    text-align: center;
    background: InactiveBorder;
    background-color: #B1C6E8;
}


/* -------------------------------- Sonstiges ------------------------------------- */
address {
    line-height:130%;
    font: normal 95%/1.2em Verdana,Arial,Helvetica,sans-serif;
}
abbr, acronym {
    border-bottom: 1px dotted #3C528B;
    cursor: help;
}
img {
    border: 0px none #fff;
}
p {
    line-height:130%;
    font: normal 95%/1.2em Verdana,Arial,Helvetica,sans-serif;
    margin-bottom: 15px;
}
div.hr {
  height: 1px;
  background: url("img/dotline.gif") repeat-x scroll center;
  margin-bottom: 10px;
}
div.hr hr {
  visibility: hidden;
  display: none;
}
dt {
    margin-top: 3px;
}
dd {
    background-color: #F7F7F7;
}
ul, ol {
    margin-top: 0;
}
dfn {
    position: absolute;
    left: -3000px;
}
strong {
    /* text-transform: uppercase; */
    font-weight: bold;
}
kbd {
    font-weight: bold;
}

/* ----------------- Klassen ----------------- */
.kapital {
    text-transform: uppercase;
}
.teaser {
    color: #3d6098;
}
.imgre {
    float: right;
    margin: 2px 0px 2px 10px;
}
.imgli {
    float: left;
    margin: 2px 5px 2px 0px;
}
.aussen, dfn, .aktuell {
    position: absolute;
    left: -3000px;
}
.anfang {
    width: 100%;
    text-align: right;
}
.klar {
    clear:both;
}
.styler {
    padding: 10px;
}

.floater {
text-align: left;
padding: 4px;
margin: 0px;
margin-bottom: 0px;
border-width: 1px;
border-style: solid;
}

/* -------------------------------- Linkangaben ------------------------------------- */
#inhalt a:link, #inhalt a:link.extern, #inhalt2 a:link, #inhalt2 a:link.extern {
	color: #3F6099;
	text-decoration: none;
	border-bottom: 1px #B6C2D8 solid;
}
#inhalt a:visited, #inhalt a:visited.extern, #inhalt2 a:visited, #inhalt2 a:visited.extern {
	color: #515151;
	text-decoration: none;
	border-bottom: 1px #B6C2D8 solid;
}
#inhalt a:focus, #inhalt a:hover, #inhalt a:active, #inhalt2 a:focus, #inhalt2 a:hover, #inhalt2 a:active {
	color: #3F6099;
	border-bottom: 1px #3F6099 solid;
	background: #f1f1f1;
}

#inhalt a:link.extern, #inhalt a:visited.extern, #inhalt2 a:link.extern, #inhalt2 a:visited.extern {
	background: transparent url(img/extern.gif) no-repeat;
	padding-left: 12px;
}
#inhalt a:focus.extern , #inhalt a:hover.extern , #inhalt a:active.extern, #inhalt2 a:focus.extern , #inhalt2 a:hover.extern , #inhalt2 a:active.extern {
	color: #3F6099;
	border-bottom: 1px #3F6099 solid;
	background: #f1f1f1;
	background: transparent url(img/extern.gif) no-repeat;
	padding-left: 12px;
}



/* ----------------------------- Angefügte Definitionen für die Vergleichsrechner ----------------------------------  */

/*
#vvergleich-empfehlung {
	padding:10px 0px 0px 10px;
	font-size:11px;
	font-family:Arial,Helvetica,sans-serif;
	background-color:#EEEEEE;
	color:#106ac5;
}

#vvergleich-empfehlung h2 {
	font-size:14px;
	color:#FF0000;
	font-weight:bold;
}

#vvergleich {
	margin: 0px auto;
	text-align:left;
}

#vvergleich .faqlink {
	text-decoration:none;
}

#gesinfo {
	margin:10px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:left;
}

#box_gesell {
	background-color:#FFFFFF;
	text-align:left;
}

#box_faq {
	background-color:#FFFFFF;
	text-align:left;
}


#gesinfo h2 {
	font-size:14px;
	color:#000000;
	font-weight:bold;
}

#vvergleich .vergleichlink {
color:#000000;
}

.hilfehidden	{
	display: none;
}
.hilfevisible	{
	visibility: visible;
	background-color:#E1F1FF;
	color:#000000;
}

.hidden	{
	display: none;
}
.visible	{
	visibility: visible;
}

#vvergleich {
  width:66%;
  margin-right: 5px;
}

#vvergleich a {
	color:#000000;
}

#vvergleich a.infofeld {	position: relative; z-index:50;		}

#vvergleich a.infofeld:hover
{
	background-color:#FFFFFF;
	text-decoration:none;
}

#vvergleich a.infofeld span {
	display: none;
}

#vvergleich a.infofeld:hover span {
	display:block;
 	position:absolute;
	top:-1em;left:15em;
	width:25em;
    border:1px solid #106ac5;
	padding:2px;
	color:#000000;
	text-align: left;
	text-decoration:none;
	font-size:12px;
	z-index:100;
}

#vvergleich #box_faq table {
	text-align:left;
}

#vvergleich h2 {
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
	margin:20px 0px 10px 0px;
}

#vvergleich table {
	font-size:11px;
	background-color:#FFFFFF;
	color: #000000;
}

#vvergleich .chktext {
	margin:0px 0px 5px 0px;
}

#vvergleich table.table-start {width : 100%; border:0px solid #000000;}
#vvergleich table.table-start .col2-data {		width:30%; 	}
#vvergleich table.table-start .col2-info {		width:5%; white-space:nowrap;	}
#vvergleich table.table-start .col-data {		width:30%; 		}
#vvergleich table.table-start .col-info {		width:5%;	white-space:nowrap;}

#vvergleich table.table-berechnungoben {width : 100%; border:0px solid #000000;}
#vvergleich table.table-berechnung {width : 100%; }
#vvergleich .row-header a { color:#FFFFFF; }
#vvergleich table.table-antrag {width : 100%; }
#vvergleich table.table-rlv {width : 100%; border:0px solid #000000; }


#vvergleich table.table-leistung {width : 100%;}
#vvergleich table.table-leistungtext {width : 100%; }

#vvergleich .row-1 {
	background-color: #fefefe;
}

#vvergleich .row-2 {
	background-color: #eeeeee;
}

#vvergleich .rot {
	color: #FF0000;
}

#vvergleich .row-header {
	font-weight: bold;
	color: #FFFFFF;
    text-align: center;
	background: InactiveBorder;
	background-color: #3C7FEB;
}

#vvergleich .row-antrag {
	font-weight: bold;
	color: #FFFFFF;
	background: InactiveBorder;
	background-color: #00438e;
}


#vvergleich .row-anleitung {
	color: #000000;
	text-align:right;
}

#vvergleich .anleitung {
	color: #000000;
	text-align:left;
}

#vvergleich .info {
	font-size: 10px;
	color: #000000;
}



#vvergleich input.form-button {
	font-size: 11px;
	color: #000000;
	font-weight:bold;
	border: 1px solid #000000;
	background: #FFFFFF;
	padding:2px;
	margin:10px 0px 10px 0px;
}


#vvergleich input.form-button-krebs {
	font-size: 11px;

	color: #000000;
	font-weight:bold;
	border: 1px solid #000000;
	background: #FFFFFF;
	padding:2px;
	margin:0px 0px 0px 10px;
}

#vvergleich .vergleichbutton {
	font-size: 11px;
	color: #000000;
	font-weight:bold;
	border: 1px solid #000000;
	background: #FFFFFF;
	padding:2px;
	margin:0px;
}

#vvergleich .vergleichbutton-box {
	text-align:right;
	margin:0px;
	padding:0px;
}

#vvergleich input.form-text {
	font-size: 11px;
	color: #000000;
	border: 1px solid #000000;
	background: #FFFFFF;
}

#vvergleich input.form-checkbox {
	color: #000000;
	border: 0px;
	margin:0px 5px 0px 5px;
}

#vvergleich .form-area {
	font-size: 11px;
	color: #000000;
	border: 1px solid #000000;
	background: #FFFFFF;
}

#vvergleich select.form-select {
	font-size: 11px;
	color: #000000;
	border: 1px solid #000000;
	background: #FFFFFF;
}

#vvergleich .fehler {
	font-weight:bold;
	color:#FF0000;
}
*/








/*--------------------------------- Elemente -------------------------------------*/
body
{
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2
{
    color: #000000;
    font: normal 1.3em Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    margin-left: 3px;
    padding: 5px 0 5px 0;
    border: 0;
    border-bottom: 1px dotted #aaaaaa;
}

h3
{
    color: #3C7FEB;
    background: transparent;
    font: bold 100%/1.4em 'Trebuchet MS', Arial, Helvetica, sans-serif;
    margin: 0;
    margin-left: 5px;
    margin-bottom: 5px;
    padding: 8px 0 3px 0;
}

h4
{
    color: #000000;
    background: transparent;
    font: bold 86%/1.2em 'Trebuchet MS', Arial, Helvetica, sans-serif;
    margin: 0;
    margin-left: 7px;
    margin-bottom: 5px;
    padding: 5px 0 1px 0;
}

input
{
}

input.text
{
  margin: 2px 5px 2px 2px;
  padding: 2px;
  background-color: #ECF2F9;
  border-top: 1px solid #3C79C0;
  border-right: 1px solid #AFC9E9;
  border-bottom: 1px solid #AFC9E9;
  border-left: 1px solid #3C79C0;
}

input.checkbox
{
  margin: 1px 7px 1px 3px;
}

input.radio
{
  margin: 4px 7px 0px 3px;
}

input.submit
{
}

table
{
padding: 3px;
}

th, td
{
  vertical-align: top;
}

ul
{
  text-align: left;
}

/*--------------------------------- ID's ----------------------------------------*/
#Rahmen
{
  margin: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  width: 92%;
  border: 0px;
}

#Kasten
{
  position: absolute;
  top: 0px;
  right:0px;
  padding: 0px;
  margin: 0px;
}

#Kasten_innerDiv
{
  padding: 0px;
  border-width: 2px;
  border-style: solid;
  border-left-color: #eeeeee;
  border-top-color: #eeeeee;
  border-right-color: #aaaaaa;
  border-bottom-color: #aaaaaa;
  margin: 0px 5px;
  background-color: #dddddd;
}

#Homepage h5
{
  margin: 0px;
  margin-left: 16px;
  color: #ff0000;
}

#Homepage table
{
  width: 100%;
  border: 0;
  border-bottom: 1px dotted #aaaaaa;
  margin-bottom: 12px;
}

#Homepage td
{
vertical-align: middle;
}

#Homepage img, ul
{
margin-left: 6px;
}

#Banner
{
  position: absolute;
  top: 32px;
  right: 80px;
}

#Navigation
{
  margin: 0;
  padding: 7px;
  color: #FFFFFF;
  position: relative;
  text-align: center;
  background-color: #77aaff;
  border-top: 1px solid #3C79C0;
  border-right: 1px solid #AFC9E9;
  border-bottom: 1px solid #AFC9E9;
  border-left: 1px solid #3C79C0;

}

#Navigation a
{
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  padding: 4px;
}

#Navigation a:hover
{
  color: #ffffff;
  background-color: #3366aa;
}

#Navigation_Rechner
{
  margin: 23px auto auto 12px;
  width: 230px;
  float: left;
  font-size: 0.81em;
  border-top: 1px dashed #3C7FEB;
}

#Navigation_Rechner a
{
  padding-left: 12px;
  padding-top: 4px;
  text-decoration: none;
  color: #000;
  background: url(Images/pfeil_b.gif) top left no-repeat;

}

#Navigation_Rechner a:hover
{
  color: #0040FF;
  background: url(Images/pfeil_a.gif) top left no-repeat;
}

#Nutzerformular
{
  margin: auto;
}

#Nutzerformular input.text
{
  width: 100%;
  margin: 0px;
}

#Nutzerformular th
{
  padding-top: 8px;
}

#Produkte .thumbnail
{
vertical-align: middle;
}

#Produkte table
{
  margin: auto;
}

#Rechner
{
  margin: 0px auto;
  text-align:left;
}

#Rechner table, #Rechner a
{
  margin: 12px;
}

#Umfrage
{
  padding: 20px;
  margin-left: 15px;
  margin-right: 10px;
  text-align: justify;
}

#Vertrag div
{
  padding: 1px 0 5px 0;
  margin-left: 15px;
  margin-right: 10px;
  text-align: justify;
}

#Vertrag h3
{
  margin-top: 12px;
  margin-left: 3px;
  font: normal 1.3em Arial, Helvetica, sans-serif;
  color: #000080;
  font-weight: bold;
}

#Vertrag h4
{
  margin-left: 7px;
  font: normal 1.0em Arial, Helvetica, sans-serif;
  color: #000080;
  font-weight: bold;
}

#Vertrag h5
{
  margin-top: 0px;
  margin-left: 12px;
  padding: 2px 0 1px 0;
}

#Verwaltung table
{
  width: 100%;
  border: 0;
  border-bottom: 1px dotted #aaaaaa;
  margin-bottom: 12px;
}

#Verwaltung td
{
vertical-align: middle;
}

#Verwaltung img, #Verwaltung ul
{
margin-left: 36px;
}

/*--------------------------------- Klassen -------------------------------------*/

.Anmeldung
{
  margin-left: 32px;
  margin-right: 20px;
  text-align:left;
}

th.Anmeldung
{
  height: 42px;
  text-align: center;
  border-bottom: dotted 2px #aaaaaa;
}

.Bild
{
 border:0px solid #000;
 margin: 7px;
 margin-left: 23px;
 }

.emphasise
{
  font-weight: bold;
  color: #880000;
}

.Eurobetraege
{
  margin-left: 20px;
  margin-right: 20px;
  text-align: right;
}

.Eurobetraege th, .Eurobetraege td
{
  padding-left: 8px;
  padding-right: 8px;
  text-align: right;
}


.FAQ
{
  margin: 23px 20px 32px 32px ;
}

.FAQ ul
{
  margin-left: 12px;
  margin-right: 42px;
  text-align: justify;
}

.FAQ div div
{
  margin: 12px 23px;
  text-align: justify;
}

.FAQ .innerlink
{
  font-size: 0.86em;
}


.Kosten
{
  margin-left: 32px;
  margin-right: 20px;
}

.Link
{
  padding: 3px;
  border-bottom: 1px dashed #3C7FEB;
}

.Link:hover
{
  background-color: #ECF2F9;
}

.navilike
{
  margin: 0;
  padding: 7px;
  color: #FFFFFF;
  position: relative;
  text-align: center;
  background-color: #77aaff;
  border-top: 1px solid #3C79C0;
  border-right: 1px solid #AFC9E9;
  border-bottom: 1px solid #AFC9E9;
  border-left: 1px solid #3C79C0;
}

.Slogan
{
  padding: 12px 0 4px 0;
  font-weight: bold;
  color: #FF0000;
  text-align: center
}

.Wahl_eigen
{
  padding: 5px;
  background-color: #3C79C0;
  font-weight: bold;
  color: #ddddff;
}

.Wahl_fremd
{
  padding: 5px;
  background-color: #AFC9E9;
  font-weight: bold;
  color: #000088;
}

.Footer
{
  padding-bottom: 23px;
  text-align: center;
  font-size: 0.9em;
  color: #999999;
}


/* ----------------------------------------- Produktseite - automatische Berechnung ----------------------------*/

.Kasten_Anmeldung
{
  Text-align: center;
  vertical-align: middle;
  font-size: 12px;
  font-weight: bold;
  border: solid 1px #ff6600;
  background-color: #ffffcc;
  padding: 2px;
}

.Kasten_grau
{
  border: solid 1px #cccccc;
  background-color: #eeeeee;
  color: #999999;
  font-size: 9px;
  font-weight: normal;
  text-align: left;
  padding: 5px 7px;
}







#vvergleich { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left; width:600px; margin:10px 0px 0px 0px; line-height:auto; float:left}

#vvergleich.contentlvg {
	width:auto;
	margin:0px;
}
#vvergleich p {
	margin:7px 0px;
	padding:0px;
}
#vergleich label {
	font-size:12px;
}
.freeze, .freeze *{
	cursor:progress !important;
}

#vvergleich .fett {
	font-weight:bold;
}
#vvergleich .faqlink {
	text-decoration:none;
}
#vvergleich .hidden	{
	display: none;
}
#vvergleich .visible	{
	visibility: visible;
}

.hilfehidden { display: none; }
.hilfevisible { visibility: visible; background-color:#ffffe1; color:#000000;}
.hidden {display: none;}
.visible {visibility: visible;}

#vvergleich .row-1 {
	background-color: #eee;
}

#vvergleich .row-2 {
	background-color: #fff;
}


#vvergleich #box_faq table {
	text-align:left;
}
#vvergleich #box_faq table li {
	margin:5px 0px 5px 0px;
}

#vvergleich a {
	color:#000000;
	text-decoration:underline;
}
#vvergleich a:active {
	color:#666;
}
#vvergleich a:hover, #vvergleich a:active, #vvergleich a:visited, #vvergleich a:focus  {
	background-color:inherit;
}
#vvergleich a.infofeld {	position: relative; z-index:50;		}

#vvergleich a.infofeld:hover
{
	background: #66FFFF;
	text-decoration:none;
}

#vvergleich a.infofeld span {
	display: none;
}

#vvergleich a.infofeld:hover span {
	display:block;
 	position:absolute;
	top:-1em;left:15em;
	width:25em;
    border:1px solid #000000;
	padding:2px;
	background:#C0C0C0; color:#000;
	text-align: left;
	text-decoration:none;
	font-size:12px;
	z-index:100;
}

#vvergleich h2 {
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
	margin:10px 0px 15px 0px;
}

#vvergleich table {
	color: #000000;
	line-height:16px;
	margin:0px;
}

#vvergleich .chktext {
	margin:0px 0px 5px 0px;
}

#vvergleich .eingabe_oeffnen {
	float:right;
}
#vvergleich .eingabe_schliessen {
	float:right;
	display:none;
}
#vvergleich p.error {
	font-weight:bold;
	color:#cc0000;
	margin:30px 0px;
	padding:10px;
	border:1px solid #cc0000;
	background-color:#ffffe1;
}

#vvergleich .row-antrag {
	font-weight: bold;
	color: #000000;
	background: InactiveBorder;
	background-color: #B1C6E8;
}

#vvergleich .row-anleitung {
	color: #000000;
	text-align:right;
}


#vvergleich .anleitung {
	color: #000000;
	text-align:left;
}

#vvergleich .info {
	font-size: 10px;
	color: #000000;
}

#email_angebot_ok .info {
	font-size:12px;
	font-weight:bold;
	color:green;
}


/* Formatierung und Darstellung der Formularfelder */

#vvergleich input.form-button {
	font-size: 13px;
	color: #000000;
	font-weight:normal;
	padding: 1px 3px;
	margin:10px 0px 10px 0px;
	line-height: 18px;
	background-color: #FFCC66;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-o-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-khtml-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border: 1px solid rgba(0,0,0,0.25);
	cursor: pointer;
}
*+html #vvergleich input.form-button {
	border:1px solid #666666;
}
#vvergleich input.form-button:hover {
	background-color:#ffee91;
}
#vvergleich input.form-button:active {
	background-color:#FFCC66;
}
#vvergleich input.form-button-krebs {
	font-size: 11px;
	color: #000000;
	font-weight:bold;
	border: 1px solid #000000;
	background: #FFFFFF;
	padding:2px;
	margin:0px 0px 0px 10px;
}

#vvergleich .vergleichbutton {
	font-size: 13px;
	color: #000000;
	font-weight:normal;
	padding: 1px 3px;
	margin:0px;
	line-height: 18px;
	background-color: #FFCC66;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-o-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-khtml-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border: 1px solid rgba(0,0,0,0.25);
	cursor: pointer;
}
*+html #vvergleich .vergleichbutton {
	border:1px solid #666666;
}
#vvergleich .vergleichbutton:hover {
	background-color:#ffee91;
}
#vvergleich .vergleichbutton:active {
	background-color:#FFCC66;
}

#vvergleich input.btn-berechnen {}
#vvergleich input.btn-neuervgl {}
#vvergleich input.btn-leivgl-oben {}
#vvergleich input.btn-leivgl-unten {}
#vvergleich input.btn-weiter {}
#vvergleich input.btn-zurueck {}


#vvergleich input.form-text {
	font-size: 11px;
	color: #000000;
	border: 1px solid #aaaaaa;
	background: #FFFFFF;
}

#vvergleich input.form-checkbox {
	color: #000000;
	border: 0px;
	margin:0px 5px 0px 5px;
}

#vvergleich .form-area {
	font-size: 11px;
	color: #000000;
	border: 1px solid #aaaaaa;
	background: #FFFFFF;
}

#vvergleich select.form-select {
	font-size: 11px;
	color: #000000;
	border: 1px solid #aaaaaa;
	background: #FFFFFF;
}

#vvergleich .fehler {
	font-weight:bold;
	color:#FF0000;
}


#vvergleich .eingabeBox { width: 600px; border-bottom:1px solid #c5c5c5; margin:0px auto; }
#vvergleich .eingabeBox { border:1px solid #c5c5c5; }
#vvergleich .eingabeBox .line {vertical-align:middle; }
#vvergleich .eingabeBox .line .cell{float:left;vertical-align: middle; font-size:11px; margin:0;min-height: 21px;line-height: 14px;padding:4px 3px 0px 3px;}
#vvergleich .eingabeBox .cell.sp1 {width:211px;height:auto;text-align: left;}
#vvergleich .eingabeBox .cell.sp2 {width:345px;text-align:left;}
#vvergleich .eingabeBox .cell.sp3 {width:24px;text-align:center; float:right}
#vvergleich .eingabeBox .cell.sp1_6 {width:594px;}
#vvergleich .eingabeBox .cell.header{background-color:#4583E0;color:#FFFFFF;font-weight:bold;text-align:center;}
#vvergleich .eingabeBox .cell.z-w-navi .btn-weiter {  float:right }
#vvergleich .eingabeBox .cellhelp {padding:2px 3px; background-color:#ffffe1; color:#000000;}
/* Sondereinstellung für WG Rechner */
#vvergleich .eingabeBox .tabl_part_2,
#vvergleich .eingabeBox .tabl_part_3 { display:none }
#vvergleich .eingabeBox .tabl_part_2 .cell.sp1 {width:111px;}
#vvergleich .eingabeBox .tabl_part_2 .cell.sp2 {width:445px;}

#tbl_before td {padding:3px 5px;}
#tbl_before {width:602px;margin:0px auto;border-left:1px solid #c5c5c5;border-right:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;}
#box_eu {width:600px;margin:0px auto;border-left:1px solid #c5c5c5;border-right:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;}
#detailFragen {width:600px;margin:0px auto;}
#detailFragen td{padding:3px 5px;}
#gesinfo_dialog {display:none;}
table#tbl_GesellListe,
table#tbl_vorgaben { width:600px;margin:0px auto; }
#vvergleich table.info-bauklassen td { padding:4px; border:1px solid #ccc }

#vvergleich a.infoicon {background:url(https://www.mr-money.de/module/vglrechner/layouts/_images/information.png); background-repeat:no-repeat; background-position:right; padding-right:20px; vertical-align:top;cursor:help;}
#vvergleich a.quickinfo { text-decoration:none; border-bottom:1px dotted #000 }
#vvergleich .clear {clear:both; }
#vvergleich .ergebnisBox-out { width: 600px; border-bottom:1px solid #c5c5c5; margin:0px auto; }
#vvergleich .ergebnisBox { border:1px solid #c5c5c5; border-bottom:0px;position:relative}
#vvergleich .ergebnisBox  .innerbox { position:relative}
#vvergleich .ergebnisBox.tipp { border:6px solid #ffce48;}
#vvergleich .ergebnisBox .tipp_header {background-color:#ffce48;font-weight:bold;letter-spacing:2px;font-size:14px;padding:0px 3px 3px 3px; text-align:center}
#vvergleich .ergebnisBox .tipp_header a {text-decoration:none}
#vvergleich .ergebnisBox .tipp_text {font-size:12px; color:#000; border-bottom:1px dotted #999; line-height:14px; position:relative; background-color:#fff; padding:5px;  text-align:left; font-weight:normal; letter-spacing:0px}
#vvergleich .ergebnisBox.letzter_tipp { border-bottom:2px solid #fbcb8c; margin-bottom:5px }
#vvergleich .ergebnisBox .line .cell{white-space: nowrap;float:left;vertical-align: top;margin:5px 5px 5px 0px;}

#vvergleich .ergebnisBox.reise .normal_header {background-color:#eee;font-weight:bold;color:#666;font-size:12px;padding:3px 3px 3px 20px; text-align:left}

#vvergleich .ergebnisBox .line .cell.sp1 {width: 110px;text-align: center;height:90px;position:relative;display:table; white-space:normal;}

#vvergleich .ergebnisBox .line .cell.sp1 a {
	text-decoration:none;
	font-size:10px;
	left:0px;
	width:110px;
	display:table-cell;
	vertical-align:middle;
	white-space:normal;
	cursor:help;
}
#vvergleich .ergebnisBox .line .cell.sp1 .label {
	text-decoration:underline;
	white-space:normal;
	width:110px;
	display:inline-block;
}
#vvergleich .ergebnisBox .line .cell.sp1 img {
	margin-bottom:5px;
	border:0px;
	cursor:help;
}

#vvergleich .ergebnisBox .cell.sp2{width:240px;}
#vvergleich .ergebnisBox .cell.sp2 .setting * { }
#vvergleich .ergebnisBox .cell.sp2 .setting {width:240px;line-height:17px}
#vvergleich .ergebnisBox .cell.sp2 .setting .lstg_gliedertaxe { font-weight:bold }
#vvergleich .ergebnisBox .cell.sp2 .setting .tarif_vs_info { font-weight:bold; color:#333}
#vvergleich .ergebnisBox .cell.sp2 .setting_left {float:left;text-align:right;width:120px;}
#vvergleich .ergebnisBox .cell.sp2 .setting_right {text-align:left;width:115px;margin-left:125px; white-space:normal; }
#vvergleich .ergebnisBox .cell.sp2 .setting_right .pers { font-size:11px; }
#vvergleich .ergebnisBox .cell.sp2 .setting_right a {white-space:normal; text-decoration:none; line-height:17px}

#vvergleich .ergebnisBox .cell.sp4{width:106px;text-align:left; padding-top:12px;position:relative;}
#vvergleich .ergebnisBox .cell.sp5{width:90px; padding-top:5px}
#vvergleich .ergebnisBox .cell.sp5 .zahlweise{font-size:10px; margin-top:2px; margin-bottom:8px; color:#666}
#vvergleich .ergebnisBox .cell.sp6{width:16px;text-align:right; margin:0px; position:absolute; top:10px; right:8px}
#vvergleich .ergebnisBox .position { position:absolute; top:4px; left:4px; font-weight:normal; font-size:10px; color:#333; z-index:3000; background-color:#fff;-moz-border-radius-bottomright:3px; }

/* Sondereinstellung für Unfall-Rechner */
#vvergleich .ergebnisBox .cell.sp2 .unf .setting_left {width:140px;}
#vvergleich .ergebnisBox .cell.sp2 .unf .setting_right {width:95px;margin-left:145px; }

/* Sondereinstellung für Reise-Rechner */
#vvergleich .ergebnisBox.reise .cell.sp2 .setting {font-size:11px;}
#vvergleich .ergebnisBox.reise .cell.sp2 .setting .tarifart_plus { font-weight:bold; margin-left:50px; line-height:8px }
#vvergleich .ergebnisBox.reise .cell.sp2 .setting .vers_art {margin-bottom:2px; padding-bottom:2px; border-bottom:1px dotted #ccc}
#vvergleich .ergebnisBox.reise .cell.sp2, #vvergleich .ergebnisBox.reise .cell.sp2 .setting { width:270px }
#vvergleich .ergebnisBox.reise .cell.sp5 { width:90px; }


/* Sondereinstellung für Oeltank-Rechner */
#vvergleich .ergebnisBox.oeltank .cell.sp4 { width:90px; }


#vvergleich .ergebnisBox.ergebnisHeader .line .cell {margin:0px; padding:6px 0px; text-align:center; font-weight:bold; color:#fff }
#vvergleich .ergebnisBox.ergebnisHeader .line .cell.sp1 { height: auto }
#vvergleich .ergebnisBox.ergebnisHeader { border:0px; background-color:#4583E0; padding:0px; margin:5px 0px 10px 0px; }
*+html #vvergleich .ergebnisBox.ergebnisHeader { border:1px solid #4583E0 }
#vvergleich .ergebnisBox.ergebnisHeader a { color:#fff; text-decoration:none }

/* Sondereinstellung für Reise-Rechner */
#vvergleich .ergebnisBox.ergebnisHeader.reise .sp2 { text-align:left; padding-left:10px; }
#vvergleich .ergebnisBox.ergebnisHeader.reise .sp4 { text-align:left; width:90px; margin-left:0px;}
#vvergleich .ergebnisBox.ergebnisHeader.reise .sp5 { text-align:left; width:90px; margin-left:20px;}

#vvergleich .cell.sp4 .buttons {
	font-size:10px;
	float:left;
	display:block;
	margin-top:5px;
}
#vvergleich .cell.sp4 .buttons span {
	background-color:#dddddd;
	border:1px solid #aeadad;
	padding:1px 2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
	border-radius:2px;
	height:14px;
	line-height:14px;
}
#vvergleich .cell.sp4 .buttons .aktiv {
	background-color:#ABCAFB;
	-moz-box-shadow: rgba(0,0,0,0.6) 1px 1px;
	-o-box-shadow: rgba(0,0,0,0.6) 1px 1px;
	-webkit-box-shadow: rgba(0,0,0,0.6) 1px 1px;
	-khtml-box-shadow: rgba(0,0,0,0.6) 1px 1px;
	box-shadow: rgba(0,0,0,0.6) 1px 1px;
}

#vvergleich .cell .balken {
	display:block;
	position:relative;
	height:45px;
}
#vvergleich .cell .balken span {
	width:14px;
	background-color:#cccccc;
	margin:0px 1px 0px 0px;
	padding:0px;
	font-size:0px;
	display:block;
	position:absolute;
	bottom:0px;
}
#vvergleich .cell .balken .b1 { height:20px; left:0px; }
#vvergleich .cell .balken .b2 { height:25px; left:15px; }
#vvergleich .cell .balken .b3 { height:30px; left:30px; }
#vvergleich .cell .balken .b4 { height:35px; left:45px; }
#vvergleich .cell .balken .b5 { height:40px; left:60px; }
#vvergleich .cell .balken .b6 { height:45px; left:75px; }

#vvergleich .cell .balken .aktiv {background-color:#4583E0;}

#vvergleich .ergebnisBox .balken { margin-top:2px }

.empfehlungen-dummy, .leistunginfo-dummy, .tarifinfo-dummy, .angebot-dummy { display:none }
#content-leistunginfo .symbole { margin:5px 10px 15px 0px;}
#content-leistunginfo .buttons .buttonline {display:block;font-size:12px }
#content-leistunginfo .buttons span { display:inline-block; margin:0px 10px 5px 0px;text-align:center; width:50px; font-size:10px; height:14px; line-height:14px;}
#content-leistunginfo .cell.sp4 .balkenline { float:left; width:100px;}
#content-leistunginfo .balkenline .balken,
#content-leistunginfo .cell.sp4 .balkenline .punkte{width:54px; padding-bottom:10px;}
#content-leistunginfo .text{margin-top:10px;}
#content-leistunginfo .prozentwert{font-size:9px;}
#content-leistunginfo .cell .balken span{width:8px;}
#content-leistunginfo .cell .balken .b1{ height:10px; left:0px; }
#content-leistunginfo .cell .balken .b2{ height:14px; left:9px; }
#content-leistunginfo .cell .balken .b3{ height:18px; left:18px; }
#content-leistunginfo .cell .balken .b4{ height:22px; left:27px; }
#content-leistunginfo .cell .balken .b5{ height:26px; left:36px; }
#content-leistunginfo .cell .balken .b6{ height:30px; left:45px; }
#content-leistunginfo .infotext{ display:none}

#content-tarifinfo .symbole { float:left;margin:5px 10px 15px 0px;}
#content-tarifinfo .infotext {display:none}

#legende_schaden_info,
#legende_service_info,
#infotext_wartezeit,
#infotext_schaden,
#infotext_empfehlung { display:none }

#vvergleich input.empfehlung {	float:left; margin:5px 0px 0px 10px;}
#vvergleich input.wissenswertes { float:left; margin:5px 0px 0px 0px;}

#vvergleich .cell.sp4 .punkte {
	margin-top:3px;
	display:block;
	text-align:center;
	width:90px;
	font-size:11px;
	color:#666;
}
#vvergleich .cell.sp4 .punkte .prozentwert {
	font-weight:bold;
}
#vvergleich .cell .betrag {
	font-weight:bold;
	font-size:16px;
	margin:0px 0px 0px 0px;
	display:block;
}
#vvergleich .ergebnisBox .cell a.antrag {
	font-size:12px;
	display:block;
}
#vvergleich .ergebnisBox .cell a.angebot {
	margin-top:10px;
	font-size:12px;
	display:block;
}
#vvergleich .vergleichbutton-box {
	width:600px;
	text-align:right;
	margin:0px 0px 0px 0px;
	padding:0px;
}
#vvergleich .vergleichbutton-box.abstand {
	margin-top:10px;
}

#vvergleich .resultFilter_out { border-bottom:1px solid #999; position:relative}
#vvergleich .resultFilter {background-color:#ffffff; position:relative;padding:3px 10px 10px 10px;margin:0px 0px 0px 0px;width:580px;}
#vvergleich .resultFilter_legend {font-weight:bold;padding:3px 5px;font-size:12px}
#vvergleich .resultFilter_legend a { text-decoration:none; padding-left:20px; vertical-align:middle; background-position:left; background-repeat:no-repeat}
#vvergleich .resultFilter_legend a.unten { background-image:url(https://www.mr-money.de/module/vglrechner/layouts/_images/pfeil_unten.png);  }
#vvergleich .resultFilter_legend a.oben { background-image:url(https://www.mr-money.de/module/vglrechner/layouts/_images/pfeil_oben.png);  }
#vvergleich .resultFilter .zahlweise,
#vvergleich .resultFilter .beitrag,
#vvergleich .resultFilter .prozent,
#vvergleich .resultFilter .sb,
#vvergleich .resultFilter .lstg_gliedertaxe,
 #vvergleich .resultFilter .tarif_sort{ margin:0px 20px 10px 0px; height:15px; width:100% }
#vvergleich .resultFilter .gefunden {font-weight:bold;font-size:13px; margin:10px 10px 10px 250px; text-align:center}
#vvergleich .resultFilter .prozent_info { font-size:10px;margin:0px 0px 5px 0px; }
#vvergleich .resultFilter .leftside { float:left; margin:0px 0px 0px 0px; width:270px}
#vvergleich .resultFilter .ZahlweiseSlider,
#vvergleich .resultFilter .BeitragSlider,
#vvergleich .resultFilter .PunkteSlider,
#vvergleich .resultFilter .SBSlider,
#vvergleich .resultFilter .LstgGliedertaxeSlider,
#vvergleich .resultFilter .selectsortierung { margin:10px 0px 0px 280px; width:270px; }

#angezeigte_tarife {color:#cc0000;}
#chk_show_hidden_tarife {display:block;margin-top:5px;font-weight:normal;}
#chk_show_hidden_tarife.hidden {visibility:hidden;}
#chk_show_hidden_tarife label { display:inline }

#vvergleich .blaettern { text-align:center; margin:10px 0px 5px 0px }
#vvergleich .blaettern a { padding:3px 5px;margin:0px 0px }
#vvergleich .blaetter-seiten a.active { font-weight:bold; color:#cc0000 }
#vvergleich a.ausgrauen {color:#999;}


#vvergleich .ergebnisBox.hidden {display:none;}
#vvergleich .ergebnisBox.ausgrauen * {color:#999;}
#vvergleich .ergebnisBox.ausgrauen .balken span {background-color:#ccc;}
#vvergleich .ergebnisBox.ausgrauen .cell.sp4 .buttons span {background-color:#ccc;}
#vvergleich .chkleistungsvgl { float:right;	margin:2px 0px 0px 0px;}

#vvergleich .BeitragSliderValue,
#vvergleich .PunkteSliderValue,
#vvergleich .ZahlweiseSliderValue,
#vvergleich .LstgGliedertaxeSliderValue,
#vvergleich .SBSliderValue {background:none repeat scroll 0 0 transparent;border:medium none; white-space:nowrap; }

/* Tooltip Tests */
#vvergleich .tTip {cursor:help; }
#vvergleich .tip {color: #333;}
#vvergleich .tip {width:212px;padding-top:37px;overflow: hidden;display:none;position:absolute;z-index: 500;background: #fff url(https://www.mr-money.de/module/vglrechner/layouts/_images/tipTop.png) no-repeat top;}
#vvergleich .tipMid {background: #fff url(https://www.mr-money.de/module/vglrechner/layouts/_images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
#vvergleich .tipBtm {background: #fff url(https://www.mr-money.de/module/vglrechner/layouts/_images/tipBtm.png) no-repeat bottom; height: 32px;}

#tiptip_holder{display:none;position:absolute;top:0;left:0;z-index:99999}
#tiptip_holder.tip_top{padding-bottom:5px}
#tiptip_holder.tip_bottom{padding-top:5px}
#tiptip_holder.tip_right{padding-left:5px}
#tiptip_holder.tip_left{padding-right:5px}
#tiptip_content{font-size:11px;color:#000;padding:4px 8px;border:1px solid rgba(255,255,255,0.25);background-color:rgb(255,255,255);background-color:#ffffe1;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-khtml-border-radius:3px;box-shadow:0 0 3px #555;-webkit-box-shadow:0 0 3px #555;-moz-box-shadow:0 0 3px #555;-o-box-shadow:0 0 3px #555; -khtml-box-shadow:0 0 3px #555}
#tiptip_arrow,#tiptip_arrow_inner{position:absolute;border-color:transparent;border-style:solid;border-width:6px;height:0;width:0}
#tiptip_holder.tip_top #tiptip_arrow{border-top-color:#fff;border-top-color:rgba(255,255,255,0.35)}
#tiptip_holder.tip_bottom #tiptip_arrow{border-bottom-color:#fff;border-bottom-color:rgba(255,255,255,0.35)}
#tiptip_holder.tip_right #tiptip_arrow{border-right-color:#fff;border-right-color:rgba(255,255,255,0.35)}
#tiptip_holder.tip_left #tiptip_arrow{border-left-color:#fff;border-left-color:rgba(255,255,255,0.35)}
#tiptip_holder.tip_top #tiptip_arrow_inner{margin-top:-7px;margin-left:-6px;border-top-color:rgb(155,187,88);border-top-color:rgba(155,187,88,0.92)}
#tiptip_holder.tip_bottom #tiptip_arrow_inner{margin-top:-5px;margin-left:-6px;border-bottom-color:rgb(155,187,88);border-bottom-color:rgba(155,187,88,0.92)}
#tiptip_holder.tip_right #tiptip_arrow_inner{margin-top:-6px;margin-left:-5px;border-right-color:rgb(155,187,88);border-right-color:rgba(155,187,88,0.92)}
#tiptip_holder.tip_left #tiptip_arrow_inner{margin-top:-6px;margin-left:-7px;border-left-color:rgb(155,187,88);border-left-color:rgba(155,187,88,0.92)}

#vvergleich .ui-state-default, #vvergleich .ui-widget-content .ui-state-default, #vvergleich .ui-widget-header .ui-state-default {   border: 1px solid #666; background: #4583E0; font-weight: bold; color: #2779aa; }
#vvergleich .ui-state-default a, #vvergleich .ui-state-default a:link, #vvergleich .ui-state-default a:visited { color: #2779aa; text-decoration: none; }
#vvergleich .ui-state-hover, #vvergleich .ui-widget-content .ui-state-hover, #vvergleich .ui-widget-header .ui-state-hover, #vvergleich .ui-state-focus, #vvergleich .ui-widget-content .ui-state-focus, #vvergleich .ui-widget-header .ui-state-focus { border: 1px solid #74b2e2; background: #4583E0; font-weight: bold; color: #0070a3; }
#vvergleich .ui-state-hover a, #vvergleich .ui-state-hover a:hover { color: #0070a3; text-decoration: none; }
#vvergleich .ui-state-active, #vvergleich .ui-widget-content .ui-state-active, #vvergleich .ui-widget-header .ui-state-active { border: 1px solid #666; background: #4583E0; font-weight: bold; color: #ffffff; }
#vvergleich .ui-state-active a, #vvergleich .ui-state-active a:link, #vvergleich .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
#vvergleich .ui-widget :active { outline: none; }

#vvergleich .ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
#vvergleich .ui-widget .ui-widget { font-size: 1em; }
#vvergleich .ui-widget input,
#vvergleich .ui-widget select,
#vvergleich .ui-widget textarea,
#vvergleich .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
#vvergleich .ui-widget-content { border: 1px solid #dddddd; background: #ccc; color: #362b36; }
#vvergleich .ui-widget-content a { color: #362b36; }
#vvergleich .ui-widget-header { border: 1px solid #aed0ea; background: #4583E0; color: #222222; font-weight: bold; }
#vvergleich .ui-widget-header a { color: #222222; }

#vvergleich .ui-slider { position: relative; text-align: left; cursor:pointer; cursor:hand;  }
#vvergleich .ui-slider .ui-slider-handle { background: #4583E0 url(https://www.mr-money.de/module/vglrechner/layouts/_images/slider.png) 50% 50% no-repeat; cursor:pointer; cursor:hand;  position: absolute; z-index: 2; width: 1.6em!important; height: 1.2em!important; }
#vvergleich .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

#vvergleich .ui-slider-horizontal { height: .5em; margin:3px 0px 3px 0px; -moz-border-radius:2px;-o-border-radius:2px;-khtml-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; }
#vvergleich .ui-slider-horizontal .ui-slider-handle { top: -.4em; margin-left: -.6em; -moz-border-radius:10px;-o-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-webkit-box-shadow:rgba(0,0,0,0.4) 1px 1px;-moz-box-shadow:rgba(0,0,0,0.4) 1px 1px;-o-box-shadow:rgba(0,0,0,0.4) 1px 1px;-khtml-box-shadow:rgba(0,0,0,0.4) 1px 1px; box-shadow:rgba(0,0,0,0.4) 1px 1px; }
#vvergleich .ui-slider-horizontal .ui-slider-handle:hover { background-color:#ABCAFB; }
#vvergleich .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
#vvergleich .ui-slider-horizontal .ui-slider-range-min { left: 0; }
#vvergleich .ui-slider-horizontal .ui-slider-range-max { right: 0; }

#content-angebot dl.spalten dt {clear:left; float:left; width:120px;padding:3px; font-weight:bold}
#content-angebot dl.spalten dd {margin-left:120px;padding:3px}
#content-angebot dl.spalten .feld1 { width:300px; }
#content-angebot dl.spalten .feld2 { width:65px;  }
#content-angebot dl.spalten .feld3 { width:230px; }
#content-angebot dl.spalten .text1 { width:300px; height:50px;  }
#content-angebot dl.spalten dd.tarif,
#content-angebot dl.spalten dd.gesellschaft { font-weight:bold}

#content-angebot dl.spalten .feld1,
#content-angebot dl.spalten .feld2,
#content-angebot dl.spalten .feld3,
#content-angebot dl.spalten .text1 {border:1px solid #999}

#content-angebot dl.spalten .feld1.error,
#content-angebot dl.spalten .feld2.error,
#content-angebot dl.spalten .feld3.error,
#content-angebot dl.spalten .text1.error {border:3px solid #cc0000}

#dialog-overlay {
	width:100%;
	height:100%;
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	-webkit-opacity: 0.2;
	-o-opacity: 0.2;
	opacity: 0.2;
	background:#000000;
	position:fixed;
	top:0; left:0;
	z-index:3000;
	display:none;
}


#dialog-box {
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-khtml-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
	border:3px solid #4583E0;
	background:#fff;
	width:550px;
	position:fixed;
	z-index:5000;
	display:none;
}
#dialog-box .dialog-content {text-align:left; padding:10px; margin:13px;color:#000; line-height:16px;font-size:13px; }
#dialog-box .buttons {text-align:center;margin:10px auto 0 auto;}
#dialog-box a.button_send {display:none;margin-right:10px;}
#dialog-box a.button, #dialog-box a.button_send {
	text-align:center;
	display: inline;
	padding: 3px 5px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	width:80px;
	background-color: #4583E0;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-o-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-khtml-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
#dialog-box a.button_send {display:none;}
#dialog-box a.button:hover, #dialog-box a.button_send:hover {background-color:#ABCAFB;}
#dialog-box a.button:active, #dialog-box a.button_send:active {background-color:#4583E0;}
#dialog-message {max-height:400px;overflow:auto;}
#dialog-box .dialog-content p {font-weight:normal;margin:0px 0px 10px 0px;}
#dialog-box .dialog-content ul {margin:10px 0 10px 0px;padding:0; list-style:none;}
#dialog-box .dialog-content ul li{margin-bottom:5px;}



/* für LVG */
/*#vvergleich table.table-leistung,
#vvergleich table.table-leistungtext { width : 100%; margin-left:20px; }*/
#vvergleich table.table-leistung {
	font-size:11px;
	line-height:14px;;
}

table#tbl_GesellListe .row-header td ,
table#tbl_vorgaben .row-header td,
table#detailFragen .row-header td { font-size:12px; font-weight:bold; padding:10px 0px 10px 0px; border-bottom:1px solid #999 }

#vvergleich table.table-leistung.ergebnisse{
	width:auto;
	-moz-box-shadow: 1px 0px 6px rgba(0,0,0,0.5);
	-o-box-shadow: 1px 0px 6px rgba(0,0,0,0.5);
	-khtml-box-shadow: 1px 0px 6px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 0px 6px rgba(0,0,0,0.5);
	box-shadow: 1px 0px 6px rgba(0,0,0,0.5);
	-moz-border-radius:20px;
	-o-border-radius:20px;
	-khtml-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	margin:20px 0px 20px 20px;
	border-collapse: collapse;
}
#vvergleich table.table-leistung.ergebnisse tr td {
	background: inherit;
	border-bottom:1px dotted #ccc;
	width:220px;
	padding:5px 10px 5px 0px;
	vertical-align:middle;
	text-align:left;
}

#vvergleich .table-leistung.ergebnisse .head_title td {
	font-weight:bold;
	font-size:16px;
	text-align:center;
	padding:20px;
	letter-spacing:1px;
	color:#cc0000;
	width: 100%;
}

#vvergleich .table-leistung.ergebnisse .head_title td .head_adresse {
	font-weight: normal;
	color: #000000;
    text-align: left;
	line-height:16px;
	text-align:center;
	/*text-shadow: 0 1px 1px rgba(0,0,0,0.25);*/
	font-size:12px;
	margin-top:10px;
	letter-spacing:0px;
}
#vvergleich .table-leistung.ergebnisse .head_title td .head_adresse label {
	font-weight:bold;
}
#vvergleich .table-leistung.ergebnisse .head_title td .head_adresse p {
	margin:4px 0px;
}
#vvergleich .table-leistung.ergebnisse .head_leistungstext td {
	font-weight:normal;
	font-size:12px;
	text-align:left;
	padding:5px;
}


#vvergleich table.table-leistung.ergebnisse tr td div.inner_text {
	overflow:auto;
	max-height:150px;
}

*+html #vvergleich table.table-leistung.ergebnisse tr td div.inner_text {
	overflow:visible;
}

#vvergleich table.table-leistung.ergebnisse tr.head_title:hover td,
#vvergleich table.table-leistung.ergebnisse tr.head_leistungstext:hover td,
#vvergleich table.table-leistung.ergebnisse tr.schluss:hover td {
	background: inherit;
}

#vvergleich table.table-leistung.ergebnisse tr.schluss.auschluss td {
	padding:5px;
	color:#cc0000;
	font-weight:bold;
	border-top:1px solid #666;
	width: 100%;
}
#vvergleich table.table-leistung.ergebnisse tr.schluss.legende td {
	padding:5px;
	border:0px;
	width: 100%;
}
#vvergleich table.table-leistung.ergebnisse tr.schluss.legende td span {
	margin-right:20px;
}
#vvergleich table.table-leistung.ergebnisse tr.schluss.legende td img {
	vertical-align:middle;
}

#vvergleich table.table-leistung.ergebnisse .row1,
#vvergleich table.table-leistung.ergebnisse .row2 {
	background-color: #fff;
}

#vvergleich table.table-leistung.ergebnisse tr td.wertung {
	width:10px;
	border-right:0px;
	padding-left:10px;
	border-left:1px solid #ccc;
}

#vvergleich table.table-leistung.ergebnisse tr td.wertung {
	width:10px;
	border-right:0px;
	padding-left:10px;
	border-left:1px solid #ccc;
}

#vvergleich table.table-leistung.ergebnisse tr td.caption {
	font-weight:bold;
	padding-left:5px;
	background:#eeeeee;
}

#vvergleich table.table-leistung.ergebnisse tr.caption td {
	background:#eee;
	color:#cc0000;
	border-bottom:2px dotted #999;
	font-size:14px;
	padding:8px;
	text-align:center;
}

#vvergleich table.table-leistung.ergebnisse tr:hover td {
	background: #ffffc1;
}

#vvergleich .rot {
	color: #cc0000;
}

#vvergleich .table-berechnung{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	width:100%;
}
#vvergleich .table-berechnung tr td {
	border-bottom:1px solid #ccc;
	border-right:1px dotted #ddd;
	text-align:left;
	padding:2px 6px;
}

#vvergleich .table-berechnung td.sp1 {
	text-align:center;
	vertical-align:middle;
}
#vvergleich .table-berechnung td.sp1 a {
	text-decoration:none;
	padding:5px 0px;
	display:block;
}
#vvergleich .table-berechnung td.sp1 a .label {
	text-decoration:underline;
	font-size:11px;
}
#vvergleich .table-berechnung td.sp5 {
	text-align:right;
	white-space:nowrap;
}
#vvergleich .table-berechnung td.sp6 {
	white-space:nowrap;
	font-weight:bold;
	font-size:14px;
	color:#cc0000;
}
#vvergleich .table-berechnung td.sp7 {
	white-space:nowrap;
}

#vvergleich .table-berechnung td.sp8 {
	text-align:right;
	white-space:nowrap;
}
#vvergleich .table-berechnung td.sp8 .chkleistungsvgl {
	margin:0px;
	float:none;
}
#vvergleich .table-berechnung .row-header td {
	font-weight:bold;
	text-align:center;
	background-color: #4583E0;
	color:#fff;
}
#vvergleich .table-berechnung .row-header a {
	color:#fff;
}

#vvergleich .table-berechnung a.infoicon {
	text-decoration:none;
}

#DIV_Gliedertaxe { width: 100%; height: 440px; position: relative; margin: auto; border-top:1px solid #ccc }
#DIV_Gliedertaxe input{ position: absolute; border: solid 0px #00F;border-bottom-width: 1px;color: #00F;bottom: -2px;text-align: right;width: 42px;font-size:12px; }
#DIV_Gliedertaxe .gliedertaxe_bild { position: absolute; left: 0px; top: 0px; }
#DIV_Gliedertaxe .info {line-height:14px; font-size:11px; margin-right:20px; position: absolute; left: 20px; top: 8px;}
#DIV_Gliedertaxe .links { left: 20px; position: absolute; width: 220px;  }
#DIV_Gliedertaxe .rechts { left: 390px; position: absolute;  width: 180px; }
#DIV_Gliedertaxe .links input{right: 10px;}
#DIV_Gliedertaxe .links .prefix{	right: 60px;	white-space: nowrap;}
#DIV_Gliedertaxe .links .suffix{	right: 0px;}
#DIV_Gliedertaxe .rechts input{	left: 0px;}
#DIV_Gliedertaxe .rechts .prefix{	left: 56px;	white-space: nowrap;}
#DIV_Gliedertaxe .rechts .suffix{	left: 45px;}
#DIV_Gliedertaxe .suffix{	position: absolute;	bottom: 0px; font-size:11px;}
#DIV_Gliedertaxe .prefix{	position: absolute;	bottom: 0px; text-align: right; font-size:11px;}

/* für Antrag */
#tbl_antrag, #TBL_Beratungsdokumentation table { margin:0px auto;padding:0px}
#tbl_antrag td, #TBL_Beratungsdokumentation table td {padding:3px}
#tbl_antrag input.Auftrag, #TBL_Beratungsdokumentation table input.Auftrag { font-size:14px; font-weight:bold; margin:10px 0px}
#tbl_antrag .antart, #TBL_Beratungsdokumentation table .antart { font-size:15px; font-weight:bold; color:#000; }
#tbl_antrag .antart span, #TBL_Beratungsdokumentation table .antart span { padding-top:10px; display:inline-block;}
#tbl_antrag .antart img, #TBL_Beratungsdokumentation table .antart img {float:right;}
#tbl_antrag .balken, #TBL_Beratungsdokumentation table .balken {background-color:#4583E0; height:8px}
#tbl_antrag .antus, #TBL_Beratungsdokumentation table .antus {font-size:12px; font-weight:bold; color:#000000; background-color:#cccccc;}
#tbl_antrag .antt, #TBL_Beratungsdokumentation table .antt {font-size:12px; font-weight:normal; background-color:#efefef;}
#tbl_antrag .antk, #TBL_Beratungsdokumentation table .antk {font-size:9px; font-weight:normal; background-color:#efefef;}

/* Für 1-2-3 Schritte */
.clear_steps {clear:both; margin-bottom:10px;}
#steps {width:600px; margin:0px auto}
#steps .step {float:left; height:30px; position:relative; background-color:#CDE8F9;}
#steps .step1 {width:30%}
#steps .step2 {width:40%}
#steps .step3 {width:30%}
#steps .step1 {border-top-left-radius:5px; -moz-border-radius-topleft:5px;  border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px;}
#steps .step3 {border-top-right-radius:5px; -moz-border-radius-topright:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px;}
#steps .step.active {background-color:#015E9B; }
#steps .number {font-size:20px; font-weight:bold; color:#A1C6E3; display:inline-block; position:absolute; left:0px; top:1px;}
#steps .step1 .number {left:10px;}
#steps .active .number {color:#ccc; }
#steps .caption {font-weight:bold; font-size:13px; margin:6px 40px 0px 30px; display:inline-block; color:#16679F;}
#steps .step1 .caption {margin-left:40px;}
#steps .caption a {color:#fff; text-decoration:none;}
#steps .active .caption {color:#fff; }
#steps .triangle { display:inline-block; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: #CDE8F9; border-style: solid; border-width: 15px; height:0px; width:0px; position:absolute; top:0px; right:2px; z-index:3000; }
#steps .triangle-border {display:inline-block; border-top-color: #CDE8F9; border-right-color: #CDE8F9; border-bottom-color: #CDE8F9; border-left-color: #fff; border-style: solid; border-width: 15px; height:0px; width:0px; position:absolute; top:0px; right:0px; z-index:1000;}
#steps .active .triangle { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: #015E9B;}
#steps .fullactive .triangle-border { border-top-color: #015E9B; border-right-color: #015E9B; border-bottom-color: #015E9B; border-left-color: #fff;}