body {
background-color: #6E6E6E;
margin: 20px 0px 0px 0px;
overflow-y: auto;
text-align: center;
font-family: Verdana, sans-serif;
font-size: 0.7em;
color: #787878;
}

br {clear: both; font-size: 0.1em;}
.hidden {display:none;}
img {border: 0px;}


#document {
width: 782px;
margin: 0 auto;
padding: 0px;
text-align: left;
background: white url('/img/shdw_r.gif') no-repeat top right;
}

#document-in {
background-color: #e6e6e6;
margin: 0px 0px 10px 10px;
width: 750px;
display: inline;
float:left;
}

#head {
height: 75px;
margin-right: 12px;
padding-top: 10px;
text-align: right;
background: white url('/img/bg_head_logo.jpg') no-repeat 10px 10px;
}
* html #head {
height: 85px;
}
#head h1 {
margin: 0px;
padding: 0px;
}
#head a {
display: block;
height: 57px;
margin: 0px 10px 0px 10px;
background-position: bottom right;
background-repeat: no-repeat;
}
#head span {
display: none;
}

/*
#navigation {
margin: 0px 0px 10px 56px;
width: 694px;
}*/





#navigation h2 {
text-align:right;
clear:both;
font-size: 1em;
width: 122px;
padding: 3px 8px 3px 8px;
margin: 0px 1px 1px 0px;
float: left;
cursor: default;
font-weight: normal;
}

#navigation a {
display: block;
width: 122px;
margin:0px;
padding: 3px 8px 3px 8px;
background-color: #AFAFAF;
text-decoration: none;
color: white;
}
#navigation .active {background-color: #652740;}

#navigation li {
padding: 0px;
margin: 0px;
list-style-type: none;
}
#navigation li {
border-bottom: 1px white solid;
}
* html #navigation a, * html #navigation h2 {
width: 138px;
}

#navigation a:hover {
background-color: #646464;
}
#navigation ul {
margin: 0px;
padding: 0px;
list-style-type: none;
float: left;
width: 555px;

}

/* no-js 
#navigation a {
background-image: url('/img/border_w.gif');
background-repeat: repeat-y;
background-position: top right;
}
#navigation li {
float: left;
}
*/

.homepage #content, .sitemap #content {margin-top:0px !important;}
#content {
background-color:#E6E6E6;
float: right;
width: 555px;

display: inline;
border-left: 10px white solid;
border-top: 10px white solid;
}
* html #content {
width: 565px;
}


#sidenavi {
margin:0px 0px 40px 0px;
padding:0px;
list-style-type: none;
}
#sidenavi li {
margin:0px;
padding:0px;
list-style-type: none;
display: inline;
}
#sidenavi a {
display: block;
padding: 3px 8px 3px 8px;
text-decoration: none;
color: white !important;
font-weight: normal !important;
border-bottom: 1px #e8e8e8 solid;
text-decoration: none !important;
}




.intro {
background-color:white;
}
.intro p {
padding-left: 0px !important;
padding-right: 0px !important;
}


.subnavi {
display: none;
height:1.75em;
background-color: white;
margin:0px;
padding:0px;
list-style-type: none;
}
.doppelt {height: 3.5em !important;}
.doppelt a {height: 2.9em !important;}
* html .doppelt a {height: 3.5em !important;}

.subnavi li {
float: left;
margin:0px;
padding:0px;
background-color: #969696;
}


.subnavi a {
display: block;
padding: 3px 8px 3px 8px;
text-decoration: none;
color: white !important;
font-weight: normal !important;
border-right: 1px white solid;
border-bottom: 1px white solid; /* das rem. ? */
text-decoration: none !important;
width: 122px;
height:1.2em;
overflow:hidden;
}
* html .subnavi a {
width: 139px;
height:1.75em;
}

.subnavi a:hover, .subnavi .active {
background-color: #646464 !important;
color:white !important;
}


.subnavi .last {
width: 122px;
border-right: 0px !important;
}
* html .subnavi .last {
width:  138px;
}

.halb a {width:  169px !important;}
.halb a.last {width:  168px !important;}
* html .halb a, * html .halb a.last {width: 185px !important;}

.drittel a {width: 107px !important;}
.drittel a.last {width: 106px !important;}
* html .drittel a {width:  124px !important;}
* html .drittel a.last {width:  123px !important;}

#context-out {
width: 165px;
float: left;
margin: 0px 0px 0px 10px;
display: inline;
}


#foot {
margin: 0px;
padding:0px;
list-style-type: none;
height: 12px;
background: #6E6E6E url('/img/shdw_b.gif') no-repeat 0px 0px;
}
#foot li {display: none;}

