html{height:101%;}

body{
padding:5px 3px 0 0;
font-family:Arial, Helvetica, sans-serif;
color:#005c99;
font-size:12px;
background:url(images/bg_top.png) 0 0 repeat-x #fff;
}

#header, #content, #footer{
width:1182px;
}

a#logo{
position:absolute;
top:11px;
left:40px;
z-index:99;
display: block;
width: 304px;
height: 80px;
}

	#logo img {
		display: block;
		width: 304px;
		height: 80px;
	}

#wrap{
position:relative;
margin:0 auto 8px auto;
width:1182px;
padding:239px 0 0 0;
box-shadow: 8px 8px 8px rgb(238, 238, 238), -8px 8px 8px rgb(204, 204, 204);
}

#wrap:after{content:"";}

#header{
position:absolute;
top:0;
height:239px;
}
	
	ul#nav{
		position:absolute;
		left:36px;
		top:139px;
	}

		#nav li{
		float:left;
		margin-right:2px;
		}
		
		#nav li.marg{margin-right:29px;}
		
		#nav a{
		display:block;
		float:left;
		}
		
	ul#social{
		position:absolute;
		right:40px;
		top:148px;
	}

		#social li{
		float:left;
		margin-right:3px;
		}
		
		#social li.marg{margin-right:23px;}
		
		#social a{
		display:block;
		float:left;
		}
		
		#hitengine{
			position:absolute;
			right:0px;
			top:195px;
		}
		
		#schnellsuche{
			position:absolute;
			top:203px;
			left:215px;
			height:28px;
		}
		
			#schnellsuche label{
				display:block;
				padding:0px 16px 0 0;
				float:left;
				font-size:18px;
				line-height:28px;
				font-weight:bold;
				color:#fff;
			}
			
			#suche{
				float:left;
				width:600px;
				height:22px;
				padding:2px;
				font-size:18px;
				line-height:22px;
				color:#999;
				font-family: Arial,Helvetica;
			}
	
	#alle{
		position:absolute;
		left:544px;
		top:172px;
		color:#fff;
		text-decoration:underline;
	}
		
