/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1111114;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/javascripts/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1111110;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1111111;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1111112;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1111111;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('/javascripts/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1111113;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/javascripts/fancybox/blank.gif');
	z-index: 11111102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1111112;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/javascripts/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/javascripts/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1111111;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/javascripts/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/javascripts/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/javascripts/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/javascripts/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/javascripts/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/javascripts/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/javascripts/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/javascripts/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 11111102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/javascripts/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('/javascripts/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/javascripts/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('/javascripts/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/javascripts/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/javascripts/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/javascripts/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/javascripts/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/javascripts/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/javascripts/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/javascripts/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/javascripts/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/javascripts/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/javascripts/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/javascripts/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/javascripts/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/javascripts/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/javascripts/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/javascripts/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/javascripts/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }/*
	Description	: basic styles for jQuery Plugin "Form-Designer". feel free to customize this styles
	Author		: Steffen Hollstein
	Author URI	: http://www.steffenhollstein.de
	Project Page: http://code.google.com/p/jquery-formdesigner-plugin/
*/
@import url("jquery.formdesigner-basic.css");
@import url("jquery.formdesigner-skin-default.css");.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	z-index: 999999;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	width: 100%;
	background: #FF6600;
	border:1px solid #FFFFFF;
	position:relative;
	z-index:999999;
	color: #fff;
	width: 150px;
	font-size: 11px;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.formError .formErrorArrow {
	width: 21px;
	margin: -1px 0 0 13px;
	position:relative;
	z-index: 999999;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	font-size: 0px;
	height: 1px;
	background: #FF6600;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}


.formError .formErrorArrow .line10 {
	width: 19px;
}

.formError .formErrorArrow .line9 {
	width: 17px;
}

.formError .formErrorArrow .line8 {
	width: 15px;
}

.formError .formErrorArrow .line7 {
	width: 13px;
}

.formError .formErrorArrow .line6 {
	width: 11px;
}

.formError .formErrorArrow .line5 {
	width: 9px;
}

.formError .formErrorArrow .line4 {
	width: 7px;
}

.formError .formErrorArrow .line3 {
	width: 5px;
}

.formError .formErrorArrow .line2 {
	width: 3px;
}

.formError .formErrorArrow .line1 {
	width: 1px;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 12, 2011 04:52:37 AM America/New_York */



@font-face {
    font-family: 'Lato';
    src: url('Lato-BlackItalic-webfont.eot');
    src: url('Lato-BlackItalic-webfont.eot?#iefix') format('eot'),
         url('Lato-BlackItalic-webfont.woff') format('woff'),
         url('Lato-BlackItalic-webfont.ttf') format('truetype'),
         url('Lato-BlackItalic-webfont.svg#webfontWYxY3URr') format('svg');
    font-weight: 900;
    font-style: italic;

}

@font-face {
    font-family: 'lato';
    src: url('Lato-Black-webfont.eot');
    src: url('Lato-Black-webfont.eot?#iefix') format('eot'),
         url('Lato-Black-webfont.woff') format('woff'),
         url('Lato-Black-webfont.ttf') format('truetype'),
         url('Lato-Black-webfont.svg#webfont2vG1HO74') format('svg');
    font-weight: 900;
    font-style: normal;

}

@font-face {
    font-family: 'Lato';
    src: url('Lato-BoldItalic-webfont.eot');
    src: url('Lato-BoldItalic-webfont.eot?#iefix') format('eot'),
         url('Lato-BoldItalic-webfont.woff') format('woff'),
         url('Lato-BoldItalic-webfont.ttf') format('truetype'),
         url('Lato-BoldItalic-webfont.svg#webfontDnbove81') format('svg');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'Lato';
    src: url('Lato-Bold-webfont.eot');
    src: url('Lato-Bold-webfont.eot?#iefix') format('eot'),
         url('Lato-Bold-webfont.woff') format('woff'),
         url('Lato-Bold-webfont.ttf') format('truetype'),
         url('Lato-Bold-webfont.svg#webfontQibrf0WF') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Lato';
    src: url('Lato-Italic-webfont.eot');
    src: url('Lato-Italic-webfont.eot?#iefix') format('eot'),
         url('Lato-Italic-webfont.woff') format('woff'),
         url('Lato-Italic-webfont.ttf') format('truetype'),
         url('Lato-Italic-webfont.svg#webfontOyyHRIea') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'Lato';
    src: url('Lato-Regular-webfont.eot');
    src: url('Lato-Regular-webfont.eot?#iefix') format('eot'),
         url('Lato-Regular-webfont.woff') format('woff'),
         url('Lato-Regular-webfont.ttf') format('truetype'),
         url('Lato-Regular-webfont.svg#webfontHlqc3w9Z') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Lato';
    src: url('Lato-LightItalic-webfont.eot');
    src: url('Lato-LightItalic-webfont.eot?#iefix') format('eot'),
         url('Lato-LightItalic-webfont.woff') format('woff'),
         url('Lato-LightItalic-webfont.ttf') format('truetype'),
         url('Lato-LightItalic-webfont.svg#webfontaHyWEDzK') format('svg');
    font-weight: 300;
    font-style: italic;

}

@font-face {
    font-family: 'Lato';
    src: url('Lato-Light-webfont.eot');
    src: url('Lato-Light-webfont.eot?#iefix') format('eot'),
         url('Lato-Light-webfont.woff') format('woff'),
         url('Lato-Light-webfont.ttf') format('truetype'),
         url('Lato-Light-webfont.svg#webfontAnx2vAsJ') format('svg');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'Lato';
    src: url('Lato-HairlineItalic-webfont.eot');
    src: url('Lato-HairlineItalic-webfont.eot?#iefix') format('eot'),
         url('Lato-HairlineItalic-webfont.woff') format('woff'),
         url('Lato-HairlineItalic-webfont.ttf') format('truetype'),
         url('Lato-HairlineItalic-webfont.svg#webfontxvZLheVY') format('svg');
    font-weight: 100;
    font-style: italic;

}

@font-face {
    font-family: 'Lato';
    src: url('Lato-Hairline-webfont.eot');
    src: url('Lato-Hairline-webfont.eot?#iefix') format('eot'),
         url('Lato-Hairline-webfont.woff') format('woff'),
         url('Lato-Hairline-webfont.ttf') format('truetype'),
         url('Lato-Hairline-webfont.svg#webfontkk2RXOOP') format('svg');
    font-weight: 100;
    font-style: normal;

}

#popup_container {
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #F90;
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

#popup_title {
	display:none;
}

#popup_content {
	background: 16px 16px no-repeat url(images/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(/images/waarschuwing.png);
}

#popup_content.confirm {
	background-image: url(/images/waarschuwing.png);
}

