@import url("content.css");
@import url("menu.css");
@import url("compmenu.css");


/***** Sonstitges Styles *****/
.claimschrift_weiss {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #323A40;
	/*left: 100px;*/
	left:25px;
	position: absolute;
	text-transform: uppercase;
	letter-spacing: 1px;
	/*padding-left: 100px;*/
	top:60px;
	
}

.claimschrift_schwarz {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #000000;
	left: 100px;
	position: static;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-left: 100px;
}

.claimschrift_collections {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #FFFFFF;
	left: 100px;
	position: static;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-left: 240px;
}

.language {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	width: 142px;
	text-indent: 6px;
	text-align: left;
	vertical-align: middle;
	background-image: url(../images/go_2.gif);
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	background-position: left 3px;
	padding-top: 3px;
}

.subnavigation2 {
	font-weight: normal;
}



/****** Layout *****/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:#ECE6D6 url(../images/body_bg.gif) 0 0 repeat-x;
}

#top {
	background-color: #323A40;
	left: 174px;
	height: 110px;
	width: 832px;
	z-index: 1;
	margin:22px 0 0 0;
	clip: rect(auto,auto,auto,174px);
	
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 0px 15px 0px;
	border-radius: 0px 0px 15px 0px; 
	
	-webkit-box-shadow: 1px 1px 6px 2px #999999;
	-moz-box-shadow: 1px 1px 6px 2px #999999;
	box-shadow: 1px 1px 6px 2px #999999; 
}
#content {
	left: 0px;
	top: 105px;
	height: auto;
	width: 790px;
	z-index: 1;
	visibility: visible;
	position: relative;
}
#abschluss{
	left: 0px;
	top: 105px;
	height: auto;
	width: 784px;
	z-index: 1;
	visibility: visible;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	font-weight: normal;
	color: #B4B4B4;
	text-decoration: none;
	padding: 6px 6px 6px 6px;
	text-align: right;
	vertical-align: middle;
}
#claimstart {
	left: 0px;
	top: 500px;
	height: 73px;
	width: 100%;
	z-index: 14;
	background-image: url(../images/linie_claim.gif);
	background-repeat: repeat-x;
	position: absolute;
}

#logo {
	position: absolute;
	left: 25px;
	top: 80px;
	height: 25px;
	width: 136px;
	z-index: 10;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
}
#navi1 {
	height: 25px;
	width: 181px;
	position: absolute;
	left: 174px;
	top: 22px;
	text-align: left;
	vertical-align: middle;
	z-index:4;
}
#menover {
	position: absolute;
	left:0;
	top: 0;
	background-color: #252C2E;
	height: 164px;
	width: 60px;
	z-index: 6;
	visibility: hidden;
}
#womenover {
	position: absolute;
	left: 60px;
	top: 0;
	background-color: #252C2E;
	height: 164px;
	width: 75px;
	z-index: 6;
	visibility: hidden;
}
#subnavimen {
	left: 60px;
	top: 62px;
	height: 102px;
	width: 559px;
	z-index: 1;
	position: absolute;
	visibility: hidden;
	background-image: url(../images/farbe.gif);
	background-repeat: repeat;
}
#subnaviwomen {

	left: 135px;
	top: 62px;
	height: 102px;
	width: 482px;
	z-index: 4;
	position: absolute;
	visibility: hidden;
	background-image: url(../images/farbe.gif);
	background-repeat: repeat;
}
#navi2 {
	height: 25px;
	width: auto;
	position: absolute;
	left: 230px;
	top: 93px;
	text-align: left;
	vertical-align: middle;
	z-index: 14;

}
#navi3 {
	height: 25px;
	width: 199px;
	position: absolute;
	left: 591px;
	top: 53px;
	text-align: right;
	vertical-align: middle;
	z-index: 15;
}
#nebnenavi {
	height: 25px;
	width: 239px;
	position: absolute;
	left: 580px;
	top: 140px;
	text-align: right;
	vertical-align: middle;
	z-index: 13;
	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #323A40;
	text-align: right;
	z-index: 4;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
}

#nebnenavi a {
	text-align: right;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #323A40;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	font-weight: normal;
}

#nebnenavi a:hover {
	text-align: right;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #323A40;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	font-weight: normal;
}

