/* GENERELLE FORMATIERUNGEN */

* {
	/* reset der default abstände aller elemente und setzen der global verwendeten schriftart */
	margin: 0;
	padding: 0;
	border: 0;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	}

body {
	height: 100.1%; /* verhindert ein "springen" der seite, da scrollbars immer dargestellt werden */
	background: #ffffff;
	padding-top: 12px;
	margin: auto auto;
	text-align: center; /* zentrierung der seite im IE */
	}
a {
	text-decoration: none;
	color: #107ba9;
	}
a:hover {
	text-decoration: underline;
	}	
h2 {
	color: #0a508c;
	font-size: 12px;
	}
input {
	color: #051e50;
	}
	
	
/* tabellen */

table {
	width: 446px;	
	border-top: 1px solid #83c7e5;
	border-left: 1px solid #83c7e5;
	margin-bottom: 12px;
	}
table caption {
	margin-top: 12px;
	background-color: #83c7e5;
	padding: 12px;
	color: #fff;
	font-size: 12px;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	text-align: right;
	}	
td {
	font-size: 12px;	
	border-right: 1px solid #83c7e5;
	border-bottom: 	 1px solid #83c7e5;
	border-collapse: collapse;
	padding: 12px;
	color: #4f4f4f;
	}	
tr.altrow td {
	background-color: #d6ecf6;
	}

table th {
	font-size: 12px;	
	border-right: 1px solid #83c7e5;
	background-color: #acd9ed;
	font-weight: bold;
	color: #4f4f4f;
	border-bottom: 1px solid #83c7e5;	
	padding: 12px;
	}	
	


/* Konditionentableau-Tabelle rechte Spalte */
.konditionentableau table{
	width: 190px;	
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	/* margin-bottom: 12px; */
	}
.konditionentableau table caption {
	/* margin-top: 12px; */
	background-color: #f4f4f4;
	/* padding: 12px; */
	color: #fff;
	font-size: 10px;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	text-align: right;
        padding-left:5px;
        padding-right:5px;
        padding-bottom:5px;
        padding-top:5px;

	}	
.konditionentableau td{
	font-size: 10px; /* 12 */	
	border-right: 1px solid #808080;
	border-bottom: 	 1px solid #808080;
	border-collapse: collapse;
	/* padding: 12px; */
	color: #4f4f4f;
        padding-left:5px;
        padding-right:5px;
        padding-bottom:2px;
        padding-top:2px;


	}	
.konditionentableau tr.altrow td {
	background-color: #d6ecf6;
	}

.konditionentableau table th {
	font-size: 10px;	 /*12 */
	border-right: 1px solid #808080;
	background-color: #e6e6e6; /* Hintergrund von den Spaltenueberschriften */
	font-weight: bold;
	color: #4f4f4f;
	border-bottom: 1px solid #808080;	
	/* padding: 12px; */
        padding-left:5px;
        padding-right:5px;
        padding-bottom:5px;
        padding-top:5px;

	}	


	
/* Tilgungsplan Ergebnis-Tabelle  */
.tilgungsplanergebnistabelle table{
	width: 446px;	
	border-top: 1px solid #f4f4f4;
	border-left: 1px solid #f4f4f4;
	/* margin-bottom: 12px; */
	}
.tilgungsplanergebnistabelle table caption {
	/* margin-top: 12px; */
	background-color: #f4f4f4;
	/* padding: 12px; */
	color: #fff;
	font-size: 12px;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	text-align: right;
        padding-left:5px;
        padding-right:5px;
        padding-bottom:5px;
        padding-top:5px;

	}	
.tilgungsplanergebnistabelle td{
	font-size: 11px; /* 12 */	
	border-right: 1px solid #f4f4f4;
	border-bottom: 	 1px solid #f4f4f4;
	border-collapse: collapse;
	/* padding: 12px; */
	color: #4f4f4f;
        padding-left:5px;
        padding-right:5px;
        padding-bottom:5px;
        padding-top:5px;


	}	
.tilgungsplanergebnistabelle tr.altrow td {
	background-color: #d6ecf6;
	}

.tilgungsplanergebnistabelle table th {
	font-size: 12px;	 /*12 */
	border-right: 1px solid #f4f4f4;
	background-color: #f4f4f4;
	font-weight: bold;
	color: #4f4f4f;
	border-bottom: 1px solid #f4f4f4;	
	/* padding: 12px; */
        padding-left:5px;
        padding-right:5px;
        padding-bottom:5px;
        padding-top:5px;

	}		
	
	
	
	

/* Formatierungen für den Inhaltsbereich */	

/* zurück link */
A.zurueck {
	padding-left: 9px;
	padding-right: 12px;
	background: url(../images/icon_pfeil_zurueck.gif) 0 3px no-repeat;	
	padding-bottom: 12px !important;
	display: block;
	}
	
A.zurueck-formular {
	padding-left: 9px;
	padding-right: 12px;
	background: url(../images/icon_pfeil_zurueck.gif) 0 3px no-repeat;		
	}
	
/* Aussehen von Links welche ganz normal in den Text eingefuegt werden */
#inhaltsbereich a.einfacherlink { font-size:12px; }	

#inhaltsbereich table {
		font-size:10px;
		color:red;
	}

#inhaltsbereich img.rechts {
	float: right;
	margin: 12px 0 12px 12px;
	}	
	
#inhaltsbereich img.links {
	float: left;
	margin: 12px 12px 12px 0;
	}
			
#inhaltsbereich h1 {
	color: #00337f;
	font-size: 18px;
	line-height: 24px;
	padding-bottom: 12px;
	}
		
#inhaltsbereich h2  {
	color: #00337f;
	font-size: 14px;
	line-height: 16px;
	padding-bottom: 6px;
	}
	
#inhaltsbereich h3 {
	color: #4f4f4f;
	font-size: 12px;
	line-height: 16px;
	}
	
#inhaltsbereich p {
	font-size: 12px;
	line-height: 16px;
	padding: 0 0 12px 0;
	color: #4f4f4f;
	}
	
#inhaltsbereich p strong {
	font-size: 12px;
	line-height: 16px;
	color: #4f4f4f;
	}
		
#inhaltsbereich h4 {
	padding-top: 12px;
	padding-bottom: 12px;
	color: #0a508c;
	font-size: 14px;
	}	
	
#inhaltsbereich ul {
	line-height: 16px;
	font-size: 12px;
	color: #5ab4dc;
	margin-bottom: 12px;
	list-style-type: none;
	}	
	#inhaltsbereich ul li {
		padding-top: 4px;
		color: #4f4f4f;	
		font-size: 12px;
		padding-left: 24px;
		background: url(../images/icon_bulletpoint.gif) 10px 6px no-repeat;
		}	
		
#inhaltsbereich p.sternchentext {
	padding-top: 20px;
	color: #858484;
	line-height: 14px;
	clear: both;
	font-size: 11px;
	}	
	
                /* Link-Button mit einer Grafik als Hintergrund */    
		#inhaltsbereich input.submitbutton {
			float: right;
			margin: 18px 146px 0 16px;
			}			
                #inhaltsbereich A.submitbutton, input.submitbutton {
                        margin: 0 0 6px 12px;
                        /* display: block; */
                        width: 153px;
                        height: 22px;
                        background: url(../images/background_buttons_med.gif) 0 0 no-repeat;
                        }	
                        #inhaltsbereich A.submitbutton:hover, input.submitbutton:hover {
                                background: url(../images/background_buttons_med.gif) 0 -22px no-repeat;
                                text-decoration: none;
                                }
                #inhaltsbereich A.submitbutton span
                 {
                                padding-left: 22px;
                                line-height: 22px;
                                color: #fff;
                                font-weight: bold;
                                }
                #inhaltsbereich	input.submitbutton {
                                padding-left: 22px;
                                line-height: 22px;
                                color: #fff;
                                padding-bottom: 1px;
                                font-weight: bold;
                                cursor: pointer;
                                }			
                #inhaltsbereich	A.submitbutton {
                                float: left;
                                display: inline;
                                }	







/* clearfix workaround zum clearen von floatenden
   elementen ohne zusätzliches markup (clearer divs)
   mehr informationen:
   http://www.positioniseverything.net/easyclearing.html */
   		
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix {
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearer {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	}
			
/* entwicklungsklasse zum separieren der unterschiedlichen seiten 
   display: none einkommentieren um die marker auszublenden */	
.page-separator {
	display: block;
	/* display: none; */
	clear: both;
	font-family: Tahoma;
	font-size: 11px;
	background-color:#00FF33;
	margin: 12px 0 12px 0;
	font-weight: bold;
	}	
	.page-separator p {
		padding: 2px 6px 2px 6px !important;
		letter-spacing: 2px;
		}
 	

/* sprunganker für screenreader */	
.contentanker {
	display: none;
	}
	
	
/* zentriert die seite */
#wrapper {
	margin: auto auto;
	width: 400px;
	background: #fff;
	}
	
/* zentriert die seite fuers Popup */
#wrapperpopup {
	margin: auto auto;
	width: 470px;
	background: url(../images/background_header.gif) 0 0 repeat-x #fff;
	}
	

/* ################# HEADER ################### */	
	#header {
		margin: 0 24px 0 24px;
		width: 880px;
		height: 174px;
		}	
		#header-links {
			padding: 24px 0 0 0;
			width: 684px;
			float: left;
			
			}
		#header-rechts {
			padding: 24px 0 0 0;
			width: 195px;
			float: left;
			}			
			
		/* claim durch bild ersetzen */
		p#claim {
			display: block;
			width: 191px;
			height: 16px;
			background: url(../images/claim.gif) 0 0 no-repeat;
			}
			
			/* echttext im paragraph ausblenden */
			p#claim span {
				display: none;
				}	
				
		/* das aussehen der formularelemente wird durch ein hintergrund-
		   bild simuliert, um positionierungsunterschiede zu vermeiden
		   und crossbrowser identisches aussehen zu gewährleisten  */
		form#suche {
			background: url(../images/background_suche.gif) top left no-repeat;
			display: block;
			height: 18px;
			width: 193px;
			margin-top: 7px;
			}	
			form#suche input {
				display: inline;
				float: left;			
				height: 16px;
				margin-top: 1px;
				line-height: 16px;
				background-color: transparent;
				}	
			form#suche input.txteingabe {
				width: 164px;
				margin-left: 6px;
				}
			form#suche input.absenden {
				width: 18px;
				margin-left: 4px;
				}	



/* ################# HEADER POPUP ################### */	
	#headerpopup {
		margin: 0 24px 0 4px;
		width: 470px;
		height: 174px;
		}	
		#headerpopup-links {
			padding: 24px 0 0 0;
			width: 284px;
			float: left;
			
			}
		#headerpopup-rechts {
			padding: 24px 0 0 0;
			width: 195px;
			float: left;
			}			
			
		/* claim durch bild ersetzen */
		p#claim {
			display: block;
			width: 191px;
			height: 16px;
			background: url(../images/claim.gif) 0 0 no-repeat;
			}
			
			/* echttext im paragraph ausblenden */
			p#claim span {
				display: none;
				}	
				
		/* das aussehen der formularelemente wird durch ein hintergrund-
		   bild simuliert, um positionierungsunterschiede zu vermeiden
		   und crossbrowser identisches aussehen zu gewährleisten  */
		form#suche {
			background: url(../images/background_suche.gif) top left no-repeat;
			display: block;
			height: 18px;
			width: 193px;
			margin-top: 7px;
			}	
			form#suche input {
				display: inline;
				float: left;			
				height: 16px;
				margin-top: 1px;
				line-height: 16px;
				background-color: transparent;
				}	
			form#suche input.txteingabe {
				width: 164px;
				margin-left: 6px;
				}
			form#suche input.absenden {
				width: 18px;
				margin-left: 4px;
				}