#popup_content.prompt {
	background-image: url(images/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

body,td,th {
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:18px;
	color:#333333;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-bottom:0px;
}
img {
	border:0px;
	-ms-interpolation-mode:bicubic;
}
:-moz-any-link:focus {
  outline: none;
}
a, input {
  outline: none;
}

.tekst_klein {
	font-size:10px;
	line-height:13px;
}

h3 {
	font-weight:bold;
	margin:0px;
	padding:0px 0px 20px 0px;
	font-size:18px;
	line-height:24px;
	color:#636566;
}

hr {
	border:0px;
	border-bottom:4px solid #D0D1D1;
}

.container_990 {
	display:block;
	width:990px;
	overflow-x:hidden;
	margin:0 auto;
}

.container_266 {
	display:block;
	float:left;
	width:266px;
	overflow-x:hidden;
	margin:0px 20px 0px 0px;
}
.container_704 {
	display:block;
	float:left;
	width:704px;
	overflow-x:hidden;
	margin:0px 0px 0px 0px;
}

.margin {
	padding:16px;
}

#header {
	display:block;
	width:100%;
	height:158px;
	background-color:#E8E8E8;
	background-image:url(/images/header_achtergrond5.png);
	background-repeat:repeat-x;
	background-position: center center;
}

#header .logo {
	position:absolute;
	margin:0px;
}

#header .usp {
	position:absolute;
	margin:78px 0px 0px 290px;
	font-weight:bold;
	font-size:30px;
	line-height:50px;
	color:#636566;
	white-space:nowrap;
}
#header .usp div {
	float:left;
	padding:0px 20px 0px 0px;
}
#header .usp div a {
	display:block;
	font-size:16px;
	line-height:33px;
	height:33px;
	overflow-y:hidden;
	color:#636566;
	text-decoration:none;
	font-weight:normal;
}
#header .usp div a img {
	width:16px;
	height:16px;
	margin:0px 8px 0px 0px;
	vertical-align:middle;
}
#header .logos {
	position:absolute;
	margin:103px 0px 0px 890px;
	width:100px;
	text-align:right;
	font-weight:bold;
	font-size:30px;
	line-height:50px;
	color:#636566;
	white-space:nowrap;
}

#menu_header {
	position:absolute;
	width:690px;
	margin:16px 0px 0px 290px;
}

#menu_header ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
#menu_header ul li {
	list-style:none;
	padding:0px;
	margin:0px;
	float:left;
}
#menu_header ul li a {
	display:block;
	padding:0px 24px 0px 0px;
	font-size:13px;
	line-height:24px;
	text-decoration:none;
	color:#636566;
	font-weight:bold;
}
#menu_header ul li a:hover {
	color:#99CC00;
}
#menu_header ul li a img {
	vertical-align:middle;
	margin:0px 8px 0px 0px;
}
#menu_header .winkelwageninfo {
	float:right;
	text-align:right;
	color:#636566;
	font-size:12px;
}
#menu_header .winkelwageninfo a {
	padding:0px;
	font-weight:normal;
}
#menu_header .winkelwageninfo a.groot {
	font-size:15px;
	font-weight:bold;
}
#menu_header .winkelwageninfo .inloglink a {
	display:block;
	padding-top:6px;
	font-size:10px;
}

#footer {
	display:block;
	width:100%;
	height:250px;
	margin-top:20px;
	background-color:#EFF0F0;
	background-image:url(/images/header_achtergrond5.png);
	background-repeat:repeat-x;
	background-position: center center;
	border-top:4px solid #B1B2B2;
}

#zoeken {
	margin:0px;
	padding: 0px 16px 6px 0px;
}
#kruimelpad {
	padding: 8px 0px 8px 0px;
	color:#929394;
	font-size:10px;
	text-transform:lowercase;
}
#kruimelpad a {
	color:#929394;
	font-size:10px;
	text-decoration:none;
}
#kruimelpad a:hover {
	color:#99CC00;
	font-size:10px;
}

#zoeken {
	height:30px;
	overflow-y:hidden;
}
#zoeken input {
	margin:0px;
	padding:0px;
	width:150px;
	height:22px;
	border:1px solid #C1C1C2;
	color:#636566;
}

.overlay_header {
	position:relative;
	width:100%;
	background-color:#F7F7F7;
	font-size:13px;
	line-height:20px;
	color:#636566;
	border-bottom:1px solid #D0D1D1;
	overflow-y:hidden;
}
.overlay_header h2 {
	font-weight:bold;
	margin:0px;
	padding:0px 0px 10px 0px;
	font-size:20px;
	line-height:24px;
	color:#636566;
}
.overlay_header p {
	margin:0px;
	padding:10px 0px 0px 0px;
}
.overlay_header em {
	font-weight:bold;
	font-style: italic;
	color:#636566;
}

.overlay_main {
	position:absolute;
	width:920px;
	overflow-x:hidden;
	overflow-y:scroll;
	padding:0px;
	font-size:13px;
	line-height:20px;
	color:#636566;
}
.overlay_main h2 {
	font-weight:bold;
	margin:0px;
	padding:0px 0px 10px 0px;
	font-size:20px;
	line-height:24px;
	color:#636566;
}
.overlay_main h3 {
	font-weight:bold;
	margin:0px;
	padding:0px 0px 10px 0px;
	font-size:18px;
	line-height:20px;
	color:#636566;
}

