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

* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
	width:100%;
}
a {
	outline: none;
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}
a:hover {
	color: #FA923B;
}
.clear {
	float:none; 
	clear:both;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	text-align:left;
	line-height:22px;
	background-color:#2e3192;
}
#left {
	position:absolute;
	left:0;
	width:50%;
	height:100%;
	float:left;
	background:url(../images/layout/bg_left.jpg) 0 0 repeat-x;
}
#right {
	position:absolute;
	right:0;
	width:50%;
	height:100%;
	float:right;
	background:url(../images/layout/bg_right.jpg) 0 0 repeat-x;
}
#wrapper {
	position:relative;
	width:100%;
	margin:0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin:0 auto -97px auto;
	z-index:1;
}	
	#wrapper_in {
		width:978px;
		margin:0 auto;
	}
	#header {
		height:363px;
		background:url(../images/layout/bg_header.jpg) top center no-repeat;
	}
		#header_content {
			width:978px;
			margin:0 auto;
		}
			#zum_shop {
				height:60px;
			}
				#zum_shop a {
					display: block;
					width:138px;
					height:60px;
					font-size: 0.00001em;
					line-height: 0.00001em;
					text-indent: -5000px;	
					margin:0 0 0 365px;
				}
			#logo {
				height:86px;
			}
				#logo h1 a {
					display: block;
					width:315px;
					height:86px;
					font-size: 0.00001em;
					line-height: 0.00001em;
					text-indent: -5000px;	
					margin:0 0 0 30px;
				}
			#menu {
				margin:43px 0 0 66px;
				height:52px;
				width:851px;
			}
				#menu ul{
					list-style:none;
				} 
				#menu ul li {
					float:left;
				}
				#menu ul li a {
					display:block;
					height:52px;
					text-indent:-5000px;
					background:url(../images/layout/menu.jpg) 0 0 no-repeat;
				}
					#menu ul li a.startseite {
						width:122px;
						background-position: 0 0;
					}
					#menu ul li a.startseite:hover, #menu ul li.active a.startseite {
						background-position: 0 -52px;
					}
					#menu ul li a.fachhandel {
						width:122px;
						background-position: -122px 0;
					}
					#menu ul li a.fachhandel:hover, #menu ul li.active a.fachhandel {
						background-position: -122px -52px;
					}
					#menu ul li a.news {
						width:121px;
						background-position: -244px 0;
					}
					#menu ul li a.news:hover, #menu ul li.active a.news {
						background-position: -244px -52px;
					}
					#menu ul li a.kontakt {
						width:122px;
						background-position: -365px 0;
					}
					#menu ul li a.kontakt:hover, #menu ul li.active a.kontakt {
						background-position: -365px -52px;
					}
					#menu ul li a.anfahrt {
						width:120px;
						background-position: -487px 0;
					}
					#menu ul li a.anfahrt:hover, #menu ul li.active a.anfahrt {
						background-position: -487px -52px;
					}
					#menu ul li a.impressum {
						width:121px;
						background-position: -607px 0;
					}
					#menu ul li a.impressum:hover, #menu ul li.active a.impressum {
						background-position: -607px -52px;
					}
					#menu ul li a.akku_faqs {
						width:122px;
						background-position: -728px 0;
					}
					#menu ul li a.akku_faqs:hover, #menu ul li.active a.akku_faqs {
						background-position: -728px 0;
					}
			#sub_menu {
				margin:0 0 0 66px;
				height:52px;
				width:850px;
				background:url(../images/layout/sub_menu.jpg) 0 0 no-repeat;
			}
				#sub_menu ul{
					list-style:none;
					margin:0 0 0 201px;
				} 
				#sub_menu ul li {
					float:left;
				}
				#sub_menu ul li a {
					display:block;
					margin:18px 0 0 0;
					height:18px;
					text-indent:-5000px;
					background:url(../images/layout/sub_menu.jpg) 0 0 no-repeat;
				}	
					#sub_menu ul li a.definition_akku {
						width:102px;
						background-position: -201px 22px;
					}
					#sub_menu ul li a.definition_akku:hover, #sub_menu ul li.active a.definition_akku {
						background-position: -201px -71px;
					}
					#sub_menu ul li a.akkupflege {
						width:76px;
						margin:18px 0 0 30px;
						background-position: -334px 22px;
					}
					#sub_menu ul li a.akkupflege:hover, #sub_menu ul li.active a.akkupflege {
						background-position: -334px -71px;
					}
					#sub_menu ul li a.lexikon {
						width:50px;
						margin:18px 0 0 33px;
						background-position: -443px 22px;
					}
					#sub_menu ul li a.lexikon:hover, #sub_menu ul li.active a.lexikon {
						background-position: -443px -71px;
					}
					#sub_menu ul li a.quecksilber_und_cadmium {
						width:150px;
						margin:18px 0 0 25px;
						background-position: -518px 22px;
					}
					#sub_menu ul li a.quecksilber_und_cadmium:hover, #sub_menu ul li.active a.quecksilber_und_cadmium {
						background-position: -518px -71px;
					}
					#sub_menu ul li a.batterieverordnung {
						width:135px;
						margin:18px 0 0 28px;
						background-position: -696px 22px;
					}
					#sub_menu ul li a.batterieverordnung:hover, #sub_menu ul li.active a.batterieverordnung {
						background-position: -696px -71px;
					}
			#content_left {
				float:left;
				width:532px;
				min-height:380px;
				padding:0 0 0 88px;
				margin:0 4px 0 0;
			}
				#content_left p {
					margin:0 0 22px 0;
				}
				#content_left table {
					margin:0 0 22px 0;
				}
				#title_place {
					height:45px;
					width:284px;
					margin:0 0 0 -22px;
					padding:15px 0 0 22px;
					background:url(../images/layout/bg_title.gif) 0 0 no-repeat;
				}	
					#title_place h1 {
						font-size:18px;
						font-weight:normal;
					}
				h2 {
					margin-bottom: 20px;
					font-size:16px;
					border-bottom: 1px solid #898CE5;
				}				
				h3 {
					margin-bottom: 20px;
					font-size:14px;
					border-bottom: 1px solid #898CE5;
				}				
					
					#content_left ul {
						margin-bottom: 22px;
					}				
					#content_left ul li {
						margin-left: 20px;
					}
					#content_left ol {
						margin-bottom: 22px;
					}
					#content_left ol li {
						margin-left: 20px;
					}	
					
					#content_left thead th { padding: 3px; text-align: center; background: #898CE5; }
					#content_left tbody td { padding: 3px; background: #6063C0; }									
					
					.font_size {
						font-size:16px;
					}
					.pic_place {
						float:left;
						margin:0 20px 20px 0; 
					}
					.pic_place img {
						border:none;
					}
					.map {
						background-color:#FFFFFF;
						padding:3px;
						margin:0 0 20px 0;
					}
			#content_right {
				float:left;
				width:354px;
				min-height:380px;
				background:url(../images/layout/bg_content_right.jpg) 0 0 no-repeat;
			}				
				#content_right_info {
					height:88px;
					padding:121px 0 0 56px;
					line-height:18px;
				}
				#content_right_title {
					background:url(../images/layout/bg_content_right_h1.gif) 0 0 no-repeat;
					height:45px;
					margin:0 0 0 38px;
					padding:17px 0 0 21px;
				}	
					#content_right_title h1 {
						font-size:18px;
						font-weight:normal;
						margin:0 0 20px 0;
					}
						#content_right_text {
							width:295px;
							margin: 0 0 0 39px;
						}							
