/* <------------ Basic ---------- */

html {
	margin: 0;
	padding: 0;
	height: 100.02%;
}


body {
	text-align: center;
	background: #afbaca url(../images/bg_page.jpg) 0 0 repeat-x;
	margin: 0;
	padding: 0;
	height: 100.10%;
}

#wrapper {
	width: 1010px;
	margin: 0 auto;
	padding:0;
}

#wrapper_main {
	position: relative;
	float: left;
	text-align: left;
	background: #ffffff;
	border-left: 1px solid #e2dfc7;
	border-right: 1px solid #e2dfc7;
	}

.left {
	float:left;
}

.right {
	float:right
}


.green {
	color: #7eb925;
}

.lightgreen {
	color: #e5f1d3;
}

.darkgreen {
	color: #62901d;
}

.lightgrey {
	color: #f5f5f3;
}



img {
	border: 0;
}


hr {
	border: 0;
	height: 1px;
	text-align: left;
	color: #C8C8C8;
	background-color: #C8C8C8;
}


.line960 {
	width: 960px;
	color: #C8C8C8;
	background-color: #C8C8C8;
}


.line_highlights {
	color: #8f878b;
	background-color: #8f878b;
	margin: 0px 0px 16px 0px;
}

.comment {
	color: #fd7a42;
	background-color: #ffffcc;
	margin: 0px;
	padding: 2px 2px 2px 6px;
	border: 1px solid #e2dfc7;
	font-size: 10px;
}

/* <------------ Fonts ---------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #8f878b;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: 600;
	line-height: 35px;
	color: #7eb925;
	margin: 2px 0px 10px 0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	color: #796964;
	margin: 0px 0px 8px 0px;
}


h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
	line-height: 20px;
	color: #62901d;
	margin: 0px 0px 10px 0px;
}


h4,
caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100;
	text-decoration: none;
	line-height: 17px;
	color: #8f878b;
	margin: 0px 0px 8px 0px;
}

h5 { /* mainmenu texts */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	margin: 5px 2px 2px 8px;
}


strong {
	font-weight: 600;
}


a {
	text-decoration: none;
	color: #7eb925;
	outline: none;
	border: none;
}

a:hover {
	color: #62901d;
	text-decoration: none;
}
	
a:focus {
	color: #333;
}
	

a.active {
	text-decoration: none;
}
	

.opvallen {
	color: #fd7a42;
	background-color: #ffffcc;
	margin: 0px;
	padding: 4px 10px 4px 10px;
	border: 2px solid #e2dfc7;
	font-weight: 600;
	letter-spacing:1px;	
}


/* <------------ Header ---------- */
#wrapper_head {
	float: left;
	width: 985px;
	height: 115px;
	margin: 0 0 0 25px;
}
	
	
/* <------------ Logo ---------- */
#head_logo {
	float: left;
	width: 77px;
	height: 78px;
	margin: 20px 0 0 0;
	background: #ffffff url(../images/logo_ergo.gif) 0 0 no-repeat;
}
	
	
	
/* <------------ Language choice ---------- */
	 
#head_languagechoice {
	float: right;
	width: 192px;
	height: 50px;
	margin: 20px 25px 0px 0px;
}

.language_btns {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 100;
	line-height: 18px;
	color: #aeaeae;
}

.language_name {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 100;
	line-height: 14px;
	color: #aeaeae;
}
	
	
/* <------------ MAIN MENU WRAPPER ---------- */
	
#wrapper_mainmenu {
	float: left;
	width: 960px;
	height: 50px;
	margin: 0px 0px 0px 25px;
}
	
#wrapper_mainmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
			
#wrapper_mainmenu ul li {
	float: left;
	width: 192px;
	height: 50px;
	margin: 0px;
}
			
#wrapper_mainmenu ul li a {
	float: left;
	width: 192px;
	height: 50px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #ffffff url(../images/bg_mainmenu.gif) 0px 8px no-repeat;	
}

				
/* -------- MAIN MENU BUTTONS ----------*/

#mainmenu_home a {
	background: #ffffff
}
#mainmenu_home a:hover {
	background: #e5f1d3;
}
#mainmenu_home a.active {
	background: #ffffff;
}
						
					
#mainmenu_products a {
	background: #ffffff
}
#mainmenu_products a:hover {
	background: #e5f1d3;
}
#mainmenu_products a.active {
	background: #ebe8e1;
}



#mainmenu_werkplekanalyse a {
	background: #ffffff
}
#mainmenu_werkplekanalyse a:hover {
	background: #e5f1d3;
}
#mainmenu_werkplekanalyse a.active {
	background: #eff0f4;
}


