@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	font-size:8pt;
	background-color:#EBEFE9;
	font-family: verdana, Lucida Sans Unicode, "Lucida Grande", sans-serif;
	color: #000;
	line-height: 12pt;
}


a:link {
color: #000;
}
a:visited {
color: #a0a0a0;
}
a:hover {
color: #a0a0a0;
text-decoration: none;
}
a:active {
color: #a0a0a0;
}


.floatLeft
{
	float:left;
}
.floatRight
{
	float:right;	
}
.clearBoth
{
	clear:both
}
.eennaamwasfloatleft
{
	width:600px;
	height:55px;
}
#container
{	
	margin:0px auto 0;
 	width:990px;
	border-left: #999 solid 1px;
	border-bottom: #999 solid 1px;
	background-image:url(images/shadow.gif);
	background-position:right;
	background-repeat:repeat-y;
}
#wrapper
{
	width:100%;
	min-height:100%;
	position:relative;
	
}
#wrapper #main

{
	width:980px; 
	overflow:hidden;
	margin-bottom:32px;
}
#wrapper #main #mainContent

{
	width:998px;
	float:left;
	margin-right:0px;
	overflow:hidden;
	background-color:#EBEFE9;
}
/*-----------------------shaduw--------------------------------------*/
/*#shadow-container {
position: relative;
left: 3px;
top: 3px;
margin-right: 3px;
margin-bottom: 3px;
}
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
position: relative;
left: -1px;
top: -1px;
}
#shadow-container .shadow1 {
background: #F1F0F1;
}
#shadow-container .shadow2 {
background: #DBDADB;
}
#shadow-container .shadow3 {
background: #B8B6B8;
}
#shadow-container .container {
background: #ffffff;
border: 1px solid #848284;
padding: 10px;
}*/

/*----------------------------------end schaduw---------------------------------------------------------------------*/
.smallerFont
{
	font-size:12px;
	color:#666;
}
.mainHeader
{
	width: 1024px;
	margin-top:21px;
	#margin-top:0px;

	height:147px;
}
.mainHeaderLeft
{
	background-image: url(images/finalDesign2.jpg);
	background-position: left top;
	height: 102px;
	width: 822px;
}
.mainHeaderStretcher
{
	background-image:url(images/resizerTopRight.jpg);
	width:14px;
	height:128px;
	/*#height:126px;*/
	background-repeat:repeat-x;
	background-position:top left;
}
.mainHeaderRightText
{
	background-image:url(images/finalDesign2_r1_c13.jpg);
	width:130px;
	height:128px;
/*	#height:126px;
*/	background-repeat:repeat-x;
	background-position:top left;
}
.menuBar
{
	width:1020px;
	height:26px;
}
.menuButtons
{
	width:800px;
	height:26px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	z-index:120;
}
.positioningmenu
{
	margin-left:102px;
	margin-top:-26px;
	background-image:url(images/bgButtons.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	font-family:Lucida Console, Monaco, monospace, Lucida Sans;
}
.menuBarLeftImage
{
	background-image:url(images/highwayLeftFromButtons.jpg);
	height:26px;
	width:241px;
	margin-top:-26px;
}
.menu
{
	height:26px;
	margin-left:241px;
	margin-top:-26px;
	width:420px;
}
.naastButtons
{
	background-image:url(images/rightFromButtons.jpg);
	height:26px;
	width:161px;
	margin-right:202px;
	margin-top:-26px;	
}
.sideBarLeft
{
	width:188px;
	height:100%;

}
.sideBarLeftStretch
{
	width:189px;
	height:30px;
	background-color:#e5e9eb;
}
.sideBarLeftImage
{
	background-image:url(images/highwayLeft.jpg);
	width:188px;
	height:316px;
	background-position:top left;
	margin-top:-35px;
}
.sideBarLeftNaw
{
	width:189px;
	background-color:#E5E9EB;
	height:100%;
}
.sideBarLeftNawKolomn1-3
{
	width:31px;
	height:169px;
	background-color:#e5e9eb;
}
.sideBarLeftNawKolomn2-3
{
	background-color:#E5E9EB;
	background-image:url(images/finalDesign4_r6_c2.jpg);
	background-repeat:no-repeat;
	font-size:10px;
	height:108px;
	width:143px;
}
.positionTXT
{
	margin-left:6px;
}
.positionImage
{
	margin-left:9px;	
}
.sideBarLeftNawKolomn3-3
{
	width:15px;
	height:169px;
	background-color:#e5e9eb;
}
.sideBarLeftNawKolomn2-3Weblinks
{
	background-image:url(images/finalDesign4_r9_c2.jpg);
	background-repeat:no-repeat;
	height:23px;
	margin-top:3px;
	padding-top:6px;
	width:143px;
}

.sideBarLeftNawKolomn2-3Login
{
	width:143px;
	height:23px;
	background-image:url(images/finalDesign4_r9_c2.jpg);
}
.sideBarLeftNawKolomn2-3Space
{
	width:143px;
	height:9px;
	background-color:#e5e9eb;
}
.positionImageLogin
{
	width:21px;
	height:16px;
	background-image:url(images/loginBtn.jpg);
	background-repeat:no-repeat;
}
.loginTxt
{
	font-size:14px;
	width:66px;
}
.mainText
{
	background-image:url(images/mainContentBG2.jpg);
	background-repeat:no-repeat;
	width:790px;
/*	height:516px;
*/	background-position:top left;
	margin-top:-35px;
}
.mainTextContent
{
	padding-left:33px;
	padding-right:3px;
	padding-top:15px;
	font-size:11px;
	color:#000000;
	min-height: 400px;
}

/*.mainTextContent a:link
{
	color:#000000;
	font-weight:bold;
}

.mainTextContent a:visited
{
	color:#000000;
}

.mainTextContent a:hover
{
	color:#a0a0a0;
	text-decoration: none;
}

.mainTextContent a:active
{
	color:#000000;
	font-weight:bold;
}

*/
.mainTextContentTwo
{
	background-color:#edf0f1;
	padding-left:33px;
	padding-right:119px;
	padding-top:15px;
}
.kadertje
{
	width:15px;
	height:129px;
	background-color:#dadada;
	margin-top:-63px;
}
.mainTextHeader
{
	font-size:18px;
	font-weight:bold;
	color:#0F6B9A;
}
.sideBarRight
{
	width:188px;
}
.sideBarRightblockTop
{
	width:188px;
	height:120px;
	background-color:#e5e9eb;
	margin-top:-515px;
}
.sideBarRightBlockText
{
	background-color:#C8C8C8;
/*	height:322px;
	margin-top:-753px; */
/*	width:188px;
*/	overflow:hidden;
}
#footer
{
	padding-top:14px;
	position:relative;
	border:0px;
	height:23px;
	font-size:10px;
	text-align:center;
	
}



.left_url
{

	font-size:10px;
	color:#black;
}

.left_url a:link
{
	color:#black;
}

.left_url a:visited
{
	color:#black;
}

.left_url a:hover
{
	color:#a0a0a0;
	text-decoration: none;
}

.left_url a:active
{
	color:#black;
}


/*------------------------------------------menu-------------------------------------*/

/*----------------------menu2-----------------------------------*/


/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 8em;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 8.2em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #EEE;
	padding: 0.5em 0.75em;
	color: #333;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #33C;
	color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #33C;
	color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}




