@charset "utf-8";
/* CSS Document */
* html, body{
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	background-color: #231f20;
}

#container{
	width: 990px;
	margin: 15px auto auto auto;
}

#header-top{
	width: 100%;
	height: 70px;
	background-color: #dc3025;
}

#header-main{
	width: 100%;
	height: 468px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

#flash{
	width: 100%;
	height: 468px;
}

#slider-wrapper{
	width:990px;
	height:468px;	
}

#slider{width:990px;height:468px;position:relative;background:url(../images/loader.gif) no-repeat 50% 50%;}
.nivoSlider{position:relative;}
.nivoSlider img{position:absolute;top:0px;left:0px;}
.nivoSlider a.nivo-imageLink{position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none;}
.nivo-slice{display:block;position:absolute;z-index:50;height:100%;}
.nivo-caption{position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8;width:100%;z-index:89;}
.nivo-caption p{padding:5px;margin:0;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{position:absolute;top:45%;z-index:99;cursor:pointer; display:none;}
.nivo-prevNav{left:0px;}
.nivo-nextNav{right:0px;}
.nivo-controlNav a{position:relative;z-index:99;cursor:pointer;width:8px;height:8px;background-image:url(../images/btnSlider.png);background-repeat:no-repeat;background-position:-8px 0;float:right;margin-right:5px;display:block;text-indent:-9999px;}
.nivo-controlNav a.active{background-position:0 0;}
.nivo-controlNav{padding:5px 0px 0px 900px;}

#nav-left{
	width: 90px;
	height: 468px;
	position: absolute;
	z-index: 99999;
}

#nav-left ul{
	margin: 0px;
	padding: 0px;
	width: 90px;
	list-style-type: none;
	background-color: #fff;
}

#nav-left li{
	margin: 0px;
	padding: 0px;
	width: 90px;
	height: 115px;
	border-top: 2px solid #fff;
	cursor: pointer;
}

#nav-left li div div{
	background-image: url(../images/bgLeftNav.png);
	background-repeat: no-repeat;
	height: 115px;
	float: left;
}

#nav-left div.image{
	width: 56px;
	background-image: none;
}

.left-stripe-0{
	width: 24px;
	background-position: -44px 0;
}

.right-stripe-0{
	width: 10px;
	background-position: -10px 0;
}

.left-stripe-1{
	width: 24px;
	background-position: -112px 0;
}

.right-stripe-1{
	width: 10px;
	background-position: -78px 0;
}

.left-stripe-2{
	width: 24px;
	background-position: -180px 0;
}

.right-stripe-2{
	width: 10px;
	background-position: -146px 0;
}

.left-stripe-3{
	width: 24px;
	background-position: -248px 0;
}

.right-stripe-3{
	width: 10px;
	background-position: -214px 0;
}

#nav-left-cont{
	width: 160px;
	height: 468px;
	margin-left: 90px;
	position: absolute;
	z-index: 99999;
	overflow: hidden;
}

#nav-left-cont div{
	width: 160px;
	height: 468px;
	position: absolute;
}

#nav-left-cont div ul li{
	display: none;
}

.nav-left-0{
	background-image: url(../images/bgNavWomen.png);
	background-repeat: no-repeat;
	margin-left: -160px;
}

.nav-left-1{
	background-image: url(../images/bgNavJeans.png);
	background-repeat: no-repeat;
	margin-left: -160px;
}

.nav-left-2{
	background-image: url(../images/bgNavMen.png);
	background-repeat: no-repeat;
	margin-left: -160px;
}

.nav-left-3{
	background-image: url(../images/bgNavKids.png);
	background-repeat: no-repeat;
	margin-left: -160px;
}

#content{
	width: 100%;
	min-height: 200px;
	background-color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
}

#footer{
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 15px;
	text-align: center;
}

#footer p{
	margin: 0px;
	padding: 0px;
	color: #fff;
}

#footer a{
	text-decoration: none; color: #fff;
}

#footer a:hover{
	text-decoration: underline;
}

