@import url("css_reset.css");

/* ------- FRAMEWORK -------  */

/*-- clearfix -- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}/*---*/

.clear {clear: both;}

img {background-repeat:no-repeat;}

a img,a:link img,a:visited img {border: none;}

a,a:link,a:visited,a:hover,a:active {
	text-decoration: none;
	color: #104670;
}
/*-------- / MARKUP / ---------*/
html {
	font-family:Verdana,Arial,sans-serif;	/*Arial;*/
	font-size: 100.1%;
	height: 100%;
	min-height: 100%;

}
body {
	font-size: 0.7em; /*0.7em -> 11px; /* .8em = 13px */
	line-height: 1.2em;
	/*height: 100%;
	min-height: 100%;*/
	padding-bottom:20px;
	color: #FFFFFF;
	background: #20244D url('/images/interface/background.jpg') repeat-x 0 0;
}

body.kontakt #content-right {
	padding-right:0;
}

/* DEBUG-Tag */
blockquote {
	display:block;
	color:orange;
	width:925px;
	white-space: pre-wrap;	
}/* --- */

a,
a:link,
a:visited {
	color:#FFFFFF;
	text-decoration:underline;
	cursor:pointer;
}

a:hover,
a:active,
a.active,
a.active:link,
a.active:visited {
	color:#5EA1DC;
}

a.border-none,
a.border-none:link,
a.border-none:visited {
	border:0;
	text-decoration:none;
}

a.view,
a.view:link,
a.view:visited {
	color:#FFFFFF;
	/*font-size:1.25em;*/
	font-size:1.25em;	/* 1.25em -> 16px*/
	line-height:1.25em;
	text-decoration:none;
	cursor:pointer;
	display:block;
}
a.view:hover {color:#fff;}

a.view span,
a.view:link span,
a.view:visited span {
	/*display:block;*/
	display:-moz-inline-box;/* Firefox 2*/
	display:inline-block; /* Rest*/
}

a.view:hover span {
	color:#5EA1DC;
}

a.esc,
a.esc:link,
a.esc:visited {
	font-size:1em;
	float:left;
	text-align:center;
	/*overflow:hidden;
	width:222px;*/
}

a.esc span,
a.esc:link span,
a.esc:visited span {
	white-space:nowrap;
	overflow:visible;
}

a.esc:hover span {
	text-decoration:underline;
}

a.sel,
a.sel:link,
a.sel:visited {
	width:297px;
	height:302px;
	background:transparent url('/images/matratzen/selection.png') no-repeat scroll 0 25px;
}

a.plat,
a.plat:link,
a.plat:visited {
	width:308px;
	height:301px;
	background:transparent url('/images/matratzen/platinium.png') no-repeat scroll 0 25px;
}

a.pres,
a.pres:link,
a.pres:visited {
	width:297px;
	height:226px;
	background:transparent url('/images/matratzen/prestige.png') no-repeat scroll 0 25px;
}

a.kissen,
a.kissen:link,
a.kissen:visited {
	width:297px;
	height:276px;
	background:transparent url('/images/kissen/kissen_klein.png') no-repeat scroll 0 55px;
}

a.duvets,
a.duvets:link,
a.duvets:visited {
	width:297px;
	height:250px;
	background:transparent url('/images/kissen/duvet_klein.png') no-repeat scroll 0 55px;
}

h1 {
	font-size:1.25em;	/* 1.25em -> 16px*/
	line-height:1.25em;
}

h1.left {
	margin-top:3.3em;
}

h2 {
	font-weight:bold;
}

img.middle {
	vertical-align:middle;
}

img.img-big,
img.img-big-ext,
img.img-big-pillow {
	position:absolute;
	/*bottom:136px;*/
	bottom:80px;
	right:26px;
}

img.img-big-ext {
	bottom:-65px;
}

img.img-big-pillow {
	/*bottom:30px;*/
	bottom:-15px;
}


img.img-big-duvet {
	position:absolute;
	bottom:-95px;
	left:0px;
}

img.img-circle {
	bottom:0; 
	left:619px;
	left:619px;
	position:absolute;
}

.bold {
	font-weight:bold;
}

.blue {
	color:#5EA1DC;
}

.float-right {
	float:right;
	/*margin-right:64px;*/
}

/* --- NAVIGATION --- */
#nav {
	height:28px;
	width:889px;
	clear:left;
	float:left;
	/*margin-bottom:30px;*/
}