/* ################# INHALTSBEREICH ################### */
	
/* regelt den abstand des contents zum rand  */				
#content-innen {
	padding: 12px 6px 0px 6px;
	}
		
	/* große contentspalte über 3 rasterzellen */
	.content-spalte-gross {
		float: left;
		margin: 0 6px 0 6px;
		display: inline;
		width: 675px;
		padding: 0;
		}
		
	/* mittlere contentspalte über zwei rasterzellen */	
	.content-spalte-mittel {
		float: left;
		margin: 0 6px 0 6px;
		display: inline;
		width: 446px;	
		}	
		
	/* kleine contentspalte über eine rasterzelle */		
	.content-spalte-klein {
		float: left;
		margin: 0 6px 0 6px;
		display: inline;
		width: 217px;
		}
		
		
	/* contentspalte für sitemap */	
	.content-spalte-sitemap {
		float: left;
		margin: 0 24px 0 0;
		display: inline;
		width: 320px;
		}	
		
	/* boxen in kleiner contentspalte (kontextboxen, infos etc.) */	
	.randBox {
		background-color: #fff;
		padding-bottom: 12px;
		margin-bottom: 12px;
		border: 1px solid #83c7e5;
		}	
	.randBox ul {
		list-style-type: none;
		padding: 11px 12px 0 12px;
		}	
		.randBox ul li {
			line-height: 16px;
			display: block;
			padding-left: 7px;
			background: url(../images/icon_linkpfeil.gif) 0 4px no-repeat;
			}	
		
		.randBox h3 span {
			display: none;
			}	
			
		.randBox select {
			border: 1px solid #7f9ab7;
			height: 18px;
			margin: 0 0 4px 12px;
			width: 188px;
			}
		.randBox a.buttonlink	{
			margin-bottom: 0 !important;
			}
			
	#aufEinenBlickForm {
		padding-bottom: 5px;
		border-bottom: 1px solid #fff;
		margin-bottom: 12px;
		}		
	
	/* 
	   überschriften der rechten boxen - werden zwecks besserer suma 
	   tauglichkeit als echttext im html belassen und über stylesheets
	   durch bilder ersetzt.
	*/
	.randBox h3.meine-hl-headline {
		display: block;
		width: 65px;
		height: 24px;
		background: url(../images/headlines/headline_meine_hl.gif) 0 0 no-repeat;
		margin-bottom: 12px;
		}	
		
	.randBox h3.telefon-kontakt {
		display: block;
		width: 192px;
		height: 67px;
		background: url(../images/headlines/headline_rueckruf_service.gif) 0 0 no-repeat;
		}	
		
	.randBox h3.schnell-zum-ziel {
		display: block;
		width: 116px;
		height: 24px;
		background: url(../images/headlines/headline_schnell_zum_ziel.gif) 0 0 no-repeat;
		margin-bottom: 10px;
		}	
								
	.randBox h3.beratungscenter {
		display: block;
		width: 184px;
		height: 60px;
		background: url(../images/headlines/headline_beratungscenter.gif) 0 0 no-repeat;
		margin-bottom: 12px;		
		}
		
		
/* meine-hl akkordeon box mit gemerkten einträgen */	
.meine-hl-box {
	position: relative;	
	padding-bottom: 0;
	background-color: #fff;
	z-index: 2;
	height: 237px;
	border: 1px solid #83c7e5;
	margin-bottom: 65px !important;
	width: 217px !important;
	}	
.meine-hl-zusatz {
	position: absolute;
	top: 221px;
	color: #888;
	width: 217px;
	text-align: center;
	background-color: #fff;	
	padding-bottom: 12px;	
	z-index: 1;
	border: 1px solid #83c7e5;
	margin-left: -1px;
	}	
	.meine-hl-zusatz p {
		text-align: left;
		padding-top: 4px;
		padding-left: 14px;	
		padding-bottom: 8px;
		display: block;
		}
	a.meine-hl {
		display: block;
		width: 217px;
		height: 20px;
		background: url(../images/background_akkordeon.gif) 0 0 no-repeat;
		cursor: pointer;
		color: #fff;
		line-height: 18px;
		font-weight: normal;
		}
			
	a.meine-hl-aktiv {
		display: block;
		width: 217px;
		height: 20px;
		background: url(../images/background_akkordeon.gif) 0 -20px no-repeat;
		cursor: pointer;
		color: #fff;
		line-height: 18px;
		font-weight: normal;
		}		
		a.meine-hl span {
			padding: 0 12px 0 12px;
			font-weight: bold;
			}
		a.meine-hl:hover {
			text-decoration: none;
			}
		a.meine-hl-aktiv {
			text-decoration: none;
			}
				
	.meine-hl-inhalt ul {
		margin: 0 !important;
		padding: 0 !important;
		height: 106px;
		}	
		.meine-hl-inhalt ul li {
			display: block;
			width: 217px;
			margin: 0 !important;
			padding: 0 !important;
			height: 20px;
			line-height: 20px;
			border-bottom: 1px solid #83c7e5;
			background: none;
			}
			.meine-hl-inhalt ul li a {
				background: url(../images/icon_linkpfeil.gif) 14px 6px no-repeat;
				line-height: 20px;
				width: 217px;
				display: block;
				}
			.meine-hl-inhalt ul li a:hover {
				background-color: #acd9ed;
				text-decoration: none;
				}				
				.meine-hl-inhalt ul li a span {
					padding-left: 23px;
					}
					
					
/* teaserboxen */
#flashteaser {
	display: block;
	width: 675px;
	height: 288px;
	margin-bottom: 12px;
	}
	

.teaser-content-box {
	width: 446px;
	margin-bottom: 12px;
	}

.teaser-gross-kein-text {
	width: 446px;
	margin: 0 0 12px  0;
	height: 137px;	
	}	
/* kein margin nach rechts um umbruch zu vermeiden */	

.teaser-klein-kein-text {
	width: 217px;
	height: 137px;
	float: left;
	margin: 0 12px 12px 0;
	}
.teaser-klein-kein-text-rechts {
	float: left;
	width: 217px;
	margin: 0 0 12px 0;
	height: 137px;	
	}	
.teaser-klein-text {
	width: 217px;
	float: left;
	margin: 0 0 12px 0;
	background-color: #d6ecf6;
	}
.teaser-content-text-rechts {
	width: 446px;
	background-color: #d6ecf6;			
	height: 137px !important;
	padding: 0 !important;
	margin-bottom: 12px;
	}
	.teaser-content-text-rechts h4 {
		line-height: 14px !important;
		padding: 8px 6px 0 6px  !important;
		font-size: 12px !important;
		}
	.teaser-content-text-rechts p {
		font-size: 11px !important;
		line-height: 14px !important;
		padding: 6px 12px 6px 12px !important;
		}
	.teaser-content-text-rechts a.weitere-informationen {		
		line-height: 15px !important;
		padding: 0 12px 0 7px !important;
		font-weight: bold !important;
		background: url(../images/icon_linkpfeil.gif) 0 3px no-repeat !important;
		}					
.teaser-klein {
	width: 217px;
	height: 287px;
	float: left;
	margin: 0 12px 0 0;
	background-color: #d6ecf6;
	}
	.teaser-klein h2 {
		padding: 0 12px 0 12px;
		line-height: 12px;
		font-size: 12px;
		padding-top: 148px;
		}
	.teaser-klein p {
		display: block;
		height: 71px;
		margin: 4px 12px 0 12px;
		line-height: 14px;
		}
	.teaser-klein a {
		line-height: 15px;
		display: block;
		padding: 0 12px 0 7px;
		margin-left: 12px;
		background: url(../images/icon_linkpfeil.gif) 0 3px no-repeat;
		}		

		
		
/*
   produktteaser mit störer, der bei mouseover
   einen erklärungstext als tooltip beeinhaltet.
*/
		.teaser-klein-stoerer-bild   {
			margin: 0;
			padding: 0;
			position: absolute;
			}	
		.teaser-gross-stoerer-bild {
			margin: 0 0 12px 0;
			padding: 0;
			position: absolute;			
			}	
		.teaser-klein-stoerer-bild a  {
			background-image: none;
			margin: 0 !important;
			padding: 0 !important;
			}	
				
			
			
			/* tooltip link */
			a.infos  {
				z-index: 2;
				display: block;
				position: absolute;
				}
				 a.infos span {
					display: none;
					text-decoration: none;
					}
					
				
			/* tooltip link für störer mit preis */
			a.infos-stoerer  {
				z-index: 2;
				width: 112px;
				height: 45px;
				display: block;
				background-image: url(../images/clearpixel.gif);
				top: 82px;
				left: 12px;
				position: absolute;
				}
				 a.infos-stoerer span {
					display: none;
					text-decoration: none;
					}
					
			
			/* tooltip link für auszeichnungen (ganz rechts) */
			a.infos-auszeichnung-1  {
				z-index: 2;
				width: 58px;
				height: 45px;
				display: block;
				background-image: url(../images/clearpixel.gif);
				top: 82px;
				right: 12px;
				position: absolute;
				}				
				
				 a.infos-auszeichnung-1 span {
					display: none;
					text-decoration: none;
					}	
					
			/* tooltip link für auszeichnungen (mitte) [nur bei großen teasern] */
			a.infos-auszeichnung-2  {
				z-index: 2;
				width: 58px;
				height: 45px;
				display: block;
				background-image: url(../images/clearpixel.gif);
				top: 82px;
				right: 82px;
				position: absolute;
				}				
				 a.infos-auszeichnung-2 span {
					display: none;
					text-decoration: none;
					}			
   .tip {
	border: 1px solid #666;
	background: #fff;
	color: #4f4f4f;
	width: 257px;
	padding: 6px;
	}
	.tip span strong {
		display: block;
		font-size: 12px;
		padding: 4px 12px 4px 8px;
		background-color: #83c7e5;
		color: #fff;
		margin-bottom: 6px;
		}
	.tip img {
		display: none !important;
		}
		
	.tip img.bigimg {
		display: block !important;
		}	
		
		