.clear{
	clear: both;
}

#nav-holder{
	width: 990px;
	height: 70px;
	position: absolute;
}

#nav{
	width: 524px; height: 20px; position: absolute; bottom: 8px; right: 153px;
}

#nav ul{
	margin: 0px; padding: 0px; list-style-type: none;
}

#nav li{
	margin: 0px; padding: 0px 15px 0px 0px; float: left;
}

#nav li.last{
	padding: 0px;
}

#nav a.btn-home{
	width: 38px; height: 20px; display: block; background: url(../images/navigation.png) no-repeat 0px -20px;
}

#nav a.btn-home:hover{
	background-position: 0px 0px;
}

#nav a.btn-home-active{
	width: 38px; height: 20px; display: block; background: url(../images/navigation.png) no-repeat 0px 0px;
}

#nav a.btn-unternehmen{
	width: 100px; height: 20px; display: block; background: url(../images/navigation.png) no-repeat -58px -20px;
}

#nav a.btn-unternehmen:hover{
	background-position: -58px 0px;
}

#nav a.btn-unternehmen-active{
	width: 100px; height: 20px; display: block; background: url(../images/navigation.png) no-repeat -58px 0px;
}

#nav a.btn-abteilungen{
	width: 94px; height: 20px; display: block; background: url(../images/navigation.png) no-repeat -178px -20px;
}

#nav a.btn-abteilungen:hover{
	background-position: -178px 0px;
}

#nav a.btn-abteilungen-active{
	width: 94px; height: 20px; display: block; background: url(../images/navigation.png) no-repeat -178px 0px;
}

#nav a.btn-angebote{
	width: 74px; height: 20px; display: block; background: url(../images/navigation.png) no-repeat -292px -20px;
}

#nav a.btn-angebote:hover{
	background-position: -292px 0px;
}

#nav a.btn-angebote-active{
	width: 74px; height: 20px; display: block; background: url(../images/navigation.png) no-repeat -292px 0px;
}

#nav a.btn-service{
	width: 56px; height: 20px; display: block; background: url(../images/navigation.png) no-repeat -386px -20px;
}

#nav a.btn-service:hover{
	background-position: -386px 0px;
}

#nav a.btn-service-active{
	width: 56px; height: 20px; display: block; background: url(../images/navigation.png) no-repeat -386px 0px;
}

#nav a.btn-kontakt{
	width: 62px; height: 20px; display: block; background: url(../images/navigation.png) no-repeat -462px -20px;
}

#nav a.btn-kontakt:hover{
	background-position: -462px 0px;
}

#nav a.btn-kontakt-active{
	width: 62px; height: 20px; display: block; background: url(../images/navigation.png) no-repeat -462px 0px;
}

#nav a.btn-shops{
	width: 45px; height: 20px; display: block; background: url(../images/navigation.png) no-repeat -544px -20px;
}

#nav a.btn-shops:hover{
	background-position: -544px 0px;
}

#nav a.btn-shops-active{
	width: 45px; height: 20px; display: block; background: url(../images/navigation.png) no-repeat -544px 0px;
}

#nav a.btn-trends{
	width: 54px; height: 20px; display: block; background: url(../images/navigation.png) no-repeat -609px -20px;
}

#nav a.btn-trends:hover{
	background-position: -609px 0px;
}

#nav a.btn-trends-active{
	width: 54px; height: 20px; display: block; background: url(../images/navigation.png) no-repeat -609px 0px;
}

#nav a.btn-aktuelles{
	width: 78px; height: 20px; display: block; background: url(../images/navigation.png) no-repeat -683px -20px;
}

#nav a.btn-aktuelles:hover{
	background-position: -683px 0px;
}

#nav a.btn-aktuelles-active{
	width: 78px; height: 20px; display: block; background: url(../images/navigation.png) no-repeat -683px 0px;
}

#logos{
	width: 226px; height: 48px; padding: 13px 0px 0px 24px; position: absolute; z-index: 10;
}

