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

.static{
	position:static;
}

img{
	display:block;
	border:none;
}

body{
	font-family:Arial, Lucida, Verdana, Helvetica, sans-serif;
	color:#555;
	font-size:12px;
	background-color:#ffffff;
}

	#wrapper{
		position: relative;
		width: 970px;
		min-height:1200px;
		margin: 0px auto;
		padding: 0px 0px 70px 0px;
	}
	
		#wrapper.puzzle{min-height:1400px;}	
		#wrapper.poster{min-height:1100px;}
		#wrapper.kalender{min-height:980px;}
		
		#logo{
			position: absolute;
			top: 10px;
			left: 0px;
			z-index: 200;
			width: 185px;
			height: 68px;
		}
		
		#info{
			position:absolute;
			bottom:-550px;
			left:10px;
			font-size:10px;
			line-height:13px;
		}
		
			#info li{
			display:inline;
			padding-right:5px;
			}
			
			#info a{
				color:#abaaaa;
				text-decoration:none;
			}
		
		#content{
			float: left;
			position: relative;
			width: 755px;
			padding: 0px 0px 0px 0px;
			margin: 497px 0px 50px 215px;
			background: url('images/product_information_bg.jpg') no-repeat 0px 0px;
		}
		
			#btn{
				display:block;
				position:absolute;
				right:9px;
				top:12px;
				height:18px;
				padding-right:27px;
				background:url(images/btn_ri.png) right 0 no-repeat;
				font-size:11px;
				line-height:17px;
				font-weight:bold;
				color:#fff;
				text-decoration:none;
			}
			
				#btn span{
					display:block;
					float:right;
					height:18px;
					padding-left:10px;
					background:url(images/btn_le.png) 0 0 no-repeat;
					cursor:pointer;
				}
				
			#btn:hover{
				background:url(images/btn_ri_over.png) right 0 no-repeat;
			}
			
				#btn:hover span{
					background:url(images/btn_le_over.png) 0 0 no-repeat;
				}
			
			#content h1{
				width: 735px;
				padding: 15px 10px 10px 10px;
				margin: 0px 0px 0px 0px;
				font: bold 16px Arial;
				line-height: 20px;
				color:#999999;
				text-transform: uppercase;
				border-bottom: solid 1px #FFFFFF;
			}
			
			#content h2{
				width: 725px;
				padding: 15px 0px 0px 15px;
				margin: 0px 0px 0px 0px;
				font: bold 12px Arial;
				color: #333333;
			}
			
			#content h3{
				width: 725px;
				padding: 20px 0px 0px 15px;
				margin: 0px 0px 0px 0px;
				font: bold 12px Arial;
				color: #333333;
			}
			
			#content p{
				padding: 10px 15px 0px 15px;
				margin: 0px 0px 0px 0px;
				font: normal 11px Arial;
				line-height: 1.4;
				color:#333333;
			}
			
			#content p.p_last{
				background: url('images/product_information_bg.jpg') no-repeat 0px bottom;
				padding: 15px 15px 30px 15px;
			}
			
				#content p.img{
					width:301px;
					float: right;
					margin: 0px 4px 10px 20px;
					padding: 0px 16px 16px 0px;
					background: url('images/sdw2.png') no-repeat right bottom;
				}
					
					#content p.img img{
						float: left;
						width: 300px;
						margin: 0px 0px 0px 0px;
						padding: 0px 0px 0px 0px;
						border: 1px solid #999;
					}
			
			#eyecatcher{
				position: absolute;
				top: 182px;
				left: 215px;
				z-index: 100;
				width: 755px;
				height: 297px;
			}
			
		#sidebar{
			position: absolute;
			top: 182px;
			left: 0px;
			z-index: 50;
			width: 200px;
		}
		
			#sidenav{
				width:200px;
				margin-bottom:35px;
				overflow:hidden;
			}
			
				#sidenav li{
					background:#f5f5f5;
					border-top:1px solid #d4d4d4;
				}
				
								
				#sidenav li.act{
					border-top:1px solid #961801;
				}
				
				#sidenav a{
					display:block;
					width:190px;
					padding:5px 0 5px 10px;
					font-size:13px;
					line-height:22px;
					color:#545454;
					text-decoration:none;
				}
				
					#sidenav li.act a{
						background:#e95d0f;
						color:#fff;
						font-size:14px;
					}
				
					#sidenav li.act ul{
						padding-bottom:1px;
					}
					
						#sidenav li.act li{
							background:#fff;
							padding:0 0 0 10px;
							border:none;
						}
				
						#sidenav li.act li a{
							width:180px;
							background:url(images/subnav_li.png) 0 7px no-repeat #fff;
							color:#545454;
							font-size:11px;
							line-height:12px;
							padding:6px 0 7px 10px;
						}
				
				#sidenav a:hover{
					background:#e95d0f;
					color:#fff;
				}
				
					#sidenav li.act li a:hover{
						color:#e95d0f;
						background:url(images/subnav_li_over.png) 0 7px no-repeat #fff;
					}
				
				#sidenav li.first{border:none;}
				
				#sidenav li.first a, #sidenav li.firstohne a:hover{
					background:#e95d0f;
					color:#fff;
					font-weight:bold;
					font-size:15px;
				}
				
				#sidenav li.firstohne{border:none;}
				
				#sidenav li.firstohne a{
					background:#fff;
					color:#545454;
					font-weight:bold;
					font-size:15px;
				}
			
			
			#service{
				float: left;
				width: 200px;
				padding: 232px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
				list-style: none;
				background:url(images/sideleft_1.png) 0 0 no-repeat;
			}
				#service li{
					float: left;
					width: 200px;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
				}
					#service li img{
						float: left;
						width: 200px;
						padding: 0px 0px 0px 0px;
						margin: 0px 0px 0px 0px;
					}
					
					#service li a{
						float: left;
						width: 200px;
						padding: 0px 0px 0px 0px;
						margin: 0px 0px 0px 0px;
					}
						#service li a span{
							display: none;
						}
					
					a#hilfreich{
						height: 112px;
						background: url('images/sideleft_2.png') no-repeat 0px 0px;
					}
					a#hilfreich:hover{
						background: url('images/sideleft_2_act.png') no-repeat 0px 0px;
					}
					
					a#bestell{
						height: 88px;
						background: url('images/sideleft_3.png') no-repeat 0px 0px;
					}
					a#bestell:hover{
						background: url('images/sideleft_3_act.png') no-repeat 0px 0px;
					}
					
					a#newsletter{
						height: 110px;
						background: url('images/sideleft_4.png') no-repeat 0px 0px;
					}
					a#newsletter:hover{
						background: url('images/sideleft_4_act.png') no-repeat 0px 0px;
					}
		#header{
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 100;
			width: 970px;
			height: 151px;
			background: url('images/warenkorb.png') no-repeat right 0px;
		}
			
			a#back{
				position: absolute;
				top: 12px;
				left: 330px;
				z-index: 100;
				font: normal 10px Arial;
				line-height: 10px;
				color: #909090;
				text-decoration: none;
			}
			a#back:hover{
				color: #E95D0F;
			}
			
			#kon{
				position: absolute;
				top: 6px;
				left: 521px;
				z-index: 200;
				list-style: none;
				padding: 0px 0px 0px 0px;
			}
				#kon li{
					float: left;
					padding: 5px 0px 5px 14px;
					margin: 0px 0px 0px 0px;
					font: normal 10px Arial;
					color: #909090;
					text-decoration: none;
					text-transform: uppercase;
				}
				
					#kon li a{
						float: left;
						padding: 0px 0px 0px 0px;
						margin: 0px 0px 0px 0px;
						font: normal 10px Arial;
						color: #909090;
						text-decoration: none;
						text-transform: uppercase;
					}
					#kon li a:hover{
						color: #E95D0F;
					}
					
				#kon li#login{
					padding: 5px 8px 5px 14px;
				}					
					#kon li#login a{
						background: url('images/mueller_de_ico_arrow_down_inactive.png') no-repeat right 3px;
						padding: 0px 10px 0px 0px;
						margin: 0px 0px 0px 0px;
					}
					
					#kon li#login:hover{
						background:url(images/bg_login_li.gif) 9px 0 no-repeat;
					}
					
						#kon li#login:hover a{background:none;}
					
					#kon li#login #loginbox{
						display:none;
						position:absolute;
						top:23px;
						left:35px;
						width:171px;
						height:178px;
						background:#eee;
						border-right:1px solid #bababa;
						border-bottom:1px solid #bababa;
						z-index:100;
					}
					
					#kon li#login:hover #loginbox{display:block;}
					
					#kon li#login #loginbox form{
						position:relative;
						width:137px;
						height:112px;
						padding:15px 0 0 15px;
					}
					
					#kon li a#btn_login{
						display:block;
						position:absolute;
						left:83px;
						top:87px;
						width:69px;
						height:16px;
						background:none;
						padding:0;
						margin:0;
					}
					
						#kon li#login a.loginlink{
							display:block;
							padding:0 0 0 10px;
							margin:0 0 4px 16px;
							background:url(images/arrow_loginlink.gif) 0 3px no-repeat;
							font-size:10px;
							text-transform:none;
							color:#555555;
						}
						
						#kon li#login a.loginlink:hover{
							background:url(images/arrow_loginlink_over.gif) 0 3px no-repeat;
							color:#e95d0f;
						}
					
						#kon li#login #loginbox form .mueller_header_form_input{
							width:125px;
							height:14px;
							border:none;
							font-size: 11px;
							margin-bottom: 10px;
							padding: 6px;
							margin-right: 0;
						}
				
				#kon li#inter{
					position: relative;
					overflow: visible;
					background: url('images/mueller_de_ico_arrow_down_inactive.png') no-repeat 84px 8px;
					padding: 5px 15px 5px 0px;
				}
				#kon li#inter:hover{
					background: url('images/mueller_de_ico_arrow_down_active.png') no-repeat 84px 8px #EEEEEE;
				}
					
					#kon li#inter ul{
						display: none;
						position: absolute;
						top: 23px;
						left: -16px;
						z-index: 100;
						list-style: none;
						padding: 17px 10px 15px 18px;
						background: #EEEEEE;
						border-right: solid 1px #BABABA;
						border-bottom: solid 1px #BABABA;
					}
					
					#kon li#inter:hover ul{
						display: block;
					}
					
						#kon li#inter ul li{
							float: left;
							padding: 0px 0px 7px 0px;
							margin: 0px 0px 0px 0px;
						}
							#kon li#inter ul li a{
								float: left;
								padding: 0px 0px 0px 10px;
								margin: 0px 0px 0px 0px;
								color: #555555;
								font: normal 11px Arial;
								line-height: 11px;
								background: url('images/mueller_de_ico_arrow_forward_inactive.png') no-repeat 0px 1px;
							}
							#kon li#inter ul li a:hover{
								color: #E95D0F;
								background: url('images/mueller_de_ico_arrow_forward_active.png') no-repeat 0px 1px;
							}		
				
			#nav{
				position: absolute;
				top: 88px;
				left: 0px;
				z-index: 150;
				width: 966px;
				height: 38px;
				padding: 0px 0px 0px 4px;
				list-style: none;
				background: url('images/mueller_de_bg_mainnav_inactive.png') repeat-x;
			}
				#nav li{
					position: relative;
					float: left;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
				}
								
					#nav li a{
						float: left;
						height: 35px;
						margin: 3px 0px 0px 0px;
						padding: 0px 14px 0px 14px;
						font-size: 11px;
						font-weight: bold;
						color: #FFF;
						line-height: 31px;
						text-decoration: none;
						background: url('images/mueller_de_bg_mainnav_inactive_separator.png') no-repeat right -2px;
					}
					
					#nav li:hover a{
						color: #EA5D0E;
						background-image: none;
						background-color: #FFF;
					}
					
					#nav li a.a_last{
						background-image:none;
					}
					
					#nav li:hover a.a_last{
						color: #EA5D0E;
						background:#fff;
					}
				
				#nav li div{
					display: none;
					position: absolute;
					top: 38px;
					left: 0px;
					width: 380px;
					background: #FFFFFF;
					padding: 0px 0px 0px 0px;
				}
				
				#nav li div.geschenke{left: -85px;}
				
				#nav li div.ideenwelt{left: -176px;}
				
				#nav li:hover div{
					display: block;
				}
				
					#nav li:hover div ul{
						float: left;
						width: 190px;
						padding: 0px 0px 0px 0px;
						margin: 0px 0px 0px 0px;
						background: none;
					}
						#nav li:hover div ul li{
							display: inline-block;
							width: 190px;
							padding: 0px 0px 2px 0px;
							margin: 0px 0px 0px 0px;
							border-bottom: solid 1px #DDDDDD;
							background: none;
						}
							#nav li:hover div ul li a{
								float: left;
								padding: 0px 0px 0px 15px;
								margin: 0px 0px 0px 0px;
								white-space: nowrap;
								color: #909090;
								font: bold 11px Arial;
								line-height: 38px;
								background: none;
							}
							#nav li:hover div ul li a:hover{
								color: #E95D0F;
							}
				
			#subnav{
				position: absolute;
				top: 126px;
				left: 0px;
				z-index: 100;
				width: 620px;
				height: 18px;
				padding: 6px 0px 0px 350px;
				list-style: none;
				background: #ECECEC;
			}
				#subnav li{
					float: left;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
				}
				
					#subnav li a{
						float: left;
						margin: 0px 0px 0px 0px;
						padding: 0px 12px 0px 7px;
						font: normal 11px Arial;
						line-height: 12px;
						color: #909090;
						text-decoration: none;
						border-right: 1px solid #909090
					}
					#subnav li a:hover{
						color: #E95D0F;
					}
					
					#subnav li a.an_last{
						border: none;
					}
			
			#header form#cw_form_search{
				display: block;
				position: absolute;
				bottom: 0px;
				right: 0px;
				z-index: 100;
				height: 25px;
				width: 177px;
				padding: 0px 0px 0px 0px;
				background: url('images/mueller_de_bg_mainnav_search_bg.png') no-repeat 0px 0px;
			}
			
				#cw_form_search_phrase
				{
					float: left;
					height: 14px;
					width: 135px;
					margin: 7px 0px 2px 7px;
					font: normal 10px Arial;
					color: #666666;
					border: none;
				}
				
				#senden{
					position: absolute;
					top: 2px;
					left: 151px;
					width: 16px;
					height: 18px;
					border: none;
				}
				
			#picto{
				position: absolute;
				top: 40px;
				left: 324px;
				z-index: 100;
				height: 30px;
				padding: 0px 0px 0px 0px;
				list-style: none;
			}
				#picto li{
					float: left;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 20px;
				}
				
					#picto li a{
						float: left;
						margin: 0px 0px 0px 0px;
						padding: 0px 0px 0px 0px;
					}
					#picto li a span{
						display: none;
					}
					
					a#kundenservice{
						width: 134px;
						height: 30px;
						background: url('images/mueller_de_ico_head_hotline_inactive.png') no-repeat 0px 0px;
					}
					a#kundenservice:hover{
						background: url('images/mueller_de_ico_head_hotline_hover.png') no-repeat 0px 0px;
					}
					
					a#lieferung{
						width: 155px;
						height: 30px;
						background: url('images/mueller_de_ico_head_delivery_inactive.png') no-repeat 0px 0px;
					}
					a#lieferung:hover{
						background: url('images/mueller_de_ico_head_delivery_hover.png') no-repeat 0px 0px;
					}
					
					a#anmeldung{
						width: 162px;
						height: 30px;
						background: url('images/mueller_de_ico_head_newsletter_inactive.png') no-repeat 0px 0px;
					}
					#picto li a#anmeldung:hover{
						background: url('images/mueller_de_ico_head_newsletter_hover.png') no-repeat 0px 0px;
					}
			
		
	#footer_wra{
		height: 570px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-top: 7px solid #D4D4D4;
		background-color: #ECECEC;
	}
	
		#footer{
			position:relative;
			width: 970px;
			height:500px;
			margin: 0px auto;
			padding: 0px 0px 0px 0px;
			background:url(images/bg_footer.gif) right 0 no-repeat;
			z-index:50;
		}
		
			#footerlogo{
				position:absolute;
				left:10px;
				top:-45px;
			}
			
			#footernav{
				position:absolute;
				left:13px;
				top:167px;
			}
			
				#footernav ul{
					float:left;
					width:121px;
					margin-right:39px;
					font-size:11px;
					line-height:18px;
					color:#909090;
				}
				
				#footernav li{
				}
				
				#footernav li.first{
					padding-bottom:4px;
					margin-bottom:9px;
					border-bottom:1px dotted #999;
					font-weight:bold;
				}
				
					#footernav .firstnav li.first{margin-bottom:7px;}
				
				#footernav a{
					display:block;
					color:#909090;
					text-decoration:none;
				}
				
					#footernav a:hover{color:#e95d0f;}
					
			#payment{
				display:block;
				position:absolute;
				left:10px;
				top:400px;
				width:400px;
				height:32px;
				background:url(images/payment.png) right 0 no-repeat;
				font-size:11px;
				line-height:11px;
				color:#666;
			}
			
				#payment strong{display:block; font-size:12px; line-height:12px;}
			
				#payment:hover{background:url(images/payment_over.png) right 0 no-repeat;}
				
			#gogreen{
				display:block;
				position:absolute;
				left:485px;
				top:400px;
				width:225px;
				height:24px;
				background:url(images/gogreen.png) right 0 no-repeat;
				font-size:11px;
				line-height:11px;
				color:#666;
			}
			
				#gogreen strong{display:block; font-size:12px; line-height:12px;}
			
				#gogreen:hover{background:url(images/gogreen_over.png) right 0 no-repeat;}
				
			#footermeta{
				position:absolute;
				left:10px;
				top:452px;
				width:920px;
				padding:20px 0 20px 0;
				border-top:1px dotted #999;
				font-size:10px;
				line-height:10px;
				color:#abaaaa;
			} 
			
			#footermeta a{
				float:right;
				color:#abaaaa;
				text-decoration:none;
				padding-left:30px;
			}
			
			#footermeta a:hover{color:#e95d0f;}
			
			#footerinfo{
				position:absolute;
				left:10px;
				top:523px;
				width:920px;
				font-size:10px;
				line-height:10px;
				color:#abaaaa;
			}
			
			#footerinfo a{
				color:#abaaaa;
				text-decoration:underline;
			}
			
			#footer_mueller_service{
			position:absolute;
			left:632px;
			top:125px;
			background: url("images/mueller_de_bg_te_foot_service_top.png") no-repeat scroll 0 0 transparent;
			height: 250px;
			width: 317px;
			}
			
				#footer_mueller_service .footer_mueller_service_element {
				background-color: #FFFFFF;
				width: 297px;
				height: 100px;
				margin-left: 20px;
				margin-top: 125px;
				position:absolute;
				}
				
				#footer_mueller_service_element_hotline .footer_mueller_service_content {
				 background: url("images/mueller_de_te_foot_hotline_inactive(2).png") no-repeat scroll 0 0 transparent;
				height: 112px;
				position: absolute;
				top: -14px;
				width: 100%;
				}
				
				#footer_mueller_service_element_hotline .footer_mueller_service_content:hover {
				 background: url("images/mueller_de_te_foot_hotline_hover(2).png") no-repeat scroll 0 0 transparent;
				}
				
				#footer_mueller_service_element_software .footer_mueller_service_content {
				 background: url("images/mueller_de_te_foot_software_inactive(1).png") no-repeat scroll 0 0 transparent;
				height: 112px;
				position: absolute;
				top: -14px;
				width: 100%;
				}
				
				#footer_mueller_service_element_software .footer_mueller_service_content:hover {
				 background: url("images/mueller_de_te_foot_software_hover(1).png") no-repeat scroll 0 0 transparent;
				}
				
				#footer_mueller_service .footer_mueller_service_button_back {
				height: 43px;
				left: 235px;
				position: absolute;
				top: -77px;
				width: 23px;
				background: url("images/mueller_de_btn_back_inactive(1).png") no-repeat scroll 0 0 transparent;
				}
				
				#footer_mueller_service .footer_mueller_service_button_forward {
				height: 43px;
				left: 260px;
				position: absolute;
				top: -77px;
				width: 23px;
				background: url("images/mueller_de_btn_forward_inactive.png") no-repeat scroll 0 0 transparent;
				}
				
				#footer_mueller_service .footer_mueller_service_element .back_active {
				background: url("images/mueller_de_btn_back_active.png") no-repeat scroll 0 0 transparent;
				}
				
				#footer_mueller_service .footer_mueller_service_element .forward_active{
				background: url("images/mueller_de_btn_forward_active.png") no-repeat scroll 0 0 transparent;
				}
				
				#footer_mueller_service .footer_mueller_service_element .back_active:hover {
				background: url("images/mueller_de_btn_back_hover.png") no-repeat scroll 0 0 transparent;
				}
				
				#footer_mueller_service .footer_mueller_service_element .forward_active:hover {
				background: url("images/mueller_de_btn_forward_hover.png") no-repeat scroll 0 0 transparent;
				}
				
#cw_popup_page #cw_content {
	padding-left: 0;
}

#cw_content h1 {
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin: 10px 15px 10px 25px;
	color: #000;
	float: left;
	width: 100%;
}

#cw_popup {
	background: #ffffff;
	padding: 10px;
	overflow: auto;
}

#cw_popup_page #cw_wrapper {
	width: 100%;
	margin: auto;
}

#cw_popup_page h1, .cw_detail_view h1 {
	background: url('images/popup_headline_bg.jpg') 0 0 repeat-x;
	width: 100%;
	height: 42px;
	line-height: 42px;
	display: block;
	padding: 0;
	margin: 0 0 2px 0 !important;
	font-size: 18px;
	font-weight: normal;
}

#cw_popup_page h1 span, .cw_detail_view h1 span {
	padding-left: 10px;
	color: #999;
}

.cw_popup_main_close, .cw_detail_view_close, .cw_detail_view_prev, .cw_detail_view_next {
	background: url('images/popup_close_btn.png') 0 0 no-repeat;
	position: absolute;
	right: 20px;
	top: 10px;
	width: 35px;
	height: 35px;
	cursor: pointer;
}
/*-----------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
/* End hide from IE-mac */