#mainmenu_workshop a {
	background: #ffffff
}
#mainmenu_workshop a:hover {
	background: #e5f1d3;
}
#mainmenu_workshop a.active {
	background: #eff0f4;
}


#mainmenu_contact a {
	background: #ffffff
}
#mainmenu_contact a:hover {
	background: #e5f1d3;
}
#mainmenu_contact a.active {
	background: #eff0f4;
}
			



/* <------------ Product navigatie ---------- */
	
#wrapper_productnavi {
	position: relative;
	float: left;
	width: 960px;
	height: 29px;
	margin: 0px 0px 20px 25px;
	background: #7eb925;
}
	
#productnavi {
	margin: 0px;
	position: relative;
	float: left;
	width: 960px;
}



/* breadcrumbs
------------------------------------------------------------------*/
#wrapper_crumbs {
	width: 960px;
	float: left;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background: #ffffff;	
	}
	
#crumbs {
	height:25px;
	border:1px solid #dedede;
	font:10px Verdana, arial, sans-serif;
	background: #ffffff;
	list-style-type:none;
	padding:0;
	margin:0;
	font-weight: 600;
	}

#crumbs li {
	float:left;
	line-height:25px;
	color:#777;
	padding-left:.75em;
	}		
#crumbs li a {
	background: url(crumbs.gif) no-repeat right center;
	display: block;
	padding:0 15px 0 0;
	}							
#crumbs li a:link,
#crumbs li a:visited {
	color:#7eb925;
	text-decoration:none;
	}	

#crumbs li a:hover,
#crumbs li a:focus {
	color:#62901d;
	}
	
	


		

/* <------------ MainTeaser HP SLIDER HORIZONTAL ---------- */

#wrapper_mainteaser_slider {
	position: relative;
	float: left;
	width: 960px;
	height: 300px;
	margin: 0px 0px 20px 25px;
	padding: 0px;
	background: #ffffff;
}

#slider {
	position: relative;
	float: left;
	width: 960px;
	height: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		border: none;
		}

#slider2{margin-top:1em;}

#slider li, #slider2 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:960px;
	height:300px;
	overflow:hidden; 
}




/* <------------ Product BG ---------- */
	
#wrapper_productteaser {
	position: relative;
	float: left;
	width: 960px;
	height: 115px;
	margin: 0px 0px 0px 25px;
	background: #ffffff url(../images/bg_productteaser.jpg) 0 0 no-repeat;
}
	
#productteaser_content {
	position: relative;
	float: left;
	width: 600px;
	height: 100px;
	margin: 20px 0px 0px 25px;
}




/* <------------ Werkplekanalyse ---------- */
	
#bg_werkplek {
	position: relative;
	float: left;
	width: 960px;
	height: 115px;
	margin: 0px 0px 0px 25px;
	background: #eff0f4 url(../images/bg_werkplek.jpg) 0 0 no-repeat;
}

#content_full_main_werkplek {
	float: left;
	width: 960px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	background: #f5f5f3  url(../images/bg_werkplek_a.jpg) 600px 40px no-repeat;
}
	
#content_full_werkplek {
	float: left;
	margin: 0px;
	padding: 15px 380px 10px 25px;
}



/* <------------ workshop ---------- */
	
#bg_workshop {
	position: relative;
	float: left;
	width: 960px;
	height: 115px;
	margin: 0px 0px 0px 25px;
	background: #eff0f4 url(../images/bg_workshop.jpg) 0 0 no-repeat;
}

#content_full_main_workshop {
	float: left;
	width: 960px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	background: #f5f5f3  url(../images/bg_workshop_a.jpg) 566px 20px no-repeat;
}
	
#content_full_workshop {
	float: left;
	margin: 0px;
	padding: 15px 430px 10px 25px;
}



/* <------------ Contacteer ons ---------- */
	
#bg_contact {
	position: relative;
	float: left;
	width: 960px;
	height: 115px;
	margin: 0px 0px 0px 25px;
	background: #eff0f4 url(../images/bg_contact.jpg) 0 0 no-repeat;
}

#content_full_main_contact {
	float: left;
	width: 960px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	background: #f5f5f3  url(../images/bg_contact_a.jpg) 0 0 no-repeat;
}
	
#content_full_contact {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 15px 50px 10px 25px;
}


/* <------------ TABLE contact us ---------- */
.table_contactus {
	background: #f5f5f3;
	padding: 0px;
	margin: 5px 0px 10px 0px;
	border-collapse:collapse;
}


