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

/* layout position elements */
body {
margin:0px 0px 0px 0px;
padding:0px;
background-image:url('../images/bg.gif');
background-repeat:repeat-x;
background-color:#0077aa;
z-index:-10;
}

body.formframe {
background: url('../images/bgform.gif') fixed;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

/*-----container-----*/
#container {
clear:both;
min-width:794px;
width:794px;
background:url('../images/shadow_bg.gif') repeat-y 0px 460px;
margin:12px auto 0px auto;
}

/*-----main-----*/
#main {
clear:both;
width:794px;
margin:0 auto;
padding:10px 0px 0px 0px;
position:relative;
background:url('../images/bg_algemeen.jpg') no-repeat 0px 96px;
}

/*-----header-----*/
#header {
position:absolute;
top:0;
left:0;
width:794px;
height:94px;
margin:0px auto;
background:url('../images/toplogo2.jpg') no-repeat;
}

/*-----breadcrumb-----*/
#breadcrumb {
padding:5px 0px 1px 24px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
margin:0;
float:left;
width:740px;
height:20px;
}

#breadcrumb a {
font-family:Arial, Helvetica, sans-serif;
color:#FF9900;
text-decoration:underline;
font-size:11px;
margin:0;
font-weight:bold;
}
#breadcrumb a:hover {
text-decoration:none;
font-size:11px;
}

#content {
clear:both;
overflow:hidden;
width:794px;
padding:115px 0px 0px 0px;
}

#min-height {
width:1px;
float:left;
clear:both;
height:440px;
}

#mainmenu {
position:absolute;
top:82px;
height:32px;
width:794px;
clear:both;
z-index:99999;
}

.left-column {
float:left;
width:200px;
/*border:5px solid #5d97bc;*/
margin:0px 0px 12px 14px;
/*background-image:url('../images/bg_left.gif');*/
display:inline;
padding:0px;
text-align:center;
background:#2489bf;
overflow:hidden;
}

/* left column with text */
/* left column with text */
.left-column-text {
float:left;
width:200px;
border:0px solid #5d97bc;
margin:0px 0px 12px 24px;
background-color: #2489bf;
display:inline;
padding:0px;
padding-bottom:10px;
}

.left-column-text h2 a {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0px;
color:#fff;
padding:0px 0px 8px 0px;
text-align:center;
margin:-10px 0px 5px 0px;
float:left;
width:186px;
overflow:hiden;
}

.left-column-text h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0px;
color:#fff;
padding:20px 0px 8px 0px;
text-align:center;
margin:-10px 0px 5px 0px;
float:left;
width:186px;
overflow:hiden;
}

.left-column-text p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#00355b;
margin:0px 3px 0px 3px;
padding:3px;
line-height:15px;
text-align:left;
}

.left-column-text img {
margin-left:-5px;
margin-top:0px;
width:auto;
height:auto;
}

.left-column-text p a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.right-column {
float:right;
width:512px;
margin:0px 44px 12px 0px;
display:inline;
}

#footer {
clear:both;
overflow:hidden;
min-width:794px;
width:794px;
background:url('../images/under_tabel.gif') no-repeat 0 0;
margin:0px auto 0px auto;
height:56px;
}

#footer-links {
float:right;
margin:24px 22px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#ffffff;
}

#footer-links a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#ffffff;
padding:0px 2px 0px 2px;
}
#footer-links a:hover {
text-decoration:underline;
}



/* header images */
#btn-forum {
position:absolute;
margin:20px 0px 0px 628px;
}

#logos {
position:absolute;
margin:0px 0px 0px 784px;
width:110px;
}

#logos img {
float:left;
border:0px;
}

/* text elements (default) */
a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

.right-column h1 {
margin:0px;
padding:0px 0px 0px 30px;
background-image:url('../images/nl_titel_pijl.gif');
background-repeat:no-repeat;
background-position:-22px -8px;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#fff;
}

.right-column h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
margin:12px 0px 0px 30px;
padding:0px 0px 0px 0px;
}

