/* General Styles */
html, body 									{ width: 100%; height:100%; font-family: Arial, Helvetica, sans-serif; }
html											{ font-size: 62.5%; }
body 										{ font-size: 1.1em; line-height: 1.5em; background: url('images/bg_body.gif') repeat-x center 75px; }

#wrapper 									{ margin:0px auto; width: 960px;  position: relative; padding-top: 10px; }
#content 									{ width: 663px;  float: right; 
											 overflow: hidden; padding: 14px 16px 14px 1px;  z-index: 3;}
#contentheader,#contentbody,#contentfooter 	{ overflow: hidden; width: 960px; }										
#contentheader 								{ background: url("images/bg_pageheader.png") transparent bottom right no-repeat; height: 8px;
											  position: relative; z-index: 3; margin-top: 21px;}
#contentfooter 								{ background: url("images/bg_pagefooter.png") transparent top right no-repeat; text-align: right;
											  position: relative; z-index: 3; clear: both;}
#contentfooter p 							{ padding: 12px 6px 0 0;}											  
#contentfooter a, #contentfooter				{ color: #bebebe; }
#contentbody								{ overflow:hidden; background: url("images/bg_pagebody.png") transparent repeat-y right; z-index: 3; position: relative; width: 960px; }

#page_home #content 							{ padding-top: 2px;}									 
strong 										{ font-weight: bold;}
p											{ margin-bottom: 0.87em;}
.highlight 									{ background-color: yellow; color: #000000;}
.clear										{ clear: both; overflow: hidden; }
body.content #content .clear					{ margin: 0px; }
/* Headers */
h1											{ display: block; float: left;  overflow: hidden; margin-right: 40px; }
h2, h3 										{ color: #0070b8; font-weight: bold; font-size: 1.8em; text-transform: uppercase; margin-bottom: 0.4em;}
h4 											{ color: #0070b8; font-weight: bold; font-size: 1.2em; text-transform: uppercase; margin: 0.8em 0;}

h3#modaltitel								{ width: 300px; float: left; margin-top: 20px; margin-left: 10px;}
/* Buttons */
.button										{ background-repeat: no-repeat; text-indent: -99999px; overflow: hidden; display:block; cursor: pointer;}
.button:active								{ background-position: 1px 1px;}

#searchbutton								 { width: 50px; height: 19px; background-image: url("images/button_search.gif"); border:0; font-size: 0px;
											  line-height: 0px; display:inline;}
.lang_NL #searchbutton						{ background-image: url("images/button_search_nl.gif"); width: 46px; }											  
.formbutton									{ width: 95px; height: 24px; background-image: url("images/button_form.gif"); float: left; margin-right: 10px;  }
.lang_NL .formbutton							{ width: 117px; height: 24px; background-image: url("images/button_form_nl.gif"); }
.mapbutton									{ width: 115px; height: 24px; background-image: url("images/button_map.gif");  }
.lang_NL .mapbutton							{ width: 103px; height: 24px; background-image: url("images/button_map_nl.gif");  }

#routebutton 								{ width: 79px; height: 24px; background-image: url("images/button_route_en.gif"); float: right; margin-top: 20px; margin-right: 10px;  }
.lang_NL #routebutton 						{ background-image: url("images/button_route_nl.gif"); width: 114px; }

.formactions input							{ width: 48px; height: 23px; background-image: url("images/button_send.gif"); border:0; font-size: 0px;
											  line-height: 0px; display:inline;}
.lang_NL .formactions input					{ background-image: url("images/button_send_nl.gif"); width: 74px; }
.formactions								{ margin-top: 1em; }


iframe 										{overflow: hidden;}
/* Header */
#header 										{ position: relative; height: 65px; width: 960px;}
#header .location							{ color: #7e7e7e; font-size: 1.12em; float: left; margin-left: 50px; }
#header .location a 							{ color: #7e7e7e; }
#header .search								{ position: absolute; top: 0px; right: 5px; width: 215px; text-align: right; line-height: 2em;}
#header .search label 							{ color: #0075b8; }
#header .search .searchfield	label				{ display: none;}
#header .search .searchfield .searchquery		{ border: 1px solid #c6c7c8; width: 130px;}
#languages									{ position: absolute; top: 82px; right: 5px; }

/* Hoofdnavigatie */
#navigation									{ clear: both;  line-height: 3em; overflow: hidden;}
#navigation li								{ float:left; padding: 0px 16px; background: url("images/menu_divider.gif") no-repeat center left;}
#navigation li#home							{ padding-left: 0px; background: none;}
#navigation a								{ display: block; text-transform: uppercase; text-decoration: none; color: #575656;}
#navigation li:hover a, #navigation a:hover	{ text-decoration: underline;}
#navigation .active							{ text-decoration: underline;} 

/* Sidebar & Submenu */
#aside 										{ z-index: 4; float: left; color: #FFFFFF; width: 252px; top: 15px; left:0;  padding-right: 25px;}
#aside ul									{ font-weight: bold; font-size: 1em; line-height: 2em; margin-bottom: 1em;}
#aside li										{ list-style: inside disc;}
#aside a										{ color: white;} 
#aside .banner								{ position: absolute; top: 274px;}
object										{ z-index: 1; position: absolute; top: 151px; left: 0;}

#map_canvas {clear: both; }


#aside ul#submenu							{ float: left; margin-left: 6px; margin-bottom: 30px; width: 266px;}
#aside>ul#submenu							{ margin-left: 11px;}
#submenu li 									{ background: url("images/bg_submenu.png") no-repeat top right; height: 25px; width: 266px; 
											  margin-bottom: 1px; list-style: none outside; clear: both; overflow: hidden; } /* white-space: nowrap; */
#submenu li .img								{ float: left; margin-right: 16px; width: 41px; height: 100%; vertical-align: middle; overflow:hidden;}
#submenu li .img img							{ } 
#submenu li a									{ color: white; text-transform: uppercase; text-decoration: none;}

#submenu li.active							{ background-image: url("images/bg_submenu_active.png"); height: auto; margin: 10px 0;}
#submenu li.active a							{ display: block; height: 33px; padding-top: 10px; font-size: 1.1em;}
#submenu li.active ul 							{ margin-left: 47px; background-color: #bebebe; margin-right: 21px; margin-bottom: 0px;font-size: 0.79em; padding: 5px 5px 5px 12px; }
#submenu li.active ul li							{ background: none; width: 180px; height: auto; font-size: 0.9em;} 
#submenu li.active ul li a						{ color: #7c7c7c; height: auto; padding: 0px; font-size: 1.5em; line-height: 1.5em;}
#submenu li.active ul li a:hover,
#submenu li.active ul li:hover					{ color: #FFFFFF;}
#submenu li.active ul li a.active					{ color: #FFFFFF;}

/* content */
.photograph									{ margin-bottom: 1.5em; width: 662px; }
.subcategory		 						{ border: 1px solid #dac9c9; margin-right: 10px; width: 82px; margin-bottom: 0.4em;}
body.content	#content .locationcontactform	{ clear: both; padding: 15px 0; overflow: hidden; display: none; }
body.content	#content .locationcontactform p	{ margin-left: 0px; margin-right: 0px; margin-top: 39px; width: 158px;}

/* Contactforms */
.locationcontactform form						{ width: 410px; float: right; }
.locationcontactform label					{ float:left; width: 80px; color: #0070b0; text-align: right; padding-right: 10px;}
.locationcontactform label.required			{ font-weight: bold; }
.locationcontactform .fields input,
.locationcontactform .fields textarea			{ width: 310px; padding: 2px; margin: 2px 0; background-color: #FFFFFF; border: 1px solid #c6c7c8; color: #505050;}
.locationcontactform .fields input:hover,
.locationcontactform .fields textarea:hover	{ border: 1px solid #a5c9dd;}
.locationcontactform .fields input:focus,
.locationcontactform .fields textarea:focus	{ border: 1px solid #4092c1; color: #000000;}
body.content	#content .locationcontactform h4	{ margin-left: 70px;}
.formactions								{ text-align: right;}

.locationcontactform .fields input.incorrect 	{ border-color: #ef0000;}
.locationcontactform .fields label.incorrect	{ color: #b00000;}

.locationdivider							{ background: url("images/divider.gif") no-repeat top center; width: 595px; height: 2px; clear: both; margin: 1.5em 0px;}

/* Showroom */
body.content	#content .showroomphotos 		{ width: 162px; height: 112px; margin: 0;}
body.content	#content .showroomphotocontainer { margin: 0 10px 10px 10px; overflow: hidden; text-align: right; width: 165px;}
body.content	#content .slidecontrols			{ margin: 0; display: inline; width: auto; margin-top: 3px;  float: right;}
body.content	#content .slidecontrols li		{ display: block; float:left; margin: 0; background-color: #F2F2F2; margin-left: 3px;
											  border: 1px solid #cacaca; width:18px; height: 18px;}
body.content	#content .slidecontrols li a		{ display: block; padding: 1px 5px; text-decoration: none; color: #000000;  font-size: center; }
body.content	#content .slidecontrols li a:hover	{ text-decoration: underline; background-color: #ebebeb;}
body.content	#content .slidecontrols li.current { border: 1px solid #999999; font-weight: bold;}	 			

body.content	#content #photosrotterdam		{ float: right; margin-right: 45px; }
body.content	#content #photosshanghai 		{ float: left;  margin-left: 45px; }
body.content #content .showroomphotos ul		{ background: none; margin: 0; width: 162px; height: 112px; padding: 0;}
body.content #content .showroomphotos li		{ width: 162px; height: 112px; overflow: hidden; margin: 0px; padding-right: 0px;  list-style: none;}

/* Styles for content pages */
body.content	#content p, 
body.content	#content li, 
body.content	#content div, 
body.content	#content h2,
body.content	#content h3,
body.content	#content h4						{ margin-left: 45px; margin-right: 47px;}   
body.content	#content 						{ padding: 14px 5px 30px 0px; width:687px; margin-left: -12px;}
body.content	#content p.emphasis				{ color: #0070b0; font-size: 1.5em; line-height: 1.3em; font-weight: 600; font-style: italic;
											  margin-top: 1.4em; margin-bottom: 1.4em; font-family: Helvetica Neue, Helvetica, sans-serif;}
body.content #content .inlineimg				{ float: right; margin-left: 30px;}											  
body.content	#content p,
body.content	#content ul,
body.content	#content ol						{ line-height: 1.38em;}
body.content	#content ul						{ clear:both; background: url("images/bg_content_ul.jpg") repeat-x bottom left #fafafa; 
											  padding: 0.7em 0px; margin-top: 1.8em; margin-bottom: 1.8em;}										  
body.content	#content ul li 						{ list-style: disc inside; line-height: 1.6em;}
body.content	#content ol li						{ list-style: lower-alpha inside; }
body.content	#content a						{ color: #0070B8;}
body.content	#content a:hover	,
body.content	#content  .vacActief a			{ color: #b80000;}
body.content .photograph 						{ margin-left: 13px; }
body.content .conditions						{ width: 286px; float: left; font-size: 1em; margin-right: 30px !important;}
body.content .conditions	*					{ margin-left: 0px !important; margin-right: 0px !important;}
body.content .locationphoto					{ margin: 0px 25px 30px 45px; float: left;}
body.content #content div.vacaturedetails		{ margin: 1em 0px; display: none; padding: 0 13px 10px;}
body.content #content div.vacaturedetails p 	{ margin: 0 0 0.87em 0; }
body.content #content ul#vacaturelijst		{ background: none; margin: 0;}
body.content #content ul#vacaturelijst li		{ line-height: 1.6em; }
body.content #content ul#vacaturelijst li.even	{ background-color: #f2f2f2;}	

/* Product overview */
#productoverview 							{ overflow: hidden; position: relative;}
#productoverview .catalogphoto 				{ float: left; margin-right: 10px;}
#productoverview .overzichttext 				{ float: left; width: 502px;}
#productoverview h3							{ color: #FFFFFF; background-color: #0070b8; font-size: 1.2em; padding: 4px 2px; font-family: Tahoma, Geneva, Arial; } 
#productoverview li 							{ margin: 10px 0 20px 0; clear: both; overflow: hidden; }
#productoverview li p							{ font-size:1.0em; line-height:1.2em; }
/* Variaties | Hier komen ook de verschillende soorten tabellen */
#productoverview li table.variaties				{ width: 662px; border: 1px solid #323232; margin-top: 1em; margin-left: 1px; clear: both; }	
#productoverview li table.variaties tr.even		{ background-color: #f2f2f2;}
#productoverview li table.variaties td,
#productoverview li table.variaties th			{ padding: 3px; }
#productoverview li table.variaties th.articleTag	{ margin:0 5px 0 0; font-size:1.0em; font-weight:bold; vertical-align:top; }
#productoverview li table.variaties th.articleTagProduct { margin:0 5px 0 0; font-size:1.0em; font-weight:bold; width:150px; vertical-align:top; }
#productoverview li table.variaties .articleTagInfo { vertical-align:top; font-size:1.0em; text-transform:uppercase; }
#productoverview li table.variaties thead		{ background-color: #898989; color: #FFFFFF; font-size:0.9em; text-transform: uppercase; font-weight: bold; }	
#productoverview li table.variaties .collumn	{ width: 110px; vertical-align:top; }
#productoverview li table.variaties td.partnumber{ font-weight: bold; }


#productoverview li table.specs 				{ text-transform: uppercase; margin-bottom: 1em;}
#productoverview li table.specs th				{ width: 80px;}

#productoverview li.table3 .variaties			{ width: 300px;  float: left; clear: none; margin-left: 1px;}
#productoverview li.table3 .continued			{ margin-left: 62px; }
#productoverview li.table3 .variaties .collumn	{ width: 50%; }	
#productoverview, #searchresults_container		{ background-image: url("images/load.gif"); background-repeat: no-repeat; background-position: center 40px; overflow: hidden; height: 100px; }

/* Zoekresultaten */
#searchresults								{ width: 100%; border: 1px solid #323232; margin-left: 1px; width: 662px; }
#searchresults tbody tr.even					{ background-color: #f2f2f2;}
#searchresults tbody tr:hover					{ background-color: #ebebeb; }
#searchresults a								{ color: #3b3b3b; text-decoration: none; }
#searchresults tbody tr:hover a,
#searchresults a:hover						{ color: #000000; }

#searchresults  th, #searchresults td			{ padding: 3px;}
#searchresults thead							{ background-color: #0070b8; color: #FFFFFF; text-transform: uppercase; font-weight: bold;}	

body #content ol#searchpages 			{ margin: 1em 0; width: 668px; overflow: hidden;}
body	#content #searchpages li 			{ list-style: none; display: block; float: left; margin:3px 4px 3px 0; width: 28px; height: 25px;
									  border: 1px solid silver; background-color: #F2F2F2;}
body #content>#searchpages>li			{ display: inline-block;}
body	#content #searchpages li a			{ display: block; text-decoration:none;   width: 28px; height: 17px; padding: 4px 0;
									   color: black; font-size: 1em; text-align: center; vertical-align: middle;}
body	#content #searchpages li a:hover 	{ text-decoration: underline; background-color: #ebebeb;}
body #content #searchpages li.searchcontrols 		{ background-color: white; }
body #content #searchpages li.searchcontrols.inactive		{ text-align: center; padding-top: 3px; height: 22px; color: silver; pointer: default;}
body #content #searchpages li.searchactive {	background-color: #ebebeb; font-weight: bold;}

/* Sitemap */
body.content#page_vacature  #content  ul		{ background: none; }
body.content #content  ul#sitemapproducts h4					{ margin: 0.8em 0px; display: inline; }
body.content #content  ul#sitemapproducts li ul					{ margin: 0;}

/* FRONTPAGE CATEGORIES */
.productcategory 							{ margin: 20px 5px 0px; width: 211px; height: 103px; background: url("images/highlight.png") no-repeat top left #0072b4;
											vertical-align: bottom; position: relative; font-size: 1.2em; text-transform: uppercase; float: left;
											 }
.productcategory img 							{ float: left; }
.productcategory  a							{ padding: 10px; text-decoration: none; bottom: 0px; right: 0px; position: absolute;
											 width: 95px; text-align: right; color: #FFFFFF; font-weight: bold; }
	
	/* Verschillende stijlen */
	.productcategory.even 	 				{ background-color: #9f9f9f; }
	.productcategory.even a:hover 			{  }
	
.productcategory_details					{ display: none; clear: both; width: 653px; margin-left:10px; 
											  background: url("images/bg_details.gif") no-repeat top right #0072B4; color: white; clear:both;}
#content > .productcategory_details			{ margin-left: 5px; } /* dit is een valide manier om iets voor alles behalve ie6 toe te passen*/
.productcategory_details ul					{ width: 184px; text-align: right; text-transform: uppercase; font-family: Tahoma, Geneva, sans-serif;}
.productcategory_details li					{ line-height: 2em;  font-weight: bold; font-size:1.09em;}
.productcategory_details a 					{ color: white; text-decoration: none; }
.productcategory_details a:hover 			{ color: white; border-bottom: 1px dotted #ffffff;}
.productcategory_details .detailstext 		{ float: right; width: 419px;}
.productcategory_details .padding 			{ padding: 42px 15px 25px 20px; overflow: auto;}


	/* Verschillende stijlen */
	.productcategory_details.even	 		{ background-color: #9b9b9b; }
	.productcategory_details.odd h3	 		{ color: #FFFFFF; }
	.productcategory_details.right	 		{ background-position: top left; }
	.productcategory_details.center			{ background-image: url("images/bg_details2.gif"); background-position: top left; }
	
	


/* t.b.v. organigram */

table#o_outertable {
	width: 100px;
	table-layout: fixed;
	border: 0 none;
	margin-left:45px;
}

table#o_outertable td {
	vertical-align: top;
	padding: 0;
}

table#o_outertable_2 {
	width: 300px;
	border: 0 none;
}

table#o_outertable_2 td {
	vertical-align: top;
	color: #000000;
	font-family: "Verdana", sans-serif;
	font-size: 10px;
}

/* titels en tekst */
table#o_outertable_2 td.title {
	font-size: 12px;
}

table#o_outertable_2 td a {
	color: #0070b8;
	text-decoration: underline;
}

table#o_outertable_2 td a:hover {
	color: #0070b8;
	text-decoration: none;
}

/* blokken organogram */
table#o_outertable_2 td.orgablockcontainer {
	padding: 10px 0;
}

table#o_outertable_2 td.orgablockcontainer table td {
	text-align: left;
	padding: 2px 3px;
}

table#o_outertable_2 td.center {
	padding: 0;
}

table#o_outertable_2 td.center table td {
	text-align: center;
}

table#o_outertable_2 td.orgablockcontainer table {
	border: 1px solid #0070b8;
	width: 150px;
}

/* lijnen organogram */
td.vert-lijn {
	background: url("/images/vert-lijn.gif") center top no-repeat;
}

td.vert-lijn-eind {
	background: url("/images/vert-lijn-eind.gif") center top no-repeat;
}

td.hor-lijn-tak {
	background: url("/images/hor-lijn-tak.gif") left center no-repeat;
}


th#mastercol_a {
	width: 187px;
}

th#mastercol_b {
	width: 94px;
}

th#mastercol_c {
	width: 94px;
}

th#mastercol_d {
	width: 187px;
}

th#mastercol_e {
	width: 94px;
}

th#mastercol_f {
	width: 94px;
}

table#o_outertable td table.popup td {
	color: #ffffff;
	text-align: left;
	padding: 4px 4px;
	font-size: 10px;
}

table.popup td a {
	color: #ffffff;
}