/* Revision: 1 */
/****************************
* Stand: 20.11.2008 13:49
****************************/
/****************************
 Bereiche
 ****************************/
.fright {
	float: right;
}

div.bereich-content
{
	border: 0px solid #e4e9ed;
	background-color: #e4e9ed;
	margin:0px;
	padding:0px;
	width:auto;
	margin-right: 0px;
}

div.tracking-code
{
	border: 0px solid green;
	font-size:0px;
}

div.bereich-content h1
{
	font-size: 12px;
	color: #AB0000;
	padding: 16px 16px 16px 16px;
	background:none;
}

div.bereich-content h2{
	padding: 16px 16px 16px 16px;
	margin-bottom:16px;
}

div.bereich-content h1.block
{
	font-size: 16px;
	background:#2F465E;
	color:white;
	padding: 4px;
	padding-left:20px;

	margin-bottom:16px;

}

div.bereich-content h1.block span.icon
{
	background:url("../images/headline/vergleich/pfeil.gif") top left no-repeat ;
	width:17px;
	height:17px;
	padding-right:17px;

}
/****************************
 Formatierungen und Auszeichnungen
 ****************************/
a.wichtig
{
	font-weight: bold;
}

a.sehr-wichtig
{
	font-weight: bold;
	color:#AB0000;
}


a.pfeil-rechts
{
	background: url(../images/icon_detailSuche.gif) no-repeat right;
	padding-right:16px;

}

a.pfeil-hoch
{
	background: url(../images/pfeile/hoch.gif) no-repeat bottom left;
	padding-left:16px;
}

a.pfeil-runter
{
	background: url(../images/pfeile/runter.gif) no-repeat bottom left;
	padding-left:16px;
}

a.bild-link
{
	text-decoration: none;
}

td.text-rechts, th.text-rechts
{
	text-align: right;
}

td.text-links, th.text-links
{
	text-align: left;
}

td.text-mitte,th.text-mitte
{
	text-align: center;
}

td.text-fett,th.text-fett,td.text-fett a,th.text-fett a
{
	font-weight:bold;
}

div.bereich-content ul li
{
	list-style-type: disc;
	list-style-position: inside;
}
div.bereich-content ul.haekchenListe li, div.bereich-content ul li.haekchenListe {
	list-style-type: none;
	list-style-position: outside;
}

div.bereich-content ul
{
	margin-bottom:8px;
	margin-left:16px;
}


div.TODO
{
	color:#ff6a00;
	font-weight: bold;
	font-size: larger;

	border:1px dotted  #a52400;
	background-color:#fff4ee;

}

div.WARNING
{
	color:#ffc600;
	font-weight: bold;
	font-size: larger;

	border:1px dashed  #da9400;
	background-color:#fffcee;

}

.FIXME
{
	border:1px dotted red;
}

div.Space-20x20
{
	width:20px;
	height:20px;
}

div.Space_20x20
{
	width:20px;
	height:20px;
	border: 1px solid red;

}

.red-error-background .feedbackPanelERROR
{
	background-color: #ffcccc;
	list-style: none;
}

div.inputerror
{
	border:1px solid red; 
	background-color: #ffcccc;
}

tr.inputerror 
{
	border:1px solid red;
	background-color: #ffcccc;
}

table.zwei-spalten-50-50 td.links,table.zwei-spalten-50-50 td.rechts
{
	padding-left:20px;
	padding-bottom:10px;
	width:50%;
	border:1px solid #D3DCE3;
	border-bottom:3px solid  #ffffff;

}
table.zwei-spalten-50-50 td.links
{
	border-right:3px solid  #ffffff;

}

table.zwei-spalten-50-50
{
	border-collapse: collapse;
	background-color: inherit;

}

table.gleich-breite-spalten
{
	table-layout: fixed;
}

div.tabelle {
	border:1px solid #2F465E;
}


/****************************
 Inhaltselemente
 ****************************/
/* using sprite*/
table.reiter td.rN,
table.reiter td.rNN,
table.reiter td.rNS,
table.reiter td.rNX,
table.reiter td.rN_rot_,
table.reiter td.rS,
table.reiter td.rSN,
table.reiter td.rSX,
table.reiter td.rS_rot_,
table.reiter td.rXN,
table.reiter td.rSX,
table.reiter td.rXS,
table.reiter td.r_rot_,
table.reiter td.r_rot_X,
table.reiter td.rrNN,

table.sub-reiter td.rNN,
table.sub-reiter td.rNS,
table.sub-reiter td.rS,
table.sub-reiter td.rSN,
table.sub-reiter td.rSX,

table.produktempfehlung-kopf td.rand-links,
table.produktempfehlung-kopf td.rand-rechts,
table.produktempfehlung-kopf td.rechts,
table.produktempfehlung-kopf td.links
{
   background-image: url('../images/reiter-sprite.gif');
   background-repeat: no-repeat;
}

table.produktempfehlung-kopf td.rechts{ background-position: 0 0; height: 54px; background-repeat: repeat-x; } 
table.produktempfehlung-kopf td.links{ background-position: 0 0; height: 54px; background-repeat: repeat-x; } 
table.produktempfehlung-kopf td.rand-links{ background-position: 0 -56px; width: 7px; height: 54px; } 
table.produktempfehlung-kopf td.rand-rechts{ background-position: 0 -112px; width: 7px; height: 54px; }

table.reiter td.rN{ background-position: 0 -168px; height: 22px; background-repeat: repeat-x; } 
table.reiter td.rNN{ background-position: 0 -192px; width: 8px; height: 22px; } 
table.reiter td.rNS{ background-position: 0 -216px; width: 8px; height: 22px; } 
table.reiter td.rNX{ background-position: 0 -240px; width: 5px; height: 22px; } 
table.reiter td.rN_rot_{ background-position: 0 -264px; width: 8px; height: 22px; } 
table.reiter td.rS{ background-position: 0 -288px; height: 22px; background-repeat: repeat-x; } 
table.reiter td.rSN{ background-position: 0 -312px; width: 8px; height: 22px; } 
table.reiter td.rSX{ background-position: 0 -336px; width: 5px; height: 22px; } 
table.reiter td.rS_rot_{ background-position: 0 -360px; width: 8px; height: 22px; } 
table.reiter td.rXN{ background-position: 0 -384px; width: 5px; height: 22px; } 
table.reiter td.rXS{ background-position: 0 -408px; width: 5px; height: 22px; } 
table.reiter td.r_rot_{ background-position: 0 -432px; height: 22px; background-repeat: repeat-x; } 
table.reiter td.r_rot_X{ background-position: 0 -456px; width: 5px; height: 22px; } 
/*table.sub-reiter td.rNN{ background-position: 0 -480px; width: 8px; height: 22px; }*/ 
table.sub-reiter td.rNN{ background-position: 0 -504px; width: 11px; height: 19px; } 
table.sub-reiter td.rNS{ background-position: 0 -525px; width: 11px; height: 19px; } 
table.sub-reiter td.rS{ background-position: 0 -546px; height: 19px; background-repeat: repeat-x; } 
table.sub-reiter td.rSN,table.sub-reiter td.rSX{ background-position: 0 -567px; width: 11px; height: 19px; } 
/* liste mit reitern */
table.reiter-liste
{
	border: 0px solid red;
	margin:0px;
	padding:0px;
	border-collapse: collapse;
}


/* reiter */
table.reiter-liste table.reiter
{
	border:0px dotted  #9e1212;
	margin:0px;
	padding:0px;
	border-collapse: collapse;

	margin-left:20px;


	height:22px;
	width:auto;

}