/* --- HNAV --- */
/*
#hnav {
	float:left;
}
*/

#hnav ul li {
	float:left;
}

#hnav a,
#hnav a:link,
#hnav a:visited {
	display:block;
	text-decoration:none;
	width:126px;
	height:21px;
	font-size:1.1em;/* 1.1em -> 14px*/
	margin-right:1px;
	text-align: center;
	padding:7px 0 0 0;
	background: transparent url('/images/interface/navi_up.jpg') no-repeat 0 0;
}

#hnav a:hover,
#hnav a:active,
#hnav a.active,
#hnav a.active:link,
#hnav a.active:visited {
	background: transparent url('/images/interface/navi_over.jpg') no-repeat 0 0;
	color:#FFFFFF;
}

/* -- 2. Ebene -- */
#hnav li ul {
	position:absolute;
	top:28px;
	width:348px;
	left:0;
}

#hnav ul ul a,
#hnav ul ul a:link,
#hnav ul ul a:visited {
	width:auto;
	height:auto;
	font-size:1em;
	margin-right:0;
	padding:5px 6px 5px 8px;
	background: transparent url('/images/interface/linie.gif') no-repeat scroll 0 8px;
	color:#FFFFFF;
	text-decoration:underline;
	cursor:pointer;
}

#hnav ul ul a:hover,
#hnav ul ul a:active,
#hnav ul ul a.active,
#hnav ul ul a.active:link,
#hnav ul ul a.active:visited {
	/*background:transparent none repeat scroll 0 0;*/
	background:transparent url('/images/interface/linie.gif') no-repeat scroll 0 8px;
	color:#5EA1DC;
}

#hnav ul ul a.active,
#hnav ul ul a.active:link,
#hnav ul ul a.active:visited {
	text-decoration:none;
}

/* matratzen-de matratzen-fr */
#hnav li.matratzen-de,
#hnav li.matratzen-fr {
	position:relative;
}

#hnav li.matratzen-de ul {
	margin-left:33px;
}

#hnav li.matratzen-fr ul {
	margin-left:39px;
}

#hnav li.kissen-de ul {
	margin-left:15px;
}

#hnav li.kissen-fr ul {
	margin-left:5px;
}


/* einlegerahmen-de einlegerahmen-fr */

#hnav li.kissen-de,
#hnav li.kissen-fr,
#hnav li.einlegerahmen-de,
#hnav li.einlegerahmen-fr {
	position:relative;
}

#hnav li.einlegerahmen-de ul {
	margin-left:18px;
}

#hnav li.einlegerahmen-fr ul {
	margin-left:33px;
}

/* --- SNAV --- 
#snav {
	height:30px;
	clear:both;
}*/

/* --- LANG --- */
#lang {
	clear: right;
	float: right;
	height:20px;
	width:51px;
	/*font-size:0.85em; .85em -> 11px*/
	padding:8px 0 0 0;
	text-align: center;
}

#lang a,
#lang a:link,
#lang a:visited {
	text-decoration:none;
}

/* home popup */
div#fancy_outer {
	background:transparent none repeat scroll 0 0;
	display:block;
	min-height:353px;
	min-width:520px;
	left:22%;
	margin:0;
	overflow:hidden;
	padding:18px 18px 33px;
	position:absolute;
	top:22px;
	z-index:90;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('/images/popup/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 180;
	display: block;
}

