/* CSS Document */

html, body {
	height:100%;
	}

body {
	background-color: #CCC;
	font-size:12px;
    font-family: Arial, Verdana, Arial, sans-serif;
  	color:#fff;  
  	padding: 0;
  	margin:0;
}

#space { 
	width:1px;
	height:50%;
	margin-bottom:-400px; /* die hälfte der inhals's höhe */
	float:left;
}
	
#container {
	position: relative;
	top: 29px;
    width: 1025px;
    height: 744px;
	background: url(/images/contentBg.png) no-repeat bottom;
	margin: 0 auto;
    position: relative; /F hebt den inhalt vor den space  */
	clear: left; /* hebt das float vom space auf  */
}

#logo {
	position: absolute;	
	top: 0px;
	left: 572px;
	background: url(/images/logo.png);
	width: 100px;
	height: 102px;
	z-index: 10;
}

#logo h1 {
	text-indent: -10000px;
}

#logo a {
	display: block;
	height: 102px;
	width: 100px;
	display: block;
}

#mainNav {
	position: absolute;
	top: 74px;
	left: 0px;
	width: 1025px;
	height: 48px;
}

#mainNav ul {
	height: 48px;
	list-style: none;
	padding: 0;
	margin: 0;
}

#mainNav ul li {
	text-align: center;
}

#mainNav a,
#mainNav a:visited {
	font-size: 12px;	
	color: #4B463F;
	text-decoration: none;
}

#mainNav a:hover,
#mainNav a:active {
	font-size: 12px;	
	color: #F72890;
	text-decoration: none;
}

.mainNavButton {
	position: relative; 
	top: 25px;
}


#mainNavBg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1024px;
	height: 48px;
	background: url(/images/mainNavBar.png) no-repeat bottom;
	z-index:1;
}

#mainNavShop {
	position: absolute;
	left: 35px;
	bottom: 0px;
	width: 158px;
	height: 48px;
	background: url(/images/mainNavButtonInactive.png) no-repeat bottom;
	z-index: 3;
}

#mainNavAbout {
	position: absolute;
	left: 160px;
	bottom: 0px;
	width: 150px;
	height: 48px;
	background: url(/images/mainNavButtonInactive.png) no-repeat bottom;
	z-index: 2;
}

#mainNavCC {
	position: absolute;
	left: 280px;
	bottom: 0px;
	width: 150px;
	height: 48px;
	background: url(/images/mainNavButtonInactive.png) no-repeat bottom;
	z-index: 1;	
}

#mainNav h1 {
	margin-top: 25px;
	font-size: 12px;
	color: #000;
	text-align: center;
	font-weight: normal;
}

.mainNavActive {
	background: url(/images/mainNavButtonActive.png) no-repeat bottom !important;
	z-index: 4 !important;
}

.navActive a,
.navActive a:visited {
	color: #fff !important;
	z-index: 10 !important;
}	

.navActive a:hover,
.navActive a:active{
	color: #F72890 !important;
	z-index: 10 !important;
}	

#topNav {
	position: absolute;
	left: 0px;
	top: 31px;
	height: 30px;	
	width: 1025px;
}

#topNavBg {
	position: absolute;
	left: 0px;
	top: 31px;
	height: 30px;	
	width: 1025px;
	background: url(/images/topNavBg.png) no-repeat bottom;
}

#topNavNews {
	position: absolute;
	left: 43px;
}

#topNavNews ul li a,
#topNavNews ul li a:visited {
	margin-top: 6px;
	font-size: 14px;
	color: #EFC2D9;
	text-decoration: none;
}

#topNavNews ul li a:hover,
#topNavNews ul li a:active {
	margin-top: 6px;
	font-size: 14px;
	color: #ff0085;
	text-decoration: none;
}

#topNavLeft {
	position: absolute;
	left: 220px;	
}

#topNavRight {
	position: absolute;
	left: 740px;
}

#topNav ul {
	
	margin: 0;
	padding: 0;
	list-style: none;	
}

#topNav li {
	margin-top: 7px;
	margin-right: 15px;
	float: left;
	font-size: 11px;
}

#topNav a,
#topNav a:visited {
	color: #b2b2b2;
	text-decoration: none;
}

#topNav a:hover,
#topNav a:active {
	color: #fff;
	text-decoration: none;
}

#topNav.active a,
#topNav.active a:visited {
	color: #fff;
	text-decoration: none;
}

