/* CSS, (c) SemWeb.nl, SemWeb internet services 2008*/
* { 
    margin: 0; 
    padding: 0; 
    border: 0; 
}
html, body{
	margin: 0px;
	padding: 0px;
	font: 12px/1.5 Arial;
	color: #000000;
	background-color:#FFFFFF;
}
html,body { 
	background-image: url(../images/ergonomischeachtergrond.gif);
	background-repeat:repeat-x;
}
/* Begin Header CSS */
#ergonomischeheader {
	margin-left: auto;
	margin-right: auto;
	background-image:url(../images/welkombijhealth2office.jpg);
	background-repeat:no-repeat;
	width: 1000px;
	height: 173px;
}
.ergonomielogolocatie {
	margin-top:23px;
	margin-left:15px;
	float:left;
}
#ergonomischwerken {
	float:left;
	width:430px;
	overflow:hidden;
	margin-left:18px;
	margin-top:8px;
}	
#h2wonderdelen {
	width:395px;
	height:26px;
	float:right;
	margin-top:9px;
}
#ergonomischzoeken {
	width:247px;
	height:20px;
	float:right;
	margin-top:14px;
	margin-right:5px;
}
#zoekform {
	float:right;
}
.zoekformopmaak {
	margin-bottom: 4px; 
	height:16px; 
	font-size: 10px; 
	background-color: #f7f7f7; 
	color: #5B5B5B; 
	width: 140px; 
	border-color: #c4c4c4; 
	border: 1px solid;
	border-style:inset;
	}
#sizer {
	margin-left:5px;
	margin-top:5px;
	float:left;
	}
/* Einde Header CSS */
#welkombijhealth2office {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	background-color:#FFFFFF;
}	
/* Hoofd Kolom Links */
#ergonomie1{
	float:left;
	width: 190px;
	padding-left:10px;
	padding-top:10px;
}
#ergonomie1 a:link,
#ergonomie1 a:visited, 
#ergonomie1 a:active {
}
#ergonomie1 a:hover {
}
/* Einde Hoofd Kolom Links */
#belmijterug {
	width:175px;
	height:68px;
	background-image: url(../images/belmijterugback.gif);
	background-repeat: no-repeat;
}
/* Inhoud Home  */
#ergonomie2{
	float:left;
	width:615px;
}
#ergonomie2 a:link,
#ergonomie2 a:visited, 
#ergonomie2 a:active {
}
#ergonomie2 a:hover {
}
/* Einde Inhoud Home  */

#ergobrood {
	width:450px;
	padding-right:150px;
	margin-top:21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#615858;
	padding-bottom:3px;
	background-image:url(../images/bellenmethealth2office.gif);
	background-position: right top;
	background-repeat:no-repeat;
}
#ergobrood a:link,
#ergobrood a:visited, 
#ergobrood a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#837878;
	padding-bottom:3px;
	text-decoration: underline;
	background-image:none;
	padding-left:0px;
}
#ergobrood a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	padding-bottom:3px;
	text-decoration: underline;
	background-image:none;
	padding-left:0px;
}	
#ergonomietip {
	float:left;
	width:293px;
	height:176px;
	overflow:hidden;
}
#ergonomietip2 {
	float:left;
	margin-left:16px;
	width:293px;
	height:176px;
	overflow:hidden;
}
/* Inhoud Productweergave  */
/* Inhoud Product Links  */
.ergonomie{
	float:left;
	background-image:url(../images/h2oproductachtergrond.gif);
	background-repeat:no-repeat;
	width:270px;
	height:214px;
	padding:8px;
	margin-left:4px;
	margin-right:0px;
	margin-bottom:21px;
	overflow:hidden;
	color:#3382a6;
	font-size:13px;
}
.ergonomie a:link,
.ergonomie a:visited, 
.ergonomie a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3382a6;
	text-decoration: none;
}
.ergonomie a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3382a6;
	text-decoration: underline;
}

