* {
	margin: 0px;
	padding: 0px;
	border: 0px none;
	line-height: 1;
}

html {
	font: 11px/1.3em Arial,"Helvetica Neue",Helvetica,sans-serif;
}

a, a:hover {
	text-decoration: none;
}

:focus {
	outline: 0px none;
}

div, ul, li {
	display: block;
}

body {
	background: url(../images/bg_conc_light.png) repeat scroll 0px 0px transparent;
}

#logo {
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -499px;
	width: 240px;
	z-index: 200;
	height: 47px;
}

	#logo > a {
		display: block;
		width: 240px;
	}
		
#wrapper {
	position: relative;
	width: 1028px;
	padding-top: 146px;
	z-index: 1;
	margin: 0px auto;
}
	
	#wrapper-top, #wrapper-bottom {
		height: 4px;
		background: url(../images/wrapper_sprite.png) no-repeat scroll 0px 0px transparent;
	}
	
	#wrapper-bottom {
		background: url(../images/wrapper_sprite.png) no-repeat scroll 0px bottom transparent;
	}
	
	#content-wrapper {
		width: 991px;
		padding: 85px 17px 15px 20px;
		background: white;
		background: url(../images/wrapper_bg.png) repeat-y scroll 0px 0px transparent;
	}
	
		#left-navi {
			position: absolute;
			top: 901px;
			left: 20px;
		}
		
		#midcol {
			float: right;
			width: 828px;
			margin-left: 12px;
			font-size: 13px;
			line-height: 21px;
			color: #232323;
		}
		
			#content {
				display: block;
				float: left;
				width: 655px;
			}
		
				#content h1, #content h2, #content h3 {
					font-weight: bold;
					font-size: 24px;
					display: block;
					margin: 15px 0px 20px;
					font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
					color: #232323;
					line-height: 28.8px;
					text-align: justify;
					display: block;
				}
				
				#content h2, #content h3 {
					font-size: 18px;
					margin-top: 10px;
				}
				
				#content h1.nj, #content h2.nj, #content h3.nj {
					text-align: left;
				}
				
				#content p {
					margin-bottom: 19px;
					font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
					font-size: 13px;
					font-weight: normal;
					color: #232323;
					line-height: 21px;
					text-align: justify;
				}
				
				#content img {
					float: left;
					display: block;
					margin-right: 5px;
					margin-bottom: 5px;
				}
				
				#content img.pb {
					 margin-bottom: 25px;
				}
				
			#rightcol {
				display: block;
				float: right;
				padding-top: 15px;
				width: 151px;
			}
				
				.rightbox {
					display: block;
					width: 151px;
					padding-bottom: 5px;
				}
				
					.rightbox  > span {
						display: block;
						font-size: 11px;
						font-weight: bold;
						color: white;
						line-height: 11px;
						text-align: left;
						background: #7C7C7C;
						padding: 16px 10px 0px;
						width: 131px;
						height: 20px;
					}
					
					.rightbox  > div {
						display: block;
					}
					
						.rightbox  > div > a {
							display: block;
							width: 100%;
						}
					
						.rightbox  > div > p {
							margin-bottom: 19px;
							display: block;
							font-size: 13px;
							font-weight: bold;
							color: #232323;
							line-height: 21px;
							vertical-align: baseline;
							text-align: center;
						}
					
					.rightbox  > div#zahlarten {
						padding-bottom: 69px;
						height: 208px;
						background: url(../images/payment.png) no-repeat scroll 0px 0px transparent;
						padding-top: 18px;
					}
					
						.rightbox  > div#zahlarten > a#pp {
							height: 30px;
						}
						
						.rightbox  > div#zahlarten > a#sof {
							height: 43px;
							margin-top: 28px;
							margin-bottom: 15px;
						}
						
					
					.rightbox  > div#trusted {
						height: 321px;
						background: url(../images/trusted.png) no-repeat scroll 0px 0px transparent;
						padding-top: 19px;
					}
					
						.rightbox  > div#trusted > a {
							height: 73px;
							margin-bottom: 17px;
						}
					
						.rightbox  > div#trusted > p {
							font-size: 13px;
							font-weight: normal;
						}
		
		#leftcol {
			float: left;
			width: 151px;
			padding-top: 15px; 
			padding-bottom: 256px;
		}
		
			#leftcol > a, #leftcol > span {
				display: block;
				font-size: 12px;
				font-weight: bold;
				color: white;
				line-height: 12px;
				text-align: left;
				background: #7C7C7C;
				padding: 16px 10px 0px;
				width: 131px;
				height: 20px;
				margin-bottom: 19px;
			}
			
			#leftcol > span {
				margin: 0px;
			}
			
			#leftcol > ul, #left-navi {
				display: block;
				padding: 5px 0px;
				border: 1px solid #D3D3D3;
				border-bottom: 0px none;
				margin-bottom: 7px;
				width: 149px;
			}
			
				#leftcol > ul > li, #left-navi > li {
					display: block;
				}	

					#leftcol > ul > li > a, #left-navi > li > a {
						display: block;
						color: #474747;
						font-size: 11px;
						padding: 3px 0px 3px 5px;
						text-decoration: none;
						line-height: 15.6px;
					}
					
			#left-navi {
				border-bottom: 1px solid #D3D3D3;
				border-top: 0px none;
			}
	
