/* Homepage / Startseite */

body.home #mainnavi {
	margin-bottom:2px;
}

/* Kreditrechner */

#kreditrechner.content {
	padding-top:30px;
	width:531px;
}
body.kreditoptionen #righttab {
	width:331px;
	background:url(../images/kreditrechner/paerchen.gif) no-repeat bottom left;
	padding-top:121px;
	padding-bottom: 470px;
	padding-left:10px;
}
#kreditrechner  h1 span, #kreditrechner h2 { display:none; }
#kreditrechner h1 {
	border:0;
	background:url(../images/kreditrechner/headline.gif) no-repeat;
	width:519px;
	height:64px;
	margin:0 0 23px 10px;
	padding:0;
}
#formbox {
	clear:left;
	float:left;
	background:url(../images/kreditrechner/box_bg.png) repeat-y;
	width:447px;
	padding-bottom:3px;
}
#fbtop {
	float:left;
	background:url(../images/kreditrechner/box_top.png) no-repeat;
	width:447px;
	height:6px;
}
#fbbottom {
	float:left;
	background:url(../images/kreditrechner/box_bottom.png) no-repeat left top;
	width:447px;
	height:6px;
}
#formbox #optionen {
	float:left;
	width:430px;
	margin:3px 6px 0 9px;
	padding:0;
}
#laufzeit { float:right; }
#formbox #optionen div.beige, #formbox #optionen div.blue, #formbox #optionen h3 {
	width:400px;
	clear:left;
	float:left;
	background:#F3F0E7;
	padding:5px 15px 4px 14px;
	margin-bottom:1px;
}
#formbox #optionen div.blue, #formbox #optionen h3 {
	background:#E0EEF1;
	width:404px;
	padding-left:18px;
	padding-right:7px;
}
#formbox #optionen div.blue {
	font-size:12px;
	position:relative;
}
#formbox #optionen div.blue p.label {
	width:250px;
	margin-right:30px;
	margin-top:2px;
}
#formbox #optionen div.beige label, #formbox #optionen div.beige p.label {
	color:#4D4C4A;
	font-weight:bold;
	font-size:12px;
	float:left;
	margin-top:3px;
}
#formbox #optionen div p.label {
	clear:none;
	float:left;
	margin:0;
}
#formbox #optionen div p.value {
	clear:none;
	float:right;
	color:#78192F;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	margin:0;
	width:108px;
	text-align:right;
}
#formbox #optionen div#summe {
	padding-top:23px;
	padding-bottom:10px;
	margin:0;
}
#formbox #optionen div.beige label#kreditsummenlabel {
	color:#60696E;
	font-size:25px;
	font-weight:bold;
	margin-right:10px;
	float:left;
}
#formbox #optionen #kreditsumme {
	width:155px;
	height:35px;
	border:0;
	padding:11px 45px 0 0;
	background:url(../images/kreditrechner/input_bg.jpg) no-repeat;
	color:#4B4B49;
	font-weight:bold;
	font-size:20px;
	text-align:right;
	float:right;
	position:relative;
	top:-8px;
}
#formbox #optionen h3 {
	background:#E9E0D9;
	color:#8E4151;
	margin-top:3px;
}
#formbox #optionen div.blue p.value { float:left; }
#formbox #optionen div.blue p.value label {
	position:relative;
	top:0px;
	margin:0;
}
#formbox #optionen div.blue p.value input {
	position:relative;
	top:2px;
	margin:0 8px 0 3px;
}
#formbox #optionen p.value label {
	font-size:12px;
	line-height:14px;
	font-weight:normal;
	color:black;
}
#ratenpause_detail input {
	position:relative;
	top:1px;
}
#ratenpause_anzahl1 {
	margin-left:-1px;
}
#formbox #optionen #result {
	float:left;
	margin-top:3px;
}
#formbox #monatsrate { margin-top:-7px; }
#formbox #monatlicheRateDisplay {
	float:left;
	color:#78192F;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	text-align:right;
	border-right:solid 1px #C5C2B9;
	padding:12px 8px 12px 0;
	margin-right:11px;
	width:250px;
}
#formbox #optionen #submit {
	width:127px;
	height:32px;
	background:url(../images/button/submit.jpg) no-repeat;
	padding:0;
	margin:22px 0 0 0;
	border:0;
	cursor:pointer;
}
#formbox #optionen img.info {
	width:15px;
	height:15px;
	float:right;
	margin-top:2px;
	cursor:pointer;
}