.right-column h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
margin:12px 0px 0px 30px;
padding:0px 0px 0px 0px;
}

.right-column h2.subheader
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	margin:12px 0px 0px 30px;
	padding:0px 0px 0px 0px;
}

.right-column p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
/* margin:0px 0px 0px 30px;*/
margin:0px 0px 1em 30px;
padding:0px 0px 0px 0px;
line-height:15px;
}

img.left {
float:left;
border:1px solid #2993c3;
margin:0px 8px 0px 0px;
}

img.right {
float:right;
border:1px solid #2993c3;
margin:0px 0px 0px 8px;
}

img.right_bez {
float:right;
margin:10px 0px 10px 8px;
width:160px;
}

img.right-noborder {
float:right;
margin:0px 0px 0px 8px;
}

.right-column li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
margin:0px 0px 8px 12px;
}

/*---bestel pagina's---*/
.left-column h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
margin:0px;
color:#fff;
padding:8px 0px 8px 0px;
}

.step {
font-family:arial;
font-size:11px;
font-weight:bold;
padding:2px;
margin:0px;
color:#fff;
text-align:center;
display:block;
width:auto;
}

.tbl-body { background-image:url(../../../../images/bestel_nl/tbl_body_bg.gif); }
.tbl-body td { background-position:expression(-this.offsetLeft + " " + -this.offsetTop); }

tbody.tbl-body tr td {
font-size:12px;
height:21px;
font-family:arial;
font-weight:bold;
padding:0px 3px 0px 3px;
color:#fff;
}

.tbl-body td input {
font-weight:bold;
font-size:11px;
}

.tbl-body td select {
font-weight:bold;
font-size:11px;
}

.tbl-footer {
margin:-2px 0px 0px 1px;
height:2px;
width:478px;
background-image:url(../../../../images/bestel_nl/bg_tblfooter.gif);
}

.tbl-header td {
background-image:url(../../../../images/bestel_nl/tbl_header_bg.gif);
height:21px;
vertical-align:middle;
padding:0px 3px 0px 3px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:12px;
}

h1.hdr-bestel {
background-image:url(../../../../images/bestel_nl/ico_bestel.gif);
background-repeat:no-repeat;
background-position:top left;
margin:6px 0px 0px 0px;
padding:14px 0px 16px 64px;
}

.button-forms {
height: 24px;
background-color: #E67F11;
border: 1px solid #ffffff;
font:Verdana;
font-size:10px;
font-weight:bold;
color:#ffffff;
}

#HintLayer, td.copy{
color: #fff;
background-color: #E67F11;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height: 15px;
}
/*---enind bestel pagina's ---*/

/* voordelen list */
/*
ul.voordelen{
color: #0B598A;
font-family: Arial;
font-size: 11px;
text-align: left;
line-height: 16px;
padding:8px 8px 8px 0px;
background-color:#d6f2ff;
margin-top: 8px;
margin-right: 6px;
margin-left: 6px;
margin-bottom: 8px;
font-weight: bold;
text-indent:none;
list-style:none;
float:left;
width:164px;
display:inline;
overflow:hidden;
}

ul.voordelen li ul {
margin:0px;
padding:0px;
}

ul.voordelen ul li a{
background-image:none;
font-size:9px;
}

ul.voordelen ul li a.over {
background-image:none;
color:#ff6c00;
}

ul.voordelen a {
color:#0b598a;
text-decoration:none;
font-size:11px;
font-weight:bold;
padding:0px 0px 2px 16px;
margin:0;
display:block;
background: url(../../../../images/li.gif) 0px 0px no-repeat;
text-align:left;
}

ul.voordelen a:hover {
text-decoration:underline;
display:block;
}

ul.voordelen a.over {
color:#fff;
text-decoration:none;
display:block;
margin:0px 4px 0px 0px;
background-image:url(../../../../images/bestel_nl/tbl_header_bg.gif);
background-repeat:repeat-x;
}

ul.voordelen li {
width:154px;
padding:1px 8px 1px 8px;
float:left;
display:inline;
margin:0;
}
*/

