@charset "utf-8";

/* @override 
	http://kredit-beamten.de.local/wordpress/wp-content/themes/cms/style.css
	http://www.kredit-beamten.de/wordpress/wp-content/themes/cms/style.css
*/

/* CSS HEADER  ------------------------------------------------------

Theme Name:www.kredit-beamten.de

Theme URI:http://www.kredit-beamten.de

Description:Website Theme of www.kredit-beamten.de

Version:1.0.5

Author:Thilo Thamm

Author URI:http://www.thilothamm.de

Bugreport:

* Formulare verbessert
* Header für Kreditanfrage
* overflowfehler im formular gefixed


Last change:	27.04.2009 - 9:00

-------------------------------------------------------------------*/

/* @group css reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}


ol, ul{
	list-style-type:none;
}

blockquote, q{
	quotes:none;
}

/* remember to define focus styles! */
:focus{
	outline:0;
}

/* remember to highlight inserts somehow! */
ins{
	text-decoration:none;
}

del{
	text-decoration:line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table{
	clear:left;
	border-collapse:collapse;
	border-spacing:0;
}

/* @end */

/* @group html elements */

html{
	min-width:960px;
}

body{
	font-family:"Lucida Sans Unicode","Lucida Grande", Arial,sans-serif;	
	background-color:#f3f8fc;
	font-size:0.75em;
	line-height:1.5em;
	color:#333;
}

a:link, a:visited{
	color:#900;
	font-weight:bold;
	text-decoration:none;
}

#main a:hover, #main a:active,
#aside a:hover, #aside a:active,
.fwd:hover, .fwd:active{
	border-bottom:1px solid #900;	
}


h1, h2, h3, h4, h5, h6{
	font-weight:bold;
}

h1,h2{
	font-family:Tahoma,Verdana,Arial,sans-serif ;
	font-size:1.23em;
	color:#0f5b99;
	margin-bottom:1em;
}

body #main h1,
body #main h2{
	margin-top:3em; 
}

#main>h1:first-child,
#main>h2:first-child,
#main>hr+h2{
	margin-top:0;
}


h3, legend{
	text-transform:uppercase;
	letter-spacing:.1em;
	color:#0f5b99;
}

h4, h5, h6{
	color:#fff;
}

strong{
	font-weight:bold;
	color:#0f5b99;
}

small{
	/*font-size:.833em;*/
} 

big{
	font-weight:bold;
	color:#000;	
}

sub{
	font-size:.833em;
	line-height:1.25em;	
}

sup{
	font-size:.833em;
	color:#ccc;
}

#main p, #aside p{
	margin-bottom:1em;	
}

#main ul, 
#aside ul{
	list-style-position:outside;
	list-style-type:disc;
	margin-left:20px;
	background:none;
}

#main ol{
	list-style-type:decimal; 
	margin-left:20px;
	list-style-position:outside;
}

#main li{
	margin-bottom:1em;
}

#main img, #aside img{
	float:left;
	margin:4px 15px 10px 0;  
}

hr{
	clear:both;
	border:none;
	border-top:2px solid #c8daeb;
	margin:2em 0;
}

/* @end */

/* @group sidewide classes */

.hidden {
	display: none;
}

.pagewrapper{
	width:940px;
	padding:0 10px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

.alignleft{
	float:left;
}

.alignright{
	float:right;
}

.navigation{
	width:100%;
	overflow:hidden;
	margin-bottom:2em;
}
.navigation .alignleft{
	width:40%;
	padding-right:10%;
	text-align:left;
	display:block;
	float:left;
}

.navigation .alignright{
	width:40%;
	padding-left:10%;
	text-align:right;
	display:block;
	float:right;
}


#main .left,#main img.left,#main img.alignleft{
	float:left;
	margin:0 10px 10px 0;
}

#main .right, #main img.right,#main img.alignright{
	float:right;
	margin:0 0 10px 10px;
}


.fwd{
	padding-right:18px;
	background:url(img/sprites01.png) right -900px no-repeat;
	margin-right:20px;
}

#main ul.itemlist{
	margin:2em 0;
	list-style-type:none;
	display:block;	
}

#main ul.itemlist li{
	padding-left:40px;
	background:url(img/sprites01.png) 0px -697px no-repeat;
	margin-bottom:2em;
}