/* Angebotsseite */

div#angebot h3 {
	font-size:15px;
	padding:0;
	margin:0 0 15px 0;
}
div#angebot div.formline {
	margin:0 0 12px 0;
}
div#angebot div {
	border-bottom:solid 1px #C8C8C8;
	float:left;
	padding:16px 0;
	width:600px;
}
div#angebot div p {
	line-height:24px;
	clear:none;
}
div#angebot div p.label {
	width:400px;
	clear:left;
	float:left;
	padding:0;margin:0;
}
div#angebot div p.bold {
	font-weight:bold;
}
div#angebot div p.value {
	float:left;
	width:200px;
	padding:0;margin:0;
}
div#angebot div p.distance {
	margin-top:15px;
}
div#angebot div.formline {
	border:0;
	margin:0;
	padding:3px 0;
}
div#angebot div.formline label{ width:auto; }


/* Antrag */

#antrag {
	float:left;
	margin:0 0 20px 0;
	padding:0 0 2px 0;
}
p.lastline {
	border-bottom:solid 1px #C8C8C8;
	margin-bottom:0px;
	padding-bottom:20px;
}

/* step1 - Allgemeine Angaben */

#step1 ol { 
	float:left;
	padding:30px 0 22px 25px;
	margin:0;
	border-bottom:solid 1px #C8C8C8;
	width:575px;
}
#step1 ol li, #step1 ul li {
	float:left;
	clear:both;
	padding:8px 0;
	margin:0;
	width:535px;
}
#step1 li p {
	color:#333333;
	margin:0;
	float:left;
}
#steps #step1 p.label { 
	width:360px;
	padding-right:20px;
}
#step1 li p.value { 
	width:125px;
	font-weight:normal;
	float:left;
	clear:none;
	position:relative;
}
#auxmoney p a#auxmoneylink {
	display:block;
	margin:20px 0;
}

/* Step 2 - Persönliche Angaben */

#step2 p.comment {
	float:left;
	margin:-5px 0 10px 200px;
	font-size:10px;
	font-weight:bold;
}
#steps #anrede, #steps #titel {
	width:115px;
	margin-right:10px;
}
#steps #input_plz, #steps #input_plzArbeitgeber {
	width:44px;
	margin-right:9px;
}
#steps #input_ort, #steps #input_ortArbeitgeber, #telefon, #mobil { width:244px; }
#steps #input_strasse, #steps #input_strasseArbeitgeber {
	width:220px;
	margin-right:9px;
}
#steps #input_hausnr, #steps #input_hausnrArbeitgeber { width:68px; }
#steps #input_gebTag, #steps #input_gebMonat {
	width:28px;
	margin-right:9px;
}
#steps #input_gebJahr { width:44px; }
#steps #input_land, #steps #input_familienstand { width:260px; }
#input_schufa { margin:50px 10px 0 0; }
div.formline #label_schufa { clear:none; width:auto; padding-top:50px;}
div.formline #input_schufa_status { margin-top:50px; }
p.hinweis {
	margin:10px 0 0 0;
	padding:0 80px 25px 0;
	font-size:13px;
	line-height:17px;
	border-bottom:solid 1px #C8C8C8;
	float:left;
}
p.hinweis span {
	display:block;
	margin:0 0 0 23px;
	padding-left:8px;
	border-left:solid 1px #781A35;
}
#step3 #arbeitBefristetMonat, #step3 #arbeitBefristetJahr,
#step3 #berufMonat, #step3 #berufJahr {
	width:100px;
	margin-right:10px;
}