.ergonomie p{
	color:#3382a6;
	line-height: 1.7;
}
/* Einde Inhoud Product Links  */
/* Inhoud Product Rechts  */
.ergonomierechts{
	float:left;
	background-image:url(../images/h2oproductachtergrond.gif);
	background-repeat:no-repeat;
	width:270px;
	height:214px;
	padding:8px;
	margin-left:21px;
	margin-right:0px;
	margin-bottom:21px;
	overflow:hidden;
	color:#3382a6;
	font-size:13px;
}
.ergonomierechts a:link,
.ergonomierechts a:visited, 
.ergonomierechts a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3382a6;
	text-decoration: none;
}
.ergonomierechts a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3382a6;
	text-decoration: underline;
}
.ergonomierechts p{	
	color:#3382a6;
	line-height: 1.7;	
}	
/* Einde Inhoud Product Links  */
.gezondwerkentitel {
	font-family:Arial, Helvetica, sans-serif;
	color:#1f6888;
	font-size:15px;
	}
.plaatjeergolinks {
	float:left;
	margin-right:5px;
	margin-top:5px;
}
.ergoeigenschappen {
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:10px;
	line-height:2;
	}
.ergoeigenschappen p {
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:10px;
	line-height:2;
	}
#vanvoorprijs {
	float:left;
	width:99px;
	height:51px;
	background-image:url(../images/vanvoorprijs.gif);
	background-repeat:no-repeat;
	color:white;
	margin-top:20px;
	padding-left:7px;
	padding-top:2px;
}
.vanprijs {
	font-family:Arial, Helvetica, sans-serif;
	color: #c4c0c0;
	font-size:10px;
	line-height:2;
	}
.voorprijs {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:1.5;
}
.plaatjeergorechts {
	margin-left:45px;
}

/* EINDE Productweergave  */
	/* Fix tekstverspringing (bron:http://www.webessence.nl/artikelen/CSS/3-Pixels-float-bug/) */
		* html #ergonomie2 {
		  margin-right:-3px;
		}
		* html #ergonomie3 {
		  margin-left:0px;
		  height:1%;
		}
		/* Einde Fix tekstverspringing */

/* Begin Hoofd Kolom Rechts  */
#ergonomie3{
	margin: 0px 0px 0px 815px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	padding-top:5px;
	color:blue;
}
#ergonomie3 a:link,
#ergonomie3 a:visited, 
#ergonomie3 a:active {
}
#ergonomie3 a:hover {
}
/* Einde Hoofd Kolom Rechts  */
#makkelijkbestellenbijhealth2office {
	width:175px;
	height:auto;
	background-image: url(../images/bestelbonback.jpg);
	background-repeat: repeat-y;
}
#idealbestellen {
	width:175px;
	min-height:138px;
	background-image: url(../images/bestelbondeel1.jpg) ;
	background-repeat:no-repeat;
}
#idealbestellen2 {
	width:175px;
	height:103px;
	background-image: url(../images/bestelbondeel2.jpg) ;
	background-repeat:no-repeat;
}
.totaalprijsbon {
	padding-top:4px;
	padding-right:19px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	color:#005380;
	font-weight:normal;	
	font-size: 10px;
	width:100px;
	text-align:right;
}
.btwprijs {
	padding-top:0px;
	padding-right:19px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	color:#005380;
	font-weight:normal;	
	font-size: 10px;
	width:100px;
	text-align:right;
}	
.totaalprijsmetbtwbon {
	padding-top:2px;
	padding-right:19px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	color:#005380;
	font-weight:normal;	
	font-size: 10px;
	line-height:9px;
	width:100px;
	text-align:right;
}		
.bestellenbutton {
	padding-top:17px;
	padding-right:22px;
	float:right;
}
.tabelbon {
	margin-top:95px;
	margin-left:24px;
}
.omschrijvingbon {
	font-family: Arial, Helvetica, sans-serif;
	color:#2a789f;
	font-weight:normal;	
	font-size: 9px;
	width:75px;
}
.prijsbon {
	font-family: Arial, Helvetica, sans-serif;
	color:#005380;
	text-align:right;
	font-weight:normal;	
	font-size: 9px;
	width:53px;
	vertical-align:top;
}	
#health2officegarantie {
	width:157px;
	height:205px;
	margin-left:10px;
	overflow:hidden;
	padding-top: 5px;
}
#accountaanmaken {
	width:157px;
	height:143px;
	margin-left:10px;
	background-image:url(../images/mijnaccount.gif);
	background-repeat:no-repeat;
}
#ergonomischebanners {
	width:157px;
	height:143px;
	margin-left:10px;
	background-repeat:no-repeat;
}

