/* General */
html, body { background: #f2f2f2; font: normal 11px Arial,Helvetica,sans-serif;
  margin: 0; padding: 0; height: 100%; 
}
:link img, :visited img { border: none; }
#wrapper { margin: 0 auto; width: 944px; position: relative; height: 80%; }
* html #wrapper { height: 100%; }

/* Header */
#header {
	height: 84px;
	background: #FFFFFF;
	border-left: solid 1px #3B474F;
	border-right: solid 1px #3B474F;
}

#logo {
	float: left;
	height: 80px;
}

#claim {
	height: 84px;
	float: right;
	width: 173px;
	background: url(/css.nsf/img/living_up_to_life.gif) no-repeat left center;
	text-indent: -3000px;
}

#claim a {
	display: block;
	width: 150px;
	height: 60px;
}

#claim h2 {
	color: #3B474F;
	font: bold 14px/22px Arial, Helvetica, sans-serif;
	margin: 0;
}
#claim h2 a{
	color: #3B474F;
	text-decoration: none;
}


/* Haupt-Navigation */

#mainnav1 {
	background: #3B474F;
	position: relative;
	left: 0;
	border: solid 1px #3B474F;
}

#mainnav1 ul {
	list-style: none;
	padding: 0 0 0 24px;
	margin: 0;
	height: 22px;
	font-size: 12px;
}

#mainnav1 ul li {
	display: inline;

}

#mainnav1 ul li a {
	display: inline;
	padding-right: 18px;
	margin-right: 10px;
}


#mainnav1 ul li a, #metanav1 a {
	color: #B8C2CC;
	text-decoration: none;
	font: bold 11px/22px Arial, Helvetica, sans-serif;
}

#mainnav1 ul li a:hover, metanav a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#mainnav1 a.active  {
	color: #ffffff;
	/*background: url(/css.nsf/nav1_active_bg.gif) no-repeat right center;*/
}

/* Suche */
#metanav1 {
	padding: 0;
	width: 140px;
	position: absolute;
	top: 0;
	right: 32px;
	height: 24px;
	line-height: 10px;
	padding: 0px;
	font-size: 10px;	
}
#metanav1 form {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#metanav1 input {
	height: 12px;
	width: 90px;
	background-color: #E3E3EB;
	border: solid #E3E3EB 1px;
	padding: 0px;
	font-size: 10px;
	margin-right: 4px;
}

* html #metanav1 form {padding-top: 3px; }


/* Content columns */
#main { 
background: #fff; 
border: solid 1px #3D4951;
border-top: none; 
position: relative;
width: 942px; 
height: 90%;
}

#sidewrap, #viewport { vertical-align: top; position: absolute; height: 100%; }
#sidewrap { overflow: auto; width: 320px; }
#sidebar { padding: 10px 0 0 20px; }
#viewport { left: 320px; right: 0; }
#viewport iframe { width: 622px; }
html>body #viewport iframe { height: 100%; }
* html #viewport iframe { height: expression((document.body.clientHeight - 167) + "px"); }
* html #main { height: expression((document.body.clientHeight - 167) + "px"); }
* html #viewport { height: expression((document.body.clientHeight - 167) + "px"); }
* html #sidewrap { height: expression((document.body.clientHeight - 167) + "px"); }

/* Navigation */
#nav { background: #fff; font: normal 11px Arial,Helvetica,sans-serif; position: relative; z-index: 100; }
#nav ul { list-style: none; margin: 0; padding: 0;
  width: 140px;
}
#nav ul ul { margin-top: -19px; left: 150px; width: 140px; }
#nav ul ul ul { border-bottom: none; margin-top: 0; position: static !important; }
#nav ul.collapsed { display: none; }
#nav li { display: inline; }
#nav :link, #nav :visited { border-bottom: 1px solid #d5d6dc; color: #556571; display: block;
  line-height: 14px; padding: 2px 9px 2px 5px; text-decoration: none;
}
#nav :link:focus, #nav :visited:focus, #nav :link:hover, #nav :visited:hover {
  color: #000; outline: none;
}
#nav .active:link, #nav .active:visited { color: #cd031c; }
#nav .expanded:link, #nav .expanded:visited { background: url(/css.nsf/arrow_right.gif) 100% 6px no-repeat; }
#nav li li :link, #nav li li :visited {  }
#nav li li .expanded:link, #nav li li .expanded:visited { background: url(/css.nsf/arrow_down.gif) 100% 6px no-repeat; }
#nav ul ul.compressed li { display: none; }
#nav ul ul.compressed li.active { display: block; }
#nav ul ul.compressed li.active li { display: block; }
#nav ul ul.compressed li.active ul.compressed li { display: none; }
#nav ul ul.compressed li.active ul.compressed li.active { display: block; }
#nav ul ul.compressed li.active ul.compressed li.active li { display: block; }
#nav ul ul.compressed li.active ul.compressed li.active ul.compressed li { display: none; }
#nav ul ul.compressed li.active ul.compressed li.active ul.compressed li.active { display: block; }
#nav ul ul.compressed li.active ul.compressed li.active ul.compressed li.active li { display: block; }

#allproductsform select{margin-top:5px; color:#556571; width:140px; font-size:11px;}

/*Footer und Special Promo*/
#footer {
	position: absolute;
	bottom: 0;
	left: 20px;
	font-size: 10px;
	width: 90px;
	padding-bottom: 8px;
	background: url(/css.nsf/img/logo_balken.gif) no-repeat left bottom;
}

#footer :link, #footer :visited {
	color: #556571;
	text-decoration: none;
}

#footer :link:hover, #footer :visited:hover {
	color: #000;
	text-decoration: none;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer li {
	border:none;
	margin: 0;
	padding: 0 1em 0.5em 0;
}

#specialpromo {
	position: absolute;
	top: 280px;
	left: 20px;
	z-index: 10;
}

#specialpromo :link img, #specialpromo :visited img {
	border: solid #3B474F 1px;
}

#specialpromo :link:hover img, #specialpromo :visited:hover img {
	border: solid #000 1px;
}