td.contactus {
	border-bottom: 1px dotted #f5f5f3;
	padding: 6px 6px 6px 10px;
	vertical-align: top;
	background: #f5f5f3;
}




/* <------------ Wat is ergonomie BG ---------- */
	
#bg_ergonomie {
	position: relative;
	float: left;
	width: 960px;
	height: 115px;
	margin: 0px 0px 0px 25px;
	background: #eff0f4 url(../images/bg_ergonomie.jpg) 0 0 no-repeat;
}
	
#content_full_main_ergonomie {
	float: left;
	width: 960px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	background: #f5f5f3;
}
	
#content_full_ergonomie {
	float: left;
	margin: 0px;
	padding: 15px 30px 10px 25px;
}




		
/* <------------ Content algemeen ---------- */

#wrapper_content {
	float: left;
	width: 960px;
	margin: 0px 0px 0px 25px;
}
	

/* <------------ Content left ---------- */
	
#content_left_main {
	float: left;
	width: 551px;
	margin: 0px;
	padding: 0px;
}
	

#content_left_HP {
	float: left;
	margin: 0px;
	padding: 20px 20px 10px 25px;
	background: #f5f5f3;
}
	
	

/* <------------ ContentMain full width ---------- */
#content_full_main {
	float: left;
	width: 960px;
	margin: 0px;
	padding: 0px;
	background: #ffffff;
}
	
#content_full {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 25px 30px 10px 25px;
}



/* <------------ ContentMain full products welkompage ---------- */
#content_full_main_products {
	float: left;
	width: 960px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	background: #f5f5f3  url(../images/bg_products.jpg) 0 0 no-repeat;
}
	
#content_full_products {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 15px 550px 10px 25px;
}

	
	
	
/* <------------ extra info bij productpages full width ---------- */
#content_extra_products {
	float: left;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	background: #ffffff;	
}


/* <------------ extra info bij productpages HAG ---------- */
#content_extra_products_hag {
	float: left;
	margin: 0px;
	padding: 0px 10px 10px 409px;
	background: #ffffff url(../images_products/1114_c.jpg) 0px 0px no-repeat;
}


/* <------------ extra info bij productpages BMA ---------- */
#content_extra_products_bma {
	float: left;
	margin: 0px;
	padding: 0px 10px 10px 409px;
	background: #ffffff url(../images/1_01_14_02.jpg) 0px 0px no-repeat;
}


/* <------------ extra info bij productpages KINNARPS ---------- */
#content_extra_products_kinnarps {
	float: left;
	margin: 0px;
	padding: 0px 10px 10px 409px;
	background: #ffffff url(../images/1_01_14_03.jpg) 0px 0px no-repeat;
	height: 310px;
}


/* <------------ extra info bij productpages RBM ---------- */
#content_extra_products_rbm {
	float: left;
	margin: 0px;
	padding: 0px 10px 10px 409px;
	background: #ffffff url(../images_products/1087_b.jpg) 0px 0px no-repeat;
	height: 310px;
}


/* <------------ extra info bij productpages GEZONDHEIDSMANAGEMENT ---------- */
#content_extra_products_gezondheidsmanagement {
	float: left;
	margin: 0px;
	padding: 0px 10px 10px 409px;
	background: #ffffff url(../images/5.jpg) 0px 0px no-repeat;
}


/* <------------ extra info bij productpages Stahulp ---------- */
#content_extra_products_stahulp {
	float: left;
	margin: 0px;
	padding: 0px 10px 10px 409px;
	background: #ffffff url(../images/1_01_16.jpg) 0px 0px no-repeat;
	height: 310px;
}


/* <------------ extra info bij productpages Vergaderstoelen ---------- */
#content_extra_products_vergaderstoelen {
	float: left;
	margin: 0px;
	padding: 0px 10px 10px 409px;
	background: #ffffff url(../images/1_01_15.jpg) 0px 0px no-repeat;
	height: 310px;
}


/* <------------ extra info bij productpages headsets ---------- */
#content_extra_products_headsets {
	float: left;
	margin: 0px;
	padding: 0px 10px 10px 409px;
	background: #ffffff url(../images/1_01_12.jpg) 0px 0px no-repeat;
}


/* <------------ extra info bij productpages thuiswerkplek ---------- */
#content_extra_products_thuiswerkplek {
	float: left;
	margin: 0px;
	padding: 0px 10px 10px 409px;
	background: #ffffff url(../images/4_01.jpg) 0px 0px no-repeat;
}