table.reiter-liste div.reiter
{
	background: #D3DCE3 url(../images/nav_bg.gif) repeat-x bottom left;
	background: #e4e9ed url(../images/nav_bg.gif) repeat-x bottom left;

}

table.reiter td.rSpace
{
	width:20px;

}

form table.reiter input.image-send,form input.image-send,input.image-send
{
	background: url(../images/bt_send.gif) no-repeat top left;
	height:18px;
	width:18px;
	padding:2px;
	padding-right:20px;
	margin-bottom:2px;
	margin-top:2px;
	border:0px solid red;
}



table.reiter td a
{
	color: #2f465e;
	color:#AB0000;

	text-decoration: none;
	font-weight: bold;
	text-decoration: underline;

	padding-left:8px;
	padding-right:8px;
}

table.reiter td.rS a,table.reiter td.rS
{
	color: white;
	font-weight: bold;
}

/* Farbige Reiter */


table.reiter td.r_rot_ a
{
	color: white;
	font-weight: bold;
}

/* reiter mit weissem Hintergrund */
table.reiter-liste table.reiter-weiss
{
	margin-left:auto;
	margin-right:0px;
}



/* auswahl kopf */
table.reiter-liste .vergleich-auswahl-kopf
{
	background-color:#2F465E;
	padding-left:20px;
	padding-top:12px;
	padding-bottom:12px;
	vertical-align: middle;
}

table.reiter-liste .vergleich-auswahl-kopf a
{
	color:white;
	text-decoration: underline;
	font-weight:normal;
}

.vergleich-auswahl-kopf td.text-fett a,.vergleich-auswahl-kopf th.text-fett a
{
	font-weight:bold;

}


table.reiter-liste .vergleich-auswahl-kopf td
{
	padding-right:16px;

}

table.reiter-liste .vergleich-auswahl-kopf form label
{
	color:white;

}

table.reiter-liste .vergleich-auswahl-kopf form input
{
	width: 70px;
	text-align: right;

}

table.reiter-liste .vergleich-auswahl-kopf form input.absenden
{
	padding-right:40px;

}

table.reiter-liste .vergleich-auswahl-kopf form input.image-send
{
	background: url(../images/bt_send.gif) no-repeat top left;
	height:18px;
	width:18px;
	padding:2px;
	padding-right:20px;
	margin-bottom:2px;
	margin-top:2px;
	border:0px solid red;
}

table.reiter-liste .vergleich-auswahl-kopf form input.image-zins-berechnen
{
	background: url(../images/buttons/zinsen-berechnen.gif) no-repeat top left;
	height:21px;
	width:175px;
	padding:2px;
	padding-right:175px;
	margin-bottom:2px;
	margin-top:2px;
	border:0px solid red;
}

table.reiter-liste .vergleich-auswahl-kopf form select
{
	font-size:8px;
	padding:0px;
	margin:0px;
/*
	width: 186px;
*/
	height: 18px;
	font-size: 12px;
	color: #2F465E;
}

table.reiter-liste .vergleich-auswahl-kopf table.sub-reiter,table.vergleich-fuss table.sub-reiter,div.vergleich-fuss table.sub-reiter
{
	padding-right:20px;
	width:auto;
}

div.bereich-content ul.sub-reiter {
	padding-right:20px;
	padding-left:0px;
	margin-left:0px;
	margin-bottom:0px;
	width:auto;
}


table.reiter-liste .vergleich-auswahl-kopf table.sub-reiter td,table.vergleich-fuss table.sub-reiter td,div.vergleich-fuss table.sub-reiter td
{
	padding-right:0px;
	padding-left:0px;

}


/* sub-reiter */
div.bereich-content ul.sub-reiter li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	height: 19px;
	color: white;
	white-space: nowrap;
}

table.sub-reiter
{
	height:19px;

	margin-right:auto;
	width: auto;
	border-collapse: collapse;

}

table.sub-reiter td
{
	color: white;
	height:19px;

	white-space: nowrap;
}

table.sub-reiter td a,table.reiter-liste table.sub-reiter td a,
table.reiter-liste ul.sub-reiter a
{
	font-weight: bold;

}


ul.sub-reiter span.rXN,ul.sub-reiter span.rNX,ul.sub-reiter span.rXX {
	background: none;
	width: 0px;
}
ul.sub-reiter span {
	margin:0px;
	padding:0px;
}

ul.sub-reiter span.rS {
	padding-top:1px;
}

ul.sub-reiter span.rN {
	background:none;
}

table.sub-reiter td.rSpace,
ul.sub-reiter span.rSpace
{
	width:5px;

}

/* Ergebnis */

table.ergebnis
{
	border: 0px solid red;
	margin:0px;
	padding:0px;
	border-collapse: collapse;

	background-color:white;

}

table.ergebnis td,table.ergebnis th
{
	padding:6px;

	padding-left:10px;
	padding-right:10px;
	border-right:0px solid #AAB7C4;
	white-space: nowrap;


}

table.ergebnis th.erste-spalte,table.ergebnis td.erste-spalte
{
	padding-left:20px;
	text-align: left;
}

table.ergebnis thead th
{
	vertical-align: top;
	padding-top:6px;
}

table.ergebnis tbody td,table.ergebnis thead th
{
	text-align: right;

}

table.ergebnis tbody tr.swap,table.ergebnis thead th
{
	background: #D3DCE4;
}



/* Vergleich */
table.vergleich
{
	border: 0px solid red;
	margin:0px;
	padding:0px;
	border-collapse: collapse;

	background-color:white;

}

table.vergleich td,table.vergleich th
{
	padding-left:6px;
	padding-right:6px;
	border-right:1px solid #AAB7C4;
	white-space: nowrap;

	padding-top:4px;
	padding-bottom:4px;

}

table.vergleich td p,table.vergleich th p
{
	white-space: normal;
}

table.vergleich tr
{
	height:30px;
}

table.vergleich th
{
	padding-bottom:12px;
}

table.vergleich th.erste-spalte,table.vergleich td.erste-spalte,table.vergleich th.first-child,table.vergleich td.first-child
{
	padding-left:20px;
	text-align: left;
}

table.vergleich th
{
	vertical-align: top;
	padding-top:6px;

}

table.vergleich td,table.vergleich th
{
	text-align: right;

}

table.vergleich td.text-links,table.vergleich th.text-links
{
	text-align: left;

}

table.vergleich td.text-mitte,table.vergleich th.text-mitte
{
	text-align: center;

}

table.vergleich td.wichtig,table.vergleich th.wichtig
{
	font-weight:bold;

}

table.vergleich tr.wichtig td
{
	border-top:1px solid #AB0000;
	border-bottom:1px solid #AB0000;
}

table.vergleich td.sehr-wichtig,
table.vergleich th.sehr-wichtig,
table.vergleich td.mega-wichtig,
table.vergleich th.mega-wichtig
{
	font-weight:bold;
	background:#EEF3F8;
}

table.vergleich td.sehr-wichtig,
table.vergleich td.mega-wichtig
{
	color:#AB0000;
}

table.vergleich td.text-check-sign {
	background-image: url("http://www.vergleich.de/fileadmin/images/Landingpages/tg-haekchen-einlagensicherung.png");
	background-position: 93% center;
	background-repeat: no-repeat;
	padding-right: 30px;
}

table.vergleich tr.swap,
table.vergleich tr.swap
{
	background: #D3DCE4;
	/* background:#ebf1f5 ; */

}
table.vergleich tr.swap th.sehr-wichtig,
table.vergleich tr.swap th.mega-wichtig
{
	background-color: #D3DCE4;
}
table.vergleich tr.swap td.sehr-wichtig,
table.vergleich tr.swap td.mega-wichtig
{
	background-color:#B8C3CC;
}