#content{
position:relative;
background:#fff;
}

	#leftcol{
	width:992px;
	float:left;
	padding-bottom:70px;
	}
	
		#rightbox{
		position:relative;
		width:684px;
		padding:20px 21px 150px 21px;
		float:right;
		line-height:15px;
		}
		
			h1{
				margin-bottom:16px;
				font-size:24px;
				line-height:30px;
				font-weight:bold;
			}
			
			h2{
				margin-bottom:8px;
				font-size:18px;
				line-height:22px;
				font-weight:bold;
			}
			
			#rightbox p{
				margin-bottom:14px;
			}
			
			#rightbox img{
				margin:10px auto 25px auto;
			}
			
			#rightbox a{
				color:#005c99;
				text-decoration:underline;
			}
			
			.kat-overview {
				display: block;
				width: 100%;
				position: relative;
				margin-bottom: 20px;
				margin-top: 15px;
			}
			
				#rightbox .kat-overview a {
					text-decoration: none;
					color: #005c99:
				}
				
				#rightbox .kat-overview a:hover {
					text-decoration: underline;
				}
			
				.kat-overview > div {
					display: block;
					float: left;
					width: 341px;
					position: relative;
					overflow: hidden;
				}
				
				.kat-overview > div.kat-left {
					border-right: 1px solid #DEDEDE;
				}
				
				.kat-overview > div.kat-right {
					border-left: 1px solid #DEDEDE;
				}
				
					.kat-overview div.kat-title {
						display: block;
						width: 100%;
						height: 165px;
						position: relative;
						z-index: 200;
						margin-bottom: 10px;
					}
					
						.kat-overview div.kat-title > a {
							display: block;
							margin: 0px auto;
							width: 110px;
							text-align: center;
							font-weight: bold;
							padding-top: 150px;
							line-height: 15px;
							font-size: 13px;
						}
						
						.kat-overview div.kat-title > a.hkleidung {
							background: url(images/hkleidung.jpg) no-repeat scroll center top transparent;
						}
						
						.kat-overview div.kat-title > a.dkleidung {
							background: url(images/dkleidung.jpg) no-repeat scroll center top transparent;
						}
						
					.kat-overview div.kat-content {
						display: block;
						width: 331px;
						padding-bottom: 65px;
						position: relative;
						z-index: 200;
					}
					
					.kat-overview > div.kat-left > div.kat-content {
						padding-left: 10px;
					}
					
					.kat-overview > div.kat-right > div.kat-content {
						padding-right: 0px;
						padding-left: 10px;
					}
					
						.kat-overview div.kat-content > a {
							display: block;
							float: left;
							width: 85px;
							padding-left: 5px;
							padding-top: 60px;
							background: none no-repeat scroll 5px top transparent;
							margin-top: 20px;
						}
						
						.kat-overview > div.kat-left > div.kat-content > a {
							margin-right: 20px;
						}
						
						.kat-overview > div.kat-right > div.kat-content > a {
							margin-left: 20px;
						}
						
						.kat-overview div.kat-content > a.hpullover {
							background-image: url(images/hpullover.jpg);
							background-position: 0px top;
						}
						
						.kat-overview div.kat-content > a.hshirt {
							background-image: url(images/hshirt.jpg);
							background-position: 0px 3px;
						}
						
						.kat-overview div.kat-content > a.uhr {
							background-image: url(images/uhr.jpg);
							background-position: 5px 0px;
						}
						
						.kat-overview div.kat-content > a.hhose {
							background-image: url(images/hhose.jpg);
						}
						
						.kat-overview div.kat-content > a.shorts {
							background-image: url(images/shorts.jpg);
							background-position: 5px 5px;
						}
						
						.kat-overview div.kat-content > a.hschuhe {
							background-image: url(images/hschuhe.jpg);
							background-position: 5px 30px;
						}
						
						.kat-overview div.kat-content > a.dshirt {
							background-image: url(images/dshirt.jpg);
							background-position: 0px top;
						}
						
						.kat-overview div.kat-content > a.kleid {
							background-image: url(images/kleid.jpg);
							background-position: 5px 2px;
						}
						
						.kat-overview div.kat-content > a.dhose {
							background-image: url(images/dhose.jpg);
						}
						
						.kat-overview div.kat-content > a.dschuhe {
							background-image: url(images/dschuhe.jpg);
							background-position: 5px 15px;
						}
						
						.kat-overview div.kat-content > a.dpullover {
							background-image: url(images/dpullover.jpg);
							background-position: 0px 5px;
						}
				
					.kat-overview div.kat-more-toggle {
						display: block;
						width: 100%;
						text-align: center;
						position: absolute;
						bottom: 21px;
						z-index: 220;
						left: 0px;
					}
					
						.kat-overview div.kat-more-toggle > span {
							display: inline-block;
							zoom: 1; *display: inline;
							font-weight: bold;
							line-height: 22px;
							font-size: 13px;
							color: red;
							cursor: pointer;
						}
						
						.kat-overview div.kat-more-toggle > span:hover {
							text-decoration: underline;
						}
						
							.kat-overview div.kat-more-toggle > span > span.close {
								display: none;
							}
							
							.kat-overview div.kat-more-toggle > span > span.open {
								display: inline;
							}
						
					.kat-overview div.kat-more {
						position: absolute;
						bottom: 0px;
						background: url(images/kat-more-bg.png) repeat scroll 0px 0px transparent;
						width: 266px;
						height: 300px;
						z-index: 210;
						display: none;
						overflow: hidden;
						padding: 0px 0px 0px 75px;
					}
					
						.kat-overview div.kat-more span.kat-more-close {
							position: absolute;
							top: 5px;
							right: 5px;
							width: 16px;
							height: 16px;
							background: url(images/kat-more-close.png) no-repeat scroll 0px 0px transparent;
							cursor: pointer;
							opacity: 0;
							display: none;
						}
						
						.kat-overview div.kat-more > a {
							display: block;
							line-height: 20px;
							font-size: 13px;
							font-weight: bold;
						}
						
						.kat-overview div.kat-more > a.first {
							margin-top: 45px;
						}
						
						.kat-overview div.kat-right div.kat-more > a {
							line-height: 17px;
						}
						
						.kat-overview div.kat-right div.kat-more > a.first {
							margin-top: 20px;
						}
				
				.kat-proc {
					position: absolute;
					top: 20px;
					left: 300px;
					display: block;
					width: 84px;
					height: 83px;
					background: url(images/kat-proc.png) no-repeat scroll 0px 0px transparent;
				}
		
			#content-teaser {
				display: block;
				width: 580px;
				margin: 0px auto;
				text-align: center;
				padding: 20px 0px 40px;
			}
			
				#content-teaser > img {
					text-align: center;
					max-width: 580px;
					margin: 10px 0px 0px;
					display: inline-block;
					zoom: 1; *display: inline;
				}
				
				#content-search {
					display: block;
					margin: 28px auto 0px;
					width: 515px;
					position: relative;
					height: 39px;
					background: #DA2129;
				}
				
					#content-search label {
						display: block;
						position: absolute;
						left: 15px;
						color: white;
						top: 6px;
						font-size: 24px;
						line-height: 28px;
						text-align: left;
					}
					
					#content-search input.query {
						display: block;
						background: white;
						font-size: 20px;
						line-height: 28px;
						border: 0px none;
						margin: 0px 0px 0px;
						padding: 0px 5px;
						height: 28px;
						position: absolute;
						top: 5px;
						left: 105px;
						color: #999999;
						width: 346px;
					}
					
					#content-search input.query.active {
						color: #333333;
					}
					
					#content-search input.button {
						display: block;
						position: absolute;
						right: 0px;
						top: -18px;
						height: 71px;
						width: 68px;
						background: url(images/search-submit.png) no-repeat scroll 0px 0px transparent;
						border: 0px none;
						cursor: pointer;
					}
		
		#leftbox{
		width:250px;
		float:left;
		padding:0px 0 0 16px;
		display: block;
		}
		
			#leftbox iframe{
				height:1350px;
				width:250px;
			}
			
			#nletter {
				display: block;
				margin-top: 15px;
			}
			
			#leftbox > div {
				display: block;
				width: 250px;
				padding-top: 15px;
			}
			
				#leftbox  > div > h5{
					display: block;
					width: 206px;
					height: 23px;
					background: url(images/headline-krone.gif) no-repeat scroll 12px 2px #006699;
					color: white;
					font-size: 11pt;
					font-weight: bold;
					padding: 0px;
					margin: 0px;
					padding-top: 7px;
					padding-left: 44px;
					font-family: Arial,Helvetica,sans-serif;
				}
				
				#leftbox  > div > div {
					display: block;
					background: #DFEBF2;
					color: #006699;
					font-size: 10pt;
					padding: 15px 12px;
					text-align: left;
					width: 226px;
				}
				
					#left-nav > div > ul {
						display: block;
						margin: 0px;
						padding: 0px;
						list-style: none;
					}
					
						#left-nav > div > ul > li {
							display: block;
						}
						
							#left-nav > div > ul > li > a {
								text-decoration: none;
								font-weight: bold;
								font-size: 10pt;
								font-family: Arial,Helvetica,sans-serif;
								color: #005C99;
							}
							
							#left-nav > div > ul > li > a:hover {
								text-decoration: underline;
							}
							
					#warengruppen > div > p > span {
						display: block;
						font-weight: bold;
					}
					
					#warengruppen > div > span {
						display: block;
						margin-top: 15px;
						font-weight: bold;
					}
					
					#warengruppen > div > span:hover {
						text-decoration: underline;
					}
					
					#warengruppen > div > span > span.closed {
						display: block;
						font-weight: bold;
						padding-left: 25px;
						background: url(images/wg-open.png) no-repeat scroll center left transparent;
						cursor: pointer;
					}
					
					#warengruppen > div > span > span.open {
						display: none;
						font-weight: bold;
						padding-left: 25px;
						background: url(images/wg-close.png) no-repeat scroll center left transparent;
						cursor: pointer;
					}
					
					#warengruppen.open > div > span > span.closed {
						display: none;
					}
					
					#warengruppen.open > div > span > span.open {
						display: block;
					}
					
					#warengruppen > div > div {
						overflow: hidden;
						position: relative;
						height: 0px;
						width: 226px;
					}
					
						#warengruppen > div > div > div {
							position: absolute;
							bottom: 0px;
							left: 0px;
							width: 226px;
						}
						
						#warengruppen > div > div > div a {
							color: #005C99;
						}
		
	#rightcol{
	width:180px;
	float:right;
	padding:0px 10px 15px 0;
	}
	
		.teaser{margin-bottom:15px;}
		
		#rightcol > div {
			display: block;
			width: 180px;
			padding-top: 15px;
		}
		
			#rightcol > div > h5{
				display: block;
				width: 136px;
				height: 23px;
				background: url(images/headline-krone.gif) no-repeat scroll 12px 2px #006699;
				color: white;
				font-size: 11pt;
				font-weight: bold;
				padding: 0px;
				margin: 0px;
				padding-top: 7px;
				padding-left: 44px;
				font-family: Arial,Helvetica,sans-serif;
			}
			
			#rightcol > div > div {
				display: block;
				background: #DFEBF2;
				color: #006699;
				font-size: 10pt;
				padding: 15px 12px;
				text-align: left;
				width: 156px;
			}
			
			#rightcol > div > div input {
				display: block;
				width: 91px;
				height: 16px;
				padding: 2px;
				font-size: 10pt;
				color: #005C99;
				font-family: Arial,Helvetica;
			}
			
			#rightcol > div > div input.submit{
				font-size: 10pt;
				height: auto;
				padding: 0px 6px;
				width: auto;
				display: block;
				margin-top: 16px;
			}
			
			#user-cp-links {
				display: block;
				margin-top: 16px;
			}
			
				#user-cp-links a {
					color: #005C99;
				}
				
			#kschutz > div > h4, #kschutz > div > h6 {
				display: block;
				color: #006699;
				font-size: 60px;
			}
			
			#kschutz > div > h6 {
				font-size: 22px;
			}
			
			#kschutz-logo {
				display: block;
				width: 162px;
				height: 166px;
				margin-left: 5px;
			} 
			
				#kschutz-logo img {
					display: block;
					width: 162px;
					height: 166px;
				}
		
			#kschutz-info {
				display: block;
				font-size: 8px;
				margin-top: 8px;
				padding-left: 25px;
			}
			
			#kschutz > div > ul {
				display: block;
				list-style: disc outside none;
				padding: 0px;
				margin: 13px 0px 13px 20px;
			}
			
				#kschutz > div > ul > li {
					display: list-item;
					list-style: disc outside none;
					margin-top: 5px;
				}
				
			#kschutz-more {
				display: block;
				width: 120px;
				height: 41px;
				margin-left: 20px;
			}
			
				#kschutz-more img {
					display: block;
					width: 120px;
					height: 41px;
				}
	
	#footer{
	position:relative;
	height:285px;
	clear:both;
	}
		
		.faqFrame {
			border: 1px solid #005c99; 
			padding: 30px; 
			margin-bottom: 20px;
			position:absolute;
			left:10px;
			top:0;
			width:1162px;
		}
		
			.faqFrame p, .faqFrame td { 
				font-size:11px; 
				font-family: Arial, Helvetica, sans-serif; 
				color: #005c99;
			}
			
			.faqFrame td { 
				padding: 1px;
			}
			
			.faqFrame ul { padding-left: 40px; margin-top: 11px; list-style: disc outside none; }
			.faqFrame ul li { list-style: disc outside none; }
			#listFaq li { list-style-image:url(images/icon_info.png); margin-bottom: 0px; }
			#listFaq2 li{ list-style-image:url(images/icon_info.png); margin-bottom: 0px; }
			#listFaq3 li { list-style-image:url(images/icon_info.png); margin-bottom: 0px; }
			
			.faqFrame a:link { 
				color:#005c99; 
				text-decoration: underline;
				}
				
			.faqFrame a:visited { 
				color:#005c99; 
			  text-decoration:underline;
			  }
			  
			.faqFrame a:hover { 
				color:#005c99; 
			  text-decoration:underline;
			  }

			.faqFrame a:active { 
				color:#005c99; 
				text-decoration:underline;
				}
	
	#information {
	position:absolute;
	bottom:0;
	width: 675px;
	padding:20px 5px 5px 5px;
	border-top:1px solid #c0d6e5;
	text-align: center;
	}
	
		#information li {
		float: none;
		display: inline;
		margin-right:5px;
		}
		
		#information a {
		padding: 0px 0px 0px 11px;
		color: #005c99;
		text-decoration:none;
		line-height:1em;
		}
		
		li.size1 a{font-size:1.2em;}
		li.size2 a{font-size:1.4em;}
		li.size3 a{font-size:1.5em;}
		li.size4 a{font-size:2em;}
	
/* ---------------------------------------------------*/
*{
margin: 0;
padding: 0;
list-style: none;
}

:focus{
outline: 0;
}

img{
border: 0;
display:block;
}

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