#suchen {
	height: 38px;
	width: 141px;
	position: absolute;
	left: 25px;
	top: 148px;
	z-index: 17;
	text-align: left;
	vertical-align: middle;
}
#language {
	height: 70px;
	width: 137px;
	position: absolute;
	left: 25px;
	top: 198px;
	z-index: 22;
	text-align: left;
	vertical-align: middle;
	background-color: #B4AD9D;
	border: 1px solid #FFFFFF;
	visibility: hidden;
}
#language a {
	text-align: left;
	vertical-align: middle;
	display: block;
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 6px;
	font-weight: normal;
}

#language a:hover {
	background-color: #000000;
}

#macina {
	height:21px;
	padding:0;
	margin:0;
}


#pulldown1{
	left: 331px;
	top: 62px;
	height: 102px;
	width: 139px;
	z-index: 5;
	position: absolute;
	visibility: hidden;
	background-color: #758183;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}#pulldown2{
	left: 436px;
	top: 62px;
	height: 102px;
	width: 139px;
	z-index: 5;
	position: absolute;
	visibility: hidden;
	background-color: #758183;
	border-right-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}#pulldown3{
	left: 526px;
	top: 62px;
	height: 102px;
	width: 139px;
	z-index: 7;
	position: absolute;
	visibility: hidden;
	background-color: #758183;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}#pulldown4{
	left: 617px;
	top: 62px;
	height: 102px;
	width: 139px;
	z-index: 8;
	position: absolute;
	visibility: hidden;
	background-color: #758183;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.produktinfo{
	left: 576px;
	top: 116px;
	height: auto;
	width: 200px;
	z-index: 15;
	position: absolute;
	visibility: hidden;
	background-image: url(../images/farbe.gif);
	border: 1px solid #FFFFFF;
}
.claimlogo_start {
	position: relative;
	left: 92px;
	display:none;
}
#menactive {
	left: 0;
	top: 62px;
	height: 102px;
	width: 558px;
	z-index: 2;
	position: absolute;
	background-color: #758183;
	padding-left: 60px;
	background-image: url(../images/active_men.gif);
	background-repeat: no-repeat;
	background-position: left top;
	visibility: visible;
}
#menactive2 {
	left: 244px;
	top: 62px;
	height: 102px;
	width: 373px;
	z-index: 3;
	position: absolute;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #758183;
	background-color: #758183;
	visibility: visible;
}
#menactive3 {
	left: 414px;
	top: 62px;
	height: 102px;
	width: 203px;
	z-index: 4;
	position: absolute;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #758183;
	background-color: #758183;
	visibility: visible;
}
#content2 {
	left: 18px;
	top: 84px;
	height: auto;
	width: 620px;
	z-index: 1;
	visibility: visible;
	position: relative;
	padding:12px;
	margin:0 0 0 145px;
	
	background-color:#B4AD9D;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-radius: 0px 15px 15px 0px;
	border-radius: 0px 15px 15px 0px; 
}
#claiminhalt {

	left: 0px;
	top: 92px;
	height: 73px;
	width: 100%;
	z-index: 20;
	background-image: url(../images/linie_claim.gif);
	background-repeat: repeat-x;
	position: relative;
}
#claiminhalt div {
	display:none;
}
#abschlussinhalt {

	left: 0px;
	top: 72px;
	height: auto;
	width: 784px;
	z-index: 1;
	visibility: visible;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	font-weight: normal;
	color: #B4B4B4;
	text-decoration: none;
	padding: 6px 6px 6px 6px;
	text-align: right;
	vertical-align: middle;
}
#womenactive {
	left: 60px;
	top: 62px;
	height: 102px;
	width: 476px;
	z-index: 1;
	position: absolute;
	background-color: #758183;
	padding-left: 82px;
	background-image: url(../images/active_women.gif);
	background-repeat: no-repeat;
	background-position: left top;
	visibility: visible;
}
#womenactive2 {
	left: 491px;
	top: 62px;
	height: 102px;
	width: 300px;
	z-index: 3;
	position: absolute;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #758183;
	background-color: #758183;
	visibility: visible;
}
#pulldownmen {
	left: 0;
	top: 62px;
	height: 102px;
	width: 616px;
	z-index: 5;
	position: absolute;
	background-color: #758183;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	visibility: hidden;
}
#pulldowwomen {
	left: 60px;
	top: 62px;
	height: 102px;
	width: 557px;
	z-index: 5;
	position: absolute;
	background-color: #758183;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	visibility: hidden;
}
.claimlogo_collections {

	position: relative;
	left: 233px;
}
#logo_collections {
	height: 38px;
	width: 195px;
	position: absolute;
	left: 25px;
	top: 186px;
	z-index: 17;
}