.overlay_footer {
	position:absolute;
	z-index:444444;
	background-color:#FFF;
	bottom:0px;
	width:100%;
	height:64px;
	overflow-y:hidden;
	padding:0px;
	border-top:1px solid #D0D1D1;
	border-bottom:4px solid #99CC00;
}


#kleurkiezer_stalen {
	margin-right:-10px;
}

#kleurkiezer_stalen div {
	width:210px;
	height:120px;
	overflow:hidden;
	float:left;
	margin:0px 10px 10px 0px;
	font-size:12px;
	color:#002447;
}
#kleurkiezer_stalen div.nolink {
	cursor:default;
}
#kleurkiezer_stalen div h3 {
	font-weight:bold;
	width:210px;
	text-align:center;
	position:absolute;
	display:block;
	margin:3px 0px 0px 0px;
	padding:0px;
	font-size:12px;
	line-height:16px;
}
#kleurkiezer_stalen div h4 {
	font-weight:normal;
	width:210px;
	text-align:center;
	position:absolute;
	display:block;
	margin:17px 0px 0px 0px;
	padding:0px;
	font-size:10px;
	line-height:14px;
}
#kleurkiezer_stalen div h5 {
	font-weight:normal;
	width:210px;
	text-align:center;
	position:absolute;
	display:block;
	margin:100px 0px 0px 0px;
	padding:0px;
	font-size:10px;
	line-height:14px;
}
#kleurkiezer_stalen div img {
	display:block;
	margin:94px auto;
}
#kleurkiezer_stalen div input {
	display:block;
	position:absolute;
	z-index:22222;
	margin:8px 0px 0px 8px;
}

.preloader {
	position:absolute;
	z-index:22222;
	width:100%;
	margin:300px 0px 0px 0px;
	text-align:center;
}

.button_base {
	display:block;
	float:left;
	height:24px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:24px;
	overflow-y:hidden;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}
.button_base .button_text {
	height:24px;
	float:left;
	overflow-y:hidden;
	padding:0px 5px 0px 5px;
}
.button_base .button_right {
	height:24px;
	width:5px;
	cursor:pointer;
	overflow-y:hidden;
	margin:0px 0px 0px 0px;
	padding:0px;
	float:left;
}
.button_base .button_margin {
	margin:0px 10px 0px 0px;
}
.button_base .button_icon {
	cursor:pointer;
	margin:4px 6px 0px 0px;
	padding:0px;
	float:left;
}

.button_groen {
	cursor:pointer;
	background-image:url(/images/button_groen.gif);
}
.button_groen .button_right {
	background-image:url(/images/button_groen_r.gif);
}
.button_staal {
	cursor:pointer;
	background-image:url(/images/button_staal.gif);
}
.button_staal .button_right {
	background-image:url(/images/button_staal_r.gif);
}
.button_wit {
	cursor:pointer;
	background-image:url(/images/button_wit.gif);
	color:#333333;
}
.button_wit .button_right {
	background-image:url(/images/button_wit_r.gif);
}
.button_transparant {
	cursor:pointer;
	background-image:none;
	color:#333333;
}
.button_transparant .button_right {
	background-image:none;
}

.button_large_base {
	display:block;
	float:left;
	height:36px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:36px;
	overflow-y:hidden;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}
.button_large_base .button_text {
	height:36px;
	float:left;
	overflow-y:hidden;
	padding:0px 7px 0px 7px;
}
.button_large_base .button_right {
	height:36px;
	width:7px;
	cursor:pointer;
	overflow-y:hidden;
	margin:0px 0px 0px 0px;
	padding:0px;
	float:left;
}
.button_large_base .button_margin {
	margin:0px 10px 0px 0px;
}
.button_large_base .button_icon {
	cursor:pointer;
	margin:10px 9px 0px 0px;
	padding:0px;
	float:left;
}
.button_large_groen {
	cursor:pointer;
	background-image:url(/images/button_large_groen.gif);
}
.button_large_groen .button_right {
	background-image:url(/images/button_large_groen_r.gif);
}

.button_large_staal {
	cursor:pointer;
	background-image:url(/images/button_large_staal.gif);
}
.button_large_staal .button_right {
	background-image:url(/images/button_large_staal_r.gif);
}


#buttons_large div {
	width:266px;
	margin:0px 0px 16px 0px;
	background-color:#C1C1C2;
	background-image:url(/images/buttons_groot_rondehoeken_l.png);
	background-position:left;
	background-repeat:no-repeat;
}
.button_large {
	display:block;
	height:64px;
	overflow-y:hidden;
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(/images/buttons_groot_rondehoeken_r.png);
	background-position:right;
	background-repeat:no-repeat;
	color:#333333;
	font-size:10px;
	line-height:12px;
	padding:0px 6px 0px 0px;
}
a.button_large:hover {
	color:#FFFFFF;
}
.button_large img {
	float:left;
	margin:0px 3px 0px 6px;
	height:64px;
	width:64px;
}
.button_large span {
	padding-top:10px;
	padding-bottom:3px;
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}

.left {
	float:left;
}
.right {
	float:right;
	margin-right:0px;
}
.clear {
	clear:both;
}
.whitespace {
	display:block;
	width:100%;
	height:16px;
	overflow-y:hidden;
}

h1 img, h2 img, h3 img, h4 img {
	width:48px;
	height:48px;
	margin:0px 8px 3px 0px;
	vertical-align:middle;
}