#metanavi {
list-style-type: none;
margin: 0px;
padding:0px;
clear:both;
height: 2em;
margin-left: 120px;
}
#metanavi li {
float: left;
padding: 0px 6px 0px 6px;
border-right: 1px #787878 solid;
}
#metanavi .last {
border: 0px;
}


/* doc style */
.systembetten #tab1, .bettsysteme #tab2, .schlafen #tab3, .service #tab4 { background-color: #652740 !important; }

.systembetten #head a { background-image: url('/img/head_systembetten.jpg'); }

/* head a { background-image: url('/img/titel_intouch.jpg'); } */

.sitemap #content {background-color: white;}
.sitemap .title {background-color: #652740;color:white;text-align:center;padding:3px 0px 3px 0px;font-weight:bold;margin-top:10px;}
.sitemap #content ul {
float:left;
width: 138px;
margin: 1px 1px 0px 0px;
list-style-type: none;
padding:0px;
}
.sitemap #content li {margin:0px;padding:0px;border-bottom: 1px white solid;}
.sitemap #content ul a {
display:block;
padding:3px 8px 3px 8px;
color:white;
text-decoration: none;
font-weight:normal;
}
* html .sitemap #content ul a { width: 100%; }
.sitemap .n1,  #sidenavi .n1 {background-color:#652740 !important;}
.sitemap .n2,  #sidenavi .n2 {background-color:#464646;}
.sitemap .n3,  #sidenavi .n3 {background-color:#7D7D7D;}
.sitemap .n4,  #sidenavi .n4 {background-color:#C8C8C8; color: #646464 !important;}
.sitemap #content ul.last { margin-right: 0px; }

#sidenavi .n4 {
padding-left: 15px;
}


.legra .subnavi a, .legra .n2 { background-color: #958A81 !important; }
.ecco2 .subnavi a, .ecco2 .n2 { background-color: #DB9E48 !important; }
.etera .subnavi a, .etera .n2 { background-color: #7F98AB !important; }
.basic .subnavi a, .basic .n2 { background-color: #7F98AB !important; }
.cetto .subnavi a, .cetto .n2 { background-color: #ACACAC !important; }
.genio .subnavi a, .genio .n2 { background-color: #ACACAC !important; }

#sidenavi a:hover, body #sidenavi .active {
background-color: #652740 !important;
color: white !important;
}


.homepage #context-out {width: 0px; height:0px; overflow:hidden;}
.homepage #content {width: 750px;background-color: white;border:0px !important;}

.homecol {float:left;width:370px;overflow:hidden;margin-right:10px; }
.homecol.last {margin-right:0px;}
.homecol p {background-color:#E6E6E6;height: 65px; padding-left: 10px !important;}
* html .homecol p {height:85px;}
.homepage h3 {height:70px !important;}
.homecol h3 {height: 40px !important;}
.prodlink,.schlaflink {display:block;height:60px;background-image:url('/img/h_in_touch_with.gif'); background-position:0px 0px;background-repeat:no-repeat;border-bottom: 10px white solid;}
.schlaflink {background-image:url('/img/h_besser_schlafen_faengt.gif') !important;}
.prodlink:hover,.schlaflink:hover { background-position: 0px -60px; }

* html .prodlink, * html .schlaflink {height:70px;}
.prodnolink {display:block;height:60px;background-image:url('/img/h_in_touch_with.gif'); background-position:0px 0px;background-repeat:no-repeat;border-bottom: 10px white solid;}


/* text */
p.center {text-align:center; padding-left: 10px !important;}

a:active {
text-decoration: underline !important;
}
hr {display:none;}
dfn, acronym {
font-style: normal;
cursor: default;
padding-bottom: 1px;
background: url('/img/dotted.gif') repeat-x bottom left;
white-space: nowrap;
}
.toolhover {
background-image:none;
color: #652740;
}

p {
padding: 10px 10px 10px 149px;
margin: 0px;
line-height: 140%;
color: #787878;
}

p.right {
float: right;
width: 396px;
padding-left: 10px !important;
}
* html p.right {
width: 416px;
}
img.left {
margin: 12px 0px 10px 10px;
}



#content h2, #content h4 {
line-height: 140%;
font-size: 1em;
padding: 0px;
margin: 0px;
}


#content a {
color: #787878;
text-decoration: underline;
}
#content a:hover {
color: white;
background-color: #652740;
text-decoration: none;
}


#context a {
text-decoration: none;
color: #787878;
background-color: white;
display:block;
padding: 135px 4px 6px 8px;
margin-bottom: 20px;
line-height: 140%;
height: 14px;
width: 153px;
background-position: top center;
background-repeat: no-repeat;
float: left;
}
* html #context a {
height: 159px;
width: 165px;
}
#context a:hover {
color: white;
background-color: #652740;
}



