/* reset browser defaults */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0;	outline: 0;	font-size: 100%; font-family: inherit; }
:focus { outline: 0; }
body { line-height: 1;	color: black; }

table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after {	content: ""; }
blockquote, q { quotes: "" ""; }

/*classes*/
.first { margin-left:0 !important; }
.last { margin-right:0 !important; }
.top { margin-top:0 !important; }
.bottom{ margin-bottom:0 !important; }
.left { float:left; display: inline; }
.right { float:right; display: inline; }
.imagereplaced { margin:0; padding:0; display:block; overflow:hidden; text-indent:-9999999px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; zoom:1; }
.clear { clear:both; }
.navigation { list-style:none; list-style-type:none; margin:0; }
.navigation.horizontal:after { content: "."; display:block; height: 0; clear: both; visibility: hidden; }
.navigation.horizontal li { float:left; display:inline ; }	
.hidden, .print{ display:none; }

.content_titel { font-size: 1.2em; font-weight: bold; color:#007945; }
.kop { font-size: 1.5em; color:#007945; }

/*type*/
body, html { height:100%; }
html { font-size:62.5%; } body { background:#fff; margin:0; padding:0; }	
h1, h2, h3, h4, h5, h6 { font: normal normal normal 1em/1.4em Verdana, Helvetica, Tahoma, sans-serif;  margin-bottom:.3em; font-weight: bold; color:#007945; }
body { font: normal normal normal 1.2em/1.6em Verdana, Helvetica, Tahoma, sans-serif; color:#000; }		

h1 { font-size:1.5em; }
h2 { font-size:1.3em; }
h3 { font-size:1.1em; }

a, a:visited, a h1  { text-decoration:underline; color:#006633;  }
a:hover { text-decoration: none; color:#000000; }
p { display:block; margin:0em 0em 1em 0em;  }
p.intro { font-size:1.2em; font-weight: bold; }
p, blockquote, ul, ol, dl, form, table, pre { }

input[type="radio"], input[type="checkbox"], .radio, .checkbox { }, input[type="submit"] {}, input[type="text"] {}

/*navigation */
#nav { height:35px; padding-top:0px; margin-top:-5px; }
#nav li a { height:35px; display:block; padding-left:15px; padding-right:15px; border-left:2px solid #007945; background:url(../img/menu-item-bg.png) repeat-x; color:#fff;text-decoration: none; line-height:2.8; }
#nav li a:hover { background-position:0px -35px; }
#nav li.last a { border-right:2px solid #007945;}

/*structure*/
body, html { height:100%; }
body { background:#fff url(../img/site-bg.png) repeat-x; }
#sitewrapper { width:100%; margin:0px auto;  position:relative; height:auto !important; height:100%; min-height:100%; padding-bottom:60px; }
#header { width:940px; height:204px; background:url(../img/header-placeholder.png) no-repeat; margin:0px auto; margin-bottom:13px;}

#content { width:940px; margin:0px auto; }

#content #subnav { width:185px; margin-right:17px; } 

#content .box { width:157px; background:#007945 url(../img/box-header.png) no-repeat top center; padding:14px; padding-bottom:0px; margin-bottom:10px; color:#fff; font-size:0.9em;}
#content .box.lite a { color:#ffeb00; font-size:0.9em; }
#content .box.lite { width:136px; background:#7ab99e url(../img/box-light-header.png) no-repeat top center;  }
#content .box.lite ul { list-style:none; list-style-type:none; }
#content .box.lite ul li { padding-left:10px; background:url(../img/box-bullet.png) no-repeat left top; }
#content .box h2 , #content .box h3{ color:#fff; }
#content .box span.footer { width:185px; margin-left:-14px; height:9px; background:url(../img/box-footer.png) no-repeat bottom center; display:block;  }
#content .box.lite span.footer { width:164px; background:url(../img/box-light-footer.png) no-repeat bottom center;  }

#content .box.lite input.button { background:#fff; border:1px solid #000; }

#content #main { width:551px; margin-right:23px; }
#content #main .product { margin-bottom:20px; }
#content #main .product img { border:1px solid #007945; float:left; margin-right:15px; margin-left:10px;}

#content #main a.readmore { width:82px; height:19px; background:url(../img/button-bg.png) no-repeat; color:#fff; font-size:0.8em; display:inline-block; text-decoration: none; padding-left:5px; margin-bottom:10px;}

#content #main .product ul.thumbslist {  width:551px; height:49px; background:url(../img/thumbs-bg.png) repeat-x; margin-top:10px; padding-top:6px; padding-left:6px; }

#content #main .product ul.thumbslist img { margin-left:0px; }
#content #related { width:164px; margin-bottom:40px;}
#content #related a#hygienesluis-banner { width:169px; height:263px; background:url(../img/hygienesluis-banner.png) no-repeat; margin-bottom:7px; }
#content #related input.textfield { width:120px; }

#footerwrapper { width:100%; height:60px; background:url(../img/footer-bg.png) repeat-x; position:absolute; bottom:0px; }
#footerwrapper #footercontent { width:940px; margin:0px auto;  }
#footerwrapper #footercontent img { margin-top:-30px; }
.col { float:left; display:inline; }	


/******************************************************************
UITVOUWMENU
******************************************************************/	

.arrowlistmenu			{
								width: 95%; /*width of accordion menu*/
						}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
								font-family: Verdana;
								font-weight: normal;
								font-size: 11px;
								font-style:normal;
								color:#FFFF00;
								background-image:url(../images/img_19.jpg);
								background-repeat:no-repeat;
								background-position:left middle;
								margin-bottom: 5px; /*bottom spacing between header and rest of content*/
								padding: 2px 0 2px 19px; /*header text is indented 10px*/
								cursor: hand;
								cursor: pointer;
								margin-top: 1px;
						}

.menuheader a:hover		{
								color: #FFFF00;
						}

.arrowlistmenu ul		{ /*CSS for UL of each sub menu*/
								list-style-type: none;
								margin: 0;
								padding: 0;
								margin-bottom: 10px; /*bottom spacing between each UL and rest of content*/
						}

.arrowlistmenu ul li	{	
								line-height: 21px;
								font-style:normal;
						}

.arrowlistmenu ul li a		{
								color: #ffeb00;
								display: block;
								padding: 0px 0;
								padding-left: 19px; /*link text is indented 19px*/
								text-decoration: none;
								font-family: Verdana;
								font-weight: normal;
								font-size: 11px;
								line-height: 21px;
								border-bottom: 1px #34946b;
								border-bottom-style:solid;
						}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
								color: #ffffff;
								font-size: 11px;
								text-decoration: none;
						}

			/* .productBox { padding-top: 45px; padding-left: 27px; } */
			.productBox h3 { color: #007945; font-size: 1.5em; font-weight: bold; padding-bottom: 30px; }
			.productBox ul { list-style: none; width: 460px; margin-left:0; }
			.productBox li { background: url('../images/border.png') no-repeat 0 bottom; padding: 15px 0 20px; overflow: hidden; }
			.productBox h4 { color: #132530; font-size: 16px; font-weight: normal; padding-bottom: 15px; }
			.productBox .photo { float: left; width: 180px; padding-right: 20px; text-align: center; }
			.productBox .text { float: left; width: 250px; }
			.productBox p { line-height: 22px; padding-bottom: 15px; }
			.productBox a { display: block; width: 113px; text-decoration: none; float: right; font-weight: bold; color: #4b4e49; padding-left: 25px; line-height: 24px; background: url('../images/button2.png') no-repeat; }
			.productBox a:hover { background-position: 0 -24px; color: #fff; }
			.productBox img { display: inline; }
			
			/* ### photo box ### */
			/* .photoBox { padding-top: 45px; padding-left: 27px; } */
			.photoBox h3 { color: #007945; font-size: 1.5em; font-weight: bold; padding-bottom: 30px; }
			.photoBox img.main { margin-bottom: 25px; }
			/* .photoBox p { line-height: 22px; padding-bottom: 50px; margin-bottom: 15px; background: url('../images/border.png') no-repeat 0 bottom; } */
			.photoBox p { line-height: 22px; } 
			.photoBox ul { list-style: none; overflow: hidden; }
			.photoBox li { float: left; margin-right: 4px; }
			.photoBox li.last { margin-right: 0; }
			.photoBox a.button { display: block; width: 82px; line-height: 27px; color: #4b4e49; margin-top: 28px; font-size: 14px; font-weight: bold; text-decoration: none; padding-left: 30px; background: url('../images/button.png') no-repeat; }
			.photoBox a.button:hover { background-position: 0 -27px; color: #fff; }