ul.sf-menu {
	position:absolute;
	z-index:100000;
	visibility:hidden;
	width:890px;
}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:absolute;
	display:none;
	margin:0px;
	padding:0px;
	list-style:none;
	background-color:#EFF0F0;
	border-top: 4px solid #99CC00;
	border-bottom: 4px solid #99CC00;
}
.sf-menu ul li ul {
	border-top: 0px;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	white-space:nowrap;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			32px; /* match top ul list item height */
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	display:block;
	padding:0px 10px 0px 10px;
	margin:0px;
	height:32px;
	overflow-y:hidden;
	font-size:13px;
	font-weight:bold;
	line-height:32px;
	text-decoration:none;
	color: #FFFFFF;
	border-left: 1px solid #9A9B9C;
}
.sf-menu a:hover {
	color:#fff;
	background-color:#828485;
	background-image:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
}
.sf-menu ul li a {
	display:block; 
	color:#636566;
	white-space:nowrap;
	overflow-x:hidden;
	border-left: 0px;
	border-right: 0px;
	border-top: 1px solid #F7F7F7;
	border-bottom: 1px solid #E0E0E0;
	background-image:none;
}
sf-menu ul li a:hover {
	color:#FFFFFF;
	border-top: 1px solid #737475;
	background-color:#737475;
}

.sf-menu a.current {
	color:#99CC00;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/images/menu_pijl_totaal.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


#menu_links {
	display:block;
	background-color:#EFF0F0;
	background-image:url(/images/rondehoeken_266_boven.png);
	background-repeat:no-repeat;
	width:266px;
	overflow-x:hidden;
	padding-top:16px;
	margin-bottom:16px;
}
#menu_links .header {
	padding:0px 0px 0px 16px;
	font-size:11px;
}

#menu_links h3 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:18px;
	font-weight:bold;
	color:False;
}
#menu_links ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#menu_links ul li {
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu_links ul li.current {
	font-size:18px;
}
#menu_links ul li a {
	font-size:13px;
	display:block;
	line-height:15px;
	font-weight:bold;
	color:#333333;
	background-color:#FAFAFA;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #EFF0F0;
	background-image:url(/images/menu_pijl_z.png);
	background-repeat:no-repeat;
	background-position:right center;
	text-decoration:none;
	padding:6px 4px 6px 16px;
	text-shadow: 0px 1px 0px #FFFFFF;
}
#menu_links ul li ul li a {
	background-color:#FAFAFA;
	padding:6px 4px 6px 36px;
	background-image:url(/images/menu_pijl_o.png);
	font-weight:normal;
}
#menu_links ul li a:hover {
	background-color:#FFFFFF;
}
#menu_links ul li a.current {
	color:#99CC00;
}

#menu_links .onder {
	display:block;
	width:266px;
	height:20px;
	background-image:url(/images/rondehoeken_266_onder.png);
	background-repeat:no-repeat;
	background-position:bottom;
}



.ac_input {
}
.ac_results {
	padding: 0px;
	border: 1px solid #B1B2B2;
	background-color: #FFFFFF;;
	overflow:hidden;
	z-index:999999;
}

.ac_results ul {
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	color: #333333;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 25px 2px 5px;
	width:250px;
	cursor: pointer;
	display: block;
	width: auto;
	font: menu;
	font-size: 12px;
	border-bottom:1px solid #EFF0F0;
}
.ac_loading {
	background : url('/images/indicator.gif') right center no-repeat;
}
.ac_over {
	background-color: #929394;
	color: #FFFFFF;
}



#topartikelen {
	display:block;
	background-color:#EFF0F0;
	background-image:url(/images/rondehoeken_266_boven.png);
	background-repeat:no-repeat;
	width:266px;
	overflow-x:hidden;
	padding-top:16px;
	margin-bottom:16px;
}
#topartikelen .header {
	padding:0px 0px 10px 16px;
	font-size:11px;
}

