@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:#edf4d5;
	background-image:url(../img/background_verl.jpg);
	background-repeat: repeat-x;
	border:none;
}

h1 {
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:15px;
	margin: 0px;
	padding:0px;
}


h2 {
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	padding: 0px;
	margin: 0px;

}







/* ----------------- START Haupt divs ------------------- */



#pageContainer {
	margin: 10px auto 20px auto;
	width: 950px;
	height: 719px;
}


#pageHead {
	height: 120px;
	background-image: url(../img/head.jpg);
}


#pageSpacer {
	overflow:hidden;
	height: 16px;
	padding: 6px 0px 5px 200px;
	background-image: url(../img/spacer.jpg);
}


#pageBody {
	background-color: #FFF;
	height: 467px;
	background-repeat:repeat-y;
	padding: 0px;
}


#pageBody .left {
	width: 167px;
	height: 453px;
	margin: 0px;
	padding: 14px 9px 0px 9px;
	background-image:url(../img/navbg.gif);
	background-repeat:repeat-y;
	float: left;
}


#middleHome {
	float: left;
	width: 765px;
	height: 467px;
	background-image:url(../img/home.jpg);
}


#middle {
	float: left;
	width: 765px;
	height: 467px;
	background-image: url(../img/middle_h_bg.gif);
}

#content {
	float: left;
	width: 546px;
	height: 467px;
	}
	
	
#content_top {
	width: 546px;
	height: 19px;
	background-image:url(../img/winkel.gif);
	}

#content_top_angebote {
	float:left;
	width: 765px;
	height: 19px;
	background-image:url(../img/winkel.gif);
	background-repeat:no-repeat;
	}

#content_txt {
	width: 531px;
	height: 433px;
	padding: 15px 0px 0px 15px;
	overflow: auto;
	}
	
	
#content_angebote {
	float: left;
	width: 750px;
	height: 433px;
	padding: 15px 0px 0px 15px;
	overflow: auto;
	}

#content_right {
	float: left;
	width: 207px;
	height: 396px;
	padding: 5px 6px 66px 6px;
	background-image:url(../img/right.gif);
	
	}


#pageEnd {
	height: 10px;
	background-image: url(../img/page_end.gif);
	background-repeat:no-repeat;
}


#pageFoot {
	height: 95px;
	background-image: url(../img/footer_mirror.jpg);
}


/* ----------------- ENDE Haupt divs ------------------- */








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



#pageBody .left .navigation {
	margin: 0px;
	padding:0px;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#pageBody .left .navigation li {
	list-style: none;
	margin: 0px 0px 7px 0px;
}

#pageBody .left .navigation li a.main {
	display: block;
	padding: 3px 10px 0px 10px;
	height: 20px;
	line-height: 20px;
	background-image:url(../img/navbg_li.gif);
	background-repeat: repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #008030;
	text-decoration:none;
}


#leaseplan {
	display: block;
	padding: 0px 10px 0px 10px;
	margin: 104px 0px 15px 0px;
	height: 50px;
	text-decoration:none;
}


#partner {
	display: block;
	padding: 0px 10px 0px 10px;
	height: 110px;
	line-height: 8px;
	text-decoration:none;
}


#greenplan {
	display: block;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 15px 0px;
	height: 50px;
	text-decoration:none;
}


#angebot {
	display: block;
	padding: 0px 10px 0px 10px;
	margin: 45px 0px 15px 0px;
	height: 50px;
	text-decoration:none;
}


#zwei {
	display: block;
	padding: 0px 10px 0px 10px;
	margin: 64px 0px 15px 0px;
	height: 50px;
	text-decoration:none;
}


#pageBody .left .navigation li a.main:hover {
	background-image:url(../img/navbg_ho.gif);
	background-repeat: repeat-x;	
	color: #FFF;
}

#pageBody .left .navigation li a.active {
	background-image:url(../img/navbg_ho.gif);	
	background-repeat: repeat-x;
	color: #FFF;
}


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





/*  ------------------- START Subnavigation  ------------------- */



#pageBody .left .subnavigation {
	background-color: #dfdedf;
	margin: 0px;
	padding:0px;
	color: #008030;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#pageBody .left .subnavigation li {
	height:17px;
	list-style: none;
	margin: 0px 0px 2px 0px;
}


#pageBody .left .subnavigation li a.sub {
	display:block;
	height: 14px;
	text-indent: -6px;
	padding: 1px 0px 0px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:10px;
	color: #008e33;
	text-decoration:none;
}

.ie6 #pageBody .left .subnavigation li a.sub {
	height: 0px;
}

#pageBody .left .subnavigation li a.sub:hover,
#pageBody .left .subnavigation li a.subactive {
	background-color: #008030;
	color:#FFFFFF;
}

#pageBody .left .subnavigation li a.sub2 {
	display:block;
	height: 14px;
	text-indent: -6px;
	margin:-4px 0px 0px 10px;
	padding: 1px 0px 0px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:10px;
	color: #008e33;
	text-decoration:none;
}

.ie6 #pageBody .left .subnavigation li a.sub2 {
	height: 0px;
}

#pageBody .left .subnavigation li a.sub2:hover,
#pageBody .left .subnavigation li a.sub2active {
	margin-left:10px;
	background-color: #679812;
	color:#fff;
}



#pageSpacer_subnav {
	overflow:hidden;
	height: 4px;
	background-color: #dfdedf;
}

/*  ------------------- ENDE Subnavigation  ------------------- */







/* ----------------- START Schriften Class ------------------- */

.sprachwahl { color: #008030; font-size: 10px; font-family: arial; font-style: normal; }
.sprachwahl a{ color: #008030; font-size: 10px; font-family: arial; font-style: normal; }
.sprachwahl a:hover { color: #8db624; font-size: 10px; font-family: arial; font-style: normal; }
.sprachwahl_active { color: #8db624; font-size: 10px; font-family: arial; font-style: normal; }

.grundtext { color: #000000; font-size: 12px; font-family: arial; font-style: normal; line-height:14px; }
.grundtext a{ color: #ec7206; font-size: 12px; font-family: arial; font-style: normal; }
.grundtext a:hover { color: #ff9e2e; font-size: 12px; font-family: arial; font-style: normal; }
.grundtext_orange { color: #ec7206; font-size: 12px; font-family: arial; font-style: normal; }
.grundtext_green { color: #008030; font-size: 12px; font-family: arial; font-style: normal; }
.grundtext_green a { color: #008030; font-size: 12px; font-family: arial; font-style: normal; }
.grundtext_green a:hover { color: #8db624; font-size: 12px; font-family: arial; font-style: normal; }
.grundtext_white { color: #ffffff; font-size: 12px; font-family: arial; font-style: normal; }

.tabellentext { padding: 4px 0px 0px 5px; color: #000000; font-size: 11px; font-family: arial; font-style: normal; line-height:14px; }

.adresse { color: #666666; font-size: 10px; font-family: arial; font-style: normal;}
.adresse a{ color: #666666; font-size: 10px; font-family: arial; font-style: normal;}
.adresse a:hover{ color: #ec7206; font-size: 10px; font-family: arial; font-style: normal;}


a { text-decoration: none; border:none;}

/* ----------------- ENDE Schriften Class ------------------- */





/*  ------------------- START Textdicke  ------------------- */

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

/* ------------------- ENDE Textdicke ------------------- */