/* Übersicht & Abschluss  (STEP 6) */

#overview .overview {
	position:relative;
	float:left;
	border-bottom:solid 1px #C8C8C8;
	padding-bottom:32px;
	width:600px;
}
#overview .overview h2 {
	margin-top:36px;
}
#overview .overview h3 {
	margin:0 0 8px 0;
}
#overview .overview h3.second {
	margin-top:15px;
}
#overview .overview div {
	float:left;
	clear:left;
	margin-bottom:8px;
	width: 600px;
}
#overview .overview div p {
	float:left;
	clear:none;
	margin:0;
}
#overview .overview div p.label {
	width:250px;
	font-weight:bold;
	font-size:13px;
}
#overview .overview div p.value {
	width:350px;
}
#overview a.change {
	position:absolute;
	top:20px;
	right:0px;
	display:block;
	width:60px;
	height:23px;
	background:url(../images/button/aendern.png) no-repeat;
	margin:15px 0 20px 0;
}
#overview a.change span {
	display:none;
}
#overview .navibuttons p {
	clear:left;
	margin-bottom:30px;
}
#overview h2.optional {
	color:black;
	margin:30px 0 0 0;
	padding:0;
}
#kreditnehmer2_abfrage p {
	padding-bottom:30px;
	float:left;
}
#kreditnehmer2option input {
	display:block;
	float:left;
	clear:left;
	margin-top:12px;
}
#kreditnehmer2option label {
	display:block;
	float:left;
	margin:15px 0 0 5px;
}


/* RIGHTTAB / rechter Bereich */

#righttab, #righttab.mann { background:url(../images/righttab/mann.gif) no-repeat left 51px; }
#righttab.orange { background-image:url(../images/righttab/frau_oranges_kleid.gif); }
#righttab.rot { background-image:url(../images/righttab/frau_rotes_kleid.gif); }
#righttab.paar { background-image:url(../images/righttab/paar.gif); }
#righttab div.wichtige_unterlagen {
	width:272px;
	height:270px;
	background:url(../images/righttab/box_wichtigeunterlagen.jpg) no-repeat left top;
}
#righttab div.wichtige_unterlagen h4, #righttab div.wichtige_unterlagen p, #righttab div.wichtige_unterlagen ol {
	display:none;
}
#righttab div.datensicherheit {
	width:272px;
	height:211px;
	background:url(../images/righttab/box_datensicherheit.jpg) no-repeat left top;
}
#righttab div.datensicherheit h4, #righttab div.datensicherheit  p { display:none; }
#righttab form#kreditberechnen {
	position:relative;
	background:url(../images/righttab/box_kreditberechnen_leer.jpg) no-repeat;
	width:256px;
	height:135px;
	padding:115px 0 0 16px;
}
#righttab form#kreditberechnen #rb_kreditsenden {
	width:253px;
	height:57px;
	background:url(../images/righttab/box_kreditberechnen_btn.png) no-repeat;
	border:0;
	position:relative;
	left:-7px;
	top:10px;
	cursor:pointer;
}
#righttab form#kreditberechnen #kreditsumme {
	background:url(../images/righttab/box_kreditberechnen_input.jpg) no-repeat;
	border:0;
	padding:3px 25px 0 0;
	margin:0;
	width:105px;
	height:19px;
	text-align:right;
	font-weight:bold;
}
#righttab form#kreditberechnen select {
	width:106px;
	position:relative;
	top:1px;
}
#righttab #faq_cloud {
	background:url(../images/righttab/box_faq_leer.jpg) no-repeat;
	width:247px;
	height:210px;
	padding:0 10px 0 15px;
}
#righttab #faq_cloud h4 { display:none; }
#righttab #faq_cloud p { padding-top:53px; }
#righttab #faq_cloud a{
	color:#333333;
	font-size:13px;
	line-height:21px;
	font-weight:bold;
}
#righttab #faq_cloud a.smallest { font-size:11px; }
#righttab #faq_cloud a.small { font-size:12px; }
#righttab #faq_cloud a.bigger { font-size:14px; }
#righttab #faq_cloud a.biggest { font-size:16px; }