#main ul.itemlist li li{
	padding-left:0;
	background:none;
	margin-bottom:1em;
}



#main ul.dbllist{
	overflow:hidden;
	margin:0 -30px 1em 0;
}
#main ul.dbllist>li{
	background:url(img/sprites01.png) 0px -597px no-repeat;
	display:block;
	width:190px;

	margin-right:20px;
	margin-bottom:1em;
	padding-left:40px;
	float:left;
}

a.btn1, a.btn2, input#submitbutton, input#searchsubmit, a.btn_big{
	display:block;
	text-indent:-999px;
	width:240px;
	height:30px;
	border:none !important;
	background:#fff url(img/sprites01.png) -250px -240px no-repeat;
}

a.btn1{
	background-position:-250px -160px;
}

a.btn2{
	background-position:-250px -200px;
}

input#submitbutton{
	cursor:pointer;
	background-position:-250px -240px;
}


input#searchsubmit{
	width:100px;
	cursor:pointer;
	background-position:-250px -280px;
}

a.btn_big{
	height:50px;
	background-position:-250px -100px;
	background-color:transparent;
}

a.btn1:hover{
	background-position:0px -160px;
}

a.btn2:hover{
	background-position:0px -200px;
}

input#submitbutton:hover{
	cursor:pointer;
	background-position:0px -240px;
}

input#searchsubmit:hover{
	background-position:0px -280px;
}


a.btn_big:hover{
	height:50px;
	background-position:0px -100px;
}

.btn1, .btn2, .btn3{
	margin-bottom:2em;
}

#main a.mehrweniger{
	display:block;
	text-align:right;
	color:#00194d;
	padding-right:24px;
	line-height:2em;
	background:url(img/sprites01.png) right -600px no-repeat;
	border-bottom:none;
	width:12%;
	float:right;
	margin-top:-1em;
	margin-bottom:1em;
}

#main a.mehrweniger.weniger{
	background-position:right -650px;
}

/* @end */

/* @group page layout */

/* @group #header */

#header{
	background:#fff url(img/header.jpg) center top no-repeat;
}

#header .pagewrapper{
	height:150px; 
}

#header #top{
	top:69px;
	left:30px;
	position:relative;
	width:240px;
	min-height:50px;
}

#header_home{
	background:#fff url(img/header_home.jpg) center top no-repeat;
	height:330px;
	position:relative;
}

#header_home #top{
	position:relative;
	padding:95px 0 0 30px;
	width:440px;
	overflow: hidden;
}


#kreditanfrage #header #top {
	width:480px;
}


#sitetitle{
	position:absolute;
	top:15px;
}

#header_home #sitetitle {
	top: 20px;
}

#sitetitle a{
	background:url(img/sprites01.png) 0 -4px no-repeat;
	width:235px;
	height:20px;
	display:block;
	text-indent:-999px;
	overflow:hidden;
}

#logo_hm{
	position:absolute;
	display:block;
	text-indent:-9999px;
	top:20px;
	left:800px;
	width:121px;
	height:99px;
	background:url(img/sprites01.png) 0 -1257px no-repeat;
}

#header .btn_big{
	position:absolute;
	top:0;
	left:250px;
} 

#header_home #top h1{
	line-height:1.5em;
	text-align:center;
	margin:0;
	min-height:77px;
}

#header_home #audio {
	display: none;
	width: 440px;
	overflow: hidden;
	margin-top: 40px;
}

#header_home  #audio sub{
	display:block;
	width:130px;
	float:left;
	margin-right:10px;
}

#audioplayer1 {
	float: left;
}

#header_home  .btn_big{
	margin:0 auto;
	z-index:9;
}

/* @end */

/* @group #navigation */

#navigation{
	background:#00194d url(img/sprites01.png) repeat-x 0 -1360px;
}

#navigation li{
	display:block;
	float:left;
	height:40px;
}

#navigation a{
	display:block;
	padding:0 8px;
	margin-right:2px;
	line-height:40px;
	text-shadow:0 -1px 1px #000;
}

#navigation a:hover{
	text-decoration:underline;
	background-color:#1c527f; 
	background-color:rgba(255,255,255,.15);
}


