/*
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:10pt/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
*/

a, a:link, a:visited {color:#9e0101;text-decoration: none;}
a.active, a:hover, a:active {text-decoration: underline;}

h2, h3, h4 {text-transform: uppercase; color: #000; font-size: 12pt; margin: 0 0 3mm 0;}
h2 { margin:12mm 0 3mm 0;}
h3 {color: #000; font-size: 11pt; display:block; margin:0;}
h4, h5 {color: #000; font-size: 10pt;}
h5 {font-weight: bold; margin: 0 0 3mm 0;}
p {margin-bottom: 5mm;}	
strong {font-weight:bold;}		
	
/* Header und Navigation */


#header {
	/*overflow:hidden;
	height:55mm;
	position: relative;
	top:0;
	left:0;*/
	}

#navigation {
	/*display: block;
	width:200mm;*/
	}	

.indexbild {height:8cm;}
.indexbild2 {height:8cm;}
	
/* Headnavi */	

#headnavi, #headnavi_eng {
	/*position:absolute;
	top:23mm;
	left:0mm;*/
	display:block;
	/*width:200mm;*/
	clear:both;
	overflow: hidden;
	margin-top:5mm;
	}	
	
#headnavi li, #headnavi_eng li{
	float:left;
	margin-top:1mm;
	font-size: 9pt;
	color:#9e0101;
	text-transform: uppercase;
	}
	
#headnavi li.suche, #headnavi_eng li.suche{
	margin-top: 0mm;
	margin-left:1mm;
	}

#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:1mm;
	color:#9e0101;
	}
	
/* Navi */	
#navi {
	/*overflow:hidden;*/
	display:block;
	overflow: hidden;
	clear:both;
	/*position:absolute;
	top:30mm;
	left:0mm;*/
	margin:3mm 0 1mm 0;
	}	
	
#navi li{
	float:left;
	margin-left:1pt;
	}
	
#navi li img{
	width: 2.5cm;
	}

/* Subnavi */
#subnavi, #subnavi_produkte, #subnavi_qualitaet, #subnavi_portrait {
	/*position:absolute;
	top:40mm;*/
	padding:1mm;
	border:1pt solid #c2c2c3;
	overflow:hidden;
	clear:both;
	/*width:12cm;*/
	/*display:block;*/
	}
	
#subnavi {width:70mm;}	
#subnavi_produkte {width:112mm;}	
#subnavi_qualitaet {width:120mm;}
#subnavi_portrait {width:50mm;}
	
#subnavi li, #subnavi_produkte li, #subnavi_qualitaet li, #subnavi_portrait li{
	float:left;
	text-transform: uppercase;
	font-size: 9pt;
	}

#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 2mm;
	}

/*subsubnavi*/

#subsubnavi {
	/*position:absolute;
	top:2mm;
	left:35mm;*/
	display:block;
	overflow: hidden;
	color:#000;
	clear:both;
	margin: 0;
	margin-bottom:5mm;
	}	
	
#subsubnavi li{
	float:left;
	text-transform: uppercase;
	}
	
#subsubnavi li a{
	margin:0 2mm;
		}

/* Content */

#produkteman, #produktewoman, #produkteyoung, #produktekids, #produkteaccessories { 
	display:block;
	clear:both;
	}

#content div.box {
	background: #f3f3f3;
	border: 1pt solid #c2c2c3;
	padding: 1mm;
	clear:both;
	overflow:hidden;
	}
	
div.box h3 {float:left; font-weight: bold; margin:0;}
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 {text-transform: uppercase;float:right;margin:0;}

#homebox div.left {margin-left:0px; float:left; width:50%;}
#homebox div.right {margin-right:20px;}
#homebox div.text h3, #homebox div.bild h3 {margin:3mm 0;}
#homebox div.text img.img2 {margin:2mm 0;}
#homebox div.text span.text2 {display:block;}
#homebox ul.liste li {list-style-type:disc; margin-left:20px;}

/* Produkt */

div.produkt {
	width: 40mm;
	float:left;
	display:block;
	height: 40mm;
	margin: 2mm 1mm 2mm 2mm;
	}

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

/*Produktauswahl*/

div.produktauswahl {
	clear:both;
	overflow: hidden;
	}

div.produktauswahl img {
	border:1pt solid #c2c2c3;
	margin: 3mm;
	margin-left: 5mm;
	float:left;
	}

div.produktauswahl span.text{
	float:right;
	width:47%;
	display:block;
	margin-top:10mm;
	}
	
/* Formular */

label {display:block; width:20mm; float:left; margin: 1mm 0;}
.textfield, textarea {width:50mm; margin: 1mm 0;}	
textarea {height: 20mm;}	
.radio {width: 6mm;}
.submit {width: 20mm;}

#homebox div.text .login form label {display:block; width:3cm; float:left; margin: 1mm 0;}