/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*
Copyright (c) 2008, kommunikationsagentur GmbH, Lüdenscheid
Version: 1.0
Erstellt am 19.11.2008
*/

html {
	height:101%;
	overflow:auto;
	}
	
body {background:#eee;}
	
a, a:link, a:visited {color:#fff;text-decoration: none;}

a.active, a:link.active, a:visited.active, a:hover, a:active {text-decoration: underline;}

h2, h3, h4 {text-transform: uppercase; color: #fff; font-size: 120%;}
h3 {color: #000; font-size: 110%;}
h4, h5 {color: #000; font-size: 100%; margin-bottom: 10px;}
h5 {font-weight: bold;}
	
strong {font-weight:bold;}		
p {margin:10px 0;}

/* Wrapper */

#wrapper {
	margin: 20px auto;
	width:966px;
	}
	
/* Header und Navigation */


#header {
	overflow:hidden;
	background:#eee url(gfx/header-bg2.jpg) top left no-repeat;
	height:137px;
	position: relative;
	top:0;
	left:0;
	}

#logo {
	display:none;
	position:absolute;
	top:-6000px;
	left:-6000px;
	}
	
#navigation {
	display: block;
	width:100%;
	height:120px;
	}	
	
/* Headnavi */	

#headnavi, #headnavi_eng {
	position:absolute;
	top:15px;
	left: 300px;
	display:block;
	overflow:hidden;
	}
	
#headnavi_eng {
	left: 340px;
	}	
	
#headnavi li, #headnavi_eng li{
	float:left;
	margin-top: 3px;
	font-size: 85%;
	color:#9e0101;
	text-transform: uppercase;
	}
	
#headnavi li.suche, #headnavi_eng li.suche{
	margin-top: 1px;
	margin-left:10px;
	}

#headnavi li a, #headnavi li a:link, #headnavi li a:visited, #headnavi_eng li a, #headnavi_eng li a:link, #headnavi_eng li a:visited{
	margin:0 10px;
	color:#9e0101;
	}
	
/* Navi */	
#navi {
	overflow:hidden;
	display:block;
	position:absolute;
	top:50px;
	left:375px;
	}	
	
#navi li{
	float:left;
	margin-left:1px;
	}

/* Subnavi */
#subnavi, #subnavi_produkte, #subnavi_qualitaet, #subnavi_portrait {
	position:absolute;
	top:82px;
	padding:3px 5px;
	background-color:#fff;
	border:1px solid #c2c2c3;
	}
	
#subnavi {right:22px;}	
#subnavi_produkte {left:510px;}	
#subnavi_qualitaet {/*left:510px;*/right:22px;}
#subnavi_portrait {/*left:625px;*/right:22px;}	
	
#subnavi li, #subnavi_produkte li, #subnavi_qualitaet li, #subnavi_portrait li{
	float:left;
	text-transform: uppercase;
	font-size: 90%;
	}

#subnavi li a, #subnavi li a:link, #subnavi li a:visited, #subnavi_produkte a, #subnavi_qualitaet a, #subnavi_portrait a, #subnavi_produkte a:link, #subnavi_qualitaet a:link, #subnavi_portrait a:link, #subnavi_produkte a:visited, #subnavi_qualitaet a:visited, #subnavi_portrait a:visited {
	color: #000;	
	margin:0 10px;
	}
	
/* Content */

#box {
	background:#fff url(gfx/content-bg-right.jpg) top right repeat-y;
	padding-right: 29px;
	}
	
#content{
	background:#fff url(gfx/content-bg-left.jpg) top left repeat-y;
	padding-left: 29px;
	width: 905px;
	overflow:hidden;
	}
	
#woman, #young, #man, #accessories, #kids, #home {padding:10px; overflow:hidden; position:relative;width: 885px;}
	
#woman{background: #ffe483 url(gfx/woman-bg.jpg) top left no-repeat;}
#young{background: #6ac2cc url(gfx/young-bg.jpg) top left no-repeat;}
#man{background: #afbd65 url(gfx/man-bg.jpg) top left no-repeat;}
#accessories{background: #f6a53c url(gfx/accessories-bg.jpg) top left no-repeat;/*background: #f6d21a url(gfx/accessories-bg.jpg) top left no-repeat;*/}	
#kids{background: #f09daf url(gfx/kids-bg.jpg) top left no-repeat;}	
#home{background: #d9adc7 url(gfx/home-bg.jpg) top left no-repeat;}	

/* Sonstiger Content */

#homebox { 
	width:885px;
	margin-top:45px;		
	}
	
#homebox div.header {background:#bf6401 url(gfx/homebox-header.jpg) top left no-repeat;overflow:hidden;min-height:30px;}
#homebox div.content {background:#bf6401 url(gfx/homebox-bg.jpg) top left no-repeat; float:left; width:885px; overflow:hidden; min-height:300px;}	
#homebox div.footer {background: #bf6401 url(gfx/homebox-footer.jpg) top left no-repeat; height: 30px; display:block; clear:both;}

#homebox div.left {margin-left:20px; float:left; width:45%;}
#homebox div.right {margin-right:100px; float:right;}
#homebox div.collection_left {margin-left:20px; float:left; width:45%; *width:43%;}
#homebox div.collection_right {margin-right:20px; float:right;width:45%; *width:43%;}
/*#homebox div.bild img {margin-bottom: 20px;}*/
#homebox div.text {margin:0px 20px; clear:both;}
#homebox div.text img {margin:0 20px 20px 0; float:left;}
#homebox div.text img.img2 {margin:0 0px 20px 0; float:left;}
#homebox div.text span.text2 {float:right; font-size:100%; width:51%;}
#homebox div.text a, #homebox div.text a:link, #homebox div.text a:visited, #homebox div.left a, #homebox div.left a:link, #homebox div.left a:visited, #homebox div.right a, #homebox div.right a:link, #homebox div.right a:visited {color:#9e0101;}
#homebox div.text h3, #homebox div.bild h3 {margin-bottom:10px; font-size: 120%;}
#homebox div.text span {float:right; font-size:85%; padding-top: 5px; margin-left:10px;}
#homebox div.text span.found {float:none; font-size:100%; padding-top: 0; margin-left:0; background-color: #ffff88; }
#homebox div.text p {clear:right;}
#homebox ul.liste li {list-style-type:disc; margin-left:20px;}