#topartikelen h3 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:18px;
	font-weight:bold;
	color:#636566;
}
#topartikelen ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#topartikelen ul li {
	list-style:none;
	margin:0px;
	padding:0px;
}
#topartikelen ul li a {
	font-size:13px;
	display:block;
	line-height:15px;
	font-weight:bold;
	color:#333333;
	background-color:#FAFAFA;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #EFF0F0;
	background-image:url(/images/menu_pijl_o.png);
	background-repeat:no-repeat;
	background-position:right center;
	text-decoration:none;
	text-shadow: 0px 1px 0px #FFFFFF;
	padding:6px 4px 6px 16px;
}
#topartikelen ul li a:hover {
	background-color:#FFFFFF;
}
#topartikelen .onder {
	display:block;
	width:266px;
	height:20px;
	background-image:url(/images/rondehoeken_266_onder.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

.artikelen {
	width:704px;
	overflow-x:hidden;
}
.artikelen .overflow {
	width:724px;
}

.artikelen_slider {
	width:704px;
	height:248px;
	overflow:hidden;
}


.artikel_kl {
	display:block;
	width:342px;
	height:132px;
	overflow:hidden;
	float:left;
	margin:0px 20px 20px 0px;
	background-position:bottom;
	background-repeat:repeat-x;
}
.artikel_kl .hoeken {
	display:block;
	width:342px;
	height:132px;
	overflow:hidden;
}
.artikel_kl .afb {
	position:absolute;
	cursor:pointer;
}
.artikel_kl .afb img {
	position:absolute;
	margin:7px 0px 0px 7px;
}
.artikel_kl .tip {
	position:absolute;
	margin: 85px 0px 0px 10px;
	width:40px;
	height:40px;
	background-image:url(/images/tip.png);
	background-position:bottom;
	background-repeat: no-repeat;
}
.homeartikelen .tip {
	display:none;
}
.artikel_kl .tekst {
	position:absolute;
	margin:10px 0px 0px 132px;
	width:205px;
	font-size:11px;
	color: #858585;
}
.artikel_kl .tekst h2 {
	display:block;
	margin:0px 0px 6px 0px;
	padding:0px;
	color: #333333;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
}
.artikel_kl .tekst h2 a {
	text-decoration:none;
	color: #333333;
}
.artikel_kl .tekst h2 a:hover {
	color: #99CC00;
}
.artikel_kl .prijs {
	position:absolute;
	margin:70px 0px 0px 132px;
	padding:0px;
	color: #858585;
	font-weight:bold;
	font-size:16px;
	line-height:18px;
}
.artikel_kl .aanbieding {
}
.artikel_kl .prijs i {
	color: #858585;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
}
.artikel_kl .prijs s {
	color: #858585;
	font-size:10px;
	font-weight:normal;
}
.artikel_kl .buttons {
	position:absolute;
	margin:99px 0px 0px 132px;
}
.artikel_kl em {
	color: #FF6600;
	font-size:14px;
}

.artikel_gr {
}

.artikel_gr .artikel_links {
	float:left;
	width:476px;
	padding: 0px 0px 24px 0px;
	overflow-x:hidden;
	overflow-y:hidden;
}

.artikel_gr .artikel_links h1 {
	display:block;
	font-size:26px;
	line-height:26px;
	color: #636566;
	padding:10px 0px 6px 0px;
	margin:0px;
}
.artikel_gr .artikel_links .verbruik {
	display:block;
	font-size:12px;
	line-height:12px;
	color: #A1A3A3;
	padding:0px;
	margin:0px;
}
.artikel_gr .artikel_links .reclame {
	display:block;
	font-size:17px;
	line-height:17px;
	color: #FF6600;
	padding:10px 0px 0px 0px;
	margin:0px;
	font-style:italic;
}
.artikel_gr .artikel_rechts {
	float:left;
	width:228px;
	overflow-x:hidden;
	overflow-y:hidden;
}
.artikel_gr .artikel_rechts .inner {
	 float:right;
}
.artikel_gr .afb {
}
.artikel_gr .afb img {
	display:block;
}
.artikel_gr .tip {
	position:absolute;
	margin: -40px 0px 0px 10px;
	width:40px;
	height:40px;
	background-image:url(/images/tip.png);
	background-position:bottom left;
	background-repeat: no-repeat;
}
.artikel_gr .prijs {
	color: #858585;
	font-weight:bold;
	font-size:24px;
	line-height:16px;
	text-align:left;
	padding-top:10px;
	padding-left:16px;
}
.artikel_gr .aanbieding {
	color: #FF6600;
}
.artikel_gr .prijs i {
	color: #858585;
	font-size:12px;
	line-height:18px;
	font-style:normal;
	font-weight:normal;
}
.artikel_gr .prijs s {
	color: #858585;
	font-size:12px;
	font-weight:normal;
}


.artikel_gr .levering {
	margin-top:16px;
	color: #ADADAD;
	font-weight:normal;
	font-style:italic;
	font-size:16px;
	line-height:20px;
	text-align:left;
	padding-left:16px;
}

.artikel_gr .levering img {
	float:left;
	margin:3px 6px 20px 0px;
}

.artikel_slide {
	display:block;
	width:704px;
	height:248px;
	overflow:hidden;
	float:left;
	margin:0px;
	background-color: #828485;
	background-image:url(/images/artikel_slide_shine.png);
}
.artikel_slide .hoeken {
	display:block;
	width:704px;
	height:248px;
	overflow:hidden;
	background-image:url(/images/artikel_slide_rondehoeken.png);
}
.artikel_slide .afb {
	float:right;
	margin-right:10px;
}
.artikel_slide .afb img {
	margin:10px 0px 0px 10px;
	float:left;
	cursor:pointer;
}
.artikel_slide .tip {
	float:left;
	margin: 198px 0px 0px -40px;
	width:40px;
	height:40px;
	background-image:url(/images/tip.png);
	background-position:bottom;
	background-repeat: no-repeat;
}
.artikel_slide .tekst {
	position:absolute;
	margin:14px 0px 0px 20px;
	width:446px;
	height:160px;
	overflow-y:hidden;
	font-size:14px;
	line-height:20px;
	color: #FFFFFF;
}
.artikel_slide .tekst h2 {
	display:block;
	margin:0px 0px 6px 0px;
	padding:0px;
	color: #FFFFFF;
	font-weight:bold;
	font-size:24px;
	line-height:28px;
}
.artikel_slide .tekst h2 a {
	text-decoration:none;
	color: #FFFFFF;
}
.artikel_slide .prijs {
	position:absolute;
	margin:170px 0px 0px 0px;
	width:460px;
	padding:0px;
	color: #FFFFFF;
	font-weight:bold;
	font-size:22px;
	line-height:26px;
	text-align:right;
}
.artikel_slide .prijs i {
	font-style:normal;
	font-weight:normal;
	font-size:12px;
}
.artikel_slide .buttons {
	position:absolute;
	margin:170px 0px 0px 20px;
}

#artikelen_slider_nav {
	position:absolute;
	margin:-28px 0px 0px 20px;
	z-index:999;
}
#artikelen_slider_nav a {
	display:block;
	float:left;
	width:16px;
	height:16px;
	line-height:17px;
	text-align:center;
	font-size:9px;
	overflow:hidden;
	margin: 0px 5px 0px 0px;
	text-decoration:none;
	color: #333333;
	background-image:url(/images/artikel_slide_bullet.png);
}
#artikelen_slider_nav a.activeSlide {
	background-image:url(/images/artikel_slide_bullet_groen.png);
}
#artikelen_slider_nav a:focus {
	outline: none;
}

.submerk_kl {
	display:block;
	width:342px;
	height:132px;
	overflow:hidden;
	float:left;
	margin:0px 20px 20px 0px;
	background-position:bottom;
	background-repeat:repeat-x;
	background-color: #EBEBEB;
	background-image:url(/images/submerk_kl_verloop.png);
}
.submerk_kl .hoeken {
	display:block;
	width:342px;
	height:132px;
	overflow:hidden;
	background-image:url(/images/artikel_kl_rondehoeken.png);
}
.submerk_kl .afb {
	position:absolute;
	cursor:pointer;
	margin:7px 0px 0px 160px;
	width:168px;
	height:118px;
	overflow:hidden;
}
.submerk_kl .afb img {
	position: absolute;
	right: 0px;
    bottom: 0px;
}
.submerk_kl .tekst {
	position:absolute;
	margin:10px 0px 0px 16px;
	width:205px;
	font-size:14px;
	color: #858585;
}
.submerk_kl .tekst h2 {
	display:block;
	margin:0px 0px 6px 0px;
	padding:0px;
	color: #333333;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
}
.submerk_kl .tekst img {
	margin:6px 0px 12px 0px;
}