/* Inhoud Footer */
#health2officeergonomiefooter {
	width: 1000px;
	margin-right: auto; 
	margin-left: auto;
	margin-top:13px;
	padding-top:7px;
	text-align:center;
	height: 50px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #cac6c5;
	line-height: 21px;
	overflow: hidden;
	background: url(../images/ergonomischefooter.gif) no-repeat center top;
}
#health2officeergonomiefooter a:link,
#health2officeergonomiefooter a:visited, 
#health2officeergonomiefooter a:active {
	color: #959291;
	text-decoration: none;
}
#health2officeergonomiefooter a:hover {
	color: #3383a6;
	text-decoration: none;
}
/* Einde Inhoud Footer */
/* Fix dat alles binnen de container blijft/ blijven checken of het werkt */
.opruimen {
	clear:left;
}
/* EindeFix dat alles binnen de container blijft/ blijven checken of het werkt */

/* Bel mij terug opmaak */
.ergobalk {
	padding-left:12px;
}
.belmijknop {
	float:right;
	margin-top: 15px; 
	padding-right: 8px;
}
.opmaakergbalk {
	font-size: 11px; 
	background-color: #f7f7f7; 
	color: #b3adab; 
	border-color: #c4c4c4; 
	border: 1px solid;
}
/* Einde Bel mij terug opmaak */
/* opmaak categorie site */
#health2workcategorie {
	width:601px;
	background-image: url(../images/doorlopendecategorie.gif);
	background-repeat: repeat-y;
}
#health2siteheader {
	width:601px;
}
#health2officeomschrijving {
	width:561px;
	padding:20px;
	padding-bottom:0px;
	background-image:url(../images/categorieachtergrond.gif);
	background-repeat:no-repeat;	
}
#ergonomischafsluiten {
	width:601px;
	background-image:url(../images/onderkantcategorie.gif);
	height:4px;
	background-repeat:no-repeat;
	overflow:hidden;
}
.fotocat {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	border-width: 1px;
	border-style: solid;
	border-color: #989696;
}
.opmaaktekstcat {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.6;
	color:#FFFFFF;
	}
.opmaaktekstcat p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.6;
	color:#FFFFFF;
	}
	
.opmaakservicemenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.6;
	color:#3382a6;
	width:600px;
	}
.opmaakservicemenu p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.6;
	color:#3382a6;
	}
	
.highlight {
background-color: #499902;
color: white;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 1px;
}
/* einde opmaak categorie site */

