/***********************/
/* CSS Document Woehrl*/
/*Template mit Möglichkeit, ein Bild o. Flash in den Hintergrund zu laden
(Bild / Flash muss bestimmte Maße haben!!! 1024 * ???)
und überlappende Navi's von oben nach unten zu erstellen**/
/*behringer.gueldenfuss gbr 2008*****/
/***********************************/

/********************/
/*allgemeine Styles*/
/******************/
*{
	outline:none;
	outline-style:hidden;
}
body {
	margin:0 auto;
	padding:0;
	background-color:#333;
	text-align:center;
	margin-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	background-image:url(../images/hg.jpg);
	background-repeat:repeat-x;

}
#aussen {
	margin:0 auto;
	width:954px;
	height:751px;
	text-align:left;
}

#video {
	margin:0;
}

/*feste Breiten für alle Hauptdivs und Ausrichtung Mittig*/
#kopf, #hauptinhalt, #bildnavi, #naviUnten, #footer{
	width:950px;
	margin:auto;
	text-align:left;
	border:0;
}

#kopf, #bildnavi, #naviUnten, #footer{
	width:954px;
}

/*******************/
/*Kopf*Navi*Form***/
/*****************/
#kopf {
	padding:0;
	height:56px;
	margin-bottom:7px; /*Abstand z. nächsten div*/
	background-position:0px 6px;
	background-repeat:no-repeat;
	position:absolute;
	/*neu
	width:949px;*/
}
#kopf #logo {
	position:absolute;
	left:0px;
	top:18px;
	display:block;
}
#kopf #logo a img {
	border:none;
}
/*Neu für Drucklogo*/
#kopf #logoDRUCK {
	position:absolute;
	left:0px;
	top:8px;
	display:none;
}
/*Ende Drucklogo*/

/*Suchformular**********************/
#kopf div.tx-macinasearchbox-pi1 {
	text-align:right;
	height:24px;
	margin-bottom:18px;
	margin-right:1px;
}
#kopf form {
	margin:0;
	padding:0;
}
#kopf input.eingabe {
	background-color:#fff;
	color:#333;
	border:0px solid #fff;
	border-bottom:none;
	height:26px;
	width:148px;
	font-size:13px;
	float:left;
	margin:1px 5px 0 0;
}
#kopf input.button {
	background-color:#8a8985;
	color:#333;
	height:22px;
	height:30px;
	width:35px;
	width:96px;
	font-size:13px;
	border-style:none;
	background-image:url(../images/suchen_button.png);
	text-align:center;
	text-indent:-10000px;
	font-size: 0;
	line-height: 0;
	float:right;
 

}
/*Hauptnavi Oben***********************/
#kopf div.HauptnaviOben {
	margin-left:383px;
	height:28px;
	width:566px;
	margin-left:198px;
	width:760px;
}

#kopf div.HauptnaviOben div {
	float:left;
	width:181px;
	width:186px;
	text-align:center;
	padding-top:8px;
	padding-top:6px;
	height:20px;
	height:22px;
	font-size:13px;
	letter-spacing:0.1em;
}
#kopf div.HauptnaviOben div.o_mitte {
	margin-left:1px;
	margin-right:1px;
	width:192px;
}

#kopf div.HauptnaviOben div a{
	text-decoration:none;
	display:block;
	margin-top:-7px;
	padding-top:7px;
	padding-bottom:5px;
	color:#CCC;
	background-image:url(../images/hauptnaviHG_none.jpg);
	background-repeat:repeat-x;
}
#kopf div.HauptnaviOben div a:hover,
#kopf div.HauptnaviOben div a.ac {
	background-image:url(../images/hgAktivOben_none.jpg);
}

#kopf div.HauptnaviOben #onlineshops a{
	text-decoration:none;
	display:block;
	margin-top:-1px;
	padding-top:7px;
	padding-bottom:5px;
	color:#333;
	background-image:url(../images/onlineshops.png);
	background-repeat:no-repeat;
	text-indent: -100000px;
	height:22px;
	
}

#kopf div.HauptnaviOben #onlineshops a:hover{
	background-image:url(../images/onlineshops_hover.png);
	background-repeat:no-repeat;
	height:50px;
	margin-top:-15px;
	}
#kopf div.HauptnaviOben #sortiment a{
	text-decoration:none;
	display:block;
	margin-top:-1px;
	padding-top:7px;
	padding-bottom:5px;
	color:#333;
	background-image:url(../images/fashion.png);
	background-repeat:no-repeat;
	text-indent: -100000px;
	height:22px;
	
}
#kopf div.HauptnaviOben #sortiment a:hover{
	background-image:url(../images/fashion_hover.png);
	background-repeat:no-repeat;
	height:50px;
	margin-top:-15px;
	}
