/************************************************************************************************/
/*template*/
/************************************************************************************************/
*{margin:0;padding:0; font-family: Arial,Sans-serif;}
a img{border:none;}
body{ font-size: 12px; background: #85b92c url(../images/body_background.jpg) top repeat-x; }
fieldset{border: none;}
ul { list-style: none; }
a { color: black; }
.left { float: left; }
.right { float: right; }
.textright { text-align:right; }
table { border-collapse: collapse; }
.center { text-align: center; }
.right { text-align: right; }
input.text { border: 1px solid #7f9db9; }
li.dark { line-height: 25px;  display:block;}
.linethrough { text-decoration:line-through;}

.linethroughWithImage
{
    background:transparent url(../images/linethrough.gif) repeat-x scroll left 7px;
    color:#000000;
    
    font-weight:normal;

}

/************************************************************************************************/
/*headers en andere layout (gr)*/
/************************************************************************************************/
h2.header { color: #067897; font-size: 14px; text-transform:uppercase; }
ul.vragen { width:550px;}
ul.vragen_small { width:200px;}
ul.vragen li { width:550px; float:left; }
ul.vragen_small li { width:200px; }
ul.vragen li div { float:left; display:block; width: 510px; }
ul.vragen_small li div { float:left; display:block; width: 160px; }
ul.vragen li em.number { float:left; width:30px; text-decoration:none; font-style:normal; color:#067897; }
ul.vragen_small li em.number { float:left; width:30px; text-decoration:none; font-style:normal; color:#067897; }
ul.adres li { width: 400px;}
ul.adres li em.adreslabel{ float:left; width: 150px; font-style:normal; }
div.algemeen strong,
strong.stronger {padding:10px 0 0 0; display:block;	color: #067897; }


div.policy li strong{padding:10px 0 0 0; display:inline;	color: #067897; }
div.policy p
{
padding:10px 0 0 !important;
}

div.policy ol, div.policy ul
{

	padding-left: 25px;
}

ul.bullet
{
	padding-left: 5px;
	list-style-type: disc;
}

div.policy a
{
	text-decoration: underline;
	}


.questions ul div.inner { padding: 4px; }
.questions ul div.answer {	display: none; padding-left: 50px; padding-top: 2px; }
.questions ul div.question { padding-top: 2px; }
.questions ul .open div.answer {display: block; }
.blauwelijn th { border-top:solid 1px #71b1c2;border-bottom:solid 1px #71b1c2; }

/************************************************************************************************/
/*container*/
/************************************************************************************************/
#container { width: 914px; background: url(../images/container_background.jpg) repeat-y; margin: 0 auto; }
#container div.container_top { background: url(../images/header_background.png) top no-repeat; }
#container div.container_bottom { position: relative; overflow: hidden; padding-bottom: 20px; height: 100%; background: url(../images/container_bottom.png) bottom no-repeat; }

/************************************************************************************************/
/*header*/
/************************************************************************************************/
#header { position: relative; height: 235px; overflow: hidden; width: 100%; }

/*phone*/
#header div.phone { position: absolute; width: 274px; height: 83px; background: url(../images/phone.png); left: 357px; top: 134px; }

/*home*/
#header div.home { position: absolute; right: 15px; top: 31px; }
#header div.home a { display: block; overflow: hidden; text-indent: 300px; line-height: 68px; height: 68px; width: 78px; background: url(../images/button_home.png); }

/*home2*/
#header div.home2 { position: absolute; left: 50px; top: 0px; }
#header div.home2 a { display: block; background-image: url(../images/ogendicht.gif);  height: 268px; width: 160px; }

/*home3*/
#header div.home3 { position: absolute; left: 205px; top: 36px; }
#header div.home3 a { display: block; overflow: hidden; text-indent: 300px; line-height: 68px; height: 40px; width: 580px; }

/************************************************************************************************/
/*navigation*/
/************************************************************************************************/
#navigation { width: 120px; float: left; display: inline; margin:0 0 0 24px; padding: 33px 0 0; }
#navigation ul { overflow: hidden; }
#navigation li { margin-bottom: 0px; display: inline; }
#navigation li a { display: block; height: 100%; }
#navigation li img { display: block; }

/************************************************************************************************/
/*main*/
/************************************************************************************************/
#main { width: 609px; float: left; overflow: hidden; padding-bottom: 55px; }

/*toplinks*/
#main div.toplinks { float: right; padding-right: 10px; white-space: nowrap; }
#main div.toplinks li { display: inline; padding-right: 17px; }
#main div.toplinks li img { vertical-align: middle; margin-right: 6px; }

/*productlist*/
#main div.productlist { margin: 30px 0 0 26px;}
#main div.productlist li {float:left;height:122px;margin:0 9px 15px 0;overflow:hidden;position:relative;width:281px;}
#main div.productlist li div.wrapper {height:122px;overflow:hidden;background: url(../images/productlist_item_larger.png); }
#main div.productlist li div.wrapper h2.title  {font-size:14px;
font-weight:bold;
height:21px;
line-height:17px;
margin:4px 0 2px;
overflow:hidden;
padding-left:13px;}
#main div.productlist li div.wrapper div.info {float:left; padding:4px 0 0 13px; width:105px;}
#main div.productlist li div.wrapper div.image { width:163px; float: left; text-align: center; padding-top: 0px; }
#main div.productlist li div.wrapper em { font-weight: bold; font-style: normal; display: block; font-size: 14px; padding:7px 0 5px; }
#main div.productlist li div.wrapper strong { font-size: 24px; color: #e2001a; }
#main div.productlist li div.wrapper a.moreinfo { position: absolute; right: 8px; bottom: 6px; }

/*quicksearch*/
#main div.quicksearch { margin: 30px 0 0 35px; width: 552px; height: 37px; background: url(../images/quicksearch_background.png); }
#main div.quicksearch fieldset { padding: 7px 0 0 15px; }
#main div.quicksearch label { color: white; font-weight: bold; vertical-align: middle; margin-right: 7px; }
#main div.quicksearch select { vertical-align: middle; }

/*resultlist*/
#main div.resultlist { margin: 10px 0 0 34px; width: 554px; }
#main div.resultlist li { height: 59px; width: 554px; overflow: hidden; background: url(../images/resultlist_item.png); margin-top: 7px; }
#main div.resultlist li div.image { width: 116px; float: left; text-align: center; padding-top: 3px; }
#main div.resultlist li div.info { width: 278px; float: left; position: relative; padding: 12px 0 0 20px; height: 46px; overflow: hidden; }
#main div.resultlist li div.info h3 { font-size: 16px; }
#main div.resultlist li div.info p { line-height: 22px; padding-right: 5px; }
#main div.resultlist li div.info a.moreinfo { position: absolute; right: 12px; top: 13px; }
#main div.resultlist li div.price { width: 115px; float: left; text-align: right; padding-top: 8px;  }
#main div.resultlist li div.price em { font-weight: bold; font-style: normal; font-size: 16px; display: block; padding-bottom: 3px; }
#main div.resultlist li div.price strong { color: #e2001a; font-size: 21px; }

/*textpage*/
#main div.textpage { margin: 20px 22px 0 30px; }
#main div.textpage h1 { font-size: 28px; }
#main div.textpage p { padding: 21px 0 0; line-height: 16px; }
#main div.textpage img.right { margin: 15px 20px 10px 20px; }

/*ordersteps*/
#main div.ordersteps {overflow:hidden; height: 41px; line-height: 41px; width: 535px; margin: 25px 0 10px 45px; }
#main div.ordersteps p { float: left; font-weight: bold; color: #067897; }
#main div.ordersteps ol { float: right; list-style:none outside none;}
#main div.ordersteps ol li { float: left; margin-left: 7px; }
#main div.ordersteps ol li img { display: block; }

/*tabs*/
#main div.tabs { width: 554px; margin: 15px 0 0 30px; background: url(../images/tabs_background.png) repeat-y; }
#main div.tabs div.top { background: url(../images/tabs_top.png) top repeat-x; }
#main div.tabs div.bottom { background: url(../images/tabs_bottom.png) bottom no-repeat; height: 100%; overflow: hidden; padding-bottom: 10px; }
#main div.tabs ul.tabbuttons { overflow: hidden; }
#main div.tabs ul.tabbuttons li { width: 115px; float: left; text-align: center; line-height: 33px; height: 30px; overflow: hidden; margin-right: 5px; background: url(../images/tabs_item.png) no-repeat; }
#main div.tabs ul.tabbuttons li a { text-decoration: none; }
#main div.tabs ul.tabbuttons li a:hover { text-decoration: underline; }
#main div.tabs ul.tabbuttons li.active { height: 31px; font-weight: bold; }

/*producttable*/
#main div.producttable { width: 537px; margin: 5px auto; border-bottom: 1px solid #067897; padding-bottom: 5px; }
#main div.producttable table { width: 100%; }
#main div.producttable thead th { font-weight: bold; text-align: left;margin-bottom: 6px; height:26px; background-color: #cde4ea; }
#main div.producttable thead th.center { text-align: center; }
#main div.producttable thead th.textright { text-align: right; }
#main div.producttable td span.reduction { color: red; white-space: normal; }
#main div.producttable td.actions img { margin: 0 10px; }

/*nextstep*/
div.nextstep { height: 29px; margin: 10px 0 0; font-size: 14px; text-align: center; padding-right: 10px;  }
div.nextstep a.step { line-height: 29px; font-weight: bold; color: white; text-decoration: none; width: 112px; float: right; background: url(../images/button_nextstep_rood.gif); }
div.nextstep a.step:hover { text-decoration: underline; }
div.nextstep fieldset { line-height: 29px; float: left; padding-left: 20px; font-size: 12px; }
textarea.txtareacontact {border: 1px solid #7f9db9;}

/*productspecial*/
#main div.productspecial { width: 552px; background: url(../images/productspecial_background.png) repeat-y; margin: 12px 0 0 31px; }
#main div.productspecial div.bottom { background: url(../images/productspecial_bottom.png) bottom no-repeat; height: 100%; overflow: hidden; }
#main div.productspecial h2 { color: white; height: 31px; line-height: 31px; background: url(../images/productspecial_top.png); padding: 0 19px; font-size: 13px; }
#main div.productspecial div.item { width: 255px; float: left; display: inline; margin: 16px 0 13px 20px; }
#main div.productspecial div.item div.image { width: 125px; float: left; }
#main div.productspecial div.item div.info { width: 130px; float: left; }
#main div.productspecial div.item h3 { font-size: 12px; }
#main div.productspecial div.item p { line-height: 17px; padding: 3px 0 7px; }
#main div.productspecial div.item a.add img { vertical-align: middle; margin-right: 6px; }

/*addressform*/
#main div.addressform { width: 540px; margin: 16px auto; height: 292px; overflow: hidden; position:relative; background: url(../images/addressform_background.png) 261px 20px no-repeat; }
#main div.addressform fieldset { float: left; }
#main div.addressform fieldset.left { width: 260px; }
#main div.addressform fieldset.right { width: 260px; margin-left: 16px; }
#main div.addressform fieldset.right div.nextstep a.step { position:absolute; bottom: 0; right:13px; }
#main div.addressform fieldset h3 { font-size: 12px; margin-bottom: 4px; }
#main div.addressform fieldset div.entry { height: 21px; line-height: 21px; padding-top: 4px; clear: both; text-align:left;}
#main div.addressform fieldset label { float: left; width: 100px; text-align: left;}
#main div.addressform fieldset input.text { float:left; font-size:13px; height:18px; line-height:15px; vertical-align:middle; width:145px;}
#main div.addressform fieldset input.text.small { width: 31px; margin-right: 5px; }
#main div.addressform fieldset input.text.medium { width: 90px; }
#main div.addressform fieldset div.entry.special input { float: left; }
#main div.addressform fieldset div.entry.special p { float: left; width: 160px; color: red; line-height: 14px; padding-left: 5px; }
#main div.addressform fieldset div.entry.special em { float: left; width:200px; line-height: 14px; padding-left: 3px; text-align: left; padding-bottom: 20px; }

/*contactform*/
#main div.contactform { width: 515px; margin: 16px auto; height: 100%; overflow: hidden; background: url(../images/contactform_background.png) 261px 20px no-repeat; }
#main div.contactform fieldset { float: left; }
#main div.contactform fieldset.left { width: 260px; }
#main div.contactform fieldset.right { width: 230px; margin-left: 16px; }
#main div.contactform fieldset h3 { font-size: 12px; margin-bottom: 4px; }
#main div.contactform fieldset div.entry { height: 21px; line-height: 21px; padding-top: 4px; clear: both; }
#main div.contactform fieldset label { float: left; width: 100px; }
#main div.contactform fieldset input.text { float: left; height: 17px; line-height: 15px; vertical-align: middle; font-size: 10px; width: 128px; }
#main div.contactform fieldset input.text.small { width: 31px; margin-right: 5px; }
#main div.contactform fieldset input.text.medium { width: 90px; }
#main div.contactform fieldset div.entry.special input { float: left; }
#main div.contactform fieldset div.entry.special p { float: left; width: 160px; color: red; line-height: 14px; padding-left: 5px; }
div.contactformtxtarea2 { float: right; width:240px;}


/*orderoverview*/
#main div.orderoverview { width: 525px; margin: 5px 0 50px 15px; height: 100%; overflow: hidden; }
#main div.orderoverview h3 { font-size: 12px; margin-bottom: 3px; }
#main div.orderoverview p { line-height: 17px; }
#main div.orderoverview div.billing { float: left; width: 160px; margin-right: 10px; padding-top: 15px; }
#main div.orderoverview div.delivery { float: left; width: 160px; padding-top: 15px; }
#main div.orderoverview div.price { float: right; width: 190px; line-height: 22px; }
#main div.orderoverview div.price label { width: 110px; float: left; text-align: right; margin-right: 20px; clear: both; }
#main div.orderoverview div.price span { float: left; width: 60px; text-align: right; }
#main div.orderoverview div.price strong { float: left; width: 60px; text-align: right; text-decoration: underline; }

/*paymentoptions*/
#main div.paymentoptions { width: 525px; margin: 15px auto; height: 100%; overflow: hidden; }
#main div.paymentoptions div.options { width: 337px; float: left; margin-right: 25px; }
#main div.paymentoptions div.options li { height: 79px; width: 337px; float: left; background-color: #e9f3f6; clear: both; }
#main div.paymentoptions div.options li.even { background-color: white; }
#main div.paymentoptions div.options div.image { float: left; width: 108px; text-align: center; padding-top: 10px; }
#main div.paymentoptions div.otpions div.image img { vertical-align: middle; }

#main div.paymentoptions div.options span { float: left; width: 205px; margin-top: 30px; margin-left:20px;}
#main div.paymentoptions div.options label input {margin-left:-20px;}


#main div.paymentoptions div.info { float: left; width: 160px; }
#main div.paymentoptions div.info h4 { font-size: 12px; }
#main div.paymentoptions div.info p { padding: 2px 0 10px; line-height: 16px; }

/*details_description*/
#main div.details_description { width: 510px; margin: 10px auto 0; padding-top: 5px; height: 100%; overflow: hidden; position: relative; }
#main div.details_description h3 { font-size: 14px; margin: 10px 0 0; }
#main div.details_description p { padding: 3px 0 0; line-height: 17px; }
#main div.details_description a.print { position: absolute; right: 0; top: 0; }
#main div.details_description a.print img { vertical-align: middle; margin-right: 6px; }

/*details_info*/
#main div.details_info { width: 510px; margin: 30px auto 10px; height: 100%; overflow: hidden; }
#main div.details_info div.image { width: 217px; float: left; position: relative; margin-right: 40px; }
#main div.details_info div.image img { display: block; }
#main div.details_info div.image a.zoom { position: absolute; top: 0; right: 0; }
#main div.details_description div.image { width: 217px; float: left; position: relative; margin-right: 40px; }
#main div.details_description div.image img { display: block; }
#main div.details_description div.image a.zoom { position: absolute; top: 0; right: 0; }

#main div.details_description div.imageaf { width: 200px; float: left; position: relative; margin-right: 40px; }
#main div.details_description div.imageaf img { display: block; }
#main div.details_description div.imageaf a.zoom { position: absolute; top: 0; right: 0; }

#main div.details_description div.image_doos { width: 100px; position: relative; margin-right: 40px; }
#main div.details_description div.image_doos img { display: block; }
#main div.details_description div.image_doos a.zoom { position: absolute; top: 0; right: 0; }

#main div.details_info h2 { font-size: 22px; margin-bottom: 15px; }
#main div.details_info div.info { float: left; width: 253px; }
#main div.details_info div.info p { padding: 12px 0 10px; }
#main div.details_info div.info em { font-size: 16px; font-weight: bold; font-style: normal; display: block; padding: 3px 0 5px; }
#main div.details_info div.info strong { font-size: 24px; color: #e2001a; display: block; }
#main div.details_info div.price { float: left; width: 123px; }


/************************************************************************************************/
/*logos*/
/************************************************************************************************/
#logos { width: 155px; float: left; margin: 5px 0 0; text-align: center; background: url(../images/logos_background.png) left 20px no-repeat; }
#logos li { display: inline; }
#logos li a { display: block; margin: 22px 0 0; }
#logos li img { display: block; margin: 0 auto; }

/************************************************************************************************/
/*footer*/
/************************************************************************************************/
#footer { position: absolute; text-align: center; width: 570px; bottom: 34px; left: 175px; }
#footer li { display: inline; padding: 0 6px; }

div.popup {
	border:solid 1px #e2001a;
	background-color:#fff;
	color: #000;
	font: normal 20px arial, helvetica, sans-serif;
	height: 115px;
	margin: 0 0 0 0;
	padding: 30px 0 0 40px;
	width: 435px;
	z-index: 1010;
}

div.overlay_login {
    position: fixed;    
    _position: absolute;
    border: 1px solid #EEEEEE;
    background-color: White;
    top: 50%;
    margin-top: -200px;
    left: 50%;
    margin-left: -260px;
    padding: 15px;
    width: 520px;
}

div.blackout
{
    /*}*/
    top:0;
    left:0;
    position: fixed;    
    _position: absolute;
    width: 100%;
    height:1800px;
    background-color: White;
 	z-index: 1000;
    opacity: 0.8;
    filter:alpha(opacity=80);
   
}


div.popdown{ margin:10px 0 0 0;	width:400px; height:22px; }



.customerquote{
    color:#4B4B4B; 
    display:block;
    font-style:italic; 
    margin:5px 0 0 20px;
}


ul.customerquotefilter
{
    margin-top:4px;
    width:100%;
    display:inline-block;
    background: #fff url(../images/filter-op-tabs-bg.gif) repeat-x 0 0;
}

ul.customerquotefilter li
{
    margin: 0 0 0 0;
    float: left;
}
ul.customerquotefilter li.large.first,
ul.customerquotefilter li.first
{
    background: #fff url(../images/filter-op-tabs-bg.gif) repeat-x 0 0;
    /*padding: 0 0 0 4px*/
}


ul.customerquotefilter li.large.last,
ul.customerquotefilter li.last
{
    /*padding: 0 4px 0 0;*/
    background: #fff url(../images/filter-op-tabs-bg.gif) repeat-x 0 0;
}

ul.customerquotefilter li a
{
    float: left;
    height: 27px;
    text-decoration:none;
}


ul.customerquotefilter li.large a:hover, 
ul.customerquotefilter li.large a.active,
ul.customerquotefilter li a:hover, 
ul.customerquotefilter li a.active
{
    background-position: 0 -27px;
    text-decoration: none;
}

ul.customerquotefilter li a span
{
    color:#668691;
    cursor:pointer;
    float:left;
    font-weight:bold;
    overflow:hidden;
    padding:9px 0 0;
    text-align:center;
    font-size:0.85em;
    text-transform:uppercase;
}

ul.customerquotefilter li a:hover span,
ul.customerquotefilter li a.active span
{
    color: #0069be;
}


ul.customerquotefilter li,
ul.customerquotefilter li.first,
ul.customerquotefilter li.last,
ul.customerquotefilter li a,
ul.customerquotefilter li a span
{
    width:35px;
}
ul.customerquotefilter li a{
    background: #fff url(../images/filter-op-tab-small.gif) no-repeat 0 0;
}

ul.customerquotefilter li.large,
ul.customerquotefilter li.large.first,
ul.customerquotefilter li.large.last,
ul.customerquotefilter li.large a,
ul.customerquotefilter li.large a span
{
    width:114px;
}
ul.customerquotefilter li.large a{
    background: #fff url(../images/filter-op-tab-large.gif) no-repeat 0 0;
}

.pointer
{
	cursor:pointer;
}