html {
	height: 100%;
}


/* STANDAARD HTML-ELEMENTEN */
body {
	margin: 0px;
	background: #f5f5f5 url(/images/background.gif) 0px 0px repeat-x;
}

/* HIER */

table.tussenkoppen label {
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	color: #4c4c4c;
}
table.nieuwsbrieftable {
	color: #4c4c4c;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
}
table.nieuwsbrieftable td {
	vertical-align: top;
}
ol.nieuwsbrief {
	width: 240px;
}

.formLang {
	width: 376px;
	height: 18px;
	padding: 1px;
	border: none;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	background: url(../images/contact_formveld_groot.gif) no-repeat left top;
}

.formLangInput {
	width: 373px;
	height: 16px;
	padding: 0px 0px 0px 2px;
	border: none;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	color: #4c4c4c;
}
.formLangFile {
	width: 373px;
	height: 16px;
	padding: 0px 0px 0px 2px;
	border: none;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	color: #4c4c4c;
}
.formMiddel {
	float: left;
	width: 281px;
	height: 18px;
	padding: 1px;
	border: none;
	color: #4c4c4c;
	background: url(../images/contact_formveld_middel.gif) no-repeat left top;
}
.formMiddelInput {
	width: 278px;
	height: 15px;
	border: none;
	padding: 0px 0px 0px 2px;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	color: #4c4c4c;
}

.formKort {
	float: left;
	width: 90px;
	height: 18px;
	padding: 1px;
	margin: 0px 3px 0px 0px;
	border: none;
	color: #4c4c4c;
	background: url(../images/contact_formveld_klein.gif) no-repeat left top;
}

.formKortNummer {
	float: left;
	width: 90px;
	height: 18px;
	padding: 1px;
	margin: 0px 0px 0px 2px;
	border: none;
	color: #4c4c4c;
	background: url(../images/contact_formveld_klein.gif) no-repeat left top;
}

.formKortInput {
	width: 86px;
	height: 15px;
	border: none;
	padding: 0px 0px 0px 2px;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	color: #4c4c4c;
}

.formExtraKortInput {
	float: left;
	width: 50px;
	height: 18px;
	padding: 1px;
	border: none;
	color: #4c4c4c;
	background: url(../images/contact_formveld_extrakort.gif) no-repeat left top;
}

.formBestelOmschrijvingInput {
	float: left;
	width: 235px;
	height: 18px;
	padding: 1px;
	border: none;
	color: #4c4c4c;
	background: url(../images/contact_formveld_bestelomschrijving.gif) no-repeat left top;
}

.formBestelInhoudInput {
	float: left;
	width: 160px;
	height: 18px;
	padding: 1px;
	border: none;
	color: #4c4c4c;
	background: url(../images/contact_formveld_bestelinhoud.gif) no-repeat left top;
}

.dropDown {
	width: 377px;
	height: 19px;
	color: #330033;
	padding: 0px 0px 0px 0px;
}

.textArea {
	width: 376px;
	height: 100px;
	padding: 1px 0px 1px 1px;
	color: #4c4c4c;
	border: none;
	background: url(../images/contact_formveld_textarea.gif) no-repeat left top;
}

.textAreaInput {
	width: 373px;
	height: 97px;
	color: #4c4c4c;
	border: none;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
}
.verzend {
	width: 68px;
	height: 19px;
	float: right;
	padding: 0px 0px 0px 0px;
	border: none;
	color: #4c4c4c;
	cursor: pointer;
	background: url(../images/contact_formveld_verzend.gif) no-repeat left top;
}

.verzend:hover {
	background: url(../images/contact_formveld_verzend.gif) no-repeat right top;
}
.antwoordDiv {
	display: none;
}

.googleMap {
	margin-top: 13px;
	height: 350px;
	overflow: hidden
}

/* HIER EINDE */



body,
input,
select,
textarea {
	color: #4c4c4c;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
}

a:link,
a:visited,
a:active {
	text-decoration: none;
	color: #55a3de;
} 
a:hover {
	text-decoration: underline;
	color: #009270;
}

img,
table {
	border: 0px;
}