table.vergleich tr td.text-style-fett {
	font-size: 14px;
	font-weight: bold;
	padding-right: 2em; /* hack fuer schnellen AB-Test TG */
}

table.vergleich tr td.text-style-big
{
	color: #2F465E;
	font-size:16px;
}

table.vergleich tr td.text-style-red
{
	color:#AB0000;
}

table.vergleich tr td.text-style-blue
{
	color:#2F465E;
}

table.vergleich.verlauf th {
	background-image: url(http://www.vergleich.de/fileadmin/images/Landingpages/bg-tagesgeld-head.png);
	vertical-align: middle;
}
table.vergleich.verlauf .erste-spalte {
	padding-left: 5px;
	text-align: right;
}
table.vergleich.verlauf .anbieter-img img {
	margin: 5px 0;
}
table.vergleich.verlauf td.text-style-big {
	font-size: 18px;
}

table.vergleich td.inhalt-oben
{
	vertical-align: top;
}

table.vergleich tr.produktempfehlung td.sehr-wichtig
{

	background-color:#f7e5e5;
}

table.vergleich td span.zinsgr
{
	font-size: 14pt;
}

/*
table.vergleich tbody tr.produktempfehlung td
{
	background-color:#f7e5e5;
}
table.vergleich tbody tr.produktempfehlung-start td
{
	border-top:1px solid  #f77c7c;

}

table.vergleich tbody tr.produktempfehlung-ende td
{
	border-bottom:1px solid  #f77c7c;

}
*/

/* hr color -> IE, hr background-color: Firefox, Opera */
hr.vergleich, table.vergleich hr.vergleich
{
	background-color:#960000;
	color:#960000;
	border:0px solid red;
	height:1px;

	margin-top:4px;
	margin-bottom:4px;
	padding:0px;


}

table.vergleich td.hinweis
{
	text-align: center;
	background-color:#fffff0;
	border-top:1px solid black;
	border-bottom:1px solid black;
}

table.vergleich tr.ueberschrift td, table.vergleich tr.ueberschrift th
{
	text-align: left;
	font-weight:bold;
	padding-left:16px;
	color:white;
	background-color:#2F465E;
}

table.vergleich tr.ueberschriftTG td, table.vergleich tr.ueberschriftTG th
{
	background-color:#ADB5C5;
	color:black;
	text-align:center;
}

table.vergleich-info
{
	margin-left:20px;
	width:auto;
	margin-top:12px;
	margin-bottom:6px;
}

#content table.vergleich-info p
{
	padding-left:0px;
}

table.vergleich-info thead th
{
	color: #AB0000;
}

div.vergleich-fuss
{
	padding:6px;

	padding-left:20px;
	padding-right:10px;

	background-color:#2F465E;
}

table.vergleich-fuss
{
}

table.vergleich-fuss td
{
}

table.vergleich-fuss td,table.vergleich-fuss td a,div.vergleich-fuss td a
{
	color:white;

}

table.vergleich div.balken, table.vergleich div.balken-gruen
{
	background-color: #AB0000;
	margin-left:0px;
	margin-right: auto;
}

table.vergleich div.balken-gruen
{
	background-color:#005f01;


}

table.vergleich-eingebettet
{
	border:1px solid #2F465E;
}
table.vergleich-eingebettet tr
{
	height: auto;
}
table.vergleich-eingebettet tbody tr
{
	background: #C0CAD4;
}

table.vergleich-eingebettet tbody tr.swap
{
	background: #D3DCE4;
}

table.vergleich-eingebettet thead tr
{
	background: #2F465E;
	color:white;

}
table.vergleich-eingebettet thead th,table.vergleich-eingebettet tbody td
{
	border-right: 1px solid #2F465E;
	padding: 6px 6px 12px 6px;
}

/* Formular */
table.formular
{
	background-color: white;
	empty-cells: show;
	border:0px solid red;
	border-collapse: collapse;

	border-bottom:1px solid #AAB7C4;

}

div.produktempfehlung-block-variante {
	border: 1px solid #2F465E; border-top:0px;
}

div.produktempfehlung-block-variante table.formular
{
	border-bottom:0px;
}

table.formular_2spalten
{
	table-layout: fixed;

}

table.formular-unten
{
	background-color: #D3DCE4;
}

table.formular-eingebettet
{
	border-bottom:0px solid #AAB7C4;
	background-color: transparent;

}


table.formular thead tr
{
	background-color:#2F465E;
}

div.formular-unten-kopf
{
	background-color:#2F465E;
	padding-left:20px;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:10px;

}

div.formular-unten-kopf a
{
	color: white;
}

table.formular thead th,table.formular tbody td
{
	empty-cells: show;
	border:0px solid red;
}

table.formular thead th
{
	padding-left:20px;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:10px;

	color:white;
}


table.formular tbody th
{
	padding-left:20px;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:10px;

	text-align: center;

}


table.formular thead th a
{
	color:white;
	font-weight: bold;

}

table.formular tbody td
{
	padding-left:6px;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:2px;

	border:0px solid red;

	vertical-align: top;
/*	white-space: nowrap; -- funktioniert irgendwie nicht mit der Regel für 'p' */
}

table.formular-abstand-links tbody td
{
	padding-left:20px;

}


table.formular tbody td p
{
	white-space: normal;
}

table.formular tbody td.hinweis
{
	text-align: center;
	background-color:#fffff0;
	border-top:1px solid black;
	border-bottom:1px solid black;
}

table.formular tbody tr.hinweis-start
{
	border-top:1px solid black;
}

table.formular tbody tr.hinweis-ende
{
	border-bottom:1px solid black;
}

table.formular tbody tr.hinweis-dazwischen,table.formular tbody tr.hinweis-start,table.formular tbody tr.hinweis-ende
{
	background-color:#fffff0;
}


table.formular tbody td.linke-spalte
{
	padding-right:6px;
	text-align: right;
	width:50%;

}

table.formular_2spalten tbody td.linke-spalte
{
	padding-right:6px;
	text-align: right;
	width:25%;

}

table.formular tbody td.grosse-spalte
{
	width:40%;

}

table.formular td.fehler
{
	color: red;

}

table.formular td.fehler textarea,table.formular td.fehler input
{
	border:1px solid red;

}

table.formular td.fehler p, #content table.formular td.fehler p
{
	color: inherit;
	padding-left:0px;
	margin-left:0px;

}

table.formular td.info
{
	font-style: italic;


}

/*
table.formular input.button
{
	background-color:#CBCCDA;
	border:1px solid white;
	border-right:1px solid #D9DAE4;
	border-bottom:1px solid #D9DAE4;

}

table.formular span.button
{
	border:1px solid #9495A2;
	padding-top:2px;
	padding-bottom:2px;

}

table.formular div.button
{
	border:1px solid #9495A2;
	display: table;



}
*/

table.formular select,table.formular input,table.formular textarea
{
	border:1px solid #a4acaf;

}

table.formular div.volle-breite
{
	margin-left:16px;
	margin-right:20px;
}

table.formular textarea
{
	margin:0px;
	width:100%;
	padding:0px;


}



table.formular input.button
{
	background:url("../images/buttons/leer.gif") top left no-repeat ;

	color: black;


	height:16px;
	width:89px;

	padding:0px;
	border:0px solid red;

}

table.formular input.button-start
{
	background:url("../images/buttons/leer-start.gif") top left no-repeat ;

	color: black;


	height:16px;
	width:5px;

	padding:0px;
	margin-right:0px;
	border:0px solid red;

	font-size:10px;


}

table.formular input.button-ende
{
	background:url("../images/buttons/leer-ende.gif") top left no-repeat ;

	color: black;


	height:16px;
	width:14px;

	padding:0px;
	margin-left:0px;
	border:0px solid red;

	font-size:10px;
}

table.formular input.button-text
{
	background:url("../images/buttons/leer-dazwischen.gif") top left repeat-x;

	color: black;



	height:16px;

	padding:0px;
	margin-left:0px;
	margin-right:0px;
	border:0px solid red;

	font-size:10px;
}

table.formular input.button-vergleichen
{
	background:url("../images/buttons/vergleichen.gif") top left no-repeat ;

	height:16px;
	width:89px;

	padding:0px;
	border:0px solid red;

}

table.formular input.button-vergleichen-gross, table.formular a.button-vergleichen-gross
{
	background: url("../images/buttons/vergleichen118x22.gif") top left no-repeat;

	height: 22px;
	width: 118px;

	padding: 0px;
	border: 0px solid red;
	display: inline-block;
	text-decoration: none;
}
table.formular input.button-vergleichen-gross span, table.formular a.button-vergleichen-gross span
{
	visibility: hidden;
}
table.formular input.button-berechnen
{
	background:url("../images/buttons/berechnen.gif") top left no-repeat ;
	height:16px;
	width:84px;

	padding:0px;
	border:0px solid red;

}

table.formular button.image-button
{
	border:0px;
	padding:0px;
	background:transparent ;

}

/* Uebersicht */
table.uebersicht table.formular
{
	border-bottom:0px solid red;
}

table.uebersicht
{
	background-color: white;
	empty-cells: show;
	border:0px solid red;
	border-collapse: collapse;

	border-bottom:0px solid #AAB7C4;

}

table.uebersicht thead tr,table.uebersicht tbody tr th
{
	background-color:#2F465E;
}



table.uebersicht thead th,table.uebersicht tbody td
{
	empty-cells: show;
	border:0px solid red;
/*	white-space: nowrap; -- funktioniert irgendwie nicht mit der Regel für 'p' */
}

table.uebersicht thead th p,table.uebersicht tbody td p
{
	white-space: normal;

}


table.uebersicht thead th,table.uebersicht tbody th,table.uebersicht thead td
{
	padding-left:20px;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:10px;

	color:white;
}

/* Styleguide override */
table.uebersicht tbody tr th,table.uebersicht thead tr td
{
	background-color:#F2F4F5;
	color:#2F465E;


}

table.uebersicht-schmal thead th,table.uebersicht-schmal tbody th,table.uebersicht-schmal thead td
{
	padding-left:10px;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:4px;

	color:white;
}

table.uebersicht-schmal thead th.erste-spalte,table.uebersicht-schmal tbody th.erste-spalte,table.uebersicht-schmal thead td.erste-spalte
{
	padding-left:20px;
}

/*
	border-top:1px solid  #A8B6C4;
	border-bottom:1px solid #A8B6C4;
*/

table.uebersicht thead th a,table.uebersicht thead th a strong
{
	color:white;
	font-weight: bold;

}

table.uebersicht tbody td
{
	padding-left:20px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:2px;

	border:0px solid red;

/*	width:50%; */

}

table.uebersicht tbody td p, #content table.uebersicht tbody td p
{
	padding:0px;
	white-space: normal;


}


table.uebersicht tbody td.linke-spalte
{
	padding-right:6px;
	text-align: right;

}

table.uebersicht tbody td.rand-links
{
	border-left:1px solid #2F465E;

}

table.uebersicht tbody th.rand-links
{
	border-left:1px solid #2F465E;

}

table.uebersicht tbody td.grosse-spalte
{
	width: 80%;

}

table.uebersicht tbody tr.swap
{
	background: #F2F4F5;
	/* background:#ebf1f5 ; */

}

table.uebersicht tbody td.hinweis
{
	vertical-align:top;
	background-color:#fffff0;
	border-top:1px solid black;
	border-bottom:1px solid black;
}

table.uebersicht tbody tr.hinweis-start
{
	border-top:1px solid black;
}

table.uebersicht tbody tr.hinweis-ende
{
	border-bottom:1px solid black;
}

table.uebersicht tbody tr.hinweis-dazwischen,table.uebersicht tbody tr.hinweis-start,table.uebersicht tbody tr.hinweis-ende
{
	background-color:#fffff0;
}

table.uebersicht form input.absenden,table.formular form input.absenden
{
	padding-right:40px;

}

table.uebersicht form input.image-send,table.formular form input.image-send
{
	background: url(../images/bt_send.gif) no-repeat top left;
	height:18px;
	width:18px;
	padding:2px;
	padding-right:20px;
	margin-bottom:2px;
	margin-top:2px;
	border:0px solid red;
}

table.uebersicht form select
{
	font-size:8px;
	padding:0px;
	margin:0px;

	width: 186px;
	height: 18px;
	font-size: 12px;
	color: #2F465E;
}

table.uebersicht-eingebettet
{
	background-color: transparent;


}

table.uebersicht-eingebettet tbody tr.swap
{
	background-color: transparent;
}
table.uebersicht-eingebettet tbody tr th
{
	background-color: transparent;
}

/* Produktseite */
table.produkt-impressum
{
	width:auto;
	margin-left:16px;

}
table.produkt-impressum h1
{
	padding-bottom:2px;

}

table.produkt-impressum td h1
{
	background: none;
}

p.produkt-impressum
{
	/* font-style: italic; */
}

p.produkt-impressum img
{
	margin-right: 16px;
	margin-bottom: 16px;
	float:left;
}

/****************************
* spezielle Links
*****************************/
a span.button-start
{
	background:url("../images/buttons/leer-start.gif") top left no-repeat ;

	color: black;


	height:16px;
	width:5px;

	padding:0px;
	margin-right:0px;
	border:0px solid red;

	font-size:10px;


}

a span.button-ende
{
	background:url("../images/buttons/leer-ende.gif") top left no-repeat ;

	color: black;


	height:16px;
	width:1px;
	padding-left:13px;

	padding:0px;
	margin-left:0px;
	border:0px solid red;

	font-size:10px;
}

a span.button-text
{
	background:url("../images/buttons/leer-dazwischen.gif") top left repeat-x;

	color: black;
	width:auto;



	height:16px;

	padding:0px;
	margin-left:0px;
	margin-right:0px;
	border:0px solid red;

	font-size:10px;
}


/****************************
Produktempfehlung
*****************************/
div.produktempfehlung-block
{
	/*
	background-color:#d3dce4;
	background-color:#D3DCE3;
	*/
	background-color:#e4e9ed;
}

div.produktempfehlung-block-variante
{
	background-color: white;
}
div.produktempfehlung-block-variante ul li { /* FIX BTCK-1449 */
	list-style-position: outside;
	margin-right:1em;
	margin-left:1em;
}

div.produktempfehlung-kopf
{
	margin-left:20px;
	margin-right:20px;

}

table.produktempfehlung-kopf
{
	height:54px;

	margin:0px;
	padding:0px;
	empty-cells: show;
	border-collapse: collapse;
	table-layout: fixed;

	width:100%;

}
table.produktempfehlung-kopf td
{
	background:url("../images/produktempfehlung/kopf-hintergrund.gif") top left repeat-x ;
	font-weight:bold;
}


table.produktempfehlung-kopf td.rand-links
{
	width:7px;
	background:url("../images/produktempfehlung/kopf-rand-links.gif") top left no-repeat;

}

table.produktempfehlung-kopf td.rand-rechts
{
	width:7px;
	background:url("../images/produktempfehlung/kopf-rand-rechts.gif") top right no-repeat;
}

table.produktempfehlung-kopf td.icon-mitte
{
	width:54px;
	background:url("../images/produktempfehlung/kopf-icon-mitte-hell.jpg") top left no-repeat;
}
div.produktempfehlung-block-variante table.produktempfehlung-kopf td.icon-mitte
{
	width:52px;
	background:url("../images/produktempfehlung/kopf-icon-mitte-weiss.jpg") center left no-repeat;
}

table.produktempfehlung-kopf td p, #content table.produktempfehlung-kopf td p
{
	margin:0px;
	padding:0px;
}

table.produktempfehlung
{
	margin:0px;
	padding:0px;
	empty-cells: show;
	border-collapse: collapse;

	margin-bottom:0px;
	table-layout: fixed;

}
table.produktempfehlung td
{
	font-weight: normal;
}

table.produktempfehlung td.icon
{
	padding-left:20px;
	width:240px;

}

table.produktempfehlung td.icon p,#content table.produktempfehlung td.icon p
{
	padding-left: 0px;
}

table.produktempfehlung td.rechts
{
	width:36%;
	margin-right:20px;

}
table.produktempfehlung td.rechts p, #content table.produktempfehlung td.rechts p
{
	padding-left:0px;
}

/**/
table.ZweiSpaltigeListe td.icon
{
	padding-left:20px;
	padding-bottom:10px;
	width:240px;
}

table.ZweiSpaltigeListe td.links
{
	padding-left:20px;
}

table.ZweiSpaltigeListe td.rechts
{
	padding-right:20px;
}
/**/

table.produktempfehlung hr,div.produktempfehlung-block hr
{
	color: white;
	height:1px;
	border:0px solid red;
	border-top:1px solid  white;

}

table.produktempfehlung ul
{
	margin:0px;
	margin-left: 15px;
	padding:0px;
}
#content table.produktempfehlung td p {
	margin-left: 1em;
}
table.produktempfehlung ul li
{

}