/* Auszeichnungen */
ul.auszeichnungen {
	display: block;
	position: relative;
	list-style-type: none;
	float: left;
	padding: 0 !important;
	margin: 0 12px 0 0 !important;
	background-color: #fff;
	}
	ul.auszeichnungen li {
		width: 140px;
		display: block;
		background-color: none !important;
		background-image: none !important;
		padding: 12px 0 12px 0 !important;
		border-bottom: 1px solid #fff;
		color: #0a508c !important;
		font-weight: bold;
		font-size: 14px !important;
		}
		ul.auszeichnungen li ul {
			list-style-type: none !important;
			margin: 6px 0 0 0 !important;
			background-color: #fff;
			}
			ul.auszeichnungen li ul li {
				width: auto;
				border: 1px solid #83c7e5 !important; 
				background-color: #d6ecf6 !important;
				background-image: none !important;
				padding: 12px 0 12px 0 !important;
				margin: 0 0 2px 0 !important;
				}
				ul.auszeichnungen li ul li a {
					cursor: default;
					}
					ul.auszeichnungen li ul li a img {
						margin-left: 28px !important;
						}
					ul.auszeichnungen li ul li a:hover img {
						margin-left: 28px !important;
						}						
					ul.auszeichnungen li ul li a.infos {
						position: relative;
						top: 0;
						left: 0;
						width: 112px;
						height: auto;
						background-color: transparent !important;
						}
					ul.auszeichnungen li ul li a.infos:hover {
						width: 112px;
						}
						
/* "optionen zum produkt" box im content */

.optionen-zum-produkt {
	border-top: 8px solid #fff;
	width: 217px;
	float: right;
	height: 287px;
	margin: 0 0 12px 12px;
	background-color: #d6ecf6;
	}
	.optionen-zum-produkt h3 {
		width: 151px;
		height: 19px;
		padding-top: 16px !important;
		background: url(../images/headlines/headline_optionen_zum_produkt.gif) 0 0 no-repeat;
		}
		.optionen-zum-produkt h3 span {
			display: none;
			}		

	.optionen-zum-produkt div {
		margin: 12px 0 12px 0;
		border-top: 1px solid #fff;
		line-height: 1px;
		font-size: 1px;
		}
		.optionen-zum-produkt div a.merken-link {
			display: block;
			line-height: 12px;
			margin: 12px 0 0 12px;
			background: url(../images/icon_linkpfeil.gif) 0 2px no-repeat;			
			}
			.optionen-zum-produkt div a.merken-link span {
				padding-left: 8px;
				}
				
	.optionen-zum-produkt div ul {
		margin: 12px 0 0 12px;
		padding: 0;
		list-style-type: none;
		}
		.optionen-zum-produkt div ul li ul {
			margin: 0;			
			}
		.optionen-zum-produkt div ul li {
			background: none !important;
			padding: 0 !important;
			color: #4f4f4f;
			font-weight: bold;
			font-size: 11px !important;
			}
		.optionen-zum-produkt div ul li ul li {
			margin: 0 !important;
			font-weight: normal;
			padding: 0 0 0 8px !important;		
			background: url(../images/icon_linkpfeil.gif) 0px 3px no-repeat !important;
			}
		.optionen-zum-produkt div ul li ul li a span strong {
			color: #848484;
			font-size: 10px;
			font-weight: normal;
			display: block;
			}			


	.produkt-ende {
		width: 444px;
		background: url(../images/background_seitenabschluss.gif) bottom left no-repeat;
		padding-bottom: 6px;
		margin-top: 48px;
		}
	.produkt-ende a.buttonlink-klein, .produkt-ende a.buttonlink-dunkel-klein {
		float: left;
		margin-left: 9px;
		} 
		
						
/* seitenfunktionen (drucken, seite versenden, seitenanfang) */			
ul#seitenfunktionen  {
	clear: both;
	display: block;
	list-style-type: none;
	width: 675px;
	height: 16px;
	padding-top: 12px !important;
	margin-bottom: 24px !important;
	}
	ul#seitenfunktionen li {
		float: left;
		display: inline;
		padding-top: 0 !important;
		padding-left: 7px !important;
		padding-right: 12px !important;
		background: url(../images/icon_linkpfeil.gif) 0px 3px no-repeat !important;
		}	
	ul#seitenfunktionen li.rechts {
		float: right;
		padding: 0 0 0 9px !important;
		background: url(../images/icon_pfeil_nach_oben.gif) 0 3px no-repeat !important;	
		}	
			
ul#seitenfunktionen-inhalt  {
	padding-top: 12px;
	clear: both;
	display: block;
	list-style-type: none;
	width: 446px;
	height: 16px;
	margin: 0 0 48px 236px;
	}
	ul#seitenfunktionen-inhalt li {
		float: left;
		display: inline;
		padding-left: 7px;
		padding-right: 12px;
		background: url(../images/icon_linkpfeil.gif) 0 3px no-repeat;
	}	
	ul#seitenfunktionen-inhalt li.rechts {
		float: right;
		padding: 0 0 0 9px;
		background: url(../images/icon_pfeil_nach_oben.gif) 0 4px no-repeat;	
		}	


/* ****** fuer das Popup ****** */
#fusszeilepopup {
	width: 470px;	
	border-top: 12px solid #cde8f4;
	border-bottom: 12px solid #cde8f4;
	}	
	#fusszeilepopup-innen {
		padding: 14px 24px 15px 24px;
		}
		#fusszeilepopup-innen ul {
			list-style-type: none;
			}			
			#fusszeilepopup-innen ul li {
				line-height: 16px;
				display: inline;
				padding-right: 14px;
				background: url(../images/icon_slash.gif) right 2px no-repeat;
				}
				#fusszeilepopup ul li a {
					color: #107ba9;
					}			
			#fusszeilepopup-innen ul li.letzter {
				background: none;
				}	 
		#fusszeilepopup-innen p {
			display: inline;
			padding-right: 12px;
			float: left;
			}
	ul#quicklinks {
		margin-top: 4px;
		}
		

	/* eingerückter "drucken" link für sitemap */
	li.sitemap {
		margin-left: 12px;
		}



/* ################# FUSSZEILE ################### */
				
#fusszeile {
	width: 928px;	
	border-top: 12px solid #cde8f4;
	border-bottom: 12px solid #cde8f4;
	}	
	#fusszeile-innen {
		padding: 24px 24px 60px 24px;
		}
		#fusszeile-innen ul {
			list-style-type: none;
			}			
			#fusszeile-innen ul li {
				line-height: 16px;
				display: inline;
				padding-right: 14px;
				background: url(../images/icon_slash.gif) right 2px no-repeat;
				}
				#fusszeile ul li a {
					color: #107ba9;
					}			
			#fusszeile-innen ul li.letzter {
				background: none;
				}	 
		#fusszeile-innen p {
			display: inline;
			padding-right: 12px;
			float: left;
			}
	ul#quicklinks {
		margin-top: 4px;
		}
		

	/* eingerückter "drucken" link für sitemap */
	li.sitemap {
		margin-left: 12px;
		}


/* Fragen und Antworten */
/* kategorieüberschriften */
h3.kategorie {
	padding: 2px 0 2px 10px;
	color: #fff !important;
	margin: 25px 0 10px 0 !important;
	background-color: #83c7e5;
	}

ul.faq {
	margin: 0 0 12px 0 !important;
	}
	ul.faq li {
		line-height: 14px;
		padding: 4px 0 4px 9px !important;
		color: #107ba9;
		font-weight: bold;
		background: url(../images/icon_linkpfeil.gif) 0 7px no-repeat !important;	
		}
		ul.faq li a { 
			font-size: 12px !important;
			}
			
			
.antwort {
	border-bottom: 1px solid #83c7e5;
	padding-bottom: 4px;
	margin-bottom: 20px;
	}			
	.antwort h6  {
		color: #4f4f4f;
		}
	.antwort h6 a {
		font-size: 12px !important;
		}	
	.antwort h6 a:hover {
		text-decoration: none;
		}	
	.antwort a.rechts {
		float: right;
		background: url(../images/icon_pfeil_nach_oben.gif) 0 3px no-repeat !important;
		padding-left: 9px;
		}		
	.antwort img {
		border-bottom: 1px solid #fff;
		}
	.antwort p.bildbeschreibung {
		background-color: #d6ecf6;
		color: #666 !important;
		font-size: 11px !important;
		padding: 6px 12px 24px 12px !important;
		line-height: 14px !important;
		margin-bottom: 12px;
		}
				
			
/* produktübersicht auf produkteinstiegsseiten */
div.produkte-links {
	width: 217px;
	margin-right: 12px;
	float: left;
	}
div.produkte-rechts {
	width: 217px;
	margin-right: 0;
	float: left;
	}
ul.produkte-ueberblick {
	display: block;
	width: 217px;
	padding: 0 !important;
	list-style-type: none;
	margin: 6px 0 0 0;
	}	
	ul.produkte-ueberblick li {
		font-weight: bold;
		line-height: 14px;
		background: none !important;
		padding: 1px 0 0 0 !important;
		}
		ul.produkte-ueberblick li a {
			display: block;
			padding: 0 7px 2px 10px;
			background: url(../images/icon_linkpfeil.gif) 2px 3px no-repeat;
			font-size: 12px;
			border-bottom: 1px solid #85c6e6;
			}		
			ul.produkte-ueberblick li ul {
				display: block;
				width: 217px;
				margin: 0 !important;
				padding: 0 !important;
				list-style-type: none;	
				}
				ul.produkte-ueberblick li ul li {
					font-weight: normal;
					}		
				ul.produkte-ueberblick span.zusatz {
					color: #868686;
					font-size: 10px;
					padding-left: 6px;
					}	

/* einspaltige produktdarstellung */
ul.produkte-einspaltig {
	margin: 12px 0 0 0 !important;
	padding: 0 !important;
	list-style-type: none !important;
	}
	ul.produkte-einspaltig li {
		background-image: none !important;
		color: #4e4e4e;
		margin: 0 !important;
		padding: 0 !important;
		font-weight: bold;
		padding-bottom: 12px !important;
		}
		ul.produkte-einspaltig li ul {
			border-top: 1px solid #84c6e6;
			margin-top: 2px;
			}
			ul.produkte-einspaltig li ul li {
				padding: 2px 0 2px 0 !important;
				font-weight: normal;
				border-bottom: 1px solid #84c6e6;
				margin: 0 !important;
				}		
		ul.produkte-einspaltig li a {
			font-weight: normal;
			float: left;
			padding: 0 2px 0 9px !important;
			background: url(../images/icon_linkpfeil.gif) 0 4px no-repeat;
			}	
		ul.produkte-einspaltig li a.berechnen {
			font-weight: bold;
			float: right;
			padding: 0 !important;
			background-image: none;
			display: block;
			text-align: right;
			width: 125px;
			}	
			ul.produkte-einspaltig li a span {
				font-size: 12px !important;
				}
			ul.produkte-einspaltig li a.berechnen span {
				padding-left: 9px;
				background: url(../images/icon_linkpfeil.gif) 0 4px no-repeat;
				}	
			
				
				
				
				
												
/* produkt-zusatzinformationen */

.zusatzinformationen {
	margin-bottom: 24px !important;
	}

	.zusatzinformationen h5 {
		color: #4f4f4f;
		font-weight: bold;
		font-size: 12px;
		}
	.zusatzinformationen p {
		padding-bottom: 4px !important;
		}	
	.zusatzinformationen a {
		padding: 0 0 0 9px;
		font-weight: bold;
		margin: 0;
		background: url(../images/icon_linkpfeil.gif) 0 4px no-repeat;
		font-size: 12px;	
		}