/* opmaak productweergave site */
#productfotol {
	float:left;
	background-image:url(../images/h2oproductbackl.gif);
	background-repeat:no-repeat;
	width:360px;
	height:262px;
	padding:5px;
	overflow:hidden;
}
#vergrootglas {
	position:absolute;
	margin-left:330px;
	margin-top:239px;
}
#productprijs {
	float:right;
	margin-right:15px;
	width:137px;
	height:63px;
	padding-left:15px;
	padding-top:18px;
	overflow:hidden;
	background-image:url(../images/productprijsback.gif);
	background-repeat:no-repeat;
}
.vanprijsgroot {
	font-family:Arial, Helvetica, sans-serif;
	color: #c4c0c0;
	font-size:11px;
	line-height:2;
}
.voorprijsgroot{
	font-family:Arial, Helvetica, sans-serif;
	color: #015481;
	font-size:23px;
	font-weight:bold;
	line-height:1.5;
}
.bestelknop {
	float:right;
	margin-right:16px;
	margin-top:15px;
}
.ergonomielinks {
	float:right;
	width:117px;
	height:60px;
	padding-left:100px;
	overflow:hidden;
	margin-right:16px;
	margin-top:4px;
	margin-bottom:5px;
}
.ergonomielinks a:link,
.ergonomielinks a:visited, 
.ergonomielinks a:active {
	text-indent:5px;
	font-family:Arial, Helvetica, sans-serif;
	color: #afafaf;
	font-size:11px;
	line-height:1.5;
	margin-left:5px;
	text-decoration: none;
}
.ergonomielinks a:hover {
	text-decoration: underline;
}
#productfotoklein1 {
	float:left;
	background-image: url(../images/plaatjekleinproduct.gif);
	background-repeat:no-repeat;
	width:88px;
	height:70px;
	padding:5px;
	margin-left:16px;
	overflow:hidden;
}
#productfotoklein2 {
	float:left;
	background-image: url(../images/plaatjekleinproduct.gif);
	background-repeat:no-repeat;
	width:88px;
	height:70px;
	padding:5px;
	margin-left:16px;
	overflow:hidden;
}
.snelitems {
}
.snelitems a:link,
.snelitems a:visited, 
.snelitems a:active {
	font-family:Arial, Helvetica, sans-serif;
	color: #afafaf;
	font-size:11px;
	line-height:1.5;
	text-decoration: none;
}
.snelitems a:hover {
	text-decoration: underline;
}

.specificatiesuitlezen{
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: -14px;
}
/* einde opmaak productweergave site */

/* Overige opmaak door site */
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:2.2;
	color: #000;
}
table p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:2;
	color: #000;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color:#1f6888;
	font-weight:normal;	
	font-size: 15px;
	line-height:2;
}
h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 1em;
  color:#005380;
  font-weight:bold;	
  font-size: 14px;
  z-index: 3;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	font-size:15px;
	line-height:2;
}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#5ca300;
	font-weight:normal;	
	font-size: 10px;
	}
.plaatjerechts {
	float:right;
}
.plaatjelinks {
	float:left;
	margin-right:5px;
}
.fotoinbeeld {
	margin-top:20px;
	margin-bottom:20px;
	border-width: 1px;
	border-style: solid;
	border-color: #064413;
}
.fototabopmaak {
	float:left;
	margin:18px;
	border-width: 1px;
	border-style: solid;
	border-color: #c4c0c0;
	}
/* Einde overige opmaak door site */

/* mijn account vakje opmaak door site */
.mijnaccountvak {
	font-family:Arial, Helvetica, sans-serif;
	padding-top:34px;
	padding-left:13px;
	color: #ffffff; 
	font-size: 11px;
	line-height:1.5;
}
.mijnaccountvak a:link,
.mijnaccountvak a:visited, 
.mijnaccountvak a:active {
	font-family:Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size:11px;
	line-height:1.5;
	text-decoration: underline;
}
.mijnaccountvak a:hover {
	text-decoration: underline;
	font-style:italic;
}
.linkopmaak {
 color: #ccc; 
 font-size: 9px; 
 line-height: 11px;
}
.linkopmaak a:link,
.linkopmaak a:visited, 
.linkopmaak a:active {
 color: #ccc; 
 font-size: 9px; 
 line-height: 11px;
text-decoration:none;
}
.linkopmaak a:hover {
text-decoration:underline;
font-style:normal;
}

#veiligwerkenzs a:link,
#veiligwerkenzs a:visited, 
#veiligwerkenzs a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3382a6;
	text-decoration: none;
	font-weight: bold;
}
#veiligwerkenzs a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3382a6;
	text-decoration: underline;
}

.groen {
	background-color:#008102;
	color:#fff;
}
.geel {
	background-color:#ffff00;
	color:#000;
}
.paars {
	background-color:#9a00ff;
	color:#fff;
}
.blauw {
	background-color:#0000fe;
	color:#fff;
}
.wit {
	background-color:#fff;
	color:#000;
}
.zwart {
	background-color:#1d1d1d;
	color:#fff;
}
.rood {
	background-color:#fd0000;
	color:#fff;
}
.oranje {
	background-color:#ff6501;
	color:#fff;
}
/* Einde  mijn account vakje opmaak door site */