ul.voordelen {
	margin:0px 0px 0px 0px;
	padding:10px 20px 15px 10px;
	list-style:none;
text-align:left;
background:#2489bf;
overflow:hidden;
width:170px;
}
ul.voordelen li {
	font-size:12px;
	line-height:22px;
	padding:5px 0px 5px 17px;
	background:url(../images/bg-check-li.gif) no-repeat 0px 10px;
line-height:16px;
}

ul.voordelen.bestellen li {
	font-size:12px;
	line-height:22px;
	padding:5px 0px 5px 3px;
	background:none;
line-height:16px;
font-weight:bold;
color:#fff;
font-size:12px;
font-family:arial;
}

ul.voordelen li a {
	text-decoration:underline;
padding:3px 3px 3px 0px;
}
ul.voordelen li a:hover {
	text-decoration:none;
}
ul.voordelen a.over {
color:#fff;
text-decoration:none;
display:block;
background-image:url(../../../../images/bestel_nl/tbl_header_bg.gif);
background-repeat:repeat-x;
font-weight:bold;
padding-left:4px;
}

/* sitemap */
#sitemap li a {
font-weight:bold;
font-size:12px;
}

#sitemap li ul li a {
font-weight:normal;
font-size:11px;
}


/* navigatie vorige volgende */
table.navigatie {
margin:16px 0px 0px 28px;
}

table.navigatie a {
background:url(../../../../images/button3.gif) center no-repeat;
color:#FFFFFF;
font-size:11px;
padding-left: 18px;
padding-right: 18px;
padding-bottom: 5px;
padding-top: 3px;
line-height: 20px;
text-decoration:none;
font-weight:bold;
}

/* Geen border voor naar boven navigatie en images */
.border {
border-style:none;
border: none;
}

/* Veelgestelde vragen */
.beter {
background-color: #E67F11;
font-size:85%;
font-weight: bold;
color:#FFFFFF;
height:18px;
text-align: left;
vertical-align: middle;
border: 1px solid #FFFFFF;
cursor: pointer;
}
.beterover {
background-image: url(../../images/over.gif);
font-size:85%;
font-weight: bold;
color:#FFFFFF;
height:18px;
text-align: left;
vertical-align: middle;
border: 1px solid #FFFFFF;
cursor: pointer;
}

.faqbox {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
margin:0px 0px 0px 30px;
padding:0px 0px 0px 0px;
}

/* formulieren */
.form-holder {
margin:0px 0px 0px 30px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-align:left;
}

legend {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
}

/* content image */
.content-image {
margin:0px 0px 12px 4px;
}

.content-image-zekerheid {
margin:0px 0px 12px -4px;
}

/* linkbox */
.link-box {
background-image:url('../../../../images/beterbg.gif');
margin:0px 0px 0px 4px;
width:516px;
border: 3px solid #5D97BC;
}

.link-box-header {
text-align:center;
line-height:30px;
}

.link-blue {
background-color: #d6f2ff;
font-size:11px;
font-weight:bold;
height:110px;
vertical-align:top;
text-align:center;
padding-left: 9px;
width:160px;
}

.link-blue ul {
color: #0B598A;
font-family: Arial;
font-size: 12px;
list-style-image: url(../../../../images/li.gif);
text-align: left;
line-height: 14px;
padding:0px;
background-color: #d6f2ff;
margin:0px;
font-weight: bold;
}

.link-blue ul li a {
color:#0b598a;
text-decoration:none;
}

.link-blue ul li a:hover {
color:#0b598a;
text-decoration:underline;
}

.link-blue ul li a.over {
background-color:#e67f11;
color:#fff;
text-decoration:none;
display:block;
margin:0px 4px 0px 0px;
}

/* sterren algemeen */
.ster img {
border:0px;
}