/* <------------ image array full width ---------- */
#wrapper_image_array {
	width: 985px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #fff	
	}
	
#wrapper_image_array ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
			
#wrapper_image_array ul li {
	float: left;
	width: 145px;
	height: 180px;
	margin: 0px 18px 0px 0px;
	background: #ffffff;
	font-size: 10px;
	font-weight: 100;
	line-height: 12px;
	display: block;
	}
			

#wrapper_image_array ul li a {
	color: #8f878b;
	}
	
#wrapper_image_array ul li a:hover {
	color: #7eb925;
	}

		

.image_thumb_143 {
	filter:alpha(opacity=60);-moz-opacity:0.6;
	float: left;
	padding: 0px;
	margin: 0px 20px 4px 0px;
	border: 1px solid #a0a0a0;
	background:#a0a0a0;
	width: 143px;
	height: 143px;
	z-index: 100;
	}
					
a:hover .image_thumb_143, a:active .image_thumb_143 {
	padding: 0px;
	border: 1px solid #62901d;
	filter:alpha(opacity=100);-moz-opacity:1;
	}
				
				

/* <------------ PRODUCT page zelf ---------- */

#content_left_container {
	float: left;
	width: 384px;
	margin: 0px;
	padding: 0px;
	background: #fff;
	}

#content_left_product {
	float: left;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
	

#content_right_container {
	float: right;
	width: 551px;
	margin: 0px;
	padding: 0px;
	background: #fff;
	}

#content_right_product {
	float: left;
	margin: 0px;
	padding: 0px 25px 0px 0px;
	}


.image_product_A {
	float: left;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #a0a0a0;
	background:#fff;
	}

#productimagetoggler {
	width:382px;
	text-align:center;
	margin-top: 0px;
	padding: 0px;
	}
	
#productimagetogglerstatus {
	font-weight: bold;
	margin: 0px 30px 0px 30px;
	padding: 0px;
	}	





/* <------------ ContentSide right ---------- */
	
#content_right {
	float: right;
	width: 384px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
	
/* <------------ Highlights ---------- */

#side_highlights {
	float: left;
	width: 359px;
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 0px 25px;
	background: #e5f1d3;
	}
			
	.side_headline {
		width: 334px;
		margin: 0px 0px 0px 0px;
		}
			
	.highlight_item {
		float: left;
		width: 334px;
		margin: 0px 0px 15px 0px;
		font-size: 11px;
		line-height: 15px;
		color: #5b5f54;
		}

	.thumb_square {
		filter:alpha(opacity=60);-moz-opacity:0.6;
		float: left;
		padding: 2px;
		margin: 0px 15px 4px 0px;
		border: 4px solid #7eb925;
		background:#7eb925;
		width: 100px;
		height: 100px;
		z-index: 10;
		}
			
	a:hover .thumb_square, a:active .thumb_square {
		padding: 3px;
		border: 3px solid #5b5f54;
		filter:alpha(opacity=100);-moz-opacity:1;
		}
	


/* <------------ HP extrapromo ---------- */

/* <------------ url(../images/hp_promo_02.jpg) 0 0 no-repeat ---------- */

#extra_hp_promo {
	float: left;
	width: 384px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #ffffff;
}


/* <------------ TABLES ---------- */
.table_ergo {
	width: 960px;
	padding: 0px;
	margin: 5px 0px 10px 0px;
	border-collapse:collapse;
}


td {
	border-bottom: 2px solid #e5f1d3;
	background: #fff;
	padding: 6px 4px 6px 10px;
	vertical-align: top;
}


td.heading {
	background: #e5f1d3;
	color: #62901d;
	letter-spacing: 1px;
	border-bottom: 2px solid #7eb925;
	padding: 2px 4px 2px 10px;
}

td.arrow {
	width: 30px;
	background: #ffffff url(../images/listitem.gif) 26px 10px no-repeat;
}






/* <------------ Footer ---------- */
	
#wrapper_footer {
	float: left;
	width: 960px;
	margin: 10px 25px 25px 25px;
	background: #ffffff;
}
	
#footer {
	width: 960px;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #969696;
}

#footer a {
	color: #969696;
	text-decoration: none;
	padding: 1px 4px 1px 4px;
}


#footer a:hover{
	color: #646566;
	background-color: #f0f0f0;
}

#footerleft {
	display: inline;
	float: left;
	position:relative;
	width: 600px;
	text-align: left;
}

#footerright {
	display: inline;
	float: right;
	position:relative;
	width: 360px;
	text-align: right;
}