#topNavBasket {
	position: absolute;
	left: 792px;
	bottom: 0px;
	width: 240px;
	height: 48px;
	background: url(/images/mainNavButtonBasket.png) no-repeat bottom !important;
}

#containerContent {
	position: absolute;
	top: 122px;
	left: 0px;
	width: 961px;
	height: 540px;
	margin: 0px;
	padding: 30px 32px 52px 32px;
}

#containerContent a,
#containerContent a:visited {
	font-size: 12px;
	color: #EFC2D9;
	text-decoration: none;
}

#containerContent a:hover,
#containerContent a:active {
	font-size: 12px;
	color: #ff0085;
	text-decoration: none;	
}

#containerContent h1 {
	font-size: 17px;
	font-weight: normal;
	color: #fff;
	margin: 0px;
	padding: 0px;
}


#contentMountain {
	position: absolute;
	bottom: 52px;
	right: 32px;
	width: 772px;
	height: 107px;
	background: url(/images/mountains.png) no-repeat;
}

#main {
	position: relative;	
}

#contentNav {
	position: absolute;
	top: 38px;
	left: 33px;
	border-left: 1px solid #77736E;
	padding-left: 10px;
	height: 540px;
}

.contentTitle {
	position: absolute;
	top: 0px;
	left: 0px;
	border-left: 1px solid #77736E;
	padding-left: 12px;
	height: 300px;
	width: 232px;
	
}

#contentLaundry {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 540px;
}

#contentLaundryBg {
	position: absolute;
	top: 40px;
	left: 13px;
	width: 232px;
	height: 255px;
	background-color: #3F3C37;
	text-align:center;
}

#contentPillowBg a:hover img.slideshow,
#contentLaundryBg a:hover img.slideshow,
#contentTowelBg a:hover img.slideshow {
	outline: 2px solid #F82891;
}

#contentLaundryBg img,
#contentPillowBg img,
#contentTowelBg img{
	margin: 10px 0 0 0px;
	padding: 0px;
	border: 0px solid #333;
}

#contentPillow {
	position: absolute;
	top: 0px;
	left: 259px;
	height: 540px;
}

#contentPillowBg {
	position: absolute;
	top: 40px;
	left: 13px;
	width: 230px;
	height: 255px;
	background-color: #3F3C37;
	text-align:center;
}

#contentTowel {
	position: absolute;
	top: 0px;
	left: 516px;
	height: 540px;
}

#contentTowelBg {
	position: absolute;
	top: 40px;
	left: 13px;
	width: 229px;
	height: 255px;
	background-color: #3F3C37;
	text-align:center;
}

#contentLine{
	position: absolute;
	top: 30px;
	left: 992px;
	height: 540px;
	border-left: 1px solid #77736E;
}

#contentLineM{
	position: absolute;
	top: 30px;
	left: 992px;
	height: 540px;
	border-left: 1px solid #77736E;
}


.contentText {
	position: absolute;
	top: 320px;
	left: 0px;
	width: 232px;
	height: 220px;
	border-left: 1px solid #77736E;
	padding-left: 13px;
}

.contentText p {
	margin: 0;
	padding: 0;
}

.font14c {
	font-size: 14px !important;
	text-transform: uppercase;
	font-weight: normal;
}

#contentNav ul {
	margin: 6px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

#contentNav li {
	margin: 2px 0 2px 0;
}

#subNav {
	margin: 0px 0 5px 15px;	
	margin-top: -5px;
	*margin-top: -22px;
}


#contentNav li.active a,
#contentNav li.active a:visited {
	color: #ff0085;
}

#main {
	width: 772px;
	height: 600px;
	position: absolute;
	left: 220px;
	top: 30px;
	overflow: hidden;
}

:active, :focus { outline: none;}

.slogan {
	font-size: 22px;
	color: #EFC2D9;
	margin-bottom: 15px;
	*margin-bottom: 20px;
}


/* old css */

td, p, div, span, ol, ul, input, textarea { font-family: Arial, Verdana, Arial, sans-serif; font-size: 12px; line-height:140%}

select { font-family: Arial, Verdana, Arial, sans-serif; font-size: 11px; line-height:140%}

