/* 1.Reset (http://meyerweb.com/eric/tools/css/reset/) */

* {
	margin: 0;
	padding: 0;
}


html, body, div, span, object, iframe,

dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, i, center, dl, dt, dd, fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td

{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

blockquote, q
{
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after
{
	content: '';
	content: none;
}

hr
{
	display:none;
}

/* End Reset */


/* 3.Typography */

h1, h2, h3, h4, h5, h6					{ position: relative; }

p, blockquote							{ line-height:150%; margin:0px 0 0px 0; }

cite									{ font-style:normal; display:block; margin:10px 0;}

code									{ font-family:courier,monospace; background:#fffcdc; border-bottom:1px solid #ccc; font-size:0.9em; letter-spacing:1px; line-height:150%; }

acronym, abbr							{ cursor:help; border-bottom:1px dotted #999; }

/* End Typography */


/* 4.Positioning */

.clear                                  { clear:both; }

.left									{ float:left; padding:0 5px; }

.right									{ float:right; padding:0 5px; }

/* End Positioning */


@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'handsean';
	src: url('../font/handsean.ttf');
}

body {
	font-family:"Arial", "Verdana", sans-serif;
	font-size: 14px;
	color: #000000;
	margin: 0;
	padding: 0;
	text-align: left;
	
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5ZWRmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUxOTdiYiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top, rgba(201,237,255,0.3) 0%, rgba(81,151,187,0.3) 100%), url(../images/background.jpg); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,237,255,0.5)), color-stop(100%,rgba(81,151,187,0.5))), url(../images/background.jpg); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(201,237,255,0.5) 0%,rgba(81,151,187,0.5) 100%), url(../images/background.jpg); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(201,237,255,0.5) 0%,rgba(81,151,187,0.5) 100%), url(../images/background.jpg); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(201,237,255,0.5) 0%,rgba(81,151,187,0.5) 100%), url(../images/background.jpg); /* IE10+ */
	background: linear-gradient(to bottom, rgba(201,237,255,0.5) 0%,rgba(81,151,187,0.5) 100%), url(../images/background.jpg); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c9edff', endColorstr='#805197bb',GradientType=0 ); /* IE6-8 */
}

 #container {
	width: 100%;
	height: 100%;
}

 #bottomLayer {
	clear:both;
	border: 0px solid black;
	width: 100%;
	height: 48px;
	background-image: url(../images/background_bottom.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: left bottom;	
	z-index: 2;
}

 #mainContent {
	position:relative;
	width: 980px;
	height: 100%;
	margin: 30px auto 10px;
	border: 1px solid #ebebeb;
	text-align: left;
	z-index: 1;
	background: #FFFFFF; -moz-box-shadow: 0 0 10px grey; -webkit-box-shadow: 0 0 10px grey; box-shadow: 0 0 10px grey;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=125, Color='#000000')";	
}

#nav {
	background:#e6e6e6;
	width:630px;
	height:47px;
	
}
#nav ul {
	list-style-type:none;
	padding:0;
	
	
}
#nav li {
	float:left;
	margin-left:30px;
	background:#e6e6e6;
	text-align:center;
}

#nav a {
	display:block;
	height:37px;
	padding-top:10px;
	font-size:14px;
	color: #2f6580;
}


#header {
	border: 0px solid green;
	width: auto;
	font-size: 38px;
	font-weight: bold;
	color: #fa9e1f;
	line-height: 3px;
	padding-top: 15px;
	background-color: #ffffff;
	background-repeat: no-repeat;	
	background-position: left top;
}
#header_bild {
	width:640px;
	float:left;
	margin-left:10px
}
#header h1 {
	clear:both;
	margin-left:10px;
	font-size:16px;
	color:#4790B5;
}

#headerLogo2 {
	width: 300px;
	height: 76px;
	position: relative;
	float: right;
	z-index: 2;
	border:none;
}
#headerLogo2 img {
	border:none;
}

#productContent {
	
	clear:both;
 	position:relative;
	border: 0px solid red;
	margin: 120px 0 0 10px;
}
#productContent_wbk {
	clear:both;
	margin:11px 10px;
	
}
#productContent_wbk td,i,a {
	color:#4790B5;
	text-decoration:none;
}

#productContent h2 {
	margin:0;
	padding-top:35px;
	padding-bottom:35px;
	color:#468fb4;
	font-size:18px;
	font-weight:normal;
	font-family: "handsean";
}
#productContent p {
	color:#4790b5;
	font-size:12px;
}

.div_row {
	width:960px;
	margin-bottom:20px;
}

.content_links {
	width:620px;
	background:#f1f1f1;
	float:left;
	padding:5px;
}
#content_links_links {
	width:250px;
	float:right;
}
#content_links_links img {
	margin-bottom:15px;
}
#content_links_text {
	width:360px;
}
#content_links_text ul {
	font-size:12px;
	margin-left:10px;
	padding:0;
	list-style-type:none;
	line-height:20px;
	color:#086991;
}
#content_links_text p {
	margin-bottom:15px;
}

#spezial_h1 {
	position:relative;
}