div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('/images/popup/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/popup/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/popup/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('/images/popup/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/popup/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('/images/popup/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/popup/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('/images/popup/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/popup/fancy_shadow_nw.png') no-repeat;
}
a#close, a#close:link, a#close:visited {
	display:block;
	width:30px;
	height:30px;
	z-index:200;
	top:3px;
	right:0;
	position:absolute;	
}

/* --- INHALT CONTENT --- */
#wrapper {
	width:940px;
	min-height:719px;
	position:relative;
	margin: 0 auto;
}

body.kissen #wrapper {
	/*margin-bottom:144px;*/
	min-height:863px;
}

/* ## header ## */
#header {
	height:156px;
}

#header-img {
	float:left;
}

#logo {
	float:right;
}

/* ## content ## */
div#flash {
	position:relative;
	left:-25px;
	top:0;
}

#content-left,
#content-right {
	min-height:500px;
	float:left;
	position:relative;
	padding:57px 0 0;
}

.content3cols {
  width:310px;
  float:left;
  min-height:500px;
	padding:57px 3px 0px 0px;
}

#content-left {
	padding-right:25px;
	width:446px;

}
#content-right {
	/*width:475px;*/
	padding-right:25px;
	width:444px;
}

div.over-leiste {
	position:relative;
	left:0;
	bottom:190px;
	float:left;
}

/* --- LISTEN --- */

ul.list {
	width:329px;
	margin:1.2em 0 2em 0;
}

ul.list-border {
	width:329px;
  margin:4px 0px;
}

ul.list-fr {
	width:355px;
}

ul.list-border li,
ul.list li {
	border-bottom:1px solid #FFFFFF;
	padding: 4px 0;
}

ul.list-border li.border-none,
ul.list li.border-none {
	border:0;
}

ul.list-border li span,
ul.list li span {
	display:-moz-inline-box;/* Firefox 2*/
	display:inline-block; /* Rest*/
}

ul.list-border li span.size,
ul.list li span.size {
	width:167px;
	padding:0 0 0 5px;
}

ul.list-border li span.prize,
ul.list li span.prize {
	padding-left:26px;
}

ul.bigger {
	width:291px;
	/*width:310px;*/
}

ul.bigger li span {
	text-align:right;
}

ul.bigger li span.size {
	padding:0 76px 0 0;
	width:117px;
}

ul.bigger li span.prize {
	width:52px;
	padding:0 46px 0 0;
}

ul.bigger li.bold span.size {
	text-align:left;
	padding:0 0 0 5px;
	width:160px;
}

ul.small {
	width:311px;
}

ul.small li span.size {
	padding:0 70px 0 0;
	width:125px;
}

ul.small li span.sizefr {
	width:130px;
}

ul.small li span.motor {
	width:132px;
}

ul.small li span.prize-motor {
	padding:0 46px 0 0;
	width:46px;
}

ul.open {
	margin:1.2em 0 1.2em 0;
	width:424px;
	/*width:453px;*/
}

ul.open li {
	border-bottom:1px solid #FFFFFF;
	padding: 4px 0 4px 5px;
}

ul.open li.first {
	border-top:1px solid #FFFFFF;
}

ul.open li span {
	display:-moz-inline-box;/* Firefox 2*/
	display:inline-block; /* Rest*/
}

ul.open li span.day {
	width:60px;
}

ul.open li span.morning {
	width:128px;
}

ul.open li span.afternoon {
	/*width:259px;**/
}

/* --- FORMULAR --- */
fieldset br {
	display:none;
}

fieldset label {
	display:block;
	float:left;
	/*width:66px;*/
	width:85px;
	height:21px;
	line-height:21px;
}

fieldset ul {
	margin:1.2em 0 0 0;
	padding:2.4em 0 0 0;
	border-top: 1px solid #FFFFFF;
	width:424px;
	/*width:453px;*/
}

fieldset ul li {
	margin:0 0 2px 0;
}

fieldset ul li.title {
	margin:0 0 8px 0;
}

fieldset ul li.buttons {
	margin:1.2em 0 0 0;
	/*padding-left: 66px;*/
	padding-left: 85px;
	display:none;
}