#information {
	height: 100px;
	width: 160px;
	position: absolute;
	left: 624px;
	top: 442px;
	z-index: 17;
	padding: 2px;
	border: 1px solid #FFFFFF;
	background-color: #66FFFF;
	visibility: visible;
}
#abschlusscollections {

	left: 0px;
	top: 620px;
	height: auto;
	width: 784px;
	z-index: 21;
	visibility: visible;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	font-weight: normal;
	color: #B4B4B4;
	text-decoration: none;
	padding: 6px 6px 6px 6px;
	text-align: right;
	vertical-align: middle;
}
#claimcollections {


	left: 0px;
	top: 562px;
	height: 73px;
	width: 100%;
	z-index: 20;
	background-image: url(../images/linie_claim.gif);
	background-repeat: repeat-x;
	position: absolute;
}

#backinhalt {
	left: 0px;
	top: 20px;
	height: auto;
	width: 784px;
	z-index: 26;
	visibility: visible;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #323A40;
	text-decoration: none;
	padding: 6px 6px 6px 6px;
	text-align: right;
	vertical-align: middle;
}
#backinhalt a {
	text-align: right;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #323A40;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	font-weight: normal;
}
#backinhalt a:hover {
	color: #323A40;
}

#backcollections {
	left: 0px;
	top: 586px;
	height: auto;
	width: 784px;
	z-index: 21;
	visibility: visible;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding: 6px 6px 6px 6px;
	text-align: right;
	vertical-align: middle;
}

#backcollections a {
	text-align: right;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #E6E6E6;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	font-weight: normal;
}
#backcollections a:hover {
	color: #FFFFFF;
}


/**************** Neu **************/


#navimen {
	height: 60px;
	width: 60px;
	left: 0;
	top: 0px;
	text-align: left;
	vertical-align: middle;
	z-index: 1;
	clip: rect(0px,auto,60px,auto);
	line-height:39px;
}

#naviwomen {
	height: 60px;
	width: 82px;
	position: absolute;
	left: 60px;
	top: 0px;
	text-align: left;
	vertical-align: middle;
	z-index: 1;
	clip: rect(0px,auto,60px,auto);
	line-height:39px;
}




A.navi1inhalt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	height: 60px;
	display: block;
	padding-top: 20px;
	padding-right: 16px;
	padding-left: 16px;
	text-transform: uppercase;
	clip: rect(0px,0px,60px,0px);

}

A.navi1inhalt:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	height: 60px;
	display: block;
	padding-top: 20px;
	padding-right: 16px;
	padding-left: 16px;
	text-transform: uppercase;
	clip: rect(0px,0px,60px,0px);
	background-image: url(../images//mouseover_navi1.gif);
	background-repeat: repeat-x;
}


.navi1inhalt_active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	height: 60px;
	display: block;
	padding-top: 20px;
	padding-right: 16px;
	padding-left: 16px;
	text-transform: uppercase;
	clip: rect(0px,0px,60px,0px);
	background-image: url(../images/mouseover_navi1.gif);
	background-repeat: repeat-x;
}


.subnavigation_active {
	text-align: left;
	vertical-align: middle;
	display: block;
	height: 17px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
	text-indent: 20px;
	font-weight: normal;
}


.subnavigation {
	text-align: left;
	vertical-align: middle;
	display: block;
	height: 17px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 20px;
	font-weight: normal;
}

.subnavigation:hover {
	text-align: left;
	vertical-align: middle;
	display: block;
	height: 17px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
	text-indent: 20px;
	font-weight: normal;

}

#productshome {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	font-weight: normal;
	position:absolute;
	z-index:8;
}


#productshome a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: left;
	vertical-align: middle;
	padding-right: 16px;
	padding-left: 16px;
	padding-top:30px;
	display:block;
	float:left;
}