/* presse */
ul.presse {
	display: block;
	width: 445px;
	list-style-type: none !important; 
	margin: 0 0 12px 0 !important;
	padding: 0 !important;
	}
	ul.presse li {
		background: transparent !important;
		margin: 0 !important;
		padding: 6px 0 0 0 !important;
		line-height: 16px;
		}
	ul.presse li a {
		font-size: 12px !important;
		display: block;
		float: left;
		width: 385px;
		}	
		ul.presse li span {
			font-size: 12px !important;
			display: block;
			float: left;
			width: 60px;
			}
			
	.alle-meldungen {
		font-size: 12px !important;
		background: url(../images/icon_linkpfeil.gif) 0 3px no-repeat !important;
		padding-left: 7px ;	
		font-weight: bold;	
		display: block;
		margin: 12px 0 24px 0;
		}


/* downloads */

ul.downloads {
	display: block;
	width: 445px;
	list-style-type: none !important; 
	margin: 0 0 12px 0 !important;
	padding: 0 !important;	
	}
	ul.downloads li {
		background: transparent !important;
		margin: 0 !important;
		padding: 8px 0 0 0 !important;
		line-height: 16px;
		background-color: #83c7e5 !important;
		color: #fff !important;
		font-weight: bold;
		}
		ul.downloads li strong {
			display: block;
			padding: 0 12px 0 12px;
			font-size: 14px;
			font-weight: bold;
			}
		ul.downloads li span {
			display: block;
			padding: 0 12px 0 12px;
			font-size: 12px;
			font-weight: normal;
			}
		ul.downloads li ul {
			margin: 6px 0 0 0 !important;
			}
			ul.downloads li ul li {
				font-size: 12px !important;
				background: url(../images/icon_linkpfeil.gif) 12px 7px no-repeat  #fff !important;
				padding: 3px 0 3px 20px !important;
				border-bottom: 1px solid #83c7e5;
				}
			ul.downloads li ul li.letzter {
				padding: 7px 0 3px 20px !important;	
				border-bottom: none;
				background: url(../images/icon_linkpfeil.gif) 12px 10px no-repeat  #fff !important;
				}
				ul.downloads li ul li a {
					font-size: 12px !important;
					}

/* anmeldebox */
					
div.anmeldebox {
	border: 1px solid #d6ecf6;	
	background-color: #d6ecf6;
	margin: 0 0 12px 0;
	background: url(../images/bg_anmeldung.gif) 0 0 repeat-y;
	padding-bottom: 10px;
	}
	form.anmeldeform {
		height: 136px;
		float: left;
		}
		form.anmeldeform fieldset {
			margin-top: 24px;
			float: left;
			width: 300px;
			}
		form.anmeldeform label {
			display: block;
			color: #4f4f4f;
			float: left;
			width: 120px !important;
			height: 17px;
			line-height: 17px;
			display: inline; /* IE */
			margin: 0 0 0 12px;
			}
		form.anmeldeform input.txtinput {
			display: block;
			color: #051e50;
			float: left;
			height: 17px;
			width: 160px;
			border: 1px solid #a5acb2;
			margin-bottom: 12px;
			}	
		form.anmeldeform input.buttonlink-med {
			float: right;
			margin: 0 6px 0 20px;
			}	
			
				
	div.statusbox {	
		padding: 4px 6px 15px 8px;
		float: left;
		margin-left: 4px;
		margin-top: 24px;
		}
		div.statusbox a {
			clear: both;
			display: block;
			padding-left: 9px !important;
			background: url(../images/icon_linkpfeil.gif) 0 6px no-repeat;
			line-height: 20px;
			}
			
		div.statusbox span {	
			color: #888888;
			display: block;
			margin-bottom: 10px;
			}
			

	div.eingeloggt {
		background-color: #d6ecf6;
		background-image: none;	
		clear: both !important;	
		}	
		/* wenn eingeloggt */		
		div.eingeloggt div.statusbox {
			padding: 0 6px 15px 6px;
			float: left;
			border: none;
			}	
		div.eingeloggt div.statusbox span {
			color: #888888;
			padding: 0 !important;
			display: block;
			margin: 0 !important;
			font-weight: bold;
			}
		form.abmeldeform  {			
			clear: both;
			}
		form.abmeldeform input.buttonlink-med {
			margin: 0 6px 10px 140px;
			}		
			
						
/* fehlermeldungen bei der anmeldung */			
p.fehler {
	background-color: #edb8ac;
	margin-bottom: 6px;
	padding-top: 12px !important;
	background: #edb8ac url(../../images/planethome/icon_ausrufezeichen_fehler.gif) 12px 16px no-repeat !important;
	}
	p.fehler span {
		margin: 0 24px 6px 36px;
		color: #4f4f4f;
		display: block;
		font-weight: bold;
		}	
		

/* benutzerregistrierung */		
		
form.registrierform {
	background-color: #d6ecf6;
	margin: 0 0 12px 0;
	padding: 24px 0 24px 0;
	}	
	form.registrierform label {
		display: block;
		color: #4f4f4f;
		float: left;
		width: 120px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
		}
	form.registrierform span {
		display: block;
		color: #888;
		float: left;
		width: 120px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 12px 12px;
		}		
	form.registrierform input.txtinput {
		display: block;
		color: #051e50;
		float: left;
		height: 17px;
		width: 160px;
		border: 1px solid #a5acb2;
		}		
		form.registrierform input.buttonlink-med {
			float: right;
			margin: 18px 146px 0 16px;
			}		
	
	


/* ZinsQuickCheck Eingabeformular auf Startseite */
#zinsquickcheck {
	background-color: #f4f4f4;
	margin: 0 0 12px 0;
	padding: 24px 0 24px 0;
	}	
        #zinsquickcheck .clearer {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	}
        /* Linke Spalte mit Beschriftung (Kaufpreis, Darlehensbetrag.. */
	#zinsquickcheck label {
		display: block;
		color: #4f4f4f;
		float: left;
		width: 180px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
		}
	#zinsquickcheck label.ergebnis {
		display: block;
		color:  #4f4f4f;
		float: left;
		width: 290px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
		}
        /* rechte Spalte mit Beschriftung fuer EUR und % */
	#zinsquickcheck span.info {
		display: block;
		color: #888;
		float: left;
		width: 60px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 12px 12px;
		}
        /* fuer die Anzeige der Validierungs- und Konvertierungsfehler */
	#zinsquickcheck span.fehler {
		display: block;
		color: red;
		float: left;
		width: 400px;
		height: 34px;
		line-height: 17px;
		display: inline; /* IE */
                margin-left:30px;
                margin-top:0px;
		}
	/* Eingabefelder */
	#zinsquickcheck input.txtinput {
		display: block;
		color: #051e50;
		float: left;
		height: 17px;
		width: 150px;
		border: 1px solid #a5acb2;
		padding-left:3px;
		}
	/* Dropdown Selectboxen (Zinsbindung, Tilgung, Nutzungsart */
	#zinsquickcheck select.selectbox {
		display: block;
		color: #051e50;
		float: left;
		height: 17px;
		width: 155px;
		border: 1px solid #a5acb2;
		}
                /* Link-Button mit einer Grafik als Hintergrund */    
		#zinsquickcheck input.submitbuttonzqc {
			float: right;
			margin: 18px 146px 0 16px;
			}			
                #zinsquickcheck A.submitbutton, input.submitbuttonzqc {
                        margin: 0 0 6px 12px;
                        /* display: block; */
                        width: 153px;
                        height: 22px;
                        background: url(../../images/planethome/background_buttons_med.gif) 0 0 no-repeat;
                        }	
                        #zinsquickcheck A.submitbutton:hover, input.submitbuttonzqc:hover {
                                background: url(../../images/planethome/background_buttons_med.gif) 0 -22px no-repeat;
                                text-decoration: none;
                                }
                #zinsquickcheck A.submitbuttonzqc span
                 {
                                padding-left: 22px;
                                line-height: 22px;
                                color: #fff;
                                font-weight: bold;
                                }
                #zinsquickcheck	input.submitbuttonzqc {
                                padding-left: 22px;
                                line-height: 22px;
                                color: #fff;
                                padding-bottom: 1px;
                                font-weight: bold;
                                cursor: pointer;
                                }			
                #zinsquickcheck	A.submitbuttonzqc {
                                float: left;
                                display: inline;
                                }	






/* ZinsQuickCheck Ergebnisseite */
#zinsquickcheckergebnis {
	background-color: #f4f4f4;
	margin: 0 0 12px 0;
	padding: 24px 0 24px 0;
	}	
    #zinsquickcheckergebnis .clearer {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	}
        /* Linke Spalte mit Beschriftung (Kaufpreis, Darlehensbetrag.. */
	#zinsquickcheckergebnis label {
		display: block;
		color:  #4f4f4f;
		float: left;
		width: 290px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
                margin-right:20px;
		}
        /* rechte Spalte mit Beschriftung fuer EUR und % */
	#zinsquickcheckergebnis span.info {
		display: block;
		color: #888;
		float: left;
		width: 80px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 12px 12px;
		}
        /* fuer die Anzeige der Validierungs- und Konvertierungsfehler */
	#zinsquickcheckergebnis span.fehler {
		display: block;
		color: red;
		float: left;
		width: 400px;
		height: 34px;
		line-height: 17px;
		display: inline; /* IE */
                margin-left:30px;
                margin-top:0px;
		}
	/* Eingabefelder */
	#zinsquickcheckergebnis input.txtinput {
		display: block;
		color: #051e50;
		float: left;
		height: 17px;
		width: 160px;
		border: 1px solid #a5acb2;
		}
	/* Dropdown Selectboxen (Zinsbindung, Tilgung, Nutzungsart */
	#zinsquickcheckergebnis select.selectbox {
		display: block;
		color: #051e50;
		float: left;
		height: 17px;
		width: 160px;
		border: 1px solid #a5acb2;
		}
                /* Link-Button mit einer Grafik als Hintergrund */    
		#zinsquickcheckergebnis input.submitbuttonzqce {
			float: right;
			margin: 18px 146px 0 16px;
			}			
                #zinsquickcheckergebnis A.submitbuttonzqce, input.submitbuttonzqce {
                        margin: 0 0 6px 12px;
                        /* display: block; */
                        width: 153px;
                        height: 22px;
                        background: url(../../images/planethome/background_buttons_med.gif) 0 0 no-repeat;
                        }	
                        #zinsquickcheckergebnis A.submitbuttonzqce:hover, input.submitbuttonzqce:hover {
                                background: url(../../images/planethome/background_buttons_med.gif) 0 -22px no-repeat;
                                text-decoration: none;
                                }
                #zinsquickcheckergebnis A.submitbuttonzqce span
                 {
                                padding-left: 22px;
                                line-height: 22px;
                                color: #fff;
                                font-weight: bold;
                                }
                #zinsquickcheckergebnis	input.submitbuttonzqce {
                                padding-left: 22px;
                                line-height: 22px;
                                color: #fff;
                                padding-bottom: 1px;
                                font-weight: bold;
                                cursor: pointer;
                                }			
                #zinsquickcheckergebnis	A.submitbuttonzqce {
                                float: left;
                                display: inline;
                                }	
				#zinsquickcheckergebnis p {
					font-size: 12px;
					line-height: 16px;
					padding: 0 0 12px 0;
					color: #4f4f4f;
					margin-left:17px;	
				}



