@font-face {font-family:Helvetica_new;src:url("images/Helvetica.eot");}
@font-face {font-family:Helvetica_new;src:url("images/Helvetica.ttf");}


html{height:101%;}

body{
font-family: Helvetica_new,sans-serif;
color:#454545;
font-size:11px;
background-color:#f1f1f1;
}

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

#wrap, #header, #content, #footer{
width:988px;
}

#wrap{
position:relative;
top:33px;
margin:0 auto;
padding-top:160px;
background-color:#fff;
}

#wrap:after{content:"";}

#header{
position:absolute;
top:0;
height:160px;
}

	a#logo{
	position:absolute;
	top:0px;
	left:30px;
	display:block;
	z-index:99;
	}
	
	#metanav{
		position:absolute;
		top:15px;
		left:245px;
	}
	
	.topbox{
		border-left: 1px dotted #DDD;
		float:left;
		font-size:13px;
		height:105px;
		padding:5px 0 0 10px;
		width:220px;
	}
	
	.topbox h5{
		color:#6A3F5E;
		font-size:14px;
	}
	
	.topbox p{
		padding-top:5px;
		padding-left:5px;
		line-height:20px;
	}
	
	.topbox span{
	position:relative;
	top:-3px;
		
	}
	.topbox img{
		padding-right:7px;
	}
	.topbox span img{
		padding-right:5px;
	}
	
	.topbox ul{
		padding-top:5px;
		padding-left:20px;
	}
	.topbox li{
		list-style-image: url("images/arrow.gif")!important;
	}
	
	#warenkorb{
		padding-top:13px;
		padding-left:8px;
	}
	
	.topbox span.cart{
		position:relative;
		top:-36px;
		padding-left:8px;
	}
	
	.topbox span.cart img{
		padding-left:15px;
		padding-right:3px;
	}
	
	
	#services{
		width:210px;
	}

		
	span#bildueberschrift{
		font-size:13px;
		font-weight:700;
		color:#353535;
	}
					
	ul#mainnav{
		position:relative;
		top:120px;
		width:973px;
		height:38px;
		background-color:#480833;
		z-index:100;
		padding-left:15px;
	}

		#mainnav li{
		float:left;
		}
			
			#mainnav li.last{
				border:none;
			}

		#mainnav a{
		display:block;
		float:left;
		height:29px;
		padding:6px 38px 3px 38px;
		color:#AAAAAA;
		font-size:20px;
		letter-spacing:0.002em
		}
		
		#mainnav a:hover{
			color: #fff;
			background-color: #6A3F5E;
		}
		
		ul#mainnav ul {
			box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
			-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
			-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
			clear:both;
			display: none;
			position: absolute;
			top:38px;
			width: 180px;
			z-index: 99999;
		}
		
		ul#mainnav ul  a{
			background: #6a3f5e;
			line-height: 1em;
			padding: 10px;
			width: 170px;
			height: auto;
			font-size: 16px;
			opacity: 0.95;
		}
		
		ul#mainnav ul ul {
			position:absolute;
			left:190px;
			margin-top:-2px;
			}
			
		ul#mainnav ul ul.service {
			position:absolute;
			left:190px;
			margin-top:35px;
			}
		
		ul#mainnav li:hover > ul {
			display: block;
		}