#kopf div.HauptnaviOben #mode a{
	text-decoration:none;
	display:block;
	margin-top:-1px;
	padding-top:7px;
	padding-bottom:5px;
	color:#333;
	background-image:url(../images/modehaeuser.png);
	background-repeat:no-repeat;
	text-indent: -100000px;
	height:22px;
	
}
#kopf div.HauptnaviOben #mode a:hover{
	background-image:url(../images/modehaeuser_hover.png);
	background-repeat:no-repeat;
	height:50px;
	margin-top:-15px;

}

#kopf div.HauptnaviOben #unternehmen a{
	text-decoration:none;
	display:block;
	margin-top:-1px;
	padding-top:7px;
	padding-bottom:5px;
	color:#333;
	background-image:url(../images/Unternehmen.png);
	background-repeat:no-repeat;
	text-indent: -100000px;
	height:22px;

}
#kopf div.HauptnaviOben #unternehmen a:hover{

	background-image:url(../images/Unternehmen_hover.png);
	background-repeat:no-repeat;
		height:50px;
	margin-top:-15px;
}
/******************/
/*Hauptinhalt*****/
/****************/
#hauptinhalt {
	height:475px;
	background-color:#333;
	position:absolute;
	top:93px;
	border:2px solid #fff;
}

#hauptinhalt div.multimedia {
	padding:0;
	width:949px;
	height:476px;
	overflow:hidden;
}
#hauptinhalt div {
	float:left;
	padding-top:25px;
	padding-left:25px;
	padding-right:3px;
	height:451px;
}
/*Divs mit Navigationen Transpa*/
#hauptinhalt div.level2 {
	width:153px;
	background-image:url(../images/hgNav2Nav3.jpg);
	background-repeat:repeat-x;
	position:absolute;
	left:0px;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	font-size:12px;
	z-index:10;
	top:0px;
}
/*Styles für Navi-Listen u. Links in Divs level2, level3, level4**********/
#hauptinhalt div.level2 ul,
#hauptinhalt div.level3 ul,
#hauptinhalt div.level4 ul {
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
	margin-top:0;
	padding-top:0;
}
#hauptinhalt div.level2 li,
#hauptinhalt div.level3 li,
#hauptinhalt div.level4 li {
	margin-bottom:13px;
}
#hauptinhalt div.level2 li a,
#hauptinhalt div.level3 li a,
#hauptinhalt div.level4 li a {
	text-decoration:none;
	color:#333;
}
#hauptinhalt div.level2 li a:hover,
#hauptinhalt div.level3 li a:hover,
#hauptinhalt div.level4 li a:hover,
#hauptinhalt div.level2 li a.ac,
#hauptinhalt div.level3 li a.ac,
#hauptinhalt div.level4 li a.ac {
	color:#fff;
	font-weight:bold;
}
#hauptinhalt div.bildcontainer {/*Aufnahme von Bildern oder Flash, muss immer befüllt sein!!!*/
	position:relative;
	z-index:0;
	margin:0;
	padding:0!important;
	height:476px;!important;
	
/*	background-image:url(../images/leer1024.gif);*/
}

/*Ende neu dazu############*/

/*Aufklapp-Divs mit Navigationen Transpa*/
#u_sortiment,
#u_mode,
#u_unternehmen,
#u_onlineshops{
	padding-top:30px;
	height:445px;
	width:181px;
	font-size:12px;
	background-color:#fff;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	position:absolute;
	top:93px;
	left:0;
	text-align:left;
	z-index:10;
	visibility:hidden;
}
#u_unternehmen{
	width:182px;
}

/*Sonderlocke Bild in Sortiment*/
#u_sortiment a img {
	border:none;
}
#u_sortiment a,
#u_mode a,
#u_unternehmen a,
#u_onlineshops a {
	display:block;
	text-decoration:none;
	color:#333;
	padding:6px;
	padding-left:46px;
	padding-left:25px;
}
#u_sortiment a:hover,
#u_mode a:hover,
#u_unternehmen a:hover,
#u_onlineshops a:hover,
#u_sortiment a.ac,
#u_mode a.ac,
#u_unternehmen a.ac,
#u_onlineshops a.ac {
	color:#fff;
	background-color:#333;
}

/*Rausklappbilder**********************/
#u_bild_sortiment,
#u_bild_mode,
#u_bild_onlineshops
{
	position:absolute;
	top:100px;
	left:600px;
	background-color:#333;
	width:192px;
	height:156px;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	z-index:100;
	display:none;
}
#u_bild_mode {
      width:198px;
      height:173px;
}

