/*========================================================================
	Main Elements
========================================================================*/

/* 

green: #00743d
naviBG: #e6e6e6
navicolor: #333333
textcolor: #444444
linkcolor: #00743d
hellgruen: #d9eae2;
*/

body {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	color: #444444;
	font-size: 11px;
	line-height:16px;
	margin: 0;
	text-decoration:none;
	text-align: center;
}

h1, h2, h3 {color: #00743d;}

h1 {
	margin:0 0 20px 0;
	padding:0px;
	font-size: 20px;
	line-height: 28px;
}


h2 {
	margin:0 0 10px 0;
	padding:0px;
	font-size: 15px;
}

p {
	margin: 0 0 16px 0;
	font-size: 11px;
	line-height: 16px;
	color: #444444;
}

fieldset {
	border: none;
}

#smile, a { 
	text-decoration: none;
	color: #00743d;
	line-height:16px;
}

a:hover {color: #333333;}

a.link {
	background: url(../pix/main/pfeil.png); 
	background-repeat: no-repeat; 
	padding-left: 16px;
}

a.link:active {
	background-image: url(../pix/main/pfeil_active.png); 
	background-repeat: no-repeat; 
	padding-left: 16px;
}

a.link:hover {
	background-image: url(../pix/main/pfeil_hover.png); 
	background-repeat: no-repeat; 
}

#Kreditrechner a.link {
	background: url(../pix/main/pfeil_green.png); 
	background-repeat: no-repeat; 
	padding-left: 16px;
}

#Kreditrechner a.link:hover {
	background-image: url(../pix/main/pfeil_green_hover.png); 
	background-repeat: no-repeat; 
}

a.print {
	background-image: url(../pix/main/icons/print.png);
	background-repeat: no-repeat; 
	height: 40px;
	width: 40px;
	border: none;
	display: block;
}

.right {float: right;}

/*========================================================================
	Divs / Aufbau / Content
========================================================================*/

div#Main {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	height: 475px;
	background-image: url(/pix/main/bg_main.png);
	position:relative;
}


div#smile {
	margin: 0 auto;
	position:relative;
	width: 1000px;
	text-align:left;
	z-index: 2000px;
}


a.logo {
	position: absolute;
	top: 0;
	left: 14px;
	width: 230px;
	height: 70px;
	z-index: 3000;
}

div#ServiceNavi {
	position: absolute;
	top: 0;
	right: 25px;
	width: 236px;
	height: 78px;
	background-image:url(/pix/navigation/bg_servicenavi.png);
}

div#ServiceNaviBreit {
	position: absolute;
	top: 0;
	right: 25px;
	width: 310px;
	height: 78px;
	background-image:url(/pix/navigation/bgServicenaviBreit.png);
}

div#MainNavi {
	position: absolute;
	top: 125px;
	left: 13px;
	width: 187px;
	/*height: 255px;*/
	height: auto;
	margin-bottom: 15px;
	text-align: left;
}

div#MainNavi img, div#Kreditrechner img {display: block; margin: 0; padding: 0;}

div.bgGrey {background-color: #e6e6e6;}

div#LangSelect {
	position: absolute;
	top: 350px;
	left: 29px;
	font-weight: bold;
}

div#Content {
	width: 513px;
	position: absolute; 
	top: 125px;
	right: 275px;
	text-align: left;
}

div.schritteCont {
	float:left;
	margin: 0px; 
	width: 230px;
}

div.schritteCont img {float: left; margin-top: 3px;}
div.schritteContText {float: right; width: 185px;}

/*========================================================================
	Kreditrechner
========================================================================*/

div#Kreditrechner {
	position: absolute; 
	top: 125px;
	right: 14px;
	height:230px;
	width: 188px;
	text-align:left;
	z-index:3000;
}

div.bgGreen {
	width: 158px;
	height:204px;
	padding:0px 15px;
	background: #d9eae2;
}

.krButton {
	position:absolute;
	bottom:8px;
	left:15px;
	width:158px;
	text-align:right;	
}

.krInputsFields {
	width:99%;
	font-size:11px;
	padding:2px 0px;
	margin-bottom:15px;
	border:1px solid #00743D;
	background: #d9eae2;
}




/*========================================================================
	Popup Boxen
========================================================================*/

/* Startseite */
div#ContVorteile {
	z-index: 3000;
	position: absolute;
	top: 0px;
	left: 15px;
}

/* Kreditarten */
 
div.infoBox,div.defaultBox {
	z-index: 10000;
	position: absolute;
	top: 15px;
	left: 120px;
	background-color: #ffffff;
	border: 2px solid #00743d;
	padding: 10px;
	width:738px;
	text-align: left;
}