.content_links a {
	color:#4690B5;
	text-decoration:none;
	text-shadow:1px 1px #fff;
}
.content_links a:hover {
	color:#6BCAF8;
}
.content_links h3 {
	font-size:14px;
	font-weight:normal;
	color:#60c3f6;
	padding-bottom:5px;
}
.content_rechts {
	position:relative;
	margin-left:640px;
	width:300px;
	text-align:left;
	padding:0 10px;
	top:-47px;
}

.contact_form {
	width:610px;
	font-size:14px;
}
.contact_form input {
	border:1px solid #ccc;
	margin-bottom:5px;
}
.contact_form td:first-child {
	padding-right:10px;
	padding-bottom:10px!important;
}
.contact_form textarea {
	margin-bottom: 10px;

}

.blocklinks {
	display:block;
	width: 300px;
	height:132px;
	line-height:24px;
}
.blocklinks p {
	padding-left:25px;
}

a.blocklinks{
	text-decoration:none;

}

#content_rechts_allgemein {
	background: url(../images/allgemein.jpg);
}
#content_rechts_allgemein p {
	position:relative;
	top:40px;
}


#content_rechts_vorteile {
	background: url(../images/vorteile.jpg);
}
#content_rechts_vorteile p {
	position:relative;
	top:40px;
}


#content_rechts_kontakt {
	background: url(../images/pflege.jpg);
}
#content_rechts_kontakt p {
	position:relative;
	top:30px;
}

#content_rechts_konfigurator {
	background: url(../images/kontakt.jpg);
}
#content_rechts_konfigurator p {
	position:relative;
	top:40px;
}


#clearfix {
	clear:both;
	height:10px;
}

#kontaktform {
	width:400px;
	margin:0 auto;
}

#footer {
	clear:both;
	width:960px;
	margin:0 auto;
	text-align:right;
	margin-bottom:50px;
	font-size:12px;
	color:#346466;
}
#footer a {
	text-decoration:none;
	color:#4690B5;
}
#footer a:hover {
	color:#6BCAF8;
}





.left {
	float:left;
	padding-right:5px;
}








 #productPicture {
	border: 0px solid black;
	width: 630px;	
	height: auto;
	float: left;
}

 #productOrderDetails {	
	width: 323px;
	height: 425px;
	float: right;
	margin-left: 2px;
	background-color: #9AC4DA;
}

 #tableOrderDetails {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	margin: 5px 10px;
	
}

 #tableOrderDetails td {
	padding-top: 5px;
}

 #orderButton {
	border: none;
	background: #9AC4DA;
	font-size: 24px;
	font-weight: bold;
	color: #444;
	width: 327px;
	height: 51px;	
}

 #orderButton:hover {
	border:none;
	background: #D4E3E8;
	color: #000000;	
}

 #tableOrderDetails td:not(#foo) > span > input[type='radio'] {
    
    /* Hide the input, but have it still be clickable */
    opacity: 0;
    
    float: right;
    width: 18px;
}

 #tableOrderDetails td:not(#foo) > span > input[type='radio'] + label {
    margin: 0;
    clear: none;
	float: left;
    
    /* Left padding makes room for image */
    padding: 5px 0 4px 24px;

    /* Make look clickable because they are */
    cursor: pointer;
    
    background: url(../images/radio_unchecked.png) left center no-repeat; 
}

 #tableOrderDetails td:not(#foo) > span > input[type='radio']:checked + label {
    background-image: url(../images/radio_checked.png);
}


 #tableOrderDetails select {
	width: 300px;
}

 #infoBox1 {
	border: 0px solid black;
	width: 312px;
	height: 190px;
	margin-left: 5px;	
	float: left;
	background-color: #efeae6;
	background-image: url(../images/schema_mono_dual.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

 #infoBox1 a{
	font-weight: bold;
	color: #346466;
}

 #infoBox2 {
	border: 0px solid black;
	width: 312px;
	height: 190px;
	margin-left: 5px;	
	float: left;
	background-color: #efeae6;
	background-image: url(../images/schema_vliese.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

 #infoBox2 a{
	font-weight: bold;
	color: #346466;	
}

 #infoBoxPrice {
	border: 0px solid black;
	width: 320px;
	height: 140px;
	margin-left: 8px;	
	float: left;
	text-align: center;
	padding-top: 50px;
	background-color: #ffffff;
}

 #priceHeader {
	font-size: 32px;
	font-weight: bold;
	color: #4790B5;
	line-height: 3px;
}

 #priceHeader hr{
	border:none; border-top: 1px solid #4790B5; color: #FFFFFF; background-color: #FFFFFF; width: 90%; height: 1px; padding-top: 0px;
}

 .pRetail {
	font-size: 36px;
	font-weight: bold;
	color: #444;
}

 #infoBoxBig {
	border: 0px solid yellow;
	width: 628px;
	height: 263px;
	margin-left: 0px;
	float: left;
	background-image: url(../images/personen_schlaf_bigbox.jpg);
	background-repeat: no-repeat;
	background-position: right top;	
}

 #infoBoxScrolltext {
	border: 0px solid black;
	font-weight: normal;
	margin-top: 10px;
	padding-right: 5px;
	height: 220px;
	overflow: auto;
}

 #infoBoxScrolltext::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 11px;
    height: 11px;
}

 #infoBoxScrolltext::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}


 #infoBoxPay {
	border: 0px solid black;
	width: 327px;
	height: 263px;
	margin-left: 5px;
	float: right;
	background-image: url(../images/aufbauservice.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}