#footer-wrapper {
	width: 100%;
	position: relative;
	background: white;
	border-top: 1px solid #DFDFDF;
	margin-top: 50px;
}

	#footer {
		width: 1028px;
		margin: 42px auto 0px;
	}

		#footer-inner {
			background: url(../images/bg_footer.png) no-repeat scroll 0px bottom transparent;
			width: 1000px;
			padding: 0px 14px 30px;
			height: 205px;
		}
		
			#footer-inner > li {
				border-right: 1px solid #DFDFDF;
				float: left;
				min-height: 205px;
				padding: 0px 30px;
				width: 170px;
			}
			
			#footer-inner > li.last {
				width: 247px;
				border: 0px none;
			}
			
				#footer-inner > li span.head {
					display: block;
					font-size: 14px;
					font-weight: bold;
					color: #7C7C7C;
					margin-bottom: 10px;
				}
				
				#telefon {
					color: #232323;
					font-size: 11px;
					margin-bottom: 5px;
					width: 100%;
					padding-top: 16px;
				}
				
					#telefon span, #telefon p {
						display: block;
						line-height: 15.6px;
					}
					
					#telefon .number  {
						font-size: 19px;
						font-weight: bold;
						padding-bottom: 1px;
					}
					
					#telefon .bold  {
						font-weight: bold;
						margin-top: 15px;
					}
					
					#footer-inner > li > ul {
						padding-top: 1px;
					}
						
						#footer-inner > li > ul > li {
							display: block;
						}
							
							#footer-inner > li > ul > li > a {
								color: #191919;
								font-size: 12px;
								margin-bottom: 3px;
								text-decoration: none;
								line-height: 15.6px;
								display: block;
							}
							
							#footer-inner > li > ul > li > a:hover {
								color: #7C7C7C;
							}
							
					#footer-inner > li.last > a {
						color: #191919;
						font-size: 11px;
						line-height: 16px;
					}
					
						#footer-inner > li.last > a:hover {
							color: #7C7C7C;
						}
						
		#footer-info {
			width: 100%;
			text-align: center;
			margin-top: 20px;
		}
		
			#footer-info > p {
				color: #888888;
				margin-bottom: 10px;
				font-size: 12px;
				line-height: 15.6px;
			}
			
				#footer-info > p > a {
					color: #888888;
					text-decoration: underline;
				}
						
			#footer-info > p#copyright {
				color: black;
				font-size: 11px;
				padding-bottom: 52px;
				margin: 0px;
			}
		