table.produktempfehlung-vertikal td.icon
{
	padding-left:0px;
}

table.produktempfehlung-vertikal
{
	margin-left:0px;
	border-collapse: separate;

	width:330px;

}



table.produktempfehlung-zwei-spalten
{
	margin:0px;
	padding:0px;
	empty-cells: show;
	border-collapse: collapse;
}

table.produktempfehlung-zwei-spalten td
{
	border:0px;

}

table.produktempfehlung-zwei-spalten td.icon
{
	width:20px;
	text-align: left;
	vertical-align: top;
	padding-right:10px;

}

table.produktempfehlung-zwei-spalten td.icon, table.produktempfehlung-zwei-spalten td.ueberschrift
{
	padding-bottom:10px;
	padding-top:10px;
}

#content table.produktempfehlung-zwei-spalten p
{
	padding:0px;
}

span.icon-produktempfehlung
{
	background:url("../images/produktempfehlung/icon-vergleich.gif") left no-repeat;
	width:28px;
	height:16px;
	padding:0px;
	margin:0px;
	margin-left:4px;


	empty-cells: show;
	padding-left:28px;


	border:0px solid black;
	vertical-align: middle;


}

/***********************
Aktualisierungsdatum
***********************/
table.refreshdate {
    float:right;
    border-spacing: 0;
    width: auto;
}