/* Topzins */
#topzins {
	background-color: #f4f4f4;
	/*margin: 0 0 12px 0;*/
	/*padding: 24px 0 24px 0;*/
	padding-left:5px;
	width:153px;
	height:133px;
	position:absolute;
	top:0px;
	left:0px;
	}	
    #topzins .clearer {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	
	}
	#topzins span.nominal {
		color:#e2001a;	
		font-size:4em;
	}

	
/* Angebotsvergleich Ergebnisseite */
#angebotsvergleichergebnis {
	background-color: #f4f4f4;
	margin: 0 0 12px 0;
	padding: 24px 0 24px 0;
	}	
    #angebotsvergleichergebnis .clearer {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	}
        /* Linke Spalte mit Beschriftung (Kaufpreis, Darlehensbetrag.. */
	#angebotsvergleichergebnis label.beschriftung {
		display: block;
		color:  #4f4f4f;
                font-weight : bold;
		float: left;
		width: 170px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
                margin-right:10px;
		}
        /* enthaelt die eingegebenen Werte */
	#angebotsvergleichergebnis label.eingabewerte {
                text-align: right;
		display: block;
		color:  #4f4f4f;
		float: left;
		width: 100px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		
		}
       /* enthaelt die berechneten Werte */
	#angebotsvergleichergebnis label.ausgabewerte {
                text-align: right;
		/* display: block; */
		color:  #4f4f4f;
		float: left;
		width: 100px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		
		}


        /* ERGEBNIS: Linke Spalte mit Beschriftung (Kaufpreis, Darlehensbetrag.. */
	#angebotsvergleichergebnis label.beschriftungmonatlicherate {
		display: block;
		color:  #4f4f4f;
                font-weight : bold;
		float: left;
		width: 170px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
                margin-right:10px;
                margin-top:20px;
                font-size: 12px;
		}
        /* ERGEBNIS: enthaelt die eingegebenen Werte */
	#angebotsvergleichergebnis label.eingabewertemonatlicherate {
                text-align: right;
		display: block;
		color:  #4f4f4f;
		float: left;
		width: 100px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		font-weight : bold;
                margin-top:20px;
                font-size: 12px;
		}
       /* ERGEBNIS: enthaelt die berechneten Werte */
	#angebotsvergleichergebnis label.ausgabewertemonatlicherate {
                text-align: right;
		display: block;
		color:  #4f4f4f;
		float: left;
		width: 100px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		font-weight : bold;
                margin-top:20px;
                font-size: 12px;
		}
        /* ERGEBNIS: Beschriftung fuer EUR und % */
	#angebotsvergleichergebnis span.ersparniswaehrung {
		display: block;
		color: #fff;
		width: 80px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */		
		}



        /* Layout fuer die Spalten-Ueberschriften */
	#angebotsvergleichergebnis label.spaltenbeschriftung {
                text-align: center;
		display: block;
		color:  #4f4f4f;
		float: left;
		width: 120px;
		
		line-height: 17px;
		display: inline; /* IE */
                margin-bottom:20px;
                font-weight:bold;
		
		}
        /* ERGEBNIS: Zeigt ganz unten " Die Ersparnis bei Ihrem Angebot: " an */
	#angebotsvergleichergebnis label.ersparnis {
		display: block;
		float: left;
		width: 412px;
		height: 17px;
                font-size:12px;
                font-weight : bold;
		line-height: 17px;
                background-color:#00337f;
                color: #fff;
		display: inline; /* IE */
                margin: 0 0 6px 18px;
                margin-top:10px;
		}
        /* Beschriftung fuer EUR und % */
	#angebotsvergleichergebnis span.info {
		display: block;
		color: #888;	
		width: 80px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */		
		}
 

                /* Link-Button mit einer Grafik als Hintergrund */    
		#angebotsvergleichergebnis input.submitbuttonang {
			float: right;
			margin: 18px 146px 0 16px;
			}			
                #angebotsvergleichergebnis A.submitbuttonang, input.submitbuttonang {
                        margin: 0 0 6px 12px;
                        /* display: block; */
                        width: 153px;
                        height: 22px;
                        background: url(../../images/planethome/background_buttons_med.gif) 0 0 no-repeat;
                        }	
                        #angebotsvergleichergebnis A.submitbuttonang:hover, input.submitbuttonang:hover {
                                background: url(../../images/planethome/background_buttons_med.gif) 0 -22px no-repeat;
                                text-decoration: none;
                                }
                #angebotsvergleichergebnis A.submitbuttonang span
                 {
                                padding-left: 22px;
                                line-height: 22px;
                                color: #fff;
                                font-weight: bold;
                                }
                #angebotsvergleichergebnis	input.submitbuttonang {
                                padding-left: 22px;
                                line-height: 22px;
                                color: #fff;
                                padding-bottom: 1px;
                                font-weight: bold;
                                cursor: pointer;
                                }			
                #angebotsvergleichergebnis	A.submitbuttonang {
                                float: left;
                                display: inline;
                                }	
				#angebotsvergleichergebnis p {
					font-size: 12px;
					line-height: 16px;
					padding: 0 0 12px 0;
					color: #4f4f4f;
					margin-left:17px;	
				}

/* Glossar - Suchfeld */
#glossar input {
		background: url(../images/background_suche_ohne_button.gif) top left no-repeat;
                height: 18px;
		width: 174px;
		margin-top: 7px;
                position: absolute;
}
/* Link welcher die Suche aktiviert */
#glossar a.absenden {
               background: url(../images/background_suche_button.gif) 0 0 no-repeat;
               background-color: transparent;
               border-color: #ff3333;
               height: 18px;
               width: 18px;
               display:block;
               position: relative;
               left:176px;
               top: 7px;
}


/* Ueberschrift vom Eingabefeld beim Glossar */
#glossarueberschrift p { 
   padding-top:0px;
   padding-bottom :0px; ;
}

/* Verzeichnisinhalt darstellen */
.glossarinput {  width:350px; }

/* Der Autocompleter welcher erscheint wenn 2 Buchstaben im Eingabefeld eingegeben worden sind */
.glossarautocomplete 				{ position:absolute; width:250px; background-color:white; border:1px solid #ccc; margin:0px; padding:0px; }
.glossarautocomplete ul  			{ list-style-type: none; margin:0px; padding:0px; }
.glossarautocomplete ul li.selected             { background-color: #ccc; }
.glossarautocomplete ul li 			{ list-style-type: none; display:block; margin:0; padding:2px; height:32px; }




                /* Link-Button mit einer Grafik als Hintergrund */  
  
		#glossarergebnis input.submitbuttonx {
			float: right;
			margin: 18px 146px 0 16px;
			}			
                #glossarergebnis A.submitbuttonx, input.submitbuttonx {
                        margin: 0 0 6px 12px;
                        /* display: block; */
                        width: 153px;
                        height: 22px;
                        background: url(../images/background_buttons_med.gif) 0 0 no-repeat;
                        }	
                        #glossarergebnis A.submitbuttonx:hover, input.submitbuttonx:hover {
                                background: url(../images/background_buttons_med.gif) 0 -22px no-repeat;
                                text-decoration: none;
                                }
                #glossarergebnis A.submitbuttonx span
                 {
                                padding-left: 22px;
                                line-height: 22px;
                                color: #fff;
                                font-weight: bold;
                                }
                #glossarergebnis input.submitbuttonx {
                                padding-left: 22px;
                                line-height: 22px;
                                color: #fff;
                                padding-bottom: 1px;
                                font-weight: bold;
                                cursor: pointer;
                                }			
                #glossarergebnis A.submitbuttonx {
                                float: left;
                                display: inline;
                                }	

                


/* Kontaktformular */
#kontaktform {
	/* border:1px #004282 solid; */
	padding-top:10px;
	font-weight:bold;
}

#kontaktform fieldset {
	border:0px;
	font-weight:bold;
}

#kontaktform label {
	display:block;
	float:left;
	width:200px;
	text-align:right;
	display:inline; /* IE */
	margin:0 10px 2px 0;
	font-weight:normal;
}

#kontaktform p {
       display: block;
	padding: 0 12px 0 12px;
	font-size: 14px;
	font-weight: bold;
        line-height:16px;
	color:#fff;
	background-color:#83c7e5;
	/* padding:2px 2px 2px 8px; */
	font-weight:bold;
        margin-bottom:5px;
}

#kontaktform .txtarea {
	width:200px;
	height:70px;
	border: 1px solid #a5acb2;
	font-weight:normal;
	font-size:11px;
        color: #051e50
}

#kontaktform .info {
	font-size:9px;
	font-weight:normal;
	margin-left:3px;
}

#kontaktform span.fehler {
	display:block;
	color:red;
	float:left;
	width:280px;
	line-height:17px;
	display:inline; /* IE */
	margin:0px 0px 10px 200px;
}

#kontaktform .clearer {
	margin-top:3px;
	clear:both;	
}				


#kontaktform select.selectbox {
        display: block;
        color: #051e50;
        float: left;
        height: 17px;
        width: 150px;
        border: 1px solid #a5acb2;
}
#kontaktform input.txtinput {
        display: block;
        color: #051e50;
        float: left;
        height: 17px;
        width: 150px;
        border: 1px solid #a5acb2;
}

#kontaktform input.radioinput {
        display: block;
        color: #051e50;
        float: left;
        height: 17px;
        width: 10px;
        border: 1px solid #a5acb2;
}

#kontaktform table.radioinput {
	width: 200px;	
	border-top: 1px solid #83c7e5;
	border-left: 1px solid #83c7e5;
	margin-bottom: 12px;
	}
#kontaktform table.radioinput label {
        width:50px;
}
#kontaktform table.radioinput {
        border: none;
        padding-bottom:0px;
        padding-top:0px;
        padding-left:0px;
        padding-right:0px;  
}
#kontaktform table.radioinput td {
        border: none;
        width:50px;
        padding-bottom:0px;
        padding-top:0px;
        padding-left:0px;
        padding-right:0px;
}

                /* Link-Button mit einer Grafik als Hintergrund */    
		#kontaktform input.submitbutton {
			float: right;
			margin: 18px 146px 0 16px;
                        margin-bottom:20px;
			}			
                #kontaktform A.submitbutton, input.submitbutton {
                        margin: 0 0 6px 12px;
                        display: block;
                        width: 153px;
                        height: 22px;
                        background: url(../images/background_buttons_med.gif) 0 0 no-repeat;
                        }	
                        #kontaktform A.submitbutton:hover, input.submitbutton:hover {
                                background: url(../images/background_buttons_med.gif) 0 -22px no-repeat;
                                text-decoration: none;
                                }
                #kontaktform A.submitbutton span
                 {
                                padding-left: 22px;
                                line-height: 22px;
                                color: #fff;
                                font-weight: bold;
                                }
                #kontaktform input.submitbutton {
                                padding-left: 22px;
                                line-height: 22px;
                                color: #fff;
                                padding-bottom: 1px;
                                font-weight: bold;
                                cursor: pointer;
                                }			
                #kontaktform A.submitbutton {
                                float: left;
                                display: inline;
                                }	