div.footer {display:block; clear:both;}

/* PRODUKTE */

/*subsubnavi*/
#subsubnavi {
	position:relative;
	top:-20px;
	left:200px;
	display:block;
	color:#fff;
	width:650px;
	overflow:hidden;
	
	}	
	
#subsubnavi li{
	float:left;
	display:block;
	text-transform: uppercase;
	white-space:nowrap;
	}
	
#subsubnavi li a{
	margin:0 10px;
		}

/*produktübersicht*/

#produkteman, #produktewoman, #produkteyoung, #produktekids, #produkteaccessories { 
	width:695px;
	margin-top:10px;
	margin-left: 190px;
	*margin-left:95px;	
	*float:left;
	*width:710px;
	}

#produkteman div.header {background:url(gfx/man-produkte-header.jpg) top left no-repeat; overflow:hidden; height:40px;}
#produkteman div.content {background:url(gfx/man-produkte-bg.jpg) top left no-repeat; overflow:hidden; float:left;width:100%;}	
#produkteman div.footer {background:url(gfx/man-produkte-footer.jpg) top left no-repeat; height: 30px;}
#produktewoman div.header {background:url(gfx/woman-produkte-header.jpg) top left no-repeat;overflow:hidden;height:40px;}
#produktewoman div.content {background:url(gfx/woman-produkte-bg.jpg) top left no-repeat;overflow:hidden;float:left;width:100%;}	
#produktewoman div.footer {background:url(gfx/woman-produkte-footer.jpg) top left no-repeat; height: 30px;}
#produkteyoung div.header {background:url(gfx/young-produkte-header.jpg) top left no-repeat;overflow:hidden;height:40px;}
#produkteyoung div.content {background:url(gfx/young-produkte-bg.jpg) top left no-repeat;overflow:hidden;float:left;width:100%;}	
#produkteyoung div.footer {background:url(gfx/young-produkte-footer.jpg) top left no-repeat; height: 30px;}
#produktekids div.header {background:url(gfx/kids-produkte-header.jpg) top left no-repeat;overflow:hidden;height:40px;}
#produktekids div.content {background:url(gfx/kids-produkte-bg.jpg) top left no-repeat;overflow:hidden;float:left;width:100%;}	
#produktekids div.footer {background:url(gfx/kids-produkte-footer.jpg) top left no-repeat; height: 30px;}
#produkteaccessories div.header {background:url(gfx/young-produkte-header.jpg) top left no-repeat;overflow:hidden;height:40px;}
#produkteaccessories div.content {background:url(gfx/young-produkte-bg.jpg) top left no-repeat;overflow:hidden;float:left;width:100%;}	
#produkteaccessories div.footer {background:url(gfx/young-produkte-footer.jpg) top left no-repeat; height: 30px;}

#content div.box {
	background: #f3f3f3;
	border: 1px solid #c2c2c3;
	overflow:hidden;
	float:left;
	width:668px;
	margin: 3px 10px;
	*margin: 3px 5px;
	padding: 5px 3px;
	}
	
div.box h3 {float:left; font-weight: bold;}
div.box a, div.box a:link, div.box a:visited {font-weight: normal;}
#produkteman a, #produkteman a:link, #produkteman a:visited, #produktewoman a, #produktewoman a:link, #produktewoman a:visited, #produkteyoung a, #produkteyoung a:link, #produkteyoung a:visited, #produktekids a, #produktekids a:link, #produktekids a:visited, #produkteaccessories a, #produkteaccessories a:link, #produkteaccessories a:visited {color:#000;}
div.box span.produktnavi {float:right;text-transform: uppercase;}

/* Produkt */

div.produkt {
	width: 160px;
	height: 135px;
	float:left;
	overflow: hidden;
	margin: 5px 2px 5px 11px;
	*margin: 5px 2px 5px 9px;
	}

div.produkt img {border:1px solid #c2c2c3;}
div.produkt a, div.produkt a:link, div.produkt a:active {font-weight:bold;}
div.produkt span.text {display:block; margin: 3px 5px;}

/*Produktauswahl*/

div.produktauswahl img {
	border:1px solid #c2c2c3;
	margin: 10px;
	margin-left: 15px;
	float:left;
	}

div.produktauswahl span.text{
	float:right;
	width:360px;
	padding-top:40px;
	}
	
/* Formular */

label {display:block; width:100px; float:left; margin: 2px 0;}
.textfield/*, textarea*/ {width:200px; margin: 2px 0;}	
/*textarea {height: 100px;}*/
.radio {width: 20px;}
.submit {width: 100px;}

/* Farbindex */

#farbindex {margin:20px; padding: 10px;background:#547f8f; border: 1px solid #33464d; color:#fff;}
#farbindex h3 {color:#fff;}

/* INTRANET */

#homebox div.text .login {width:400px; margin:30px auto;}

/* Footer */

#footer {background:#eee url(gfx/footer.jpg) top left no-repeat;height:40px;}

/* Admin */
body.admin #content #main { color: white; min-height: 200px; padding: 1em;
    background: #bf6401 url(gfx/home-bg.jpg) top left no-repeat; }

/* Kataloge */
.download { font-size:120%; line-height:150%; font-style:italic; }