table.refreshdate td.refreshdate-dunkelblau {
    background-color: #2F465E;
    color: #FFFFFF;
    padding:2px;
    font-weight:bold;
    font-size:12px;
}

table.refreshdate td.refreshdate-hellblau {
    background-color: #D3DCE4;
    padding:2px;
    border-top:1px solid #2F465E;
    font-weight:bold;
    font-size:12px;
}

table.refreshdate td.refreshdate-transparent, table.refreshdate td.refreshdate-transparent-bold {
    padding:2px 6px 2px 2px;
    font-size:12px;
}

table.refreshdate td.refreshdate-transparent-bold {
    font-weight:bold;
}

table.refreshdate td.refreshdate-invisible, table.refreshdate td.prepost-invisible {
    display:none;
}

table.refreshdate td.pre-hellblau{
    padding:0;
    margin:0;
    width:4px;
	background: url("../images/reiter/vergleich/re_hb_li.gif") no-repeat scroll left top transparent;
}
table.refreshdate td.post-hellblau{
    padding:0;
    margin:0;
    width:4px;
	background: url("../images/reiter/vergleich/re_hb_re.gif") no-repeat scroll left top transparent;
}
table.refreshdate td.pre-dunkelblau{
    width:4px;
	background: url("../images/reiter/vergleich/re_db_li.gif") no-repeat scroll left top transparent;
}
table.refreshdate td.post-dunkelblau{
    width:4px;
	background: url("../images/reiter/vergleich/re_db_re.gif") no-repeat scroll left top transparent;
}

/****************************
 Warenkorb
*****************************/
div.warenkorb
{
	background-color:white;
	border:1px solid #808080;
	padding:10px;
	margin-left:20px;
	margin-bottom:20px;

	vertical-align: top;
	width: 400px;

}

div.warenkorb table.anbieterListe
{
	border-collapse: collapse;

}

div.warenkorb table.anbieterListe td
{
	padding:6px;
	color:#AB0000;
}

div.warenkorb table.anbieterListe thead td
{
	border-bottom:1px solid #c0c0c0;
}
div.warenkorb table.anbieterListe tfoot td
{
	border-top:1px solid #c0c0c0;
}

div.warenkorb table.anbieterListe tbody td
{
	font-weight: bold;

}

div.warenkorb table.anbieterListe td.rechts
{
	border-left:1px solid  #c0c0c0;
	text-align: center;
}

div.warenkorb table.anbieterListe td.mitte
{
	border-left:1px solid  #c0c0c0;
	text-align: center;
}

div.warenkorb div.anfrage
{
	text-align: right;
	margin-top:8px;
}

div.warenkorb table.anbieterListe td div.empty
{
	width:60px;
	border-bottom:1px solid  #AB0000;
}

/****************************
 Schnellvergleich
*****************************/
div.schnellvergleich
{
	background-color: #D3DCE3;
	border:1px solid black;

}

div.schnellvergleich form input
{
	width: 70px;
	text-align: right;
}

div.schnellvergleich form input.image-send
{
	background: url(../images/bt_send.gif) no-repeat top left;
	height:18px;
	width:18px;
	padding:2px;
	padding-right:20px;
	margin-bottom:2px;
	margin-top:2px;
	border:0px solid red;
}

div.schnellvergleich div.drop
{
	font-weight: bold;
	vertical-align: middle;
	text-align: center;

}

div.schnellvergleich table.produktliste
{
	table-layout: fixed;

}

div.schnellvergleich table.produktliste td.platz
{
	vertical-align: top;


}

div.schnellvergleich table.produktliste table.produkt
{
	border-collapse: collapse;
	background-color:#EEF3F8;
	border:1px solid #D3DCE3;
}

div.schnellvergleich table.produktliste table.produkt thead th
{
	background-color:#2F465E;
	color:white;

}

div.schnellvergleich table.produktliste table.produkt td
{
	text-align: left;
	padding-top: 5px;
}

/****************************
 Icons
*****************************/

span.icon-kreditkarten-kundenkarte
{
	background:url("../images/icons/kreditkarten/26x16/kundenkarte.gif") left no-repeat;
}
span.icon-kreditkarten-maestro
{
	background:url("../images/icons/kreditkarten/26x16/maestro.gif") left no-repeat;
}
span.icon-kreditkarten-mastercard
{
	background:url("../images/icons/kreditkarten/26x16/mastercard.gif") left no-repeat;
}
span.icon-kreditkarten-mastercard-gold
{
	background:url("../images/icons/kreditkarten/26x16/mastercard-gold.gif") left no-repeat;
}
span.icon-kreditkarten-visa
{
	background:url("../images/icons/kreditkarten/26x16/visa.gif") left no-repeat;
}
span.icon-kreditkarten-visa-gold
{
	background:url("../images/icons/kreditkarten/26x16/visa-gold.gif") left no-repeat;
}