#content{
position:relative;
padding-top:20px;
}
		
	#rightcol{
	position:relative;
	width:702px;
	padding:5px 44px 160px 7px;
	float:right;
	line-height:16.5px;
	}
	
		h1{
			margin-bottom:20px;
			font-size:17px;
			line-height:16.5px;
			color:#6A3F5E;
			font-weight:bold;
		}
		
		h2{
			margin-bottom:10px;
			font-size:15px;
			line-height:16.5px;
			color:#6A3F5E;
			font-weight:bold;
		}
		
		#rightcol p{
			margin-bottom:14px;
			font-size: 13px;
		}
		
		#rightcol a{
		color:#454545;
		text-decoration:underline;
		}
		
		ol li{
		list-style-type:decimal;
		margin:0 0 14px 20px;
		padding-left:15px;
		font-size: 13px;
		}
	
	#leftcol{
	width:213px;
	padding:0 0 0 22px;
	float:left;
	}
	

			
		.box{
			width:190px;
			padding:0 4px 26px 10px;
			margin-bottom:20px;
			background:url(images/bg_box.jpg) 0 bottom no-repeat;
		}
		
			.box.lastbox{margin-bottom:0;}
			
			.box.center a{
				display:block;
				text-align:center;
				color:#464646;
				line-height:25px;
				}
		
		
			.box.last{margin-bottom:14px;}
		
		.box h4{
			padding:7px 3px 6px 3px;
			font-size:17px;
			color:#6A3F5E;
			font-weight:bold;
		}

			.box li{border-bottom:1px solid #ddd;}
			
				.box li a{
					padding:2px 0 2px 3px;
					display:block;
					color:#454545;
					line-height:18px;
					font-size: 15px;
				}
				
				.box a:hover{text-decoration:underline;}

			.box p{
				padding:0px 0px 0px 2px;
				margin:0px 0px 0px 0px;
				}
				
			.box p.center{
				text-align:center;
				line-height:16.5px;
			}
			
				.box p.center a{
					color:#464646;
				}
				
			.box p img{
				padding:0px 0px 0px 4px;
				margin:0px 0px 0px 0px;
				}
				
			.box p a img{
				padding:0px 0px 0px 0px;
				margin:0px 0px 0px 0px;
				}	
				
				.box.center p a img{margin:0 auto;}
				
			.box h2 {
			border-top:1px solid #DDDDDD;
			color:#6A3F5E;
			font-size:17px;
			font-weight:bold;
			padding:7px 3px 5px;
			}
	
	#footer{
	position:relative;
	height:320px;
	clear:both;
	}
	
		.footerbox{
			width:180px;
			height:216px;
			padding:3px 0 0 20px;
			background:url(images/bg_footerbox.jpg) 0 0 no-repeat;
			font-size:13px;
		}
	
		#adresse{
			position:absolute;
			left:33px; top:13px;
		}
	
			#footer h4{
			padding:7px 0 20px 0;
			font-size:17px;
			color:#6A3F5E;
			font-weight:bold;
		}
					
		#service{
			position:absolute;
			left:265px; top:13px;
			color:#000;
			
		}
		
		#footer li{
			width:165px;
			border-bottom:1px solid #ddd;
		}
		
			#footer li a{
				padding:2px 0 2px 3px;
				display:block;
				line-height:18px;
				color:#454545;
			}
			
			#footer li a:hover{text-decoration:none;}
			
	
			
		#unternehmen{
			position:absolute;
			left:507px; top:13px;
		}
		
		#info{
			position:absolute;
			left:683px; top:7px;
			width:208px;
			color:#000;
			font-size:11px;
			line-height:16.5px;
		}
		
		#privatkunden{
			position:absolute;
			top:265px;
			left:200px;
			font-size:13px;
			text-align:center;
		}
		
			#privatkunden a{
				color:#454545;
				text-decoration:underline;
			}
			
		#vorteile{
			position:absolute;
			left:745px;
			top:13px;
		}
	
	#information {
	position:absolute;
	bottom:0;
	left:0;
	padding-bottom:40px;
	width: 690px;
	text-align: center;
	}
	
		#information li {
		float: none;
		display: inline;
		}
		
		#information a {
		padding: 0px 0px 0px 11px;
		color:#B2B2B2;
		font-size: 11px;
		text-decoration:underline;
		}
		
		#information a.first {
		padding: 0px 0px 0px 0px;
		background: none;
		}
		
		#information a:hover {
		text-decoration: none;
		}
		
		
		#searchbox{
		position:absolute;
		top:66px;
		z-index:101;
		left:775px;
	}
		
	input.text{
		width:160px;
		height:13px;
		padding:1px 0;
		font-size:11px;
		line-height:12px;
		color:#454545;
		border-color: #7C7C7C #C3C3C3 #DDDDDD;
		border-style: solid;
		border-width: 1px;
		background-color: #F6F6F6;
	}
	
	
		input#keywords{
			position:absolute;
			left:10px; top:65px;
		}
		
		input#searchsubmit{
			position:absolute;
			left:148px; top:67px;
		}
				
	#tuev{
		position:absolute;
		left:382px;
		top:38px;
	}
	
/* ---------------------------------------------------*/
*{
margin: 0;
padding: 0;
list-style: none;
}

:focus{
outline: 0;
}

img{
border: 0;
}

.static{
position:static;
}

.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 */