/*  Mietrechner Eingabeformular */
#mietrechner {
	background-color: #f4f4f4;
	margin: 0 0 12px 0;
	padding: 24px 0 24px 0;
	}	
        #mietrechner .clearer {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	}
        /* Linke Spalte mit Beschriftung (Kaufpreis, Darlehensbetrag.. */
	#mietrechner label.beschriftung {
		display: block;
		color: #4f4f4f;
		float: left;
		width: 180px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
		}
	#mietrechner label.ueberschrift1 {
		display: block;
		color: #4f4f4f;
		float: left;
		width: 180px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
                font-weight : bold;
		}
	#mietrechner label.ueberschrift2 {
		display: block;
		color: #4f4f4f;
		float: left;
		width: 180px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
                margin-top:10px;
                font-weight : bold;
		}
	#mietrechner label.ergebnis {
		display: block;
		color: #4f4f4f;
		float: left;
		width: 180px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
		}
        /* rechte Spalte mit Beschriftung fuer EUR und % */
	#mietrechner span.info {
		display: block;
		color: #888;
		float: left;
		width: 60px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 12px 12px;
		}
        /* fuer die Anzeige der Validierungs- und Konvertierungsfehler */
	#mietrechner span.fehler {
		display: block;
		color: red;
		float: left;
		width: 400px;
		height: 34px;
		line-height: 17px;
		display: inline; /* IE */
                margin-left:30px;
                margin-top:0px;
		}
	/* Eingabefelder */
	#mietrechner input.txtinput {
		display: block;
		color: #051e50;
		float: left;
		height: 17px;
		width: 150px;
		border: 1px solid #a5acb2;
        margin-left:10px;
		padding-left:3px;
		}
	/* Dropdown Selectboxen (Zinsbindung, Tilgung, Nutzungsart */
	#mietrechner select.selectbox {
		display: block;
		color: #051e50;
		float: left;
		height: 17px;
		width: 155px;
		border: 1px solid #a5acb2;
                margin-left:10px;
		}
                /* Link-Button mit einer Grafik als Hintergrund */    
		#mietrechner input.submitbutton {
			float: right;
			margin: 18px 146px 0 16px;
			}			
                #mietrechner A.submitbutton, input.submitbutton {
                        margin: 0 0 6px 12px;
                        display: block;
                        width: 153px;
                        height: 22px;
                        background: url(../images/background_buttons_med.gif) 0 0 no-repeat;
                        }	
                        #mietrechner A.submitbutton:hover, input.submitbutton:hover {
                                background: url(../images/background_buttons_med.gif) 0 -22px no-repeat;
                                text-decoration: none;
                                }
                #mietrechner A.submitbutton span
                 {
                                padding-left: 22px;
                                line-height: 22px;
                                color: #fff;
                                font-weight: bold;
                                }
                #mietrechner	input.submitbutton {
                                padding-left: 22px;
                                line-height: 22px;
                                color: #fff;
                                padding-bottom: 1px;
                                font-weight: bold;
                                cursor: pointer;
                                }			
                #mietrechner	A.submitbutton {
                                float: left;
                                display: inline;
                                }	

.abstand { 
    margin-bottom:5px;
}


/*  Erwerbsnebenkostenrechner Eingabeformular */
#erwerbsnebenkostenrechner {
	background-color: #f4f4f4;
	margin: 0 0 12px 0;
	padding: 24px 0 24px 0;
	}	
        #erwerbsnebenkostenrechner .clearer {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	}
        /* Linke Spalte mit Beschriftung (Kaufpreis, Darlehensbetrag.. */
	#erwerbsnebenkostenrechner label.beschriftung {
		display: block;
		color: #4f4f4f;
		float: left;
		width: 180px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
		}
	#erwerbsnebenkostenrechner label.ueberschrift1 {
		display: block;
		color: #4f4f4f;
		float: left;
		width: 180px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
                font-weight : bold;
		}
	#erwerbsnebenkostenrechner label.ueberschrift2 {
		display: block;
		color: #4f4f4f;
		float: left;
		width: 180px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
                margin-top:10px;
                font-weight : bold;
		}
	#erwerbsnebenkostenrechner label.ergebnis {
		display: block;
		color: #4f4f4f;
		float: left;
		width: 180px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
                font-size:12px;
                font-weight : bold;
		}
        /* rechte Spalte mit Beschriftung fuer EUR und % */
	#erwerbsnebenkostenrechner span.info {
		display: block;
		color: #888;
		float: left;
		width: 30px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 12px 12px;
		}
	#erwerbsnebenkostenrechner span.ergebnis {
		display: block;
		color: #888;
		float: left;
		width: 30px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 12px 12px;
		}
        /* fuer die Anzeige der Validierungs- und Konvertierungsfehler */
	#erwerbsnebenkostenrechner span.fehler {
		display: block;
		color: red;
		float: left;
		width: 400px;
		height: 34px;
		line-height: 17px;
		display: inline; /* IE */
                margin-left:30px;
                margin-top:0px;
		}
	/* Eingabefelder */
	#erwerbsnebenkostenrechner input.txtinput {
		display: block;
		color: #051e50;
		float: left;
		height: 17px;
		width: 60px;
		border: 1px solid #a5acb2;
                margin-left:10px;
		}
	#erwerbsnebenkostenrechner input.txtprozentinput {
		display: block;
		color: #051e50;
		float: left;
		height: 17px;
		width: 30px;
		border: 1px solid #a5acb2;
                margin-left:10px;
		}
	#erwerbsnebenkostenrechner input.txtinputergebnis {
		display: block;
		color: black;
		float: left;
		height: 17px;
		width: 60px;
		border: 1px solid #a5acb2;
                margin-left:10px;
                font-size:13px;
		}
	/* Dropdown Selectboxen (Zinsbindung, Tilgung, Nutzungsart */
	#erwerbsnebenkostenrechner select.selectbox {
		display: block;
		color: #051e50;
		float: left;
		height: 17px;
		width: 150px;
		border: 1px solid #a5acb2;
                margin-left:10px;
		}
        #erwerbsnebenkostenrechner .trennlinie {
                border-top: 1px solid #a6a6a6;
                margin-top: 10px;
                padding-top: 15px;	
                clear: both;
        }
                /* Link-Button mit einer Grafik als Hintergrund */    
		#erwerbsnebenkostenrechner input.submitbutton {
			float: right;
			margin: 18px 146px 0 16px;
			}			
                #erwerbsnebenkostenrechner A.submitbutton, input.submitbutton {
                        margin: 0 0 6px 12px;
                        display: block;
                        width: 153px;
                        height: 22px;
                        background: url(../images/background_buttons_med.gif) 0 0 no-repeat;
                        }	
                        #erwerbsnebenkostenrechner A.submitbutton:hover, input.submitbutton:hover {
                                background: url(../images/background_buttons_med.gif) 0 -22px no-repeat;
                                text-decoration: none;
                                }
                #erwerbsnebenkostenrechner A.submitbutton span
                 {
                                padding-left: 22px;
                                line-height: 22px;
                                color: #fff;
                                font-weight: bold;
                                }
                #erwerbsnebenkostenrechner	input.submitbutton {
                                padding-left: 22px;
                                line-height: 22px;
                                color: #fff;
                                padding-bottom: 1px;
                                font-weight: bold;
                                cursor: pointer;
                                }			
                #erwerbsnebenkostenrechner	A.submitbutton {
                                float: left;
                                display: inline;
                                }	


/* merkliste volldarstellung */

div.merkliste {
	padding: 0 !important;
	background: url(../images/bg_merkliste_full.gif) 0 0 repeat-y;
	margin-bottom: 24px;
	}
	div.merkliste h3 {
		color: #fff !important;
		font-size: 14px !important;
		padding: 6px 0 6px 10px;
		background-color: #83c7e5;
		border-bottom: 1px solid #fff;
		border-top: 12px solid #fff;
		}
				
	div.merkliste h3 span.head {
			color: #fff !important;
			font-size: 14px !important;
			padding-top: 10px;
			width: 200px;
			float: left;
			}
		div.merkliste h4 {
			color: #0a508c;
			font-size: 12px !important;
			padding: 0 0 6px 10px !important;
			margin: 0 !important;
			}
		div.merkliste h5 {
			padding-left: 30px;
			padding-top: 6px;
			margin: 0 !important;
			color: #0a508c !important;
			font-size: 12px !important;
			}
			div.merkliste h4 span.datum,
			div.merkliste h5 span.datum {
				float: left;
				width: 170px;
				font-size: 12px !important;
				margin-top: 12px;
				}	
			div.profile h4 span.datum,
			div.profile h5 span.datum {
				float: left;
				width: auto;
				font-size: 12px !important;
				margin-top: 12px;
				}
		ul.erste {
			border-bottom: 1px solid #fff;
			margin: 0 !important;
			padding: 0 0 12px 6px;
			}
			ul.erste li {
				width: 350px;
				}		
		ul.subliste {
			padding: 0 24px 24px 35px;
			margin 0 !important;
			border-bottom: 1px solid #fff;
			}	
			ul.subliste li {
				font-size: 12px !important;
				width: 310px;
				}
				
				
				ul.erste li strong,
				ul.subliste li strong {
					font-size: 12px !important;
					}				
				ul.erste li a,
				ul.subliste li a {
					font-size: 12px !important;
					font-weight: bold !important;
					}	
	/* buttons mit optionen (ansehen, löschen etc.) */		
	span.optionen {
		float: right;
		color: #107ba9;
		margin: 8px 5px 6px 0;
		display: block;
		width: 200px;
		}
		span.optionen img {
			margin: 2px 0 0 3px;
			}	
		span.optionen a.buttonlink-med {
			margin: 0 5px 0 0 !important;
			display: block;
			float: left;
			}
		span.optionen a.buttonlink-klein {
			margin: 0 5px 0 0 !important;
			display: block;
			float: left;
			}				
		span.optionen span.optionen-inner {
			float: right;
			width: 45px;
			display: block;
			height: 20px;
			}
			
			span.optionen a span {
			 	width: auto !important;
				font-size: 11px !important;
				color: #fff !important;
				padding: 0 0 0 22px !important;
				display: inline !important;
				}
			
			
	 div.nicht-ausgefuellt {
	 	padding: 12px !important;
	 	background-color: #d6ecf6;
	 	background-image: none;
	 	}		
		div.nicht-ausgefuellt h4 {
			margin: 0 0 6px 0 !important;
			padding: 0 !important;
			}	
		div.nicht-ausgefuellt a {
			display: block;
			font-weight: bold !important;
			margin: 0 !important;
			padding: 0 0 0 9px !important;
			background: url(../images/icon_linkpfeil.gif) 0 3px no-repeat;
			}
			
												
/* weiterführende links und downloadbox */