span.icon-kreditkarten-kundenkarte,
span.icon-kreditkarten-maestro,
span.icon-kreditkarten-mastercard,
span.icon-kreditkarten-mastercard-gold,
span.icon-kreditkarten-visa,
span.icon-kreditkarten-visa-gold
{
	width:26px;
	height:18px;
	padding:0px;
	margin:0px;
	margin-left:4px;


	empty-cells: show;
	padding-left:26px;


	border:0px solid black;
	vertical-align: middle;
	font-size:15px;
}


/****************************
 Images
*****************************/

div.niedrigzinsgarantie-stempel
{
	background:url("../images/niedrigzinsgarantie.gif") top left no-repeat ;
	width:107px;
	height:106px;

	padding:0px;
	border:0px solid red;
}

div.leistungsgarantie-stempel
{
	background:url("../images/leistungsgarantie.gif") bottom right no-repeat;
	width:107px;
	height:106px;

	padding:0px;
	border:0px solid red;
	margin-right:20px;

}

div.image-pfeil
{
	width:16px;
	height:16px;
	background-color:#b74c4c;

}

span.image_pfeil
{
	width:16px;
	height:16px;
	border:1px solid red;

}


span.icon-hinweis, div.icon-hinweis
{
	width:15px;
	padding:0px;
	margin:0px;
	padding-left:15px;
	height:15px;
	border:0px solid red;
	background:url("../images/icons/icon-hinweis-15x15.gif") top left no-repeat ;
}

span.icon-warnung, div.icon-warnung
{
	width:15px;
	padding:0px;
	margin:0px;
	padding-left:15px;
	height:15px;
	border:0px solid red;
	background:url("../images/icons/icon-warnung-15x15.gif") top left no-repeat ;
}

span.icon-email-send, input.icon-email-send
{
	width:28px;
	padding:0px;
	margin:0px;
	padding-left:28px;
	height:14px;
	border:0px solid red;
	background:url("../images/icons/email/email-send.gif") top left no-repeat ;
}

input.icon-email-send
{
	padding-left:0px;
}

/****************************
 Layoutklassen
*****************************/
table.layout-box
{
	border: 0px solid blue;
	margin:0px;
	padding:0px;
	border-collapse: collapse;

}

td.noborder
{
	border: 0px solid blue;
	margin:0px;
	padding:0px;
}

/*************************
* Tooltips
*************************/
div.tooltip
{
	border:1px solid #888878;
	background-color:#ffffbf;
}

table.tooltip tbody tr td
{
	background-color:#ffffbf;
	border:1px solid black;
	margin:2px;
	padding:2px;

	text-align: left;
}

table.tooltip tbody tr td,table.tooltip tbody tr td p,table.tooltip tbody tr td p strong
{
	color: black;
}
#content div.tooltip p,#content div.tooltip p table.tooltip-content,#content div.tooltip p table.tooltip-content tr td,div.tooltip p table.tooltip-content tr td
{
	color: black;
}

table.tooltip tbody tr td p,#content table.tooltip tbody tr td p,#content div.tooltip p
{
	font-weight: normal;
	margin:0px;
	padding:0px;
	width:100%;
	border: 0px solid red;

}

table.tooltip table.tooltip-content,div.tooltip table.tooltip-content
{
	background-color:#ffffdf;
	border:1px solid black;
	margin:0px;
	padding:6px;
	border-collapse: collapse;
	border-collapse: separate;
	border-collapse: collapse;





}
table.tooltip table.tooltip-transparent,div.tooltip table.tooltip-transparent
{
	border:0px solid black;
	margin:0px;
	padding:6px;
	border-collapse: collapse;
	border-collapse: separate;
	border-collapse: collapse;
}

table.tooltip table.tooltip-content td,table.tooltip table.tooltip-content th,div.tooltip table.tooltip-content td,div.tooltip table.tooltip-content th
{
	border:0px solid #888878;
	background-color:#ffffef;

}

table.tooltip table.tooltip-transparent td,table.tooltip table.tooltip-transparent th,div.tooltip table.tooltip-transparent td,div.tooltip table.tooltip-transparent th
{
	border:0px solid #888878;
}

table.tooltip-content tbody tr
{
	height: auto;

}

table.tooltip-content tbody tr.wichtig
{
	border-top:1px solid black;

}

table.tooltip p.close
{
	background-color:#ffff8f;

}

table.tooltip table.tooltip-content td,div.tooltip table.tooltip-content td
{
	font-weight: normal;
}

div.ttContainer{
	width: 400px;
}
div.ttContainer iframe.selectOverlap {
	width: 401px;
}
div.ttContainer div.ttBox {
	background-color: #E4E9ED;
	border: 1px solid #AAB7C4;
	padding: 2px;
}

body div.ttGelb div.ttBox {
	background-color: #FFFFBF;
}

body div.ttSchmal {
	width: 240px;
}

/**************************
* Vorschau
***************************/

div.intern_vorschau
{
	border-top:2px dotted #002fa8;
	border-bottom:2px dotted #a82f00;
	margin-top:80px;
	padding-bottom:0px;

	margin-bottom:0px;
}

/**************************
* Struktur
***************************/

ul.struktur
{
	list-style:disc inside;
	padding-bottom:20px;
	padding-left:16px;

}

div.bereich-content ul.struktur li
{
	list-style-position: outside;
}


ul.struktur ul
{
	list-style:circle inside;
	padding-left:8px;

}

ul.struktur span.id
{
	font-weight: bold;

}

/**************************
* Partner
***************************/
/* Marc wollte das am 070328 wieder raus haben
geht aber nicht, weil qp partner vertraglich recht auf hervorhebung haben
der Bereich PKVG möchte keine Unterscheidung 070402
*/

div.vergleich-baugeld .partner-standard
{
	color:#9d6263;

	color:#838383;
}

div.vergleich-baugeld .partner-quality
{

}

div.vergleich-baugeld .partner-premium
{
	font-weight: bold;
	background:url("../images/partner/premium-vergleich.gif") right no-repeat;
	padding-right: 48px;
	height:22px;
}

/******************
* Produktempfehlung per Email
*******************/
div.produkt-email-empfehlung
{
	padding:16px;

}

div.produkt-email-empfehlung .empfehlung
{
	margin:2px;
	width:auto;

	margin-left:auto;
	margin-right:0px;
	padding:2px;

	border: 1px solid #B8C3CC;
	background-color:#EEF3F8;

}

div.produkt-email-empfehlung .empfehlung form
{
	margin:8px;
}

div.produkt-email-empfehlung .empfehlung form table td
{
	padding:2px;
}

div.produkt-email-empfehlung .empfehlung
{
	text-align: right;
}

div.produkt-email-empfehlung .empfehlung input.input
{
	border:1px solid #B8C3CC;

}

/***************************
* Bewertung Start Rating
****************************/
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(../images/bewertung/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a,
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:50px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(../images/bewertung/star_small.gif);
	line-height: 10px;
	height: 10px;
}


/* smaller star */
.vergleich-star{
	width:95px;
	height:19px;
}
.vergleich-star,
.vergleich-star a:hover,
.vergleich-star a:active,
.vergleich-star a:focus,
.vergleich-star .current-rating{
	background-image: url(../images/bewertung/star_vergleich.gif);
	line-height: 19px;
	height: 19px;
}