hr {
	padding: 0px;
	margin: 0px;
}

p {
	margin: 0px 0px 16px 0px;
}

h1 {
	font: bold 16px/20px Arial, Helvetica, sans-serif;
	color: #009270;
	margin: 0px;
	padding: 0px;
}

h2 {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #009270;
	margin: 0px;
	padding: 0px;
}

h3 {
	font: bold 16px/22px Arial, Helvetica, sans-serif;
	letter-spacing: 10px;
	color: #009270;
	margin: 0px;
	padding: 0px;
}


h4 {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

h5 {
	font: bold 16px/22px Arial, Helvetica, sans-serif;
	letter-spacing: 10px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}


ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none;
	padding: 0px 0px 0px 20px;
	background: url(/images/list.gif) 10px 6px no-repeat;
}

.vraag {
	float: left;
	display: block;
	width: 718px;
	padding: 0px 0px 0px 20px;
	background: url(/images/list.gif) 10px 6px no-repeat;
	text-decoration: none;
	color: #55a3de;
	cursor: pointer;	
}
.antwoord {
	height: 100px;
	float: left;
	overflow: hidden;
	padding: 0px 0px 0px 20px;
}

/* FORMULIEREN */
form {
	margin: 0px;
}

input,
select,
textarea {
	background: #fff;
}

label {
	cursor: pointer;
}

#zoekwoord {
	float: left;
	width: 113px;
	height: 18px;
	border: none;
	padding: 0px 5px 0px 5px;
	margin: 18px 0px 0px 38px;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
}
#submitzoek {
	float: left;
	width: 20px;
	height: 20px;
	margin: 17px 0px 0px 6px;
}

/* CONTAINERS */
.containerMain {
	width: 960px;
	min-height: 18px;
	margin: 0px auto 0px auto;
	padding: 0 0 10px 0;
}
.containerMainLeft {
	width: 182px;
	min-height: 18px;
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 40px 0px 0px 0px;
}

.containerMainRight {
	width: 768px;
	min-height: 18px;
	float: right;
}

.logo-man-vrouw {
	width: 182px;
	height: 199px;
	margin: 10px 0px 0px 0px;
	float: left;
}
.containerRightTop {
	width: 768px;
	height: 40px;
	float: left;
	background: url(/images/right-bg-top.gif) 0px 0px no-repeat;
}
.container-ubevindtzichhier {
	width: 374px;
	height: 35px;
	float: left;
	padding: 5px 0px 0px 10px;
	line-height: 18px;
}

.container-ubevindtzichhier a {
	color: black;    
}