.submerk_kl .tekst h2 a {
	text-decoration:none;
	color: #333333;
}
.submerk_kl .tekst h2 a:hover {
}
.submerk_kl .buttons {
	position:absolute;
	margin:89px 0px 0px 16px;
}
.submerk_kl em {
	color: #FF6600;
	font-size:14px;
}

#balk_menu_boven {
	width:100%;
	height:32px;
	overflow:hidden;
	background-color: #636566;
	background-image:url(/images/menu_boven_achtergrond.png);
	border-top:4px solid #FFFFFF;
}
#balk_menu_boven .logos {
	float:right;
}
#balk_menu_boven .logos img {
	margin-left:5px;
}
.balk_groen {
	width:100%;
	height:4px;
	overflow-y:hidden;
	background-color: #99CC00;
}
.balk_donkerblauw {
	width:100%;
	height:4px;
	overflow-y:hidden;
	background-color: #636566;
}
.balk_licht {
	width:100%;
	height:4px;
	overflow-y:hidden;
	background-color: #D0D1D1;
}
.balk_wit {
	width:100%;
	height:4px;
	overflow-y:hidden;
	background-color:#FFFFFF;
}

#winkelwagen {
	padding-bottom:20px;
}

#winkelwagen table {
	border:0px;
	border-collapse:collapse;
	width:100%;
}
#winkelwagen table th, #winkelwagen table td {
	padding:2px 5px 2px 0px;
	border-bottom:1px solid #D0D1D1;
	color: #333333;
	text-align:left;
	font-size:12px;
	vertical-align:baseline;
}
#winkelwagen table th {
}
#winkelwagen table th s {
	color: #858585;
	font-size:10px;
	text-decoration:none;
}
#winkelwagen table td img {
	vertical-align:middle;
	margin-right:5px;
}
#winkelwagen table td input {
	width:32px;
	margin-right:5px;
}
#winkelwagen table td s {
	color: #858585;
	font-size:10px;
}

#winkelwagen table .rechts {
	text-align:right;
	padding-left:20px;
}
#winkelwagen table .middle {
	vertical-align:middle;
}

#winkelwagen table tbody tr:last-child td {
	border-top:2px solid #D0D1D1;
	border-bottom:0px;
}

#winkelwagen table tbody tr td.totaal {
	padding:13px 5px 8px 0px;
	color:#636566;
	font-size: 20px;
}
#winkelwagen table tfoot td {
	border:0px;
	padding:2px 5px 0px 0px;
	color: #929394;
}

.besparing {
	font-weight:bold;
	color:#99CC00;
}

.content {
	color: #333333;
	font-size:14px;
	line-height:22px;
}

.content h1, .content .kop {
	color:#99CC00;
	display:block;
	padding:0px 0px 10px 0px;
	margin:0px;
	font-size:30px;
	line-height:36px;
	font-weight:bold;
}
.content h2 {
	color:#636566;
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:24px;
	line-height:32px;
	font-weight:bold;
}
.content a {
	color: #858585;
}
.content a:hover {
	color: #99CC00;
}

.content_kl {
	color:#333333;
	font-size:12px;
	line-height:18px;
}
.content_kl h1, .content .kop {
	color:#99CC00;
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:24px;
	line-height:32px;
	font-weight:bold;
}
.content_kl h2 {
	color:#636566;
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:18px;
	line-height:28px;
	font-weight:bold;
}
.content_kl a {
	color: #A1A3A3;
}
.content_kl a:hover {
	color: #99CC00;
}


.keuzeverfijnen {
	width:342px;
	margin-right:20px;
	padding:0px;
}
.keuzeverfijnen .header {
	padding:0px 0px 16px 0px;
	font-size:11px;
}

.keuzeverfijnen h3 {
	margin:0px;
	padding:0px;
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	color:False;
}
.keuzeverfijnen ul {
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px;
}
.keuzeverfijnen ul li {
	list-style:none;
	padding:0px;
	margin:0px;
}
.keuzeverfijnen ul li a {
	font-size:13px;
	display:block;
	line-height:15px;
	font-weight:bold;
	color:#333333;
	background-color:#FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-decoration:none;
	padding:6px 0px 6px 0px;
}
.keuzeverfijnen ul li a img {
	vertical-align:middle;
	margin:0px 0px 0px 10px;
}
.keuzeverfijnen ul li a:hover {
	color:#99CC00;
}
.keuzeverfijnen .onder {
	display:block;
	width:342px;
	height:20px;
}


.budgetverfadviseert {
	width:342px;
}

#flash_kleurenkiezer {
	display:block;
	width:986px;
	padding-left:4px;
	height:461px;
	overflow-x:hidden;
	background-color:#FFFFFF;
}

.steps {
	
}
.steps ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
.steps ul li {
	display:block;
	list-style:none;
	padding:0px 7px 0px 0px;
	margin:0px;
	float:left;
	background-image:url(/images/step_right.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#C1C1C2;
}
.steps ul li a {
	display:block;
	line-height:31px;
	height:31px;
	overflow-y:hidden;
	color:#FFFFFF;
	text-decoration:none;
	padding:0px 20px 0px 20px;
	background-color:#C1C1C2;
	background-image:url(/images/step_left.gif);
	background-repeat:no-repeat;
}
.steps ul li a:hover {
	color:#FFFFFF;
}
.steps ul li:hover {
	color:#FFFFFF;
}
.steps ul li.actief {
	background-color:#99CC00;
}
.steps ul li.actief a {
	background-color:#99CC00;
}
.stephelp {
	width:342px;
	float:left;
	color:#707070;
	background-color:#FFF;
	font-size:11px;
	line-height:16px;
}

#faq {
	padding-top:20px;
	cursor:pointer;
}

#faq .faqvraag {
	padding-bottom:10px;
}
#faq .faqantwoord {
	display:none;
	padding:0px 0px 10px 20px;
}