/*------------------------------------------menu-3------------------------------------*/











#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
/*	background-image:url(images/bgButtons.jpg);
	background-repeat:no-repeat;
	background-position:top left;
*/
	background-color:#693;
}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}
#normallistitem li
{
	margin-left:25px;
}
#sddm li a
{
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
/*	background-color: #136597;
*/}

#sddm li a:hover
{
/*	background-color: #1881BE;
*/}

#sddm div
{
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	border: 1px solid #5970B2;
/*	background-color: #416063;
*/}

#sddm div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
/*	background: #EAEBD8;
*/	color: #2875DE;
	font: 11px arial}

#sddm div a:hover
{
	color: #FFF;
/*	background-color: #1881BE;
*/}

/*hoover popup over een tekst link*/
div#links_tekst a span {display: none;}
div#links_tekstTwee a span {display: none;}
div#links_tekstDrie a span {display: none;}

div#links_pop_materiaal a span {display: none;}

#links_tekst a:hover span {display: block;
   position: absolute; top: 315px; left: 350px; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #fff; background: #3F647A;
   font: 10px Verdana, sans-serif; text-align: center;
   filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
   }
   
#links_tekstTwee a:hover span {display: block;
   position: absolute; top: 335px; left: 380px; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #fff; background: #3F647A;
   font: 10px Verdana, sans-serif; text-align: center;
   filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
   }
   
   
#links_tekstDrie a:hover span {display: block;
   position: absolute; top: 320px; left: 455px; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #fff; background: #3F647A;
   font: 10px Verdana, sans-serif; text-align: center;
   filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
   }

#links_pop_materiaal a:hover span
{
	display: block;
	position: absolute; top: 385px; left: 490px; width: 225px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #000; background-color:#fff; border-style:solid; border-color:#666; border-width:thin;
   font: 10px Verdana, sans-serif; text-align: center;
}
   
#contactimage 
{
	margin-left:84px;
}
#list-margin
{
	padding-left:25px;
}
#positionvacuumwagen
{
	margin:-69px 0 0 27px;
}
.postionpdflogo
{
	left:743px;
margin:22px;
position:absolute;
top:661px;
}
#isoposition
{
	background-image:url(content_images/iso.png);
	position:absolute;
	top:488px;
	left:741px;
	width:145px;
	height:150px;
}
#postiontruckrow
{
	float:right;
	margin-top:77px;
}
#positionmagazijnfoto
{
	left:94px;
	position:relative;
	top:-63px;
}