/* Hauptdefinitionen */
html { height: 100%; }


body {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-align: center;
	background: url(../pic/basis/verlauf_hintergrund_master.gif) #73A6DF repeat-x top left;
	margin: 0;
	padding: 0;
	line-height: 18px;
	min-height: 100%; 
	height: 100%;
	position: relative;
}

body.kalkulator_standalone {background:url(../pic/basis/verlauf_hintergrund_kalkulator.gif) repeat-x top center; float: left;}
body.kalkulator_standalone .wrapper {background:url(../pic/basis/verlauf_hintergrund_kalkulator.gif) repeat-x top center;}
body.kalkulator_standalone .container {width: 565px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }


.krankenkassen { float: left; width: 480px; margin: 10px 0 10px 0; }
.krankenkassen img { float: left; clear: none; margin: 0 10px 10px 0; border: none; }

.wrapper {
	width: 100%;
	text-align:left;
	height: 100%;
	min-height:100%;
	position: relative;
	float: left;
	background:url(../pic/basis/verlauf_hintergrund_content.gif) no-repeat top center;
	position: relative;
}

html>body .wrapper { height: auto; }

.container {
	width: 800px;
	margin: 0 auto;
	float: none;
	position: relative;
}

.logo {
	margin:0;
	padding:28px 0 0 30px;
	float:left;

}

.claim {
	margin:0;
	padding: 72px 350px 44px 175px;
	float:left;



}



.header {
	margin: 35px 0 45px 0;
	background-color: #FFF;
	float: left;
	} 
	
	


a {text-decoration: none;color: #323B3D;
	}



/* Überschriften ----------------------------*/

h1 {
    width:100%;
	float: left; 
	margin: 0 0 1.0em 0;
	font-size: 17px;
	line-height: 1.25em;
	font-weight: bold;

}

.kalkulator_standalone h1 { font-size: 20px; width: auto; }

h2 {
	width:100%;
    font-size:12px;
	line-height: 1.25em;
	font-weight: bold;
	margin-top: 1em; 
	margin-bottom: 0.8em;
	float:left;
}

h3 {
    width:100%;
    font-size:12px;
	line-height: 1.25em;
	font-weight: bold;
	margin-top: 1.8em; 
	margin-bottom: 0.8em;
	float:left;
}

p {

	margin: 0 0 15px;


}





/* Navigation -----------------------*/

ul {

	list-style-type: none;
	float:left;
	width:100%;

	
	
	}
	
li {
	float:left;
	display:block;
	width:100%;
	line-height:17px;	
}
	

.nav {
	width:150px;
	height:400px;
	margin:0;
	padding:26px 48px 0 45px;
	float:left;
	display:block;
	
	
}


.nav li a {
	color:#BFD0E2; 
	text-decoration:none;
	padding:0 0 0 8px;
	width:142px;
	display: block;
	float: left;	
}


.nav li a:hover, .sub_navi li a:hover, .nav .selected li a:hover {
	color: #000000;
	
}


/* Unterer Teil */
	
.flash {
	margin-top:80px;
	color:#DFE8F1;

}

.nav li.flash a {
	color:#DFE8F1;
}

.nav li.flash a:hover{
	color:#000000;
}

.impressum {
	padding:0;
	margin:0;
	color:#DFE8F1;
}

.nav li.impressum a {
	color:#DFE8F1;
}

.nav li.impressum a:hover {
	color:#000000;
}

.nav li.selected a {
	font-weight:bold;
	color: #fff;
	background: url(../pic/basis/pfeil_auswahl.gif) no-repeat 0 6px;
	
}



/* Sub Navigation ------------------------------*/

.sub_navi {
	padding:1px 0 5px 10px;
	margin:0;
	float:left;
	font-size:10px;
	display:inline;
	width:100%;
}


.sub_navi li {
	line-height:15px;
	font-weight:normal;
	float:left;
	background: none;
	padding: 0;
	margin:0;
	width:100%;
	position: relative;
	display:block;
}


.sub_navi li a  {
	text-decoration:none;
	background:none;
	width: 132px;
}


.nav .selected li a {
	color:#BFD0E2;
	font-weight:normal; 
	background: none;
}

.nav li .sub_navi .selected a {
	font-weight:bold;
	color: #fff;
	background:url(../pic/basis/pixelbullet.gif) no-repeat 0 7px;
	
}











/* Links -------------------------*/ 

a.link_02, .mandanten .content a.link_02, .kanzlei .content a.link_02 {
	font-size: 11px;
	color: #7F7E7D;
	text-decoration: none;
}


a.link_02:hover, .link_01a, .mandanten .content a.link_02:hover, .kanzlei .content a.link_02:hover
{
	color: #3B3B3D;
	text-decoration: none;
}


.link_03, .mandanten .content a, .kanzlei .content a {
	font-size: 11px;
	color: #7F7E7D;
	text-decoration: underline;
}


.link_03:hover, .link_01a, .mandanten .content a:hover, .kanzlei .content a:hover
{
	color: #3B3B3D;
	text-decoration: underline;
}








/* Content ----------------*/ 

.content {
	width:470px;
	margin:0;
	padding: 24px 0 45px 5px;
	margin:0;
	float:left;
}

.kalkulator_standalone .content { padding: 25px 30px; }

.content ul {
	width: 460px;
	margin-bottom: 1.4em;
	float:left;
	margin:0;
	padding:0 0 20px 0;
}