#bild_sortiment img,
{
	margin-top:0px;
}
#bild_mode img{
	margin-top:8px;
}
#bild_sortiment,
#bild_mode,
#bild_onlineshops{
	position:absolute;
	top:100px;
	left:600px;
	background-color:none;
	width:198px;
	height:auto;
	z-index:110;
	display:none;
}
#bild_sortiment {
	width:192px;
}
#u_bild_mode {
	text-align:center;
}
#u_bild_mode img{
	margin-top:0px;
	margin-bottom:10px;
}
/*Bild bei Modehäusern auch transpa, Ausrichtung mittig*/
#bild_mode  {
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/*****************/
/*Bildnavi unten*/
/***************/

#naviUnten {
	height:142px;
	letter-spacing:0.1em;
	font-size:13px;
	position:absolute;
	top:576px;
	z-index:30;
	/*background-image:url(../images/hgFooter.png);
	background-repeat:repeat-x;
	background-position:left top;
	*/
}
#naviUnten div {
	float:left;
	text-align:center;
	width:181px;
}
#naviUnten div.b_mitte, #naviUnten .b_mitte_1, #naviUnten .b_mitte_2, #naviUnten .b_mitte_3 ,#naviUnten div.b_rechts{
	margin-left:11px;
}

#naviUnten div.b_links  a{
	width:181px;
	background-image:url(../images/u1_mode_navi.png);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-100000px;
}
#naviUnten div.b_mitte_1  a{
	width:181px;
	background-image:url(../images/aktuelles.png);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-100000px;
}

#naviUnten div.b_mitte_2  a{
	width:181px;
	background-image:url(../images/marken.png);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-100000px;
}
#naviUnten div.b_mitte_3  a{
	width:181px;
	background-image:url(../images/newsletter.png);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-100000px;
}
#naviUnten div.b_rechts  a{
	width:181px;
	background-image:url(../images/stylecard.png);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-100000px;
}
#naviUnten div a{
	text-decoration:none;
	color:#CCC;
	display:block;
	padding-top:5px;
	padding-bottom:120px;
	height:40px;
	background-image:url(../images/hgLinkUndten.jpg);
	background-repeat:no-repeat;
}

#naviUnten div a.ac{
	cursor:default;
}

#bildnavi {
	height:139px;
	position:absolute;
	top:610px;
}

#bildnavi div {
	float:left;
	text-align:center;
	width:181px;
}
#bildnavi div.b_mitte {
	margin-left:7px;
	margin-right:5px;
	z-index:0;
}
#bildnavi div.b_rechts {
	margin-left:7px;
	z-index:0;
}
#bildnavi div.b_links {
	margin-right:5px;
	z-index:0;
}
#bildnavi div.abdeck, #bildnavi div.aktiv {
	filter:alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
	visibility:visible;
	position:relative;
	z-index:10;
	top:-140px;
	left:0px;
}
#bildnavi div.aktiv {
	visibility:hidden;
}

/******************/
/*Footer*Navi*****/
/****************/
#footer {
	padding-top:10px;
	text-align:center;
	font-size:11px;
	height:31px;
	background-color:#333;
	background-image:url(../images/hgFooter.png);
	background-repeat:repeat-x;
	color:#333;

	position:absolute;
	top:755px;
	left:auto;
	z-index:11;
}

#footer a {
	color:#333;

	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
}
#footer a:hover, #footer a.ac{
		text-decoration:underline;
}
/******************/
/*Logo-Link*****/
/****************/
div.linkUeberLogo {
	position:absolute;
	top:24px;
	left:10px;
	width:340px;
	height:60px;
}


/*#############Banner##########*/

#dragW {
top:103px;
left:570px;
}

#banner {
position:absolute;
width:350px;
height:476px;
top:100px;


}


#footer div form {
	margin-top:-2px;
}
#hauptinhalt #c2379 {
padding:0;
}

.buttonyNl{
background-color:#fff;
background-image:url("../images/abonnieren_button.png");
border-style:none;
color:#333333;
font-size:0;
height:40px;
line-height:0;
text-align:center;
width:120px;
cursor:pointer;
}

.newsletterfrontend {
background: #e1e1e1; /* old browsers */
	background:-moz-linear-gradient(center top , #e1e1e1 0%, #d5d5d5 50%, #d4d5d5 51%, #C0C0C0 100%) repeat scroll 0 0 transparent;/* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(50%,#d5d5d5), color-stop(51%,#d4d5d5 ), color-stop(100%,#999999)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#999999',GradientType=0 ); /* ie */
	/*-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;*/
	cursor: pointer;
	border:0 none;
	color:#fff;
	padding:2px 5px 3px 5px;
	padding:5px 20px;
	*padding:4px 15px 3px 15px ;
	font-size:11px;
	-webkit-box-shadow: 3px 3px 5px #666;
	-moz-box-shadow: 3px 3px 5px #666;
	box-shadow: 3px 3px 5px #666;
	font-weight:bold;
}