.logo-main{
	width: 226px; height: 47px; background: url(../images/logos.png) no-repeat 0px 0px;
}

.logo-women{
	width: 226px; height: 43px; background: url(../images/logos.png) no-repeat 0px -47px;
}

.logo-jeans{
	width: 226px; height: 48px; background: url(../images/logos.png) no-repeat 0px -90px;
}

.logo-men{
	width: 226px; height: 43px; background: url(../images/logos.png) no-repeat 0px -138px;
}

.logo-kids{
	width: 226px; height: 43px; background: url(../images/logos.png) no-repeat 0px -181px;
}

#content-holder{
	background: url(../images/bgContent.gif) repeat-y; min-height: 200px;
}

#content-left{
	width: 210px; min-height: 200px; float: left; margin-left: 24px;
}

#content-right{
	width: 710px; min-height: 200px; float: right; margin-right: 15px;
}

#content-right a{
	text-decoration: none; color: #dc3025;
}

#content-right a:hover{
	text-decoration: underline;
}

#content-holder h1{
	margin: 0px; padding: 0px; font-size: 14px; color: #dc3025; text-transform: uppercase;
}

#content-holder h2{
	margin: 0px; padding: 0 0 10px 0; font-size: 12px; color: #000; text-transform: uppercase;
}

#content-holder h3{
	margin: 0px; padding: 0px; font-size: 12px; color: #dc3025;
}

#content-holder p{
	margin: 0px; padding: 0px; text-align: justify; line-height: 18px;
}

.subnav{
	margin: 14px 0px 0px 14px;
	padding: 0px;
	list-style-type: none;
	color: #fff;
}

.subnav li{
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

.subnav li a{
	color: #fff;
	padding: 0px 0px 0px 10px;
	text-decoration: none;
}

.subnav li a:hover{
	background-image: url(../images/nav_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
}

.subnav li a.active{
	background-image: url(../images/nav_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
}

#header-main h1{
	margin: 0px;
	padding: 14px 0px 0px 14px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	display: none;
}

.seknav{
	margin: 5px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	color: #000;
}

.seknav li{
	font-size: 13px;
	padding: 5px 0px 5px 0px;
	width: 210px;
	border-bottom: 1px dashed #a7a9ac;
	/*background-color: #ccc;*/
}

.seknav li a{
	color: #000;
	padding: 0px 0px 0px 13px;
	text-decoration: none;
}

.seknav li a:hover{
	padding: 0px 0px 0px 13px;
	background-image: url(../images/nav_bullet_black.gif);
	background-repeat: no-repeat;
	background-position: 3px 7px;
}

.seknav li a.active{
	padding: 0px 0px 0px 13px;
	background-image: url(../images/nav_bullet_black.gif);
	background-repeat: no-repeat;
	background-position: 3px 7px;
}

.copy{
	padding-top: 10px;
	text-align: center;
	width: 100%;
}

.impressum{
	line-height: 16px;
	width: 425px;
}

.impressum td{
	padding-bottom: 2px;
}

.impressum td.first{
	width: 180px;
	vertical-align: top;
}

.impressum td.second{
	width: 245px;
}

.impressum tr.spacer{
	height: 10px;
}

.form input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #a7a9ac;
	background-color: #eee;
	color: #563027;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 235px;
	font-size:11px;
}

.form label{
	font-weight:bold;
}

.form select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 235px;
	border: 0px;
	color: #000;
	border: 1px solid #a7a9ac;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 11px;
	background-color: #eee;
}

.form textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 484px;
	height: 150px;
	border: 0px;
	color: #000;
	border: 1px solid #a7a9ac;
	background-color: #eee;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 11px;
}

.form input.error, .form textarea.error, .form select.error{
	border:1px solid #b92e14;
}