.varianten_tabel {
	margin:16px 0px 16px 0px;
}
.varianten_tabel table {
	width:100%;
}
.varianten_tabel table th, .varianten_tabel table td {
	text-align:left;
	font-size:12px;
	line-height:15px;
	padding:3px 3px 3px 0px;
}
.varianten_tabel table td {
	cursor:pointer;
}

.varianten_tabel table th s {
	font-size:10px;
	color:#858585;
	text-decoration:none;
}
.varianten_tabel table td s {
	color:#858585;
	font-size:10px;
}
.varianten_tabel table td i {
	color:#858585;
	font-size:10px;
}

.kleurvlakje {
	display:block;
	float:left;
	width:24px;
	height:24px;
	overflow:hidden;
	background-image:url(/icons_24/colors_empty.png);
}
.kleurvlakje_hidden {
	display:block;
	float:left;
	width:24px;
	height:24px;
	overflow:hidden;
	visibility:hidden;
}
.kleurvlakje_kleurkiezer {
	display:block;
	float:left;
	width:24px;
	height:24px;
	overflow:hidden;
	background-image:url(/icons_24/colors.png);
}

.inwinkelwagen_tabel table {
}
.inwinkelwagen_tabel table th {
	text-align:left;
	font-size:9px;
	line-height:9px;
	padding:0px 6px 0px 6px;
}
.inwinkelwagen_tabel table td {
	text-align:left;
	font-size:12px;
	line-height:15px;
	padding:2px 6px 0px 6px;
}
.inwinkelwagen_tabel table td a {
	font-size:9px;
	line-height:9px;
	color:#333333;
	text-decoration:none;
}


#tabs_container {
	display:block;
	width:100%;
	height:33px;
	padding:0px;
	border-bottom:1px solid #CCCCCC;
}
.jtab-nav{
	position:absolute;
	display:block;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style: none;
}

.jtab-nav li{
	float: left;
	margin: 0px 2px 0px 0px;
	background-color:#EFF0F0;
}
.jtab-nav li a{
	display:block;
	height:32px;
	line-height:32px;
	overflow-y:hidden;
	color:#333333;
	text-decoration:none;
	font-size:12px;
	padding:0px 10px 0px 10px;
	border-left:1px solid #D0D1D1;
	border-right:1px solid #D0D1D1;
	border-top:1px solid #D0D1D1;
	border-bottom:1px solid #D0D1D1;
}

.jtab-nav li.active a{
	color: #333333;
	background-color:#FFF;
	border-bottom:1px solid #FFFFFF;
}	

.jtab-tab {
	width: 100%;
	
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 16px 0px 16px 0px;
	background-color: #FFFFFF;	
}

#tabs_contentcontainer {
	color:#333333;
	font-size:13px;
	line-height:18px;
}
#tabs_contentcontainer td, #tabs_contentcontainer th {
	color:#333333;
	font-size:13px;
	line-height:18px;
}
#tabs_contentcontainer h2 {
	display:block;
	margin:0px;
	padding:0px 0px 10px 0px;
	color:#636566;
	font-size:22px;
	line-height:29px;
}
#tabs_contentcontainer h3 {
	display:block;
	margin:0px;
	padding:10px 0px 10px 0px;
	color:#636566;
	font-size:18px;
	line-height:24px;
}
#tabs_contentcontainer a {
	color:#636566;
}
#tabs_contentcontainer a:hover {
	color:#99CC00;
}

#winkelartikelvenster {
	width:100%;
}
#winkelartikelvenster .header {
	width:100%;
	height:132px;
	padding:10px;
	overflow-y:hidden;
	background-color:#EFF0F0;
	border-bottom: 1px solid #636566;
}
#winkelartikelvenster .content {
	padding:0px 10px 10px 10px;
	height:222px;
	overflow-y:auto;
}

.downloadlink a {
	color: #C1C1C2;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	line-height:32px;
}
.downloadlink a img {
	vertical-align:middle;
	margin:0px 10px 0px 0px;
}

.artikelen_vergelijkbaar {
	
}
.artikelen_vergelijkbaar table {
	width:100%;
}
.artikelen_vergelijkbaar table td {
	font-size:11px;
	line-height:16px;
	padding:3px 10px 3px 0px;
	border-bottom:1px solid #E0E0E0;
	color: #707070;
}
.artikelen_vergelijkbaar table td h4 {
	display:block;
	padding:0px;
	margin:0px;
	line-height:18px;
}
.artikelen_vergelijkbaar table td h4 a {
	color: #858585;
	font-size: 14px;
	line-height:18px;
	text-decoration:none;
}
.artikelen_vergelijkbaar table td .prijs {
	display:block;
	padding:0px;
	margin:0px;
	color: #858585;
	font-weight:bold;
	font-size:16px;
	line-height:18px;
}
.artikelen_vergelijkbaar table td .aanbieding {
}
.artikelen_vergelijkbaar table td .prijs i {
	color: #858585;
	font-size:10px;
	line-height:12px;
	font-style:normal;
	font-weight:normal;
}
.artikelen_vergelijkbaar table td .prijs s {
	color: #858585;
	font-size:10px;
	font-weight:normal;
}
.artikelen_vergelijkbaar table td em {
	color: #FF6600;
	font-size:11px;
}

.merken_overzicht {
}
.merken_overzicht ul {
	display:block;
	padding:0px;
	margin:0px;
	list-style:none;
}
.merken_overzicht ul li {
	display:block;
	margin:0px 16px 16px 0px;
	padding:0px;
	list-style:none;
	float:left;
	width:216px;
	height:100px;
	border:1px solid #D0D1D1;
	text-align:center;
}
.merken_overzicht ul li a {
	display:block;
	line-height:100px;
	height:100px;
	font-size:16px;
	color: #636566;
	text-decoration:none;
}
.merken_overzicht ul li a:hover {
	color: #99CC00;
}

.container_mijnbudgetverf .container_form {
	margin-left:200px;
}