#required {
	/*display:inline-block;
	width:10px;*/
}

fieldset ul li.nojavascript {
	margin-left: 85px;
	color:maroon;
	padding: 2px 0 3px 5px;
	background: #D4E6F0 none repeat scroll 0 0;
}

input,
textarea,
input.error,
button.send,
button.cancel {
	border:1px solid #D4E6F0;
	color:#000000;
	background: #D4E6F0 none repeat scroll 0 0;
	font-size:1em;/*11px;*/
	/*line-height:14px;*/
	font-family:Verdana,Arial,sans-serif;/*Arial;*/
	margin:0;
	padding:0;
}

input.txt,
input.error,
textarea {
	/*width:351px;*/
	width:332px;
	padding: 2px 0 3px 5px;
}

input.error {
	border:1px solid maroon;
	background: #FFFFFF none repeat scroll 0 0;
}

textarea {
	height: 35px;
}

input.send,
input.cancel,
button.send,
button.cancel {
	display:-moz-inline-box;/* Firefox 2*/
	display:inline-block; /* Rest*/
	padding: 2px 5px;
	text-align: center;
}

input.send:hover,
button.send:hover,
button.cancel:hover,
input.cancel:hover {
	color:#D4E6F0;
	background: #20244D none repeat scroll 0 0;
}

input.send,
button.send {
	margin-right: 5px;
}

input.cancel,
button.cancel {
	margin-right: 25px;
}

input.fr,
button.fr{
	margin-right: 45px;
}
/* ### Vertriebsnetz ### */

form.vertriebsnetz {
	margin:1.2em 0 3.6em 0;
}

form.vertriebsnetz select {
	border:1px solid #20244D;
	color:#000000;
	background: #D4E6F0 none repeat scroll 0 0;
	font-size:1em;/*11px;*/
	font-family:Verdana,Arial,sans-serif;/*Arial;*/
	margin:0;
	padding:0;
}

/* --- MODULE --- */
body.partner #content-right {
	/*width:587px;*/
	width:562px;
}

body.partner #content-left {
	width:353px;
	padding-right:0;
}

h2.no-result {
	border-bottom:1px solid #FFFFFF;
	margin:0 0 1.2em 0;
	padding:0 0 1.2em 0;
}

table.vertriebsnetz {
	margin: 1.2em 0 1.2em 0;
	border-top:1px solid #FFFFFF;
	width:562px;
	border-collapse:collapse;
}

table.vertriebsnetz tr {
	
}

table.vertriebsnetz tr td {
	padding: 1.2em 20px 1.2em 0;
	border-bottom:1px solid #FFFFFF;
	/*width:174px;*/
}

table.vertriebsnetz tr td.row3 {
	padding-right:0;
	width:194px;
}
/* ------------Lightbox------------------ */
/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url('/images/lightbox/loading.gif') no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
	border:0;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url('/images/lightbox/prevlabel.gif') no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url('/images/lightbox/nextlabel.gif') no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url('/images/lightbox/closelabel.gif') no-repeat center;
	margin: 5px 0;
	border:0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

sup {
  font-size:0.6em;
  vertical-align:top;
}

table.mattress {
  margin-bottom:20px;
}

table.mattress th {
  font-weight:bold;
  vertical-align:bottom; 
}

table.mattress td,
table.mattress th {
  border-bottom:1px solid #fff;
  padding:4px 2px;
}

table.mattress td.a {
  width:174px;
}

table.mattress td.b,
table.mattress td.c,
table.mattress td.d {
  width:90px;
}

table.pad {
  margin-bottom:20px;
}

table.pad th {
  font-weight:bold;
  vertical-align:bottom; 
}

table.pad td,
table.pad th {
  border-bottom:1px solid #fff;
  padding:4px 2px;
}

table.pad td.a {
  width:40%;
}

table.pad td.b,
table.pad td.c,
table.pad td.d {
  width:20%;
}