.form div.left{float:left;margin-right:12px;}
.form div.right{float:left;}
.form p{margin:0px;padding:0px;}
.form p.left{float:left;margin-right:10px;}
.form p.right{float:left;}
.form input.long{width:484px;}
div.error-container{background-color:#eee;border:2px solid #b92e14;padding:5px;margin-bottom:10px;}
div.error-container ul{margin:0px;padding:5px 0px 0px 35px;}
div.error-container ul li{list-style-type:decimal;padding-bottom:5px;}
div.error-container{display:none;}
.error-container label.error{display:inline;}
.error-container h4{margin:0px;padding:0px;}

.form .btn-senden{
	width: 141px;
	height: 20px;
	border: none;
	cursor: pointer;
	display: block;
	background-image: url(../images/buttons.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.form .btn-abbrechen{
	width: 141px;
	height: 20px;
	border: none;
	cursor: pointer;
	display: block;
	background-image: url(../images/buttons.gif);
	background-repeat: no-repeat;
	background-position: 0 -20px;
}


.form .btn-eintragen{
	width: 141px;
	height: 20px;
	border: none;
	cursor: pointer;
	display: block;
	background-image: url(../images/buttons.gif);
	background-repeat: no-repeat;
	background-position: 0 -40px;
}

.form .btn-berechnen{
	width: 141px;
	height: 20px;
	border: none;
	cursor: pointer;
	display: block;
	background-image: url(../images/buttons.gif);
	background-repeat: no-repeat;
	background-position: 0 -60px;
}

.form .buttons{
	width: 518px;
	float: right;
}

#map{
	width: 708px;
	height: 350px;
	border: 1px solid #000;
}

#directions{
	width: 708px;
}

.sitemap-content{
	float: left;
	width: 225px;
}

.sitemap ul{
	font-weight: bold;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.sitemap ul li a{
	font-size:14px;	
}

.sitemap ul li{
	font-size:14px;	
	color:#dc3025;
}

.sitemap ul li ul{
	font-weight: normal;
	padding-left:5px;
}

.sitemap ul li ul li{
	padding:5px 0 0 0;	
	font-size:12px;
}

.sitemap ul li ul li a{
	font-size:12px;
	color: #000 !important;
	padding: 0px 0px 0px 13px;
	text-decoration: none;
}

.sitemap ul li ul li a:hover{
	padding: 0px 0px 0px 13px;
	background-image: url(../images/nav_bullet_black.gif);
	background-repeat: no-repeat;
	background-position: 3px 7px;
}

.trenner{
	height:20px;	
}

.content-logo-text{
	width:100%;
}

.content-text{
	width:435px;
	float:left;	
}

#content-logo{
	width:260px;
	text-align:center;
	float:right;	
}

#content-logo a{
	color: #fff;
}

#content-images{
	width:100%;
	margin-top:15px;
}

#content-images .left{
	float:left;
	margin-right:15px;
}

#content-images .middle{
	float:left;
	margin-right:15px;	
}

#content-images .right{
	float:right;
}

img{
	border:none;	
}

.infobox{border:1px solid #000;}
.infobox .infobox-content{position:relative;}
.infobox .infobox-bottom{width:208px; height:21px; bottom:0; position:absolute; font-weight:bold;}
.infobox .infobox-text{position:absolute; z-index:5; padding:3px 0px 0px 5px;}
.infobox .infobox-bg{position:absolute; width:208px; height:21px;background-color:#fff; opacity:0.7;}
.infobox .infobox-header{background-color:#dc3025; padding:4px 0px 5px 5px; color:#fff; font-weight:bold;}

.angebot{padding-left:5px;}
.angebot .preis{width:79px; height:22px; position:absolute; margin:150px 0 0 60px; background:url(../images/bgPreise.png) no-repeat 0 0;}
.angebot .jeans{background-position:0 -22px;}
.angebot .men{background-position:0 -44px;}
.angebot .kids{background-position:0 -66px;}
.angebot .preis div{width:74px; display:block; padding-top:4px; text-align:right; color:#fff; font-weight:bold;}

#video{width:710px; height:399px; border:1px solid #dc3025; margin-top:10px; margin-bottom:10px;}