.container_mijnbudgetverf h2 {
	font-weight:bold;
	margin:0px;
	padding:0px 0px 10px 0px;
	font-size:20px;
	line-height:24px;
	color:#636566;
}

.container_form {
	width:332px;
}

.help {
	vertical-align:middle;
	margin:0px 0px 2px 5px;
}

ul.formlist {
	list-style:none;
	display:block;
	padding:0px;
	margin:0px;
}
ul.formlist li {
	list-style:none;
	display:block;
	padding:0px;
	margin:0px 0px 12px 0px;
	font-size:12px;
	line-height:16px;
}
ul.formlist li label {
	display:block;
	height:20px;
	padding:0px 0px 0px 0px;
	margin:0px;
	color:#636566;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
}
ul.formlist li input, ul.formlist li textarea {
	display:block;
	background-color:#F7F7F7;
	border:1px solid #D0D1D1;
	width:290px;
	height:22px;
	overflow-y:hidden;
	padding:0px 5px 0px 5px;
	margin:0px;
	font-color:#333333;
	font-size:14px;
	font-weight:normal;
	line-height:22px;
}
ul.formlist li textarea {
	height:100px;
}
ul.formlist li input.checkbox {
	float:left;
	vertical-align:middle;
	background:none;
	border:none;
	width:auto;
	height:auto;
	margin:0px 6px 6px 0px;
}
ul.formlist li input.radio {
	float:left;
	vertical-align:middle;
	background:none;
	border:none;
	width:auto;
	height:auto;
	margin:0px 6px 6px 0px;
}
ul.formlist li select {
	display:block;
	background-color:#F7F7F7;
	border:1px solid #D0D1D1;
	width:312px;
	height:24px;
	overflow-y:hidden;
	padding:0px 0px 0px 5px;
	margin:0px;
	font-color:#333333;
	font-size:14px;
	font-weight:normal;
	line-height:24px;
}
ul.formlist li .left {
	float:left;
	margin-right:10px;
}

ul.formlist li input.invisible {
	display:block;
	height:1px;
	width:0px;
	padding:0px;
	margin:0px 0px 0px 0px;
	overflow:hidden;
	border:0px;
	background-color:#FFF;
	color:#FFFFFF;
}

.foutmelding {
	color: #FF6600;
}

.container_bestellingen table {
	width:100%;
}

.container_bestellingen table tr th {
	padding:4px 0px 4px 0px;
	text-align:left;
}
.container_bestellingen table tr td {
	padding:4px 0px 4px 0px;
}

#kassa {
	background-color:#FAFAFA;
}
#kassa input {
	background-color:#FFFFFF;
}
#kassa textarea {
	background-color:#FFFFFF;
}
#kassa select {
	background-color:#FFFFFF;
}

table#kassa_table {
	
}
table#kassa_table td {
	width:310px;
	overflow-x:hidden;
	vertical-align:top;
	border-right:1px dotted #D0D1D1;
}
table#kassa_table .noborder {
	border:0px;
}
#kassa h2 {
	color:#99CC00;
	padding:0px 0px 16px 0px;
	margin:0px;
	font-size:18px;
	line-height:24px;
	font-weight:bold;
}
#kassa a {
	color:#99CC00;
	font-weight:bold;
	text-decoration:none;
}

table#bestelling {
	width:100%;
}

table#bestelling h2 {
	margin:0px;
	padding:0px 0px 5px 0px;
}

table#bestelling td, table#bestelling th {
	width:auto;
	padding:4px 12px 4px 0px;
	text-align:left;
	border-right:0px;
	border-bottom: 1px dotted #D0D1D1;
	vertical-align:top;
	font-size:12px;
	line-height:16px;
}
table#bestelling td.rechts, table#bestelling th.rechts {
	padding-right:0px;
	text-align:right;
}
table#bestelling td strong {
	font-size:14px;
}
table#bestelling tfoot td {
	text-align:right;
}

#bestelbutton_info {
	color:#636566;
	float:right;
	height:32px;
	line-height:32px;
	overflow-y:hidden;
	font-size:11px;
	margin:0px 20px 0px 0px;
}

.footer_column {
	float:left;
	padding:10px 20px 20px 0px;
	margin:10px 20px 0px 0px;
	border-right: 1px dotted #D0D1D1;
	color: #828485;
	font-size:12px;
	line-height:22px;
}
.footer_column_rechts {
	float:right;
	padding:10px 0px 20px 0px;
	margin:10px 0px 0px 0px;
	border:0px;
	color: #828485;
	font-size:12px;
	line-height:22px;
}
.footer_column ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
.footer_column ul li {
	padding:0px;
	margin:0px;
	list-style:none;
}
.footer_column a {
	color: #828485;
	font-size:12px;
	text-decoration:none;
}
.footer_column a:hover {
	color: #636566;
	text-decoration:underline;
}
.footer_column strong {
	font-size:14px;
}
.footer_column ul li a img {
	vertical-align:middle;
	margin:0px 8px 0px 0px;
}

.copyright {
	text-align:center;
	color: #B1B2B2;
	font-size:10px;
	padding:20px;
}

#productoverzicht {
	
}

#googlemaps {
	width:100%;
	height:600px;
}
#googlemaps_infovenster_container {
	display:none;
}
#googlemaps_infovenster {
	font-size:11px;
	line-height:15px;
}

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

.label_check input,
.label_radio input  { margin-right: 5px; }

.label_check,
.label_radio    { display:block;height:24px;width:24px;overflow:hidden;}
.label_radio    { background: url(/images/radio-off.png) no-repeat center; }
.label_check    { background: url(/images/check-off.png) no-repeat center; }
label.c_on      { background: url(/images/check-on.png) no-repeat center; }
label.r_on      { background: url(/images/radio-on.png) no-repeat center; }
.label_check input,
.label_radio input  { position: absolute; left: -9999px; }



@media print{
	body {
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
	}
	body,td,th {
		font-size: 12px;
		line-height: 20px;
		color: #000000;
	}
	.noprint {
		display:none;
	}
}