ul.kontext-links {
	display: block;
	background-color: #d6ecf6;
	padding: 12px 0 12px 0 !important;
	}			
	ul.kontext-links li {
		background: transparent !important;
		font-weight: bold;
		padding: 0 0 0 12px; !important;
		margin: 0 !important;
		color: #4f4f4f;
		}		
		ul.kontext-links li ul {
			padding-top: 6px;
			}
			ul.kontext-links li ul li {
				background: url(../images/icon_linkpfeil.gif) 0 7px no-repeat !important;
				padding-left: 12px !important;
				}
				ul.kontext-links li ul li a {
					font-size: 12px !important;
					}	
				
								


/* sitemap */
h2.sitemap {
	background-color: #85c6e4;
	margin: 0 !important;
	padding: 2px 0 2px 0 !important;
	}
	h2.sitemap span {
		padding: 3px 10px 3px 10px !important;
		color: #fff;
		font-size: 14px;
		line-height: 18px;
		}
		
		
		
ul.sitemap {
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
	}
	ul.sitemap li {
		margin: 0 0 24px 0 !important;
		padding: 0 !important;
		background-image: none !important;
		font-size: 12px;
		}
		ul.sitemap li a {
			display: block;
			border-bottom: 1px solid #84c7e4;
			line-height: 15px;
			font-weight: bold;
			background: url(../images/icon_linkpfeil.gif) 0 5px no-repeat !important;
			padding: 2px 9px 2px 9px !important;			
			font-size: 12px;
			margin: 0 0 0 10px !important;
			}				
			ul.sitemap li ul li {
				margin: 0 !important;
				padding: 0;
				}	
			ul.sitemap li ul li a {
				font-weight: normal;
				margin: 0 0 0 20px !important;
				}	
				ul.sitemap li ul li ul li a {
					margin: 0 0 0 40px !important;
					}	
				ul.sitemap li ul li ul  {
					margin: 0 !important;
					}	

				
										
/* ----- BUTTONS HELL ----- */
	
/* links mit dem aussehen eines buttons (hell) */		
A.buttonlink, input.buttonlink {
	margin: 0 0 6px 12px;
	display: block;
	width: 193px;
	height: 22px;
	background: url(../images/background_buttons.gif) 0 0 no-repeat;
	}	
	A.buttonlink:hover, input.buttonlink:hover {
		background: url(../images/background_buttons.gif) 0 -22px no-repeat;
		text-decoration: none;
		}
/* links mit dem aussehen eines buttons (hell, klein) */		
A.buttonlink-med, input.buttonlink-med {
	margin: 0 0 6px 12px;
	display: block;
	width: 153px;
	height: 22px;
	background: url(../images/background_buttons_med.gif) 0 0 no-repeat;
	}	
	A.buttonlink-med:hover, input.buttonlink-med:hover {
		background: url(../images/background_buttons_med.gif) 0 -22px no-repeat;
		text-decoration: none;
		}
/* links mit dem aussehen eines buttons (hell, mittel mit zurück pfeil) */		
A.buttonlink-med-zurueck, input.buttonlink-med-zurueck {
	margin: 0 0 6px 12px;
	display: block;
	width: 153px;
	height: 22px;
	background: url(../images/background_buttons_med_zurueck.gif) 0 0 no-repeat;
	}	
	A.buttonlink-med-zurueck:hover, input.buttonlink-med-zurueck:hover {
		background: url(../images/background_buttons_med_zurueck.gif) 0 -22px no-repeat;
		text-decoration: none;
		}
		
/* links mit dem aussehen eines buttons (hell, groß mit zurück pfeil) */		
A.buttonlink-zurueck, input.buttonlink-zurueck {
	margin: 0 0 6px 12px;
	display: block;
	width: 193px;
	height: 22px;
	background: url(../images/background_buttons_zurueck.gif) 0 0 no-repeat;
	}	
	A.buttonlink-zurueck:hover, input.buttonlink-zurueck:hover {
		background: url(../images/background_buttons_zurueck.gif) 0 -22px no-repeat;
		text-decoration: none;
		}	
					
/* links mit dem aussehen eines buttons (hell, klein) */		
A.buttonlink-klein, input.buttonlink-klein {
	margin: 0 0 6px 12px;
	display: block;
	width: 136px;
	height: 22px;
	background: url(../images/background_buttons_klein.gif) 0 0 no-repeat;
	}	
	A.buttonlink-klein:hover, input.buttonlink-klein:hover  {
		background: url(../images/background_buttons_klein.gif) 0 -22px no-repeat;
		text-decoration: none;
		}


/* ----- BUTTONS DUNKEL ----- */
		
/* links mit dem aussehen eines buttons (dunkel) */	
A.buttonlink-dunkel, input.buttonlink-dunkel {
	margin: 0 0 6px 12px;
	display: block;
	width: 193px;
	height: 22px;
	background: url(../images/background_buttons_dunkel.gif) 0 0 no-repeat;
	}	
	A.buttonlink-dunkel:hover, input.buttonlink-dunkel:hover {
		background: url(../images/background_buttons_dunkel.gif) 0 -22px no-repeat;
		text-decoration: none;
		}	
		
/* links mit dem aussehen eines buttons (dunkel, mittel) */	
A.buttonlink-dunkel-med, input.buttonlink-dunkel-med {
	margin: 0 0 6px 12px;
	display: block;
	width: 153px;
	height: 22px;
	background: url(../images/background_buttons_dunkel_med.gif) 0 0 no-repeat;
	}	
	A.buttonlink-dunkel-med:hover, input.buttonlink-dunkel-med:hover {
		background: url(../images/background_buttons_dunkel_med.gif) 0 -22px no-repeat;
		text-decoration: none;
		}
		
/* links mit dem aussehen eines buttons (dunkel, klein) */	
A.buttonlink-dunkel-klein, input.buttonlink-dunkel-klein {
	margin: 0 0 6px 12px;
	display: block;
	width: 136px;
	height: 22px;
	background: url(../images/background_buttons_dunkel_klein.gif) 0 0 no-repeat;
	}	
	A.buttonlink-dunkel-klein:hover, input.buttonlink-dunkel-klein:hover {
		background: url(../images/background_buttons_dunkel_klein.gif) 0 -22px no-repeat;
		text-decoration: none;
		}
	
	A.buttonlink span, 
	A.buttonlink-dunkel span, 
	A.buttonlink-dunkel-klein span, 
	A.buttonlink-klein span,
	A.buttonlink-med span,
	A.buttonlink-med-zurueck span,
	A.buttonlink-zurueck span,
	A.buttonlink-dunkel-med span  {
		padding-left: 22px;
		line-height: 22px;
		color: #fff;
		font-weight: bold;
		}
	input.buttonlink, 
	input.buttonlink-dunkel, 
	input.buttonlink-dunkel-klein, 
	input.buttonlink-klein,
	input.buttonlink-med,
	input.buttonlink-med-zurueck,
	input.buttonlink-zurueck,
	input.buttonlink-dunkel-med {
		padding-left: 22px;
		line-height: 22px;
		color: #fff;
		padding-bottom: 1px;
		font-weight: bold;
		cursor: pointer;
		}			
	A.buttonlink-med,
	A.buttonlink-med-zurueck,
	A.buttonlink-zurueck,
	A.buttonlink-dunkel-med {
		float: left;
		display: inline;
		}	
	input.buttonlink-med,
	input.buttonlink-med-zurueck,
	input.buttonlink-zurueck,
	input.buttonlink-dunkel-med {
		float: left;
		display: inline;
		}	
		
	.letzter {
		margin: 0 !important;
		}
		
	ul.letzter {
		margin: 0 0 0 0 !important;
		float: right;
		}
		
	ul.ansprechpartner {
		background-color: #D6ECF6;
		}	

/* kontaktcenter */

.kcenter-box {
	padding-bottom: 4px;
	margin-bottom: 20px;
	}			
	.kcenter-box h6  {
		color: #4f4f4f;
		margin-bottom: 5px;
		}
	.kcenter-box h6 a {
		font-size: 12px !important;
		}	
	.kcenter-box h6 a:hover {
		text-decoration: none;
		}	
	.kcenter-box a.rechts {
		float: right;
		background: url(../images/icon_pfeil_nach_oben.gif) 0 3px no-repeat !important;
		padding-left: 9px;
		}		
	.kcenter-box img {
		border-bottom: 1px solid #fff;
		}
	.kcenter-box p.bildbeschreibung {
		background-color: #d6ecf6;
		color: #666 !important;
		font-size: 11px !important;
		padding: 6px 12px 12px 12px !important;
		line-height: 14px !important;
		margin-bottom: 12px;
		height: 77px;
		width: 193px !important;
		}
		
	.kcenter-teaser {
		float: left;
		}
		
	.kcenter-teaser-zweiter {
		float: left;
		margin-left: 12px;
		}
		
		
	.kcenter h4 {
		display: block;
		background-color: #83c7e5;
		color: #FFFFFF !important;
		padding: 12px 0 12px 12px;
		border-bottom: 1px solid #fff;
		}
	.kcenter ul {
		padding: 12px 0 12px 12px;
		}
		
	.kcenter p.kontent {
		margin: 12px 0 0 12px;
		}
		
/* formularcenter */
	.formularcenter-separator {
		height: 20px;
		}


/*  "Was kann ich mir leisten" -Rechner Eingabeformular */
#leistenrechner {
	background-color: #f4f4f4;
	margin: 0 0 12px 0;
	padding: 24px 0 24px 0;
	}	
        #leistenrechner .clearer {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	}
        #leistenrechner .abstand {
        margin-bottom:25px;
        }
        #leistenrechner .trennlinie {
                border-top: 1px solid #a6a6a6;
                margin-top: 10px;
                padding-top: 15px;	
                clear: both;
        }
        /* Linke Spalte mit Beschriftung (Kaufpreis, Darlehensbetrag.. */
	#leistenrechner label.beschriftung ,#leistenrechner label.beschriftungergebnis{
		display: block;
		color: #4f4f4f;
		float: left;
		width: 280px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
		}
	#leistenrechner label.ueberschrift1 {
		display: block;
		color: #4f4f4f;
		float: left;
		width: 180px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
                font-weight : bold;
		}
	#leistenrechner label.ueberschrift2 {
		display: block;
		color: #4f4f4f;
		float: left;
		width: 180px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
                margin-top:10px;
                font-weight : bold;
		}
	#leistenrechner label.ergebnis {
		display: block;
		color: #4f4f4f;
		float: left;
		width: 180px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
		}
        /* rechte Spalte mit Beschriftung fuer EUR und % */
	#leistenrechner span.info {
		display: block;
		color: #888;
		float: left;
		width: 30px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 12px 12px;
		}
        /* fuer die Anzeige der Validierungs- und Konvertierungsfehler */
	#leistenrechner span.fehler {
		display: block;
		color: red;
		float: left;
		width: 400px;
		height: 34px;
		line-height: 17px;
		display: inline; /* IE */
                margin-left:30px;
                margin-top:0px;
		}
	/* Eingabefelder */
	#leistenrechner input.txtinput {
		display: block;
		color: #051e50;
		float: left;
		height: 17px;
		width: 60px;
		border: 1px solid #a5acb2;
                margin-left:10px;
		}
	#leistenrechner input.txtinputergebnis {
		display: block;
		color: #051e50;
		float: left;
		height: 17px;
		width: 60px;
		border: 1px solid #a5acb2;
                margin-left:10px;
                font-weight : bold;
		}
	/* Dropdown Selectboxen (Zinsbindung, Tilgung, Nutzungsart */
	#leistenrechner select.selectbox {
		display: block;
		color: #051e50;
		float: left;
		height: 17px;
		width: 150px;
		border: 1px solid #a5acb2;
                margin-left:10px;
		}