.container-zoeken {
	width: 192px;
	height: 40px;
	float: left;
}
.container-toprechts {
	width: 187px;
	height: 22px;
	float: left;
	padding: 18px 0px 0px 5px;
}
.container-home-row1 {
	clear: both;
	float: left;
	width: 768px;
	height: 340px;
}
.container-productdetail-row1 {
	clear: both;
	float: left;
	width: 768px;
	height: 270px;	
}
.container-productgroep-row1 {
	clear: both;
	float: left;
	width: 768px;
	height: 270px;	
}
.container-template-row1 {
	clear: both;
	float: left;
	width: 768px;
	height: 270px;
}
.container-home-row2 {
	clear: both;
	float: left;
	width: 768px;
	height: 170px;
	margin: 10px 0px 0px 0px;
}
.container-productgroep-row2 {
	clear: both;
	float: left;
	width: 768px;
	height: 240px;
	margin: 10px 0px 0px 0px;
}
.container-template-row2-top {
	clear: both;
	float:left;
	width: 768px;
	height: 2px;
	margin: 10px 0px 0px 0px;
	background: url(/images/productdetail-top.gif ) 0px 0px no-repeat;
	overflow: hidden;
}
.container-template-row2 {
	clear: both;
	float: left;
	width: 768px;
	min-height: 50px;
	_height: 50px;
	padding: 16px 0px 10px 0px;
	background: url(/images/productdetail-bg.gif) 0px 0px repeat-y;
}
.container-template-row2-bottom {
	clear: both;
	float: left;
	width: 768px;
	height: 4px;
	background: url(/images/productdetail-bottom.gif ) 0px 0px no-repeat;
	overflow: hidden;
}
.container-productdetail-row2-top {
	clear: both;
	float: left;
	width: 768px;
	height: 2px;
	margin: 10px 0px 0px 0px;
	background: url(/images/productdetail-top.gif ) 0px 0px no-repeat;
	overflow: hidden;
}
.container-productdetail-row2 {
	clear: both;
	float: left;
	width: 768px;
	min-height: 50px;
	_height: 50px;
	padding: 16px 0px 16px 0px;
	background: url(/images/productdetail-bg.gif) 0px 0px repeat-y;
}
.container-productdetail-row2-bottom {
	clear: both;
	float:left;
	width: 768px;
	height: 4px;
	background: url(/images/productdetail-bottom.gif ) 0px 0px no-repeat;
	overflow: hidden;
}
.container-home-row-news {
	clear: both;
	float: left;
	width: 768px;
	height: 30px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 30px;
}
.container-home-row-news a:link,
.container-home-row-news a:visited,
.container-home-row-news a:active,
.container-home-row-news a:hover {
	color: #009270;
	text-decoration: none;
}
.container-home-row3 {
	clear: both;
	float: left;
	width: 768px;
	height: 170px;
	margin: 10px 0px 0px 0px;
}
.container-footer {
	clear: both;
	float: left;
	width: 758px;
	height: 40px;
	background: url(/images/footer-bg.gif) 0px 0px no-repeat;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	line-height: 40px;
	color: #999999;
}
.footer-nummer {
	font: bold 14px/40px Arial, Helvetica, sans-serif;
	color: #009270;
}
.container-footer-left {
	float: left;
}
.container-footer-right {
	float: right;
	text-align: right;
	padding: 0px 20px 0px 0px;
}
.container-home-row1-left {
	float: left;
	width: 571px;
	height: 340px;
}
.container-productdetail-row1-left {
	float: left;
	width: 571px;
	height: 270px;
}
.container-productgroep-row1-left {
	float: left;
	width: 571px;
	height: 270px;
}
.container-home-row1-right {
	float: left;
	width: 187px;
	height: 340px;
	margin: 0px 0px 0px 10px;
}
.container-productdetail-row1-right {
	float: left;
	width: 187px;
	height: 270px;
	margin: 0px 0px 0px 10px;
}
.container-productgroep-row1-right {
	float: left;
	width: 187px;
	height: 270px;
	margin: 0px 0px 0px 10px;
}
.noflash {
	text-align: center;
	font: bold 10px/12px Arial, Helvetica, sans-serif;
	color: #cccccc;
}
.productdetail-left {
	float: left;
	width: 258px;
	min-height: 20px;
	_height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.productdetail-middle {
	float: left;
	width: 258px;
	min-height: 20px;
	_height: 20px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}
.productdetail-leftmiddle {
	float: left;
	width: 536px;
	min-height: 20px;
	_height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.template-text .productdetail-leftmiddle .productdetail-middle {
	width: 258px;
}
.productdetail-leftmiddle .productdetail-middle {
	width: 257px;
}
.productdetail-right {
	float: left;
	width: 172px;
	min-height: 20px;
	_height: 20px;
	margin: 0px 0px 0px 30px;
}
.template-text {
	width: 738px;
	min-height: 20px;
	_height: 20px;
	margin: 0px 10px 0px 20px;
}
.contact-left {
	clear: both;
	float: left;
	width: 546px;
	min-height: 20px;
	_height: 20px;
	margin: 0px 0px 0px 0px;
}
.contact-right {
	float: left;
	width: 162px;
	min-height: 20px;
	_height: 20px;
	margin: 0px 0px 0px 20px;
}

/* MENU LEFT */
.left-menu-top {
	width: 182px;
	height: 38px;
	margin: 15px 0px 0px 0px;
	background: url(/images/left-menu-top.gif) 0px 0px no-repeat;
	float: left;
}
.left-menu-bottom {
	width: 182px;
	height: 20px;
	background: url(/images/left-menu-bottom.gif) 0px 0px no-repeat;
	float: left;
}

.left-menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
.left-menu li {
	padding: 0px;
	width: 182px;
	min-height: 20px;
	background: url(/images/left-menu-bg-hoofditem.gif) 0px 0px no-repeat;
}
.left-menu li a:link,
.left-menu li a:visited,
.left-menu li a:active {
	padding: 0px 10px 0px 10px;
	font: bold 12px/20px Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	text-decoration: none;
}
.left-menu li a:hover {
	color: #009270;
}
.left-menu li a:link .raquo,
.left-menu li a:visited .raquo,
.left-menu li a:active .raquo {
	color: #55a3de;
}
.left-menu li a:hover .raquo,
.left-menu li.open a:link .raquo,
.left-menu li.open a:visited .raquo,
.left-menu li.open a:active .raquo,
.left-menu li.open a:hover .raquo {
	color: #009270;
}

.left-menu li .left-submenu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: none;
}
.left-menu li.open .left-submenu {
	display: block;
}

.left-menu li .left-submenu li {
	width: 182px;
	min-height: 20px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background: url(/images/left-menu-bg-subitem.gif) bottom left no-repeat;
}

* html .left-menu li .left-submenu li {
	height: 20px;
}

.left-menu li .left-submenu li a:link,
.left-menu li .left-submenu li a:visited,
.left-menu li .left-submenu li a:active {
	padding: 0px 10px 2px 20px;
	margin: 0px;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #3c9dc6;
	text-decoration: none;
	background: url(/images/left-menu-list.gif) 10px 6px no-repeat;
	display: block;
	overflow-x: hidden;
}
.left-menu li .left-submenu li a:hover {
	color: #009270;
	text-decoration: underline;
	background: url(/images/left-menu-list-hover.gif) 10px 6px no-repeat;
}
.left-menu li .left-submenu li a:link.actief,
.left-menu li .left-submenu li a:visited.actief,
.left-menu li .left-submenu li a:active.actief,
.left-menu li .left-submenu li a:hover.actief {
	color: #009270;
	text-decoration: underline;
	background: url(/images/left-menu-list-hover.gif) 10px 6px no-repeat;
}

#clickBlocker {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	cursor: default;
	opacity:0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	background: #fff;
}

