/* Hauptdefinitionen */
 */* */ 
 {margin:0;list-style:none;padding:0;}

html { height: 100%;  }

body {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 18px;
	min-height: 100%; 
	height: 100%;
	position: relative;
	float: left;
	width: 100%;
}

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; }

.wrapper { 
	z-index: 2;
	background: none;
	background-color: #7AB41E;
 	background-image: url(../pic/basis/gras_unten.gif), url(../pic/basis/hintergrund_content.jpg), url(../pic/basis/background_verlauf_gruen.gif);
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-position: bottom center, top center, top center;
	background-attachment: fixed, fixed, fixed;
	}

.wrapper {
	width: 100%;
	text-align:left;
	height: 100%;
	min-height:100%;
	float: left;
	position: relative;
}

html>body .wrapper { height: auto; background-attachment:fixed; }

*+ html .wrapper { z-index: 2; }

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

img.logo {
	margin: 12px 0 0 27px;
	position: relative;
	display: inline;
	float: left;
	clear: none;
}

.pixellinie {
	margin-left:215px;
	margin-top:194px;
	position: absolute;
	top: 0;
	left: 0;
}

img.claim {
	margin: 95px 0 0 57px;
	position: relative;
	display: inline;
	float: left;
	clear: none;
	padding: 0;
}

.navIcons { position: absolute; top: 30px; width: 150px; left: 705px; }
.navIcons a { float: none; width: auto; display: inline; }
.navIcons img { border: none; margin-right: 10px; float: left; position: relative; clear: none; }
.navIcons a.home img { margin-top: -3px; }



.header {
	margin: 0;
	float: left;
	position: relative;
	display: block;
	width: 710px;
	height: 190px;
	} 
	
	


a {text-decoration: none;color: #e5f3be;
	}



/* Ü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;
}

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

.ueber-uns h4 { margin-top: 3px; }

* html .ueber-uns h4, *+ html .ueber-uns h4  { margin-top: 0.8em; }

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;
	margin-right: 23px;
	padding:0 25px 0 45px;
	float:left;
	display:block;
	clear: left;	
	background: url(../pic/basis/pixellinie_navi.gif) repeat-y top right; 
	position: relative;
	z-index: 2;
}


.nav li a {
	color:#e5f3be; 
	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:60px;
	color:#e5f3be;

}

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

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

li.impressum {
	padding:0;
	margin:0;
	color:#e5f3be;
}

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

.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;
	color:#e5f3be;
	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:#E5F3BE;
	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;
	
}



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

.content {
	width:470px;
	margin: -5px 0 0 0;
	padding: 0 0 185px 5px;
	float:left;
	position: relative; 
	z-index: 2;
}

.kalkulator_standalone .content { padding: 25px 30px; }
/*.neuigkeiten .content { margin-top: -12px; }*/


.content ul {
	width: 460px;
	margin-bottom: 1.4em;
	float:left;
	margin:0;
	padding:0 0 10px 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:#E5F3BE;
	text-decoration:underline;
}

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


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

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


.content a {
	padding:0;
	color:#E5F3BE;
	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:10px 0 10px 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, p.bestellen {
	padding:0 0 20px 8px;
	margin:0;
	background: url(../pic/basis/pfeil_master.gif) no-repeat 0 7px;	
}

p.bestellen { padding-bottom: 0; }

.home p.link_bullet { padding-bottom: 0; }

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

p.link_top {
	padding:0 0 20px 10px;
	margin:0;
	margin-top: 10px;
	background: url(../pic/basis/pfeil_top.gif) no-repeat 0 8px;	
}

.haeufige-fragen p.link_top, .ueber-uns p.link_top { margin-top: 0; }


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

.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, .newsletter input.formButton { width: auto; font-weight: bold; border: 1px outset #339014; background: #339014; color: #fff; cursor: pointer; cursor: hand; }

.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: 105px; padding-right: 15px; float: left; clear: left; line-height: normal; }
.anmeldung input, .newsletter input, .newsletter textarea { 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, .newsletter form { margin-top: 10px; width: 410px; float:left; padding-bottom: 50px; }
.anmeldung input.formButton { margin-left: 120px; }

.newsletter label { width: 140px; line-height: 1.5em; }
.newsletter form { width: 500px; padding-bottom: 15px;}
.newsletter input.formButton { margin-left: 154px; }

.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; }

.gras_unten {
	position:fixed; 
	width:100%; 
	overflow:hidden; 
	bottom: 0; 
	left: 0; 
	height: 176px;
	z-index: 0;
}

* html .gras_unten { position: relative; margin-top: -176px;  }

.gras_unten div {
	position: relative; 
	height:176px; 
	width: 800px; 
	float: none; 
	margin: 0 auto; 
	overflow: visible;
	text-align: center;
	z-index: 0;
}

* html .gras_unten div { position: absolute; left: 50%;   }

.gras_unten img { margin:0; position: relative; margin-left: -976px;   }

* html .gras_unten img { display: inline; margin-left: -1376px;   }

/* SAFARI-HACKS */

.gras_unten { display: none; }
.gras_unten { display: block; # }

.wrapper { background: url(../pic/basis/hintergrund_content.jpg) no-repeat top center fixed;  }
body { background:url(../pic/basis/background_verlauf_gruen.gif) #7AB41E top center fixed repeat-x; }