a:link { color: #FF0085; text-decoration: none }
a:visited { color: #FF0085; text-decoration: none }
a:hover { color: #FF0085; text-decoration: none }

.checkbox { border-width:0px }
.selectbox,.shortselectbox { width:170px; margin:4px 0px 4px 0px; padding:1px 0px 1px 0px; background-color:#dddddd; border:0px solid #dddddd; }
.shortselectbox { width:45px; }
.basketdelimiter { margin-top:3px; margin-bottom:3px }
.dark { color:#46413b }
.addresstextfield { width:300px; background-color:#4b4640; border:1px solid #333; height:18px; color:#ffffff; margin:0px; padding:0px; padding-top:3px }
.addresstextarea { width:300px; background-color:#4b4640; border:1px solid #333; height:120px; color:#ffffff; overflow:auto; padding-top:3px; resize:none; margin:0px }
.textbox { padding-top:22px }
.magenta { color: #fff; padding:0px 0px 10px 0px; margin:0px; }

.small {  font-size: 10px}
.big {  font-size: 15px}
.color1 { background-color: #e5e5e5 }
.color2 { background-color: #e0e0e0 }
.color3 { background-color: #FFFFFF }
.contentslider,.contentdiv { padding-top:22px }

.inwarelink { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#aaaaaa; }
.inwarelink a:link {  color: #aaaaaa; text-decoration: none}
.inwarelink a:visited {  color: #aaaaaa; text-decoration: none}
.inwarelink a:hover { text-decoration: none}


.baskettable * { line-height:120% }
.basketscrolldiv { width:550px; height:500px; overflow:auto }

.basket { font-weight:bold; color: #ffffff; padding-left:15px; padding-top:17px; padding-bottom:60px; }
.basket a:link {  color: #ffffff; text-decoration: none }
.basket a:visited {  color: #ffffff; text-decoration: none }
.basket a:hover {  color: #FF0085; text-decoration: none }

.langswitch { color: #ffffff; text-align:right; padding-right:15px; padding-top:17px; padding-bottom:60px;  }
.langswitch a:link {  color: #ffffff; text-decoration: none }
.langswitch a:visited {  color: #ffffff; text-decoration: none }
.langswitch a:hover {  color: #FF0085; text-decoration: none }

.home { font-weight:bold; color: #ffffff; padding-left:15px; padding-bottom:17px; }
.home a:link {  color: #ffffff; text-decoration: none }
.home a:visited {  color: #ffffff; text-decoration: none }
.home a:hover {  color: #FF0085; text-decoration: none }

.mainpagelink { font-weight:bold; color: #FF0085; padding-bottom:17px; }
.mainpagelink a:link {  color: #FF0085; text-decoration: none }
.mainpagelink a:visited {  color: #FF0085; text-decoration: none }
.mainpagelink a:hover {  color: #ffffff; text-decoration: none }

.topnavdiv { padding-left:15px; padding-right:15px; padding-top:10px;  }
.topnav { color: #b6afa7;  }
.topnav a:link { color: #b6afa7; text-decoration: none }
.topnav a:visited { color: #b6afa7; text-decoration: none }
.topnav a:hover { color: #ffffff; text-decoration: none;  }

.acttopnav { color: #ffffff; }
.acttopnav a:link { color: #ffffff; text-decoration: none; }
.acttopnav a:visited { color: #ffffff; text-decoration: none; }
.acttopnav a:hover { color: #ffffff; text-decoration: none; }

.mainnavdiv { font-weight:bold; color: #ffffff; padding-left:15px; padding-top:22px; }
.mainnav { padding-bottom:10px }
.mainnav a:link { color: #ffffff; text-decoration: none }
.mainnav a:visited { color: #ffffff; text-decoration: none }
.mainnav a:hover { color: #FF0085; text-decoration: none;  }

.newsdiv { padding-right:15px; padding-left:14px; padding-top:22px; text-align:left; }
.newstitle { color: #FF0085;  }

.actmainnav { color: #FF0085; padding-bottom:10px }
.actmainnav a:link { color: #FF0085; text-decoration: none; }
.actmainnav a:visited { color: #FF0085; text-decoration: none; }
.actmainnav a:hover { color: #FF0085; text-decoration: none; }

.subnav { color: #ffffff; padding-left:15px;  padding-bottom:10px  }
.subnav a:link { color: #ffffff; text-decoration: none }
.subnav a:visited { color: #ffffff; text-decoration: none }
.subnav a:hover { color: #FF0085; text-decoration: none;  }

.actsubnav { color: #FF0085; padding-left:15px;  padding-bottom:10px }
.actsubnav a:link { color: #FF0085; text-decoration: none; }
.actsubnav a:visited { color: #FF0085; text-decoration: none; }
.actsubnav a:hover { color: #FF0085; text-decoration: none; }

.subsubnav { color: #ffffff; padding-left:30px;  padding-bottom:10px  }
.subsubnav a:link { color: #ffffff; text-decoration: none }
.subsubnav a:visited { color: #ffffff; text-decoration: none }
.subsubnav a:hover { color: #FF0085; text-decoration: none;  }

.actsubsubnav { color: #FF0085; padding-left:30px;  padding-bottom:10px }
.actsubsubnav a:link { color: #FF0085; text-decoration: none; }
.actsubsubnav a:visited { color: #FF0085; text-decoration: none; }
.actsubsubnav a:hover { color: #FF0085; text-decoration: none; }

.dessinimg { border:2px solid #333;}
.dessinimgAct { border:2px solid #FF0085; }
.actdessinimg { border:2px solid #FF0085; }

.acthome { border:2px solid #333; }

.homeImage { border:2px solid #3F3C37}

.home1 { border:2px solid #42415F; }

.home2 { border:2px solid #3F4F0F; }

.home3 { border:2px solid #6F3807; }

.imglegend { font-size: 10px; color: #b6afa7; vertical-align:top; }
.imglegend a:link { color: #b6afa7; text-decoration: none; }
.imglegend a:visited { color: #b6afa7; text-decoration: none; }
.imglegend a:hover { color: #FF0085; text-decoration: none; }

.prodlegend * {  line-height:130%; }
.prodlegend a:link { color: #FF0085; text-decoration: none; }
.prodlegend a:visited { color: #FF0085; text-decoration: none; }
.prodlegend a:hover { color: #FF0085; text-decoration: none; }

#gnachtlogo a img,
#gnachtlogo a:visited img{
	border: 0px solid #333;
}

#gnachtlogo a:hover img,
#gnachtlogo a:active img {
	border: 0px solid #fff;
}

input[type=submit] {
	cursor:pointer;
	margin-top:20px;
	border:0;
	font-weight:bold;
	background:transparent url(/images/button.png);
	width:176px;
	height:30px;
	margin-left:-3px;
	color:#000;
}

.button_passive {
	background:transparent url(/images/button_passive.png) !important;
}

.highlightoption {
	background-color:#bbb;
}

ul {
	margin-left: 0px;
	padding-left: 15px;
}

.selection {
	background: #3F3A33;
	height: 100px;
	width: 530px;
	padding: 10px;
	padding-bottom: 5px;
}

.selectionMain {
	background: #3F3C37;
	width: 255px;
	height: 330px;
	padding: 10px;
}

.selectionFocus {
	background: #3F3C37;
	width: 235px;
	height: 330px;
	position: relative;
	top: -350px;
	left: 295px;
	padding: 10px;
}

.selectionFocusImg {
	position: relative;
	left: 1px;	
	top: 1px;	
}

.selectionFocusImg img:hover {
	border:2px solid #ff0085;
}

.selectionFocus p {
	position: relative;
	top: -5px;
	left: 2px;
	width: 230px;		
}

.break {
	clear: both;
	height: 32px;
	_height: 18px;
}

.imglegend {
	line-height: 120%;
}

.tableMain {
	padding: 10px;	
}

.cellSmall {
	width: 72px;
}

.cellSpace {
	width: 21px;	
	float: left;
}

.cellShop {
	display: block;
	float: left;
	width: 70px;
	height: 80px;
}

.hide {
	display: none;	
}

#gnacht {
	height: 55px;
	width: 130px;
	position: absolute;
	bottom: 0px;
}

#gnacht a p,
#gnacht a:visited p {
	margin: 0px;
	padding: 0px;
	border: 2px solid #3F3C37;
	height: 55px;
	width: 130px;
	text-indent: -3000px;
	background: url(/images/logoGGrey.png) no-repeat;
	cursor:pointer;	
}

#gnacht a:hover p,
#gnacht a:active p {
	margin: 0px;
	padding: 0px;
	border: 2px solid #3F3C37;
	height: 55px;
	width: 130px;
	text-indent: -3000px;
	background: url(/images/logoGColor.png) no-repeat;
}

#contentslider {
	width:500px;
	overflow:hidden;
}

#contentslider ul, #contentslider li{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}