#metanavi a {color: #787878; text-decoration: none;}
#metanavi a:hover {text-decoration: underline;}

h3 {
font-size: 1em;
margin: 0px;
padding: 0px;
height: 40px;
background-repeat: no-repeat;
background-position: 0px 0px;
border-bottom: 1px white solid;
}
h3 span {
display: none;
}

p.border {
border-top: 10px white solid;
}
img.border, div.border {
border-bottom: 10px white solid;
}


.hometeaser {
padding: 10px 10px 10px 110px;
width:250px;
height:80px;
margin-bottom:10px;
margin-right: 10px;
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: #E6E6E6;
float: left;
}
* html .hometeaser {width: 370px;height: 100px;}
.hometeaser strong {display: block;}
.hometeaser.last {margin-right:0px;}
.hometeaser a {
font-weight:normal !important;
color: #787878 !important;
text-decoration: none !important;
display:block;
width:100%;
}
.hometeaser a:active {text-decoration: none !important;}
.hometeaser a:hover {
background-color: transparent !important;
color: #787878 !important;
}
.hometeaser a:hover strong {
text-decoration: underline;
}


/* tips */
#tiplayer {
text-align: left;
position: absolute;
display: none;
color: white;
width: 233px;
height: 107px;
line-height: 100%;
}
#tiplayer div {margin: 6px 32px 0px 21px; padding:5px 5px 0px 5px; height: 65px; overflow: hidden; background-color: #808080;}
* html #tiplayer div { height: 70px; }

.tip-links { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/links-feld.png'); }
.tip-rechts { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/rechts-feld.png'); }

:root .tip-links { background-image: url('/img/links-feld.png'); }
:root .tip-rechts { background-image: url('/img/rechts-feld.png'); }


.simpletip {filter: none;width:auto !important;height:auto !important;}
.simpletip div {margin:0px !important;padding:6px !important;width:auto !important;height:auto !important;border:1px white solid;overflow:visible;}
.tipseccolor,.tipseccolor div {background-color:#652740 !important;}

.flashbox {
text-align:center;
background-color:#E6E6E6 !important;
padding-top:25px;
padding-bottom:25px;
}

.flashbox div {
background-color:white !important;
width:500px;
height:350px;
overflow:hidden;
margin: 0 auto;
text-align:center;
}
.flashbox.extr object {
margin-left: -27px;
}

.studio {color: #652740;font-weight:bold;}

@media print {
body {text-align:left !important;margin-top:0px;}
#document {margin:0px !important;}
#head,#navigation,#context-out,#metanavi,#foot,.subnavi {display:none;}
* {background-color:transparent !important;background-image:none !important; margin-left:0px !important; padding-left:0px !important; height: auto !important; }
h3 span {display:block;}
#content {width:auto !important;}
table {width:100%;}
}



/* aus php.css */
.fehler
{
	color:#cc0000;
	font-family:verdana,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	line-height:14px;
}

.haendlerabsatz
{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:25px;
}

.haendlerlinks
{
	float:left;
	width:230px;
	margin-right:10px;
	overflow:hidden;
	
}
.haendlerrechts
{
	float:left;
	width:270px;
	overflow:hidden;
}
.linie
{
	width:100%;
	display:block;
	height:1px;
	overflow:hidden;
	background-color: #787878;
	margin-top: 3px;
	margin-bottom: 3px;
}
.flinks
{
	float:left;
	width:180px;
	margin-right:10px;
	
}
.frechts
{
	float:left;
	width:256px;
}

.eingabe
{
	font-family:verdana,sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
	width:215px;
}
.eingabeklein
{
	font-family:verdana,sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
	width:77px;
}

.eingabemittel
{
	font-family:verdana,sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
	width:130px;
}

.checkb
{
	font-family:verdana,sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
}



/* aus dem js für navi */
#navigation {margin: 10px 0px 10px 185px; width: 555px;}
#navigation ul {width:auto;margin-top:0px;display:none;position:absolute;}
#navigation a {background-image: none;}
#navigation li {float:none;}
#navigation h2 { clear:none;text-align:left; margin: 0px 1px 0px 0px;background-color: #969696; color: white;}
#navigation .last {margin-right: 0px !important;}
h2 span {display:none;}