/* Monatliche Rate -Rechner Eingabeformular */
#monatlicherate {
	background-color: #f4f4f4;
	margin: 0 0 12px 0;
	padding: 24px 0 24px 0;
	}	
        #monatlicherate .clearer {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	}
        /* Linke Spalte mit Beschriftung (Kaufpreis, Darlehensbetrag.. */
	#monatlicherate label.beschriftung {
		display: block;
		color: #4f4f4f;
		float: left;
		width: 180px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
		}
	#monatlicherate label.darlehensbetrag {
		display: block;
		color:  #4f4f4f;
		float: left;
		width: 180px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
                
                font-weight:bold;
		}
	#monatlicherate label.ergebnis {
		display: block;
		color:  #4f4f4f;
		float: left;
		width: 290px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
		}
        /* rechte Spalte mit Beschriftung fuer EUR und % */
	#monatlicherate span.info {
		display: block;
		color: #888;
		float: left;
		width: 60px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 12px 12px;
		}
        /* fuer die Anzeige der Validierungs- und Konvertierungsfehler */
	#monatlicherate span.fehler {
		display: block;
		color: red;
		float: left;
		width: 400px;
		height: 34px;
		line-height: 17px;
		display: inline; /* IE */
                margin-left:30px;
                margin-top:0px;
		}
	/* Eingabefelder */
	#monatlicherate input.txtinput {
		display: block;
		color: #051e50;
		float: left;
		height: 17px;
		width: 150px;
		border: 1px solid #a5acb2;
		padding-left:3px;
		}
	#monatlicherate input.txtinputdarlehensbetrag {
		display: block;
		color: #051e50;
		float: left;
		height: 17px;
		width: 150px;
		border: 1px solid #a5acb2;
        font-weight:bold;
        margin-left:0px;
		padding-left:3px;
		}
	/* Dropdown Selectboxen (Zinsbindung, Tilgung, Nutzungsart */
	#monatlicherate select.selectbox {
		display: block;
		color: #051e50;
		float: left;
		height: 17px;
		width: 155px;
		border: 1px solid #a5acb2;
		}
                /* Link-Button mit einer Grafik als Hintergrund */    
		#monatlicherate input.submitbuttonmr {
			float: right;
			margin: 18px 146px 0 16px;
			}			
                #monatlicherate A.submitbutton, input.submitbuttonmr {
                        margin: 0 0 6px 12px;
                        /* display: block; */
                        width: 153px;
                        height: 22px;
                        background: url(../../images/planethome/background_buttons_med.gif) 0 0 no-repeat;
                        }	
                        #monatlicherate A.submitbuttonmr:hover, input.submitbuttonmr:hover {
                                background: url(../../images/planethome/background_buttons_med.gif) 0 -22px no-repeat;
                                text-decoration: none;
                                }
                #monatlicherate A.submitbuttonmr span
                 {
                                padding-left: 22px;
                                line-height: 22px;
                                color: #fff;
                                font-weight: bold;
                                }
                #monatlicherate	input.submitbuttonmr {
                                padding-left: 22px;
                                line-height: 22px;
                                color: #fff;
                                padding-bottom: 1px;
                                font-weight: bold;
                                cursor: pointer;
                                }			
                #monatlicherate	A.submitbuttonmr {
                                float: left;
                                display: inline;
                                }	

/* Monatliche Rate -Rechner Ergebnisseite */
#monatlicherateergebnis {
	background-color: #f4f4f4;
	margin: 0 0 12px 0;
	padding: 24px 0 24px 0;
	}	
    #monatlicherateergebnis .clearer {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	}
        /* Linke Spalte mit Beschriftung (Kaufpreis, Darlehensbetrag.. */
	#monatlicherateergebnis label.beschriftung {
		display: block;
		color:  #4f4f4f;
		float: left;
		width: 290px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
                margin-right:20px;
		}
	#monatlicherateergebnis label.ueberschrift1 {
		display: block;
		color:  #4f4f4f;
		float: left;
		width: 290px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
                margin-right:20px;
                font-weight:bold;
                font-size:12px;
		}
	#monatlicherateergebnis label.ueberschrift2 {
		display: block;
		color:  #4f4f4f;
		float: left;
		width: 290px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
                margin-right:20px;
                font-weight:bold;
                font-size:12px;
		}
        /* rechte Spalte mit Beschriftung fuer EUR und % */
	#monatlicherateergebnis span.info {
		display: block;
		color: #888;
		float: left;
		width: 80px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 12px 12px;
		}
        /* fuer die Anzeige der Validierungs- und Konvertierungsfehler */
	#monatlicherateergebnis span.fehler {
		display: block;
		color: red;
		float: left;
		width: 400px;
		height: 34px;
		line-height: 17px;
		display: inline; /* IE */
                margin-left:30px;
                margin-top:0px;
		}
	/* Eingabefelder */
	#monatlicherateergebnis input.txtinput {
		display: block;
		color: #051e50;
		float: left;
		height: 17px;
		width: 160px;
		border: 1px solid #a5acb2;
		}


	/* Dropdown Selectboxen (Zinsbindung, Tilgung, Nutzungsart */
	#monatlicherateergebnis select.selectbox {
		display: block;
		color: #051e50;
		float: left;
		height: 17px;
		width: 160px;
		border: 1px solid #a5acb2;
		}
                /* Link-Button mit einer Grafik als Hintergrund */    
		#monatlicherateergebnis input.submitbuttonmre {
			float: right;
			margin: 18px 146px 0 16px;
			}			
                #monatlicherateergebnis A.submitbuttonmre, input.submitbuttonmre {
                        margin: 0 0 6px 12px;
                        /* display: block; */
                        width: 153px;
                        height: 22px;
                        background: url(../../images/planethome/background_buttons_med.gif) 0 0 no-repeat;
                        }	
                        #monatlicherateergebnis A.submitbuttonmre:hover, input.submitbuttonmre:hover {
                                background: url(../../images/planethome/background_buttons_med.gif) 0 -22px no-repeat;
                                text-decoration: none;
                                }
                #monatlicherateergebnis A.submitbuttonmre span
                 {
                                padding-left: 22px;
                                line-height: 22px;
                                color: #fff;
                                font-weight: bold;
                                }
                #monatlicherateergebnis	input.submitbuttonmre {
                                padding-left: 22px;
                                line-height: 22px;
                                color: #fff;
                                padding-bottom: 1px;
                                font-weight: bold;
                                cursor: pointer;
                                }			
                #monatlicherateergebnis	A.submitbuttonmre {
                                float: left;
                                display: inline;
                                }	
				#monatlicherateergebnis p {
					font-size: 12px;
					line-height: 16px;
					padding: 0 0 12px 0;
					color: #4f4f4f;
					margin-left:17px;	
				}

/*  Liquiditaetsrechner Eingabeformular */
#liquiditaetsrechner {
	background-color: #f4f4f4;
	margin: 0 0 12px 0;
	padding: 24px 0 24px 0;
	}	
        #liquiditaetsrechner .clearer {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	}
        /* Linke Spalte mit Beschriftung (Kaufpreis, Darlehensbetrag.. */
	#liquiditaetsrechner label.beschriftung {
		display: block;
		color: #4f4f4f;
		float: left;
		width: 280px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
		}
	#liquiditaetsrechner label.ueberschrift1 {
		display: block;
		color: #4f4f4f;
		float: left;
		width: 280px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
                font-weight : bold;
                font-size :12px ;
		}
	#liquiditaetsrechner label.ueberschrift2 {
		display: block;
		color: #4f4f4f;
		float: left;
		width: 280px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
                margin-top:10px;
                font-weight : bold;
                font-size :12px ;
		}
	#liquiditaetsrechner label.ueberschrift3 {
		display: block;
		color: #4f4f4f;
		float: left;
		width: 280px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
                margin-top:10px;
                font-weight : bold;
                font-size :12px ;
		}
	#liquiditaetsrechner label.ergebnisausgaben {
		display: block;
		color: #4f4f4f;
		float: left;
		width: 280px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
                font-weight : bold;
		}
	#liquiditaetsrechner label.ergebniseinkommen {
		display: block;
		color: #4f4f4f;
		float: left;
		width: 280px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
                font-weight : bold;
		}
	#liquiditaetsrechner label.summenettoeinkuenfte {
		display: block;
		color: #4f4f4f;
		float: left;
		width: 280px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 6px 18px;
                font-weight : bold;
		}
        /* rechte Spalte mit Beschriftung fuer EUR und % */
	#liquiditaetsrechner span.info {
		display: block;
		color: #888;
		float: left;
		width: 30px;
		height: 17px;
		line-height: 17px;
		display: inline; /* IE */
		margin: 0 0 12px 12px;
		}
        /* fuer die Anzeige der Validierungs- und Konvertierungsfehler */
	#liquiditaetsrechner span.fehler {
		display: block;
		color: red;
		float: left;
		width: 400px;
		height: 34px;
		line-height: 17px;
		display: inline; /* IE */
                margin-left:30px;
                margin-top:0px;
		}
	/* Eingabefelder */
	#liquiditaetsrechner input.txtinput {
		display: block;
		color: #051e50;
		float: left;
		height: 17px;
		width: 80px;
		border: 1px solid #a5acb2;
                margin-left:10px;
		}
	/* Dropdown Selectboxen (Zinsbindung, Tilgung, Nutzungsart */
	#liquiditaetsrechner select.selectbox {
		display: block;
		color: #051e50;
		float: left;
		height: 17px;
		width: 150px;
		border: 1px solid #a5acb2;
                margin-left:10px;
		}
                /* Link-Button mit einer Grafik als Hintergrund */    
		#liquiditaetsrechner input.submitbutton {
			float: right;
			margin: 18px 146px 0 16px;
			}			
                #liquiditaetsrechner A.submitbutton, input.submitbutton {
                        margin: 0 0 6px 12px;
                        display: block;
                        width: 153px;
                        height: 22px;
                        background: url(../images/background_buttons_med.gif) 0 0 no-repeat;
                        }	
                        #liquiditaetsrechner A.submitbutton:hover, input.submitbutton:hover {
                                background: url(../images/background_buttons_med.gif) 0 -22px no-repeat;
                                text-decoration: none;
                                }
                #liquiditaetsrechner A.submitbutton span
                 {
                                padding-left: 22px;
                                line-height: 22px;
                                color: #fff;
                                font-weight: bold;
                                }
                #liquiditaetsrechner	input.submitbutton {
                                padding-left: 22px;
                                line-height: 22px;
                                color: #fff;
                                padding-bottom: 1px;
                                font-weight: bold;
                                cursor: pointer;
                                }			
                #liquiditaetsrechner	A.submitbutton {
                                float: left;
                                display: inline;
                                }