/* smaller star */
.vergleich-star-klein{
	width:50px;
	height:10px;
}
.vergleich-star-klein,
.vergleich-star-klein a:hover,
.vergleich-star-klein a:active,
.vergleich-star-klein a:focus,
.vergleich-star-klein .current-rating{
	background-image: url(../images/bewertung/star_vergleich_klein.gif);
	line-height: 10px;
	height: 10px;
}





/******************
* IE Fix
******************/

table.ie-fix
{
	border:0px solid green;
	margin:0px;
	border-collapse: collapse;
	padding:0px;

}

table.palette
{
	width:auto;
}

.skyscraper
{
 top: 0px;
}


/******************
* Zinsrechner
******************/
.zinsrechner {
	width: 360px;
	background-image: url("../images/spezial/verlauf_back.png");
	background-repeat: repeat-x;
	background-color: #afb5c5;
	border: 1px solid #AAB7C4;
	padding: 15px;
	margin: 15px;
	margin-top:0;
	margin-right:0;
	background-position: bottom left;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	overflow: visible;
}

div.zinsrechner h2 {
	color: #2F465E;
	background: transparent;
	padding: 0;
	margin: 0;
	font-size: 16px;
}
#content div.zinsrechner p {
	text-indent: 0;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
}
#content div.zinsrechner p.error {
	color: #AA0000;
}
.zinsrechner div.hr {
	border-top: 1px dotted #2F465E !important;
	height: 0px !important;
	border-top-width: 0; /* IE */
	background-image: none !important;
	background-image: url("../images/spezial/dotted.gif");
	height: 1px;
	overflow:hidden;
	padding: 0;
	margin: 3px 0;
}
div.zinsrechner div.row {
	padding: 2px 0;
	clear: both;
}
div.zinsrechner label {
	width: 150px;
	display: block;
	font-weight: bold;
	float: left;
}
div.zinsrechner input, div.zinsrechner select {
	width: 100px;
	float:left;
}
div.zinsrechner input {
	width: 98px;
	border: 1px solid #AAB7C4;
}
div.zinsrechner div.buttons {
	clear: both;
	margin-top: 5px;
}
div.zinsrechner button.submit, #plzPopup button.submit {
	float: none;
	padding-left: 10px;
	text-align: left;
	width: 131px;
	height:22px;
	font-size: 12px;
	border: 0px solid #30465e;
	background-image: url("../images/bg/btn_berechnen_blau_22px.png");
	background-position: top right;
	color: white;
	font-weight: bold;
	cursor: pointer;
}
div.zinsrechner button.submit span, #plzPopup button.submit span {
	display: none;
}
div.zinsrechner .submit {
	margin-left: 150px;
}
div.zinsrechner button.disabled {
	background-image: url("../images/bg/btn_berechnen_grau_22px.png");
}
div.zinsrechner #arrow {
	position: relative;
	padding: 0;
	width: 115px;
	height: 42px;
	background-image: url("../images/spezial/zinrechner_pfeil.png") !important;
	background-image: url("../images/spezial/zinrechner_pfeil.gif");
	float: left;
	background-repeat: no-repeat;
	left: 50px;
	margin-bottom: -60px;
	margin-top:14px;
	overflow: visible;
	z-index: 1;
}
div.zinsrechner img {
	margin-left: 10px;
}
div.zinsrechner div.feedback ul {
	margin: 0;
	padding: 0;
	width:250px;
}
div.zinsrechner div.feedback li, div.zinsrechner ul {
	margin: 0;
	padding: 0;
	color: #AA0000;
	list-style-type: none;
	list-style-position: outside;
	text-indent: 0;
}
div.zinsrechner #rechnerani {
	background-image: url("../images/spezial/RechnerAni.gif");
	display: none;
	width: 30px;
	height:30px;
	left: 510px;
	position: absolute;
	margin-left:0;
	margin-top:0;
}
div.zinsrechner div.error label {
	color: #AA0000;
}

div.zinsrechner div.error input {
	border: 1px solid #AA0000;
}

.clear {
	clear:both;
}


.qpool {
	margin: 40px 15px;
	padding: 20px;
	background-color: white;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px
}

#content .qpool p {
	padding: 0;
	margin-left: 160px;
	margin-bottom: 1em;
	text-align: justify;
	font-size: 10pt;
}

.qpool a.button {
	margin-left: 160px;
}
.qpool img.logo {
	float:left;
}

/***********************************
	Hotline Sitebar
**********************************/
div.hotline2 {
	text-align: center;
	background-image: url("../images/Hotline1.png");
	background-repeat:no-repeat;
	width:168px;
	height:168px;
	padding:5px;
	padding-top: 90px;
	padding-left: 90px;
}
#content div.hotline2 h4 {
	margin-bottom: 45px;
	font-size: 16px;
	padding: 7px;
}
#content div.hotline2 h5 {
	font-size: 15px;
	color: #AA0000;
	padding:0;
}
#content div.hotline2 h6 {
	color: #AA0000;
	padding:0;
	font-weight: normal;
	margin-bottom: 10px;
}
div.hotline2 div.tel {
	font-size: 20px;
	font-weight: bold;
}
div.hotline2 div.time {
	font-size: 9px;
	font-weight: normal;
}

div.hotline3 {
	padding-left:131px;
	width:131px;
	height:182px;
	background-image: url("../images/Hotline2.png");
	background-repeat:no-repeat;
	text-align: center;
}
#content div.hotline3 h4 {
	font-size: 16px;
	padding: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #AA0000;
}
#content div.hotline3 h5 {
	font-weight: normal;
	padding: 0;
	padding-bottom: 30px;
}
div.hotline3 div.tel {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
}
div.hotline3 div.time {
	font-size: 8px;
	font-weight: normal;
}


/***********************************
	CSS Debug Styles
**********************************/
.ccs-suppressed-style {
	border: 1px dashed aqua;
}
.css-undefined-render-mode {
	border: 1px dashed red;
}
.css-undefined-style-replacement {
	border: 1px dashed purple;
}


/**********************************
 * Reiter
 *********************************/
div.bereich-content ul.reiterpanel {
}
div.bereich-content ul.reiterpanel li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	height: 22px;
	color: white;
	white-space: nowrap;
}
span.pre{
	width: 5px;
	height: 22px;
	display: block;
	float:left;
}
span.post{
	width: 8px;
	height: 22px;
	display: block;
	float:right;
}
span.title {
	height: 22px;
	display: block;
	padding: 1ex;
	padding-top: 3px;
	float: left;
}
span.title a {
	font-weight: bold;
}
span.rS {
	background: url("../images/reiter/vergleich/rS.gif") repeat-x scroll left top transparent;
}
span.rS a {
	color:white;
}
span.rN {
	background: url("../images/reiter/vergleich/rN.gif") repeat-x scroll left top transparent;
}
span.r_rot_ a {
	color:white;
}
span.rXN {
	width:5px;
	background: url("../images/reiter/vergleich/rXN.gif") repeat-x scroll left top transparent;
}

span.rXS {
	width:5px;
	background: url("../images/reiter/vergleich/rXS.gif") repeat-x scroll left top transparent;
}

span.rSN {
	width:8px;
	background: url("../images/reiter/vergleich/rSN.gif") repeat-x scroll left top transparent;
}

span.rNS {
	width:8px;
	background: url("../images/reiter/vergleich/rNS.gif") repeat-x scroll left top transparent;
}

span.rSX {
	width:5px;
	background: url("../images/reiter/vergleich/rSX.gif") repeat-x scroll left top transparent;
}