#push {
	float: none;
	clear: both;
	height:120px;
}		
		
#footer {
	position:relative;
	width:100%;
	height:97px;
	z-index:2;
	background:url(../images/layout/bg_footer_repeat.jpg) 0 0 repeat-x;
}	
	#footer a {
		color:#FFFFFF;
		text-decoration:none;
	}
	#footer a:hover {
		text-decoration:underline;
	}
	#footer_in {
		height:76px;
		width:978px;
		margin:0 auto;
		line-height:18px;
		padding:21px 0 0 0;
		background:url(../images/layout/bg_footer.jpg) bottom center no-repeat;
	}	
		#footer_firm_name {
			float:left;
			width:164px;
			padding:0 0 0 87px;
		}
		#footer_addresse {
			float:left;
			padding:2px 0 0 0;
			width:192px;
		}		
		#footer_phone {
			float:left;
			padding:2px 0 0 0;
			width:219px;
		}
		#footer_open_time {
			float:left;
			padding:2px 0 0 0;
			width:220px;
		}
		
/* SONTIGES */

p.wichtig {
	display:block;
	padding:20px;
	margin:0 0 22px 0;
	color: #fff;
	font-weight: bold;
	border:2px solid #fff;
	background:	#FA923B;
}

.box {
	margin-bottom: 40px;
	padding: 20px;
	background: #6063C0;
	border: 4px solid #898CE5;
}
.box * {
	margin-bottom: 0px !important;
}

.jumper {
	margin-bottom: 20px;
	width: 100%;
	text-align: right;
	font-size: 11px;
	line-height: 13px;
	border-top: 1px solid #898CE5;
}
.jumper a {
	text-decoration: none;
	color: #898CE5;
}
.jumper a:hover { color: #FA923B; }

h2 .float_right {
	float: right;
	font-size: 11px;
	line-height: 13px;	
}
h2 a.float_right {
	text-decoration: none;
	color: #898CE5;
}
h2 a.float_right:hover {
	color: #FA923B;
}

.abstand_links {
	padding: 0px 20px 0px 20px;
}

a.inactive {
	color: #6063C0;
}

#content_left td * {
	margin-bottom: 0px;
}

.nobg td, .nobg tr {
	background: none !important;
}