/* ALGEMEEN */
.floatleft {
	float: left;
}




    /* Clear calendar's float, using dialog inbuilt form element */
    #container .bd form {
        clear:left;
    }

    /* Have calendar squeeze upto bd bounding box */
    #container .bd {
        padding:0;
    }

    #container .hd {
        text-align:left;
    }

    /* Center buttons in the footer */
    #container .ft .button-group {
        text-align:center;
    }

    /* Prevent border-collapse:collapse from bleeding through in IE6, IE7 */
    #container_c.yui-overlay-hidden table {
        *display:none;
    }

    /* Remove calendar's border and set padding in ems instead of px, so we can specify an width in ems for the container */
    #cal {
        border:none;
        padding:1em;
    }

    /* Datefield look/feel */
    .datefield {
        position:relative;
        top:0px;
        left:0px;
        white-space:nowrap;
        width:221px;
        padding:0px;
    }

    .datefield input,
    .datefield button,
    .datefield label  {
        vertical-align:middle;
    }

    .datefield label  {
        font-weight:bold;
    }

    .datefield button  {
        padding:0 5px 0 5px;
        margin-left:0px;
		height: 20px;
    }

    .datefield button img {
        padding:0;
        margin:0;
        vertical-align:middle;
    }

	.showKalender {
		width: 40px;
		height: 19px;
		float: left;
		padding: 0px 0px 0px 0px;
		border: none;
		color: #4c4c4c;
		cursor: pointer;
		background: url(../images/contact_formveld_kalender.gif) no-repeat left top;
	}

	.showKalender:hover {
		background: url(../images/contact_formveld_kalender.gif) no-repeat right top;
	}
	
    /* Example box */
    .box {
        position:relative;
    }




/* HACK -> 'Display-Table'-vervanger */
.containerMain:after,
div.left-menu li .left-submenu li:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

/* Styles voor de print variant */
@media print
{
    .NoPrint { 
    	display: none;
    }
}