/* sticker algemeen */
#stickers .sticker .inner-sticker {
width:112px;
height:112px;
background:url(../images/stickers/sticker-trans.png) no-repeat 0 0;
*background:url(/nl/assets/images/new/none.gif);	
*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nl/assets/images/stickers/sticker-trans.png', sizingmethod='scale');
}

#stickers .sticker .inner-sticker a {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-align:center;
position:relative;
z-index:999999;
}

/* list matraspagina's */

ul.matras {
text-align: left;
line-height: 16px;
padding:8px 8px 8px 30px;
margin-top: 8px;
margin-right: 6px;
margin-left: 6px;
margin-bottom: 8px;
font-weight: bold;
text-indent:none;
list-style:none;
float:left;
width:300px;
display:inline;
overflow:hidden;
}

ul.matras li {
font-family: Arial;
font-size: 14px;
color:#fff;
width:300px;
padding:1px 8px 2px 20px;
float:left;
display:inline;
margin:0;
background: url(../../matrassen/images/vinkje.gif) 0px 0px no-repeat;
}

/* column start page*/

.start-column {
float:left;
width:154px;
border:5px solid #5d97bc;
margin:0px 0px 12px 6px;
background-image:url('../images/bg_left.gif');
display:inline;
padding:0px;
text-align:center;
}


.start-column h2 {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
margin:7px 0px 0px 0px;
padding:0px 0px 0px 5px;
}

.start-info {
width: 20px;
float:left;
padding-right: 4px;
}

/* List columns start page */
ul.startpage {
color: #0B598A;
font-family: Arial;
font-size: 11px;
text-align: left;
line-height: 16px;
padding:8px 8px 8px 0px;
background-color:#d6f2ff;
margin-top: 8px;
margin-right: 6px;
margin-left: 6px;
margin-bottom: 8px;
font-weight: bold;
text-indent:none;
list-style:none;
float:left;
width:150 px;
display:inline;
overflow:hidden;
height: 270px;
}

ul.startpage li ul {
margin:0px;
padding:0px;
}

ul.startpage ul li a{
background-image:none;
font-size:9px;
}

ul.startpage ul li a.over {
background-image:none;
color:#ff6c00;
}

ul.startpage a {
color:#0b598a;
text-decoration:none;
font-size:11px;
font-weight:bold;
padding:0px 0px 2px 16px;
margin:0;
display:block;
background: url(../../../../images/li.gif) 0px 0px no-repeat;
text-align:left;
}

ul.startpage a:hover {
text-decoration:underline;
display:block;
}

ul.startpage a.over {
color:#0B598A;
text-decoration:none;
display:block;
margin:0px 4px 0px 0px;
background-repeat:repeat-x;
}

ul.startpage li {
width:118px;
padding:1px 8px 1px 8px;
float:left;
display:inline;
margin:0;
overflow: hidden;
}

/*extra voor links in koppen*/
.right-column h1 a:link{
text-decoration:none;
font-size:22px;
}
.right-column h1 a:visited{
text-decoration:none;
font-size:22px;
}
.right-column h1 a:active{
text-decoration:none;
font-size:22px;
}
.right-column h1 a:hover{
text-decoration:none;
font-size:22px;
}

.right-column h2 a:link{
text-decoration:none;
font-size: 12px; 
}
.right-column h2 a:visited{
text-decoration:none; 
}
.right-column h2 a:active{
text-decoration:none;
}
.right-column h2 a:hover{
text-decoration:none;
}
 
.right-column h3 a:link{
text-decoration:none;
font-size: 12px;
}
.right-column h3 a:visited{
text-decoration:none;
font-size: 12px; 
}
.right-column h3 a:active{
text-decoration:none;
font-size: 12px; 
}
.right-column h3 a:hover{
text-decoration:none;
font-size: 12px; 
}
#header .forum {
	position:absolute;
	top:40px;
	right:29px;
	background:url(../images/btn_forum.gif) no-repeat;
	width:178px;
	height:43px;
	font-size:14px;
	padding:0px;
font-size:14px;
text-decoration:none;
}
#header .forum a {
display:block;
width:178px;
height:43px;
text-decoration:none;
}
#header a {text-decoration:none;font-size:14px;}
#header a:hover {text-decoration:underline}