span.rNX {
	width:5px;
	background: url("../images/reiter/vergleich/rNX.gif") repeat-x scroll left top transparent;
}
span.rNN {
	width:8px;
	background: url("../images/reiter/vergleich/rNN.gif") repeat-x scroll left top transparent;
}
span.r_rot_
{
	background: url(../images/reiter/vergleich/r_rot_.gif) repeat-x top left;
}
span.r_rot_X
{
	width:5px;
	background: url(../images/reiter/vergleich/r_rot_X.gif) no-repeat top left;
}
span.rS_rot_
{
	background: url(../images/reiter/vergleich/rS_rot_.gif) no-repeat top left;
}
span.rN_rot_
{
	background: url(../images/reiter/vergleich/rN_rot_.gif) no-repeat top left;
}



/************************
   Tooltips Ballon (Zinsrechner)
************************/
body div.ttBalloon {
	background-color: white;
	padding:5px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	width: 300px;
	margin-left:25px;
	margin-top: -25px;
}
body div.ttBalloon div.ttBox {
	background-color: #abb7c3;
	color: #2f465e;
	padding: 1ex;
	border-width: 0;
	height:auto !important;
	height: 42px;
	min-height: 42px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
body div.ttBalloon div.ttBox img.arrow {
	margin-left:-36px;
	position: relative;
	float:left;
}

.modal-text {
	padding: 10px;
	text-align: center;
}

/************************
   Tooltips Gradient (Termingeld) oder (SHU)
************************/
body div.ttGradient, body div.ttTitledGradient {
	width: 200px;
    background-image:url(http://www.vergleich.de/fileadmin/templates/images/bg_tipp-layer.png);
    background-repeat:repeat-x;
    background-color: #ebeef1;
}

body div.ttGradient div.ttBox {
	background-image:url(http://www.vergleich.de/fileadmin/templates/images/heading_tipp-layer.png);
    background-position:0px 5px;
    background-repeat:no-repeat;
    background-color:transparent;
    padding-top:48px;
    padding-left:5px;
    padding-right:5px;

}

body div.ttWarn div.ttBox {
	background-image:url(http://www.vergleich.de/fileadmin/images/icons/Ausrufezeichen/rot/mouseover-ausrufezeichen.png);
    background-position:0px 5px;
    background-repeat:no-repeat;
    background-color:#ffffff;
    padding-top:5px;
    padding-left:50px;
    padding-right:5px;
    border: 1px solid #000000;
    width: 200px;
}
/************************
   Tooltips Gradient (mit Titeltext) -- z.B. SHU
************************/
body div.ttTitledGradient, body div.ttTitledGradient div.ttBox {
	border-color: #2F465E;
	background-position: 20px left;
}
body div.ttTitledGradient div.ttBox {
	background-color: transparent;
	padding: 10px;
	padding-top: 0px;
	padding-bottom: 20px;
}
body div.ttTitledGradient h4 {
	background-color: #AAB7C4;
	padding: 2px 1em;
	text-align: center;
	margin: -10px;
	margin-top: 0;
	margin-bottom: 10px;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
}


.table-row-border {
	border:1px solid #2F465E;
}






/*
 * Reduziertes Layout 
 */
#reduced .bereich-content {
	background-color: white;
}
#reduced h1.block {
	background-image: none;
	background-color: transparent;
	color: #2F465E;
	font-size: 17pt;
	margin: 3px 0;
	padding: 0 1%;
}
#reduced h1.block .icon, 
#reduced h1.block img {
	display: none;	
}
#reduced table.reiter {
	margin-left:0px;
	padding-left:0px;
}

#reduced .tg {
	margin: 0 auto;
	width: 800px;
	padding: 0;
	padding-bottom: 9px;
}
#reduced .table-row-border {
	border-width: 0;
}

#reduced .formular-unten-kopf {
	background-color: #D3DCE4;
}
#reduced .vergleich-auswahl-kopf {
	background-color: transparent;
	padding: 2px 0 2px 1em;
}
#reduced.reduced1 .vergleich-auswahl-kopf {
	background-color: #D3DCE4;
}
#reduced .vergleich-auswahl-kopf a,
#reduced .formular-unten-kopf a,
#reduced table.reiter td,
#reduced table.reiter td a, 
#reduced table.sub-reiter td {
	color: #2F465E;
}

#reduced .reiter .rS,
#reduced .reiter .rN,
#reduced .reiter .rNS,
#reduced .reiter .rSN,
#reduced .reiter .rNN,
#reduced .reiter .rSX,
#reduced .reiter .rNX,
#reduced .reiter .rXN,
#reduced .reiter .rXS {
	background-image: none;
}
#reduced .reiter .rXS,
#reduced .reiter .rXN {
	display:none;
}
#reduced .reiter .rSN,
#reduced .reiter .rNN {
	width:2px;
}

#reduced .sub-reiter .rS,
#reduced .sub-reiter .rNS,
#reduced .sub-reiter .rSN,
#reduced .sub-reiter .rSX {
	background-image: none;
}
#reduced .reiter .rS,
#reduced .sub-reiter .rS {
	background-color: #AAB7C4;	
	padding-left: 1em;
	padding-right: 1em;	
}
#reduced input.betrag-text {
	border: 1px solid #AAB7C4;
	background-color: white;
}
#reduced input.image-send {
	background: url(../images/tg/btn-berechnen-gv.png) no-repeat top left;
	display: inline-block;
	width: 21px;
	height: 21px;
	cursor: pointer;
}
#reduced table.tooltip {
	background-color: white;
	border: 1px solid #AAB7C4;
	padding: 6px;
}
#reduced table.tooltip * {
	font-weight: normal;
	border-width: 0;
	border-style: none;
}

#reduced img.info-icon,
#reduced img.info-icon {
	background: url(../images/tg/info-i-gv.png) no-repeat top left;
	width: 13px;
	height: 13px;
}

#reduced table.vergleich th {
	background-color: #E3E8EC;
	background-image: none;
	border-color: white;
	border-top: 1px solid white;
}
#reduced table.vergleich thead {
	display: none;
}
#reduced.reduced1 table.vergleich thead, #reduced.reduced2 table.vergleich thead, #reduced.reduced3 table.vergleich thead {
	display: table-header-group;	
}

#reduced.reduced2 table.vergleich thead th, #reduced.reduced3 table.vergleich thead th {
    background: white !important;
    border-bottom: 1pt solid #CED8E1 !important;
}

#reduced.reduced1 table.reiter td.rN {
	border:1px solid #AAB7C4;
	border-bottom: 0px;
}
	
#reduced table.vergleich th.letzte-spalte {
	border-right-width: 0;
}
#reduced table.vergleich td, 
#reduced table.vergleich tr {
	border-color: white;
	border-width: 0;
	background-color: transparent;
	background-image: none;
}
#reduced table.vergleich td.column {
	border-bottom: 1pt solid #CED8E1;			
}
#reduced .column-ANTRAG a img {
	display: none;
}
#reduced .column-ANTRAG a {
	background: url(../images/tg/btn-zurbank-gv1.png) no-repeat top left;
	width: 109px;
	height: 24px;
	display: inline-block;
}
#reduced.reduced3 .column-ANTRAG a {
	background: url(../images/tg/btn-zurbank-gv2.png) no-repeat top left;
}
#reduced .column-EINLAGENSICHERUNG_CHECK * {
	font-weight: bold;
}

#reduced .rahmen_none ul + a {
	background: url(../images/tg/btn-mehrinfos-gv1.png) no-repeat top left;
	width: 192px;
	height: 24px;
	display: inline-block;
}
#reduced.reduced3 .rahmen_none ul + a {
	background: url(../images/tg/btn-mehrinfos-gv2.png) no-repeat top left;
}
#reduced .rahmen_none ul + a img {
	display: none;
}
#reduced .last-update {
	font-size: 13px;
}