.content li {
	width:460px;
	padding-left: 8px;
	background: url(../pic/basis/pixelbullet.gif) no-repeat 0 0.8em;	
	float: left;
	
}

.content ul.plus10b { padding-bottom: 0; margin-bottom: 10px; }



.link_content {
	padding:0 0 0 9px;
	color:#DFE8F1;
	text-decoration:underline;
}

.link_content:hover {
	color:#000000;
	text-decoration: none; 
}


.link_content_2 {
	padding:0px 0 0px 9px;
	color:#DFE8F1;
	text-decoration:underline;
}

.link_content_2:hover {
	color:#000000;
	text-decoration:none; 
}


.content a {
	padding:0;
	color:#DFE8F1;
	text-decoration:underline;
}

.content a:hover {
	color:#000000;
	text-decoration: none; 
}

.content p{	
	padding:0;
	margin:0 0 8px 0;
	float:left;
	width:100%;


}


.buch {
	padding:5px 0 5px 0;


}

.portrait {
	padding:13px 10px 5px 0;
 	float:left;
	


}

.textblock{
	width: 340px;
	margin:0;
	padding:0;
	float:left;


}

.strecken {	
	height:150px;


}





/* specials ----------------------------*/

	
.bullet {

    background:  url(../pics/layout_gifs/pfeil.gif) no-repeat 0 6px;
	padding-left: 12px; 
	margin-bottom: 0;
	
	
}

.link_bullet, p.link_bullet {
	padding:0 0 20px 8px;
	margin:0;
	background: url(../pic/basis/pfeil_master.gif) no-repeat 0 7px;	
}

.faq p.link_bullet { padding-bottom: 10px; }


.wolke_01 {
	position:absolute;
    margin-left:599px;
	margin-top:80px;
	top: 0;
	left: 0;
	z-index: 2;
	display: block;
	
}

.wolke_02 {
	position:absolute;
    margin-left:240px;
	margin-top:18px;
	top: 0;
	left: 0;
	z-index: 2;
	display: block;
	
}

.logo_wolke {
	position:absolute;
    margin-left:-31px;
	margin-top:22px;
	top: 0;
	left: 0;
	z-index: 2;
	display: block;
	
}

.pixellinie {
	position:absolute;
    margin-left:215px;
	margin-top:184px;
	top: 0;
	left: 0;
	z-index: 2;
	display: block;
	
}

img { float: left; margin-right: 15px; margin-bottom: 5px; clear: left;}

.row { float: left; width: 100%; margin-bottom: 15px;  }
.row p { width: auto; float: none; }


/*.row { float: left; width: 100%; clear: left; margin-bottom: 10px;  }*/
/*.row p { width: auto; clear: none; float: none; }*/

.ten {
	padding:0 0 0 0;
	margin:0 0 20px 0;


}

.hidden { display: none; }
.shown { display: block; }

table, form { float: left; width: 100%; }
table { width: 500px; margin-bottom: 10px;  }
td { text-align: left; vertical-align: top; padding: 5px 10px 3px 0;  }
td.col2 { padding-right: 2px; white-space:nowrap; }
tr { background: url(../pic/basis/pixellinie_h.gif) repeat-x top;  }
.kalkulator input, .kalkulator select { background: #fff; border: none; float: left; width: 50px; padding: 1px; color: #333; font-size: 11px; font-family: Verdana,Arial,Helvetica,sans-serif; }
.kalkulator select { width: 100px; }
.kalkulator input.formButton, .anmeldung input.formButton { width: auto; font-weight: bold; border: 1px outset #5883AE; background: #5883AE; color: #fff; }

.cityList { float: left; width: 100%; margin-bottom: 20px; }
.cityList p { margin-bottom: 0; }
table.dateTable { width: auto; margin-bottom: 20px; }
.dateTable tr { background: none; }
.dateTable td { padding: 0 30px 0 0; }

p.plus10t { margin-top: 10px; }
p.plus20b { margin-bottom: 20px; }

label { width: 100px; padding-right: 20px; float: left; clear: left; line-height: normal; }
.anmeldung input { background: #fff; border: none; float: left; width: 250px; padding: 1px; color: #333; font-size: 11px; font-family: Verdana,Arial,Helvetica,sans-serif; margin-bottom: 4px; line-height: normal; }
.anmeldung input#plz { width: 40px; margin-right: 4px; }
.anmeldung input#ort { width: 204px; }
.anmeldung form { margin-top: 10px; width: 410px; float:left; padding-bottom: 50px; }
.anmeldung input.formButton { margin-left: 120px; }

.agb h1 { margin-bottom: 0; }
.agb h2 { line-height: 18px; }
.plus20b { margin-bottom: 20px; }

.anmeldung input#agb { width: auto; clear: left; margin-left: 120px; margin-right: 5px; margin-top: 8px; padding: 0; background:transparent; }
p.checkboxLabel { clear: none; width: 240px; line-height: 18px; margin-top: 6px; margin-bottom: 10px; }

.welcome_notice {
	float: left;
	background: #80A4C8;
	padding: 10px 30px 3px 10px;
	margin: 5px 0 15px -9px;
	position: relative;
	display: inline;
	width: 470px;
}

.welcome_notice h2 { margin-top: 0; }
.welcome_notice p { margin-bottom: 0; padding-bottom: 8px; }

a.notfall-button { position: absolute; top:45px; right: -30px; z-index: 10; }