#header .contact {
	position:absolute;
	top:15px;
	right:223px;
	background:url(../images/new/bg-telefoon.gif) no-repeat;
	font-size:14px;
	padding:0 0 0 27px;
color:#fff;
font-family:arial;
font-size:14px;
}

#header #search-box-holder {
position:absolute;
top:12px;
right:24px;
}

input#search-button {
float:left;
display:block;
width:47px;
height:22px;
background:url(../images/search-btn.gif) no-repeat;
border:none;
font-size:9px;
font-weight:normal;
color:#e4e6e8;
margin:0px 0px 0px 0px;
padding:0px 0px 6px 0px;
cursor:pointer;
#padding:0px 0px 0px 0px;
}
input#s {
border:none;
float:left;
display:block;
height:18px;
margin:0px;
padding:4px 2px 0px 24px;
width:106px;
background:#fff url(../images/search-field-bg.gif) no-repeat 0px 0px;
color:#11345d;
font-size:11px;
}

#header .cb_online {
position:absolute;
top:39px;
right:207px;
width:178px;
height:44px;
}

#header .cb_online .cb_chatbutton {
border:0px;
width:178px;
height:44px;
background:url(../images/btn_chat.gif) no-repeat;
cursor:pointer;
}

/* Vraag van de maand banner */
#banner-vraag-van-de-maand {
position:absolute;
left:786px;
top:128px;
}

/* Welke matras banner */
#banner-welke-matras {
position:absolute;
left:786px;
top:372px;
}

#banner-welke-matras a img, #banner-vraag-van-de-maand a img {
border:0px;
}

/************** edit tbv bezwarenpagina ***************/

.right-column h2.bez {
font:bold italic 14px/16px Arial, Helvetica, sans-serif;
color:#fff;
margin:0px;
padding:5px 0px 5px 30px;
line-height:16px;
background:url('../images/new/bg-blockquote.png') no-repeat 0 0;
*background:url(https://www.energy-plus.info/nl/assets/images/new/none.gif);	
*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.energy-plus.info/nl/assets/images/new/bg-blockquote.png', sizingmethod='crop');
width:480px;
height:auto;
}

.top-image {
margin-bottom:10px;
z-index:0;
position:relative;
}

.lightblue {background:#72c2e7;}

/*************************  shoplocator ************************************/

.shoplocator
{
    padding-top:15px;
    height: 185px;
    *height: 188px;
    width: 190px;
    padding-left: 5px;
    font-size: 12px;
    float: left;
}

.shoplocator h2
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 10px;
	float: left;
}

.locatora-img
{
	float: left;
	margin: 0px 0px 20px 0px;
}

p.locator
{
	margin: 0px 0px 0px 0px;
	line-height: 16px;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: white;
}

/*************************  4 Zekerheden  ************************************/

.zekerheid
{
    margin: 0 0 0 8px;
    width: 500px;
    font-size: 12px;
    font-family: Arial;
    color: #FFFFFF;
}

.zekerheid tr td
{
    vertical-align: top;
}

.zekerheid tr td p
{
    margin-left: 0px;
}

.zekerheid tr td img
{
    float: right;
    border: none;
    padding:0px 0px 0px 12px;
}

.zekerheid tr td.icon {
    width:70px;
}

.zekerheid tr td.icon img {
    float:left;
    padding:0px;
}

.zekerheid tr td h2 {
    font-size:18px;
    padding:24px 0px 0px 0px;
    margin:0px;
    width:420px;
}

#zeker-bestel
{
    float: right;
    margin-top: -20px;
}

#zeker-bestel a
{
    height: 43px;
    width: 171px;
    background:url('../images/btn-bestel.png') no-repeat 0 0;
    display: block;
}

#zeker-bestel a img
{
    border: none;
}

#zeker-bestel a:hover
{
    background:url('../images/btn-bestel.png') no-repeat 0 -43px;
}