#navigation #primary a{
	text-transform:uppercase;
	letter-spacing:.1em;
	color:#fff;
}

#navigation #secondary a{
	font-size:.833em;
	color:#c8daeb;
}

#navigation #primary{
	background:url(img/sprites02.jpg) -60px 0px no-repeat;
	position:relative;
	width:580px;
	float:left;
}

#navigation #secondary{
	width:360px;
	float:left;
}

body#home #primary .item1 a,
body#darlehen #primary .item2 a,
body#konditionen #primary .item3 a,
body#kreditanfrage #primary .item4 a,
body#antrag-kredit-beamte #primary .item4 a,
body#kontakt #secondary .item3 a,
body#news-archiv #secondary .item1 a,
body#beispiele #primary .item5 a,
body#haufig-gestellte-fragen #secondary .item2 a{
	color:#00194d;
	background-color:#f3f8fc;
	border-top:2px solid #ddd;
	text-shadow:none;
}
/* body#hamburg-mannheimer #secondary .item3 a */


/* @end */

#main{
	float:left;
	width:479px;
	margin-top:30px;
	margin-right:40px;
}

#aside{
	margin-top:30px;
	width:360px;
	float:left;
}

#main,
#aside > div{
	background-color:#fff;
	margin-bottom:30px;
	padding:30px;
}



#main,
#aside > div{
	border-right:1px solid #bacad6;
	border-bottom:1px solid #bacad6;
	box-shadow:1px 1px 4px #bacad6;
	-moz-box-shadow:1px 1px 4px #bacad6;
	-webkit-box-shadow:1px 1px 4px #bacad6;
}




/* @group #repeatednav */

#repeatednav{
	background-color:#e6e6e6;
	padding:5px 0;

	font-size:.833em;
	letter-spacing:.1em;
	text-transform:uppercase;
	position: relative;
	margin-top:80px;
}

#repeatednav ul {
}

#repeatednav li{
	display:inline;
	margin-right:20px;
}

#repeatednav h4{
	display:none;
}

#repeatednav *{
	color:#333;
}

#repeatednav a:hover, 
#footer a:hover{
	border-bottom:1px solid #333;
	color:#333;
}

/* @end */

/* @group #footer */

#footer{
	font-size:.833em;
	background-color:#d5d5d5;
	padding:20px 0 40px 0;
	color:#666; 

}

#footer a{
	color:#666; 
	font-weight:normal;
}

#footer #meta_weblinks{
	width:540px;
	float:left;
}

#footer ul#meta{
	margin-bottom:7em;
}

#footer li,
#tel *, #fax *{
	display:inline;
	margin-right:5px;
}

#fax{
	margin-bottom:1em;
}

#footer li:after{
	content:"•";
	margin-left:5px;
}

#footer li:last-child:after{
	content:"";
}

#contact_credit{
	float:right;
	width:240px;
	padding-left:120px;
	background:url(img/sprites01.png) -300px -350px no-repeat;
}

#footer h4{
	color:#333;
	display:inline;
	float:left;
	margin-right:5px;
}

/* @end */

/* @end */

/* @group modules */

/* @group call to action */

#calltoaction{
	position:relative;
}

#calltoaction h3, 
#calltoaction p{
	width:50%;
}

#calltoaction .btn_big{
	position:absolute;
	top:0;
	left:250px;
}

/* @end */

/* @group #kreditwahl */

#kreditwahl dt{
	background:url(img/sprites01.png) no-repeat 0px -500px;
	height:30px;
	padding-left:40px;
	line-height:30px;
	display:block;
	
	text-transform:uppercase;
	letter-spacing:.1em;
	color:#fff;
	font-weight:bolder;
	text-shadow:0 1px 1px #000;
	margin-bottom:10px;
}


#kreditwahl dl.closed dt{
	background-position:0px -550px;
}

#kreditwahl dd{
	padding-left:100px;
	padding-bottom:2em;
	background:url(img/sprites02.jpg) 0 -100px no-repeat;
}

#kreditwahl dd a{
	margin-top:1em;
}

#akademiker dd{
	background-position:0 -300px;
}
#angestellte dd{
	background-position:0 -500px;
}

/* @end */

/* @group #bestnoten */

#bestnoten p{
	padding-top:80px;
	background:url(img/sprites02.jpg) -320px  -100px no-repeat;

}