img.close {position: absolute; top: 0; right: 0; z-index:7000;}

td.tabelleBorderTop {
	border-top: 1px solid #999;
	padding: 3px 0 3px 10px;
}

td.gruen1 {background-color: #daeae2;}
td.gruen2 {background-color: #f7fffb;}

td.tabelleDefault{padding: 3px 0 3px 10px;} 

td.hinweis, p.hinweis {
	color: #999999;
	font-size: 10px;
}


div.frageAntwort {
	display: none;
	margin: 10px 0 15px 16px;
}

div.ratenabsicherungKlapptext {display: none; margin-top: 10px; width: 450px;}

/*========================================================================
	Navigation
========================================================================*/

div#MainNavi a {display: block; color: #333333;}

div#MainNavi a:hover {color: #00743d;}

div#MainNavi a.naviNode, div#MainNavi a.naviNodeActive {margin-left: 15px;}

div#MainNavi a.subNaviNode, div#MainNavi a.subNaviNodeActive {margin-left: 25px;}

div#MainNavi a.naviNodeActive, div#MainNavi a.subNaviNodeActive { color: #00743d; font-weight: bold;}

div#LangSelect a {color: #444444;} 


/*========================================================================
	ServiceNavi
========================================================================*/

div#ServiceNaviBreit a.service01, div#ServiceNaviBreit a.service02, div#ServiceNaviBreit a.service03, div#ServiceNaviBreit a.service04 {
	width: 50px;
	height: 65px;
	float: left;
	margin-top: 5px;
}

div#ServiceNaviBreit a.service01 {
	background-image: url(/pix/navigation/servicenavi/servicenavi-01_de-trans.png);
	margin-left: 25px;
	margin-right: 20px;
}

div#ServiceNaviBreit a.service02 {
	background-image: url(/pix/navigation/servicenavi/servicenavi-02_de-trans.png);
	margin-right: 20px;
}

div#ServiceNaviBreit a.service03 {
	background-image: url(/pix/navigation/servicenavi/servicenavi-03_de-trans.png);
	margin-right: 20px;	
}

div#ServiceNaviBreit a.service04 {
	background-image: url(/pix/navigation/servicenavi/servicenavi-04_de-trans.png);
}

/*========================================================================
	Default Elements
========================================================================*/

.clearBoth {
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
}

form {
	margin:0px;
	padding:0px;
}


/*========================================================================
	Listen
========================================================================*/
div#ContVorteile ul {margin: 0 0 0 15px; padding: 0;}

div.schritteContText ul {
	padding: 0;
	margin: 0 0 20px 15px;
	list-style-image: url(../pix/main/bullet.png);
}

div.schritteContText li {
	padding: 0;
	margin: 0;
}

ul.defaultList {
	padding: 0;
	margin: 3px 0 2px 20px;
	list-style-image: url(../pix/main/dot.png);
}

/*========================================================================
	Tabellen
========================================================================*/

td.BorderTopBottom {
	border-top: 1px solid #daeae2;
	border-bottom: 1px solid #daeae2;
}

table.vorabklaerung td {
	border-bottom:1px solid #b2d5c4;
	padding:3px 0px;
}

/*========================================================================
	Formulare
========================================================================*/

div#formularLayer h2 {
	font-size: 12px;
	margin: 0 0 5px 0;
	padding: 0;
}

.kontaktInputFields {
	width:200px; 
	height:20px;
	border: 1px solid #00473d;
	background-color:#f7fffb;
	padding:3px;
	margin-bottom:8px;
}

.defaultInput {
	background-color:#f7fffb;
	border: 1px solid #00473d;
	height:15px;
	margin-bottom:8px;
	padding:3px 0;
	width:200px;
}

.budgetInputsFields {
	width:99%;
	padding:2px 0px;
	font-size:11px;
	margin-bottom:5px;
	border: 1px solid #cecece;
	background-color:#f7fffb;
}

.formButton {
	background-image: url(../pix/main/pfeil.png); 
	background-repeat: no-repeat; 
	padding: 0 0 10px 16px;
	font-size: 12px;
	font-weight: bold;
}

.defaultLabel {
	display: block;
	margin: 3px 0 2px 0;
	padding: 0;
}


/*========================================================================
	ERROX BOX
========================================================================*/

	
div#errorBox {
	position:absolute;
	left:100px; top:100px; 
	width:350px; height:auto;
	background-color: #ffffff;
	border: 2px solid #00743d;
	padding: 10px;
	z-index:8000;
	}