#header-wrapper {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 190px;
	z-index: 100;
	background: url(../images/header-bg.png) repeat-x scroll 0px 0px transparent;
}

	#header {
		width: 998px;
		position: relative;
		margin: 0px auto;
		height: 115px;
		z-index: 750;
	}
	
		#top-navi {
			display: block;
			top: 0px; 
			position: absolute;
			right: 0px;
			border-color: #d7d7d7;
			border-style: solid;
			border-width: 0px 1px 1px;
			height: 25px;
			width: 292px;
			padding: 0px none;
			-webkit-border-radius: 0px 0px 3px 3px;
			-moz-border-radius: 0px 0px 3px 3px;
			border-radius: 0px 0px 3px 3px;
			-webkit-box-shadow: 0px 0px 2px #dfdfdf;
			-moz-box-shadow: 0px 0px 2px #dfdfdf;
			box-shadow: 0px 0px 2px #dfdfdf;
		}
		
			#top-navi > li {
				display: block;
				float: left;
				border-right: 1px solid #E8E8E8;
			}
			
				#top-navi > li > a, #top-navi > li > span {
					display: block;
					height: 21px;
					padding: 4px 10px 0px 0px;
					font-size: 12px;
					font-weight: bold;
					line-height: 16px;
					color: #3E3E3E;
				}
				
				#top-navi > li > a:hover, #top-navi > li > span:hover {
					color: #7C7C7C;
				}
				
				#top-navi > li > a.note {
					padding-left: 10px;
				}
				
				#top-navi > li > a.account {
					padding-left: 30px;
					background: url(../images/ico_myaccount.png) no-repeat scroll 9px 5px transparent;
				}
				
				#top-navi > li > a.account:hover {
					background-image: url(../images/ico_myaccount-hover.png);
				}
				
				#top-navi > li > span {
					padding: 3px 15px 0px 10px;
					margin-right: 10px;
					cursor: pointer;
					background: url(../images/ico_listing-bottom.png) no-repeat scroll 85px 4px transparent;
				}
	
		#service-navi {
			display: none;
			position: absolute;
			z-index: 9999;
			background: #FFFFFF;
			top: 41px;
			right: 5px;
			border: 1px solid #D7D7D7;
			box-shadow: 0 2px 3px #d6d6d6;
			-webkit-box-shadow: 0 2px 3px #d6d6d6;
			-moz-box-shadow: 0 2px 3px #d6d6d6;
			text-align: left; 
			padding:15px 15px 20px; 
			width: 152px;
		}
		
		#service-navi.vis {
			display: block;
		}
		
			#service-navi > span {
				display: block;
				background: url(../images/servicenav_arrow.png) no-repeat scroll center bottom transparent;
				height: 20px;
				right: 20px;
				top: -20px;
				width: 20px;
				position: absolute;
			}

			#service-navi > ul {
				display: block;
				width: 100%;
			}
			
				#service-navi > ul > li {
					display: block;
				}
				
					#service-navi > ul > li > a {
						display: block;
						color: #232323;
						font-weight: normal;
						font-size: 12px;
						line-height: 15.6px;
						text-decoration: none;
						padding: 5px 10px;
					}
					
					#service-navi > ul > li > a:hover {
						color: #7C7C7C;
						background: #F0F0F0;
					}
	
		#cart {
			position: absolute;
			right: 0px;
			top: 45px;
			width: 224px;
			height: 52px;
			background: url(../images/cart-bg.png) no-repeat scroll 0px 0px transparent;
		}
		
		#cart:hover {
			background-image: url(../images/cart-bg-hover.png);
		}
		
			#cart > span {
				display: block;
				font-size: 13px;
				font-weight: bold;
				color: #333333;
				text-transform: uppercase;
				line-height: 25px;
				position: absolute;
				top: 0px;
				left: 3px;
			}
			
			#cart > span:hover {
				color: #7C7C7C;
			}
	
		#search {
			position: absolute;
			display: block;
			width: 450px;
			height: 41px;
			top: 50px;
			left: 270px;
		}
		
			input#searchfield {
				background: #fafafa;  
				border: 1px solid #cdcdcd;
				border-right: 0px none; 
				color: #232323; 
				margin: 0px; 
				padding: 0px 3px 0px 0px; 
				height: 39px; 
				width: 405px;
				font-size: 12px;
				-webkit-border-radius: 2px 0 0 2px;
				-moz-border-radius: 2px 0 0 2px;
				border-radius: 2px 0 0 2px;
			}
			
			input#searchfield:focus {
				background: white;
			}
			
			input#submit_search_btn {
				background: url(../images/bg_search.jpg) no-repeat scroll 0px 0px transparent;
				border: 0px none;
				border-radius: 0px;
				cursor: pointer;
				display: block;
				font-size: 1px;
				height: 41px;
				line-height: 0px;
				position: absolute;
				right: 0px;
				top: 0px;
				text-indent: -9999em;
				width: 41px;
			}
	
	#main-navi {
		position: relative;
		width: 1020px;
		margin: 35px auto 0px;
		z-index: 500;
		height: 39px;
		line-height: 40px;
		border-bottom: 1px solid #005376;
		background:	url(../images/mainnavigation_bg.png) repeat-x scroll 0px 0px #7C7C7C;
	}
	
		#main-navi > ul {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 40px;
			z-index: 501;
		}

		#main-navi > ul > li {
			float: left;
			position: relative;
		}
		
			#main-navi > ul > li > a {
				display: block;
				border-left: 1px solid #7C7C7C;
				border-right: 1px solid #8E8D8D;
				color: white;
				height: 38px;
				padding: 2px 5px 0px;
			}
			
			#main-navi > ul > li.active > a {
				color: #7C7C7C;
				border: 0px none;
				background: url(../images/mainnav_shadow.png) no-repeat scroll -3px 3px transparent;
			}
			
			#main-navi > ul > li:hover > a {
				border-color: #7C7C7C;
				border-style: none solid;
			}
			
				#main-navi > ul > li > a > span {
					display: block;
					height: 38px;
					line-height: 40px;
					padding: 0px 10px;
					font-size: 12px;
					font-weight: normal;
				}
				
				#main-navi > ul > li.active > a > span {
					font-weight: bold;
					color: black;
					background: white;
				}
				
				#main-navi > ul > li:hover > a > span {
					color: white;
					background: black;
				}
				
				#main-navi > ul > li.active:hover > a > span {
					color: white;
					background: black;
				}
				
			#main-navi > ul > li > ul, #main-navi > ul > li > ul > li > ul {
				display: none;
				position: absolute;
				background: black;
				margin-left: 6px;
				width: 250px;
				z-index: 2000;
				margin-top: -1px;
				padding: 0px;
				border-top: 0px none;
			}
			
			#main-navi > ul > li.active > ul {
				margin-left: 5px;
			}
			
			#main-navi > ul > li:hover > ul {
				display: block;
			}
			
				#main-navi > ul > li > ul > li, #main-navi > ul > li > ul > li > ul > li {
					display: block;
					width: 250px;
					position: relative;
				}
				
				#main-navi > ul > li > ul > li.sub {
					background: url(../images/ico_listing-next.png) no-repeat scroll 230px center black;
				}
				
				#main-navi > ul > li > ul > li:last-child, #main-navi > ul > li > ul > li > ul > li:last-child {
					margin-bottom: -1px;
				}
					
					#main-navi > ul > li > ul > li > a, #main-navi > ul > li > ul > li > ul > li > a {
						display: block;
						color: #808080;
						font-size: 12px;
						font-weight: normal;
						text-decoration: none;
						line-height: 25px;
						padding: 0px 20px 0px 10px;
						width: 220px;
						border-bottom: 1px solid #333333;
					}
					
					#main-navi > ul > li > ul > li > a:hover, #main-navi > ul > li > ul > li > ul > li > a:hover {
						color: white;
					}
					
					#main-navi > ul > li > ul > li > ul {
						top: 0px;
						left: 250px;
						margin: 0px;
						border-left: 1px solid #333333;
					}
					
					#main-navi > ul > li > ul > li.sub:hover {
						background-color: #333333;
					}
					
						#main-navi > ul > li > ul > li.sub:hover > a {
							color: white;
						}
					
					#main-navi > ul > li > ul > li:hover > ul {
						display: block;
					}
				
	#breadcrumb {
		margin: 0px auto;
		width: 996px;
		color: #232323;
		background: url(../images/bg_breadcrumb.png) repeat-x scroll 0px bottom transparent;
		line-height: 37px;
		height: 40px;
		margin-top: 1px;
	}
	
		#breadcrumb a, #breadcrumb span {
			color: #232323;
			font-size: 12px;
			font-weight: normal;
		}
		
		#breadcrumb a:hover {
			text-decoration: underline;
			color: #232323;
		}
		
		#breadcrumb a.first:hover {
			color: #7C7C7C;
			text-decoration: none;
		}
		
		#breadcrumb span.sep {
			color: #CCCCCC;
			background: url(../images/left_nav_arrow_right.png) no-repeat scroll 5px 6px transparent;
			display: inline-block;
			zoom: 1; *display: inline;
			width: 10px;
			padding: 0px 2px;
			height: 15px;
		}
		
			#breadcrumb span.sep span {
				display: none;
			}
		
/******* CLEARFIX *******/
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}