/* @end */

/* @group #phone */

#aside #phone{
	background:url(img/sprites02.jpg) -320px  -425px no-repeat;
	padding:10px 90px 10px 45px;
}

#phone *{
	display:block;
	text-align:center
}

.hotline{
	font-family:Georgia, Times, "Times New Roman";
	font-size:2.25em;
	font-weight:normal;
	letter-spacing:-.05em;
	margin:.1em 0 .2em 0;
}

/* @end */

#main ul.newslist{
	margin:0;
	list-style-type:none;
}

#main .news,
#main .newslist li{
	position:relative;
	padding-left:60px;
	margin-bottom:2em;
}

.newslist br, .archive .post br{
	display:none;
}

/* @group .date */

.date{
	position:absolute;
	background:url(img/sprites01.png) -400px -30px no-repeat;
	display:block;
	top:3px;
	left:0;
	width:40px;
	height:50px;
	text-align:center;
}

.date .year{
	display:none;
}

.date .month{
	display:block;
	position:absolute;
	width:100%;
	top:0;
	left:0;
	background-color:#0f5b99;
	text-transform:uppercase;
	letter-spacing:.1em;
	line-height:1.5em;
	font-size:.833em;
	color:#fff;
	
}

.date .day{
	display:block;
	position:absolute;
	width:100%;
	top:0;
	left:0;
	padding-top:1em;
	font-family:Georgia, Times, "Times New Roman";
	font-size:1.5em;
	letter-spacing:-.05em;
	color:#0f5b99;
}

/* @end */

/* @group blog */

.post{
	position:relative;
	clear:left;
}

input#s{
	display:block;
	padding:8px;
	margin-top:0px;
	margin-right:10px;
	width:160px;
	float:left;
}



/* @end */

/* @group tables */

table{
	width:100%;
	margin:1em 0 3em 0;
}

th{
	font-weight:bold;
	color:#000;
}

td:first-child{
	text-align:left;
}

td{
	vertical-align:top;
	text-align:center;
	padding:.25em 0;
}

tr:nth-child(even){
	background-color:#c8daeb;
}

thead tr{
	border-bottom:2px solid #0f5b99;
}

tfoot tr{
	border-top:2px solid #0f5b99;
	font-size:1.23em;
	font-weight:bold;
}

tr small{
	display:block;
	font-size:.65em;
}

.footnotes{
	font-size:.833em;
	line-height:1.25em;	
	color:#999;
}

table+.footnotes{
	margin-top:-3em;
	margin-bottom:2em;
}

#darlehen table td:first-child+td{
	/*background-color:red;*/
	font-weight:bold;
	color:#0f5b99;
}

.nostripes tr td{
	border-bottom:2px solid #c8daeb;
	background-color:#fff !important;
}

#main td img{
	float:none;
	display:inline;
}



/* @end */

/* @end */

/* @group #main form */

#main form{
	margin-top:2em;
	border-top:2px solid #c8daeb;
	width:100%;
	overflow:hidden;
}

form br{
	display:none
}

#main fieldset{
	padding:.5em 0px 1em 20px;
	margin:1em 0;
	border-bottom:2px solid #c8daeb;
}

form fieldset:last-child{
	border:none;
	padding-bottom:0;
}

legend{
	font-weight:bold;
	margin-left:-20px;
	padding: 1em 0;
}

fieldset div,
fieldset p{
	overflow:hidden;
	clear:both;
	padding: .5em 0;
}

label{
	width:200px;
	padding-right: 20px;
	display:block;
	float:left;

	text-align: right;

}

fieldset sub{
	clear:left;
	display:block;
	padding-left:220px;
	margin-top:.5em;
	color:#999;
}

input, textarea{
	border:1px solid #bacad6;
	padding:3px 5px;
	margin-top:-2px;
	width:220px;
	display:block;	
	float:left !important;
	min-width:100px;
}

textarea{
	padding:5px;
	height:10em;
}

.isrequired label{
	font-weight:bold;
	color:black;
}

input.error{
	background-color:#fff5f5;
	border-color:#b00;
}

label.error{
	clear:left;
	display:inline-block;
	margin-left:220px;
	padding: 0;
	text-align: left;
	color:#900;
}
	


/* @end */