/* Vorteile */

#vorteile ul {
	padding:30px 0;
	border-bottom:solid 1px #C8C8C8;
}
#vorteile ul li {
	background:url(../images/icons/listenpunkt.png) no-repeat left 3px;
	padding:0 30px 0 20px;
	margin:0 0 20px 0;
}
#vorteile ul li h2 { margin-bottom:7px; }
#vorteile ul li p { clear:left; }


/* FAQ */

dl.faq {
	width:600px;
	float:left;
	margin-top:30px;
}
dl.faq a {
	color: #606C6E;
	font-size: 14px;
	background:url(../images/icons/plus.jpg) no-repeat left 2px;
	padding:0 0 4px 20px;
	margin:0;
	width:580px;
	cursor:pointer;
	display: block;
}
dl.faq a.active {
	background:url(../images/icons/minus.jpg) no-repeat left 2px;
}
dl.faq a.normal {
	font-size: 13px;
	background: none;
	display: inline;
	padding:0;
}
dl.faq div {
	padding:10px 0 20px 10px;
	overflow:hidden;
}
dl.faq hr {
	color: #C8C8C8;
	height: 1px;
	margin:0 0 25px 0;
}
#faqs_sogehts div {
	float:left;
	margin:0 0 50px 0;
	padding:30px 0 2px 0;
	border-bottom:solid 2px #C8C8C8;
}
#faqs_sogehts div div{
	float:left;
	padding:15px 0 30px 200px;
	margin:0;
	color:#606C6E;
	font-size:15px;
	font-weight:bold;
	width:400px;
	min-height:60px;
	border-bottom:solid 1px #C8C8C8;
	background-position:left 15px;
}
#faqs ul {
	margin:20px 0 20px 10px;
}
#faqs ol {
	margin:20px 20px 20px 0;
	padding:0 0 0 20px;
}
#faqs ul li {
	margin-bottom:5px;
}
#faqs ol li {
	margin-bottom:5px;
}

#sogehts1 { background:url(../images/sogehts/faq_sogehts_img_1.jpg) no-repeat; }
#sogehts2 { background:url(../images/sogehts/faq_sogehts_img_2.jpg) no-repeat; }
#sogehts3 { background:url(../images/sogehts/faq_sogehts_img_3.jpg) no-repeat; }
#sogehts4 { background:url(../images/sogehts/faq_sogehts_img_4.jpg) no-repeat; }
#sogehts5 { background:url(../images/sogehts/faq_sogehts_img_5.jpg) no-repeat; }
#sogehts6 { background:url(../images/sogehts/faq_sogehts_img_6.jpg) no-repeat; }
#sogehts7 { background:url(../images/sogehts/faq_sogehts_img_7.jpg) no-repeat; }

ul.helplist {
	float:left;
	position:absolute;
	left:0;
	top:40px;
	list-style-position:outside;
	margin:0;
	padding:0 0 0 30px;
	color:#333333;
}
ul.helplist li {
	float:left;
	padding:0;
	margin:0;
}
ul.helplist li a {
	color:#333333;
	font-size:14px;
	letter-spacing:2px;
	font-weight:normal;
	margin:0;
	padding:0 4px;
}
ul.helplist li a:hover, ul.helplist li.active a {
	background:#CBDFE8;
	text-decoration:none;
}
ul.helplist li.active a { font-weight:bold; }
#faqs_hilfe h1 { margin-bottom:5px; }
#faqs_hilfe div, #meta div {
	border-bottom:solid 2px #C8C8C8;
	margin:0 0 40px 0;
	padding-bottom:2px;
	float:left;
}
#faqs_hilfe div div, #meta div div {
	border-bottom:solid 1px #C8C8C8;
	margin:25px 0 0 0;
	width:600px;
	float:left;
}


/* Kontaktformular */

#kontakt p.label, #kontakt label {
	font-weight:bold;
}
#telefon_von, #telefon_bis, #mobil_von, #mobil_bis {
	width:90px;
}

#kontakt #vorname, #kontakt #nachname {
	width:159px;
}
#telefon_check {
	margin-top:15px;
}
#kontakt input[type=checkbox] {
	position:relative;
	top:4px;
}
#kontakt #betreff label, #kontakt #binbereits p.label {
	width:auto;
	margin-right:20px;
}
#kontakt #binbereits {
	width:600px;
	margin-bottom:20px;
}
#kontakt #betreff select#thema {
	width:336px;
	display:block;
	margin:10px 0 0 200px;
}
#kontakt textarea {
	border:solid 1px #ADADAD;
	margin:0;
	padding:1px 0 0 2px;
	width:334px;
	height:208px;
	font-family:Arial;
}
#kontakt .navibuttons .send {
	background:url(../images/button/nachricht_senden.png) no-repeat;
	width:175px;
}
#kontakt #anredetitel select { 
	width:161px; 
	margin-right:9px;
}


/* META-Seiten */

#meta ol {
	clear:left;
	padding:0;
	margin:0 0 0 20px;
}
#meta ol li {
	margin-bottom:15px;
}
#meta div.sub {
	border:0;
	padding:0 0 0 17px;
	margin:0;
}
#meta #logo {
	margin-bottom:10px;
}
#sitemap div {
	clear:left;
	float:left;
	padding:0;
}
#sitemap h1{
	margin-bottom:24px;
}
#sitemap h2 {
	margin:16px 0 8px 0;
	padding:0;
}
#sitemap h2 a {
	margin:0;
	padding:0;
}
#sitemap ul {
	clear:left;
	float:left;
	margin:0;
	padding:0;
}
#sitemap ul li a {
	font-size:13px;
	color:#333333;
	font-weight:normal;
}


/****************************************************/
/* TOOLTIP ******************************************/
/****************************************************/
div.blue a {
    background: url(../images/button/information.jpg) no-repeat;
    width: 15px;
    height: 15px;
    float: right;
}
div.blue a span { display: none; }

div.formline a {
    background: url(../images/button/information.jpg) no-repeat;
    width: 15px;
    height: 15px;
    float: right;
}
div.formline a span { display: none; }

#tooltip {
    position: absolute;
	z-index: 3000;
    width: 390px;
    padding: 20px;
}
#tooltip h5 {
	margin:0;
	padding: 4px 0 8px 0;
	color:black;
	font-size:16px;
	font-weight:bold;
}
span.tttop {
	width: 390px;
	height: 14px;
	background: url(../images/tooltip/tip_top.gif) no-repeat left bottom;
	display: block;
}
span.ttcenter {
	padding: 0 10px 0 25px;
    background: url(../images/tooltip/tip_center.gif) repeat-y;	
	display: block;
}
span.ttbottom {
	width: 390px;
	height: 14px;
	background: url(../images/tooltip/tip_bottom.gif) no-repeat left top;
	display: block;
}


/*	Brotkrumen / Progressbar / Vortschrittsanzeige */

ol#breadcrumb {
	float:left;
	position:absolute;
	left:0;
	top:40px;
	list-style-position:inside;
	margin:0;
	padding:0 0 0 30px;
	font-size:11px;
	color:#333333;
}
ol#breadcrumb li {
	float:left;
	padding:0 14px 0 0;
	margin:0 6px 0 0;
}
ol#breadcrumb li.inactive, ol#breadcrumb li.inactive a {
	color:#bcbcbc;
	cursor:default;
}
ol#breadcrumb a {
	color:#333333;
	font-weight:bold;
	margin-left:-6px;
	text-decoration:none;
}