html {
    overflow: -moz-scrollbars-vertical;
	overflow: scroll;
	overflow-x: hidden;
}

body{
	background-color: #ffffff;
	color: #000000;
	margin: 0;
	font-family: verdana;
	top: 0;
	left: 0;
}

body p	{	
	font-size:10pt;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 0;
}
.clearBoth{
	clear: both;
}

a:active,
a:focus {
	outline: 0;
	-moz-outline-style: none;
}

h1{

}

h2{
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 10pt;
	font-weight: bold;
	color: #666666;
}

h3, #homeRightColumn h3 a{
	margin: 0;
	padding: 0;
	font-size: 9pt;
	color: #3b5a6f;
	
}

h4{
	
}

/********************   HEADER   ********************/

#wrapperTop{
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 133px;
	background-image: url(../images/interface/wrapperTopBackground.png);
	background-repeat: repeat-x;
}

#containerHeader{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 980px;
	z-index: 2;
}

#logo{
	position: absolute;
	margin: 0;
	padding: 10px 0 0 31px;
	width: 220px;
	height: 133px;
	background-image: url(../images/interface/logo.jpg);
	background-repeat: no-repeat;
}

#containerTopMenu{
	
	position: relative;
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
	width: 315px;
	height: 32px;
	background-image: url(../images/interface/topMenuBackground.png);
	background-position: right;
	background-repeat: no-repeat;
}

#topMenu{
	float: left;
	font-size: 7pt;
	font-weight: bold;
	margin: 9px 0 0 0;
	padding: 0;
	width: 90px;
}

#topMenu a{
	color: #000000;
}

#topMenu a:hover{
	color: #666666;
}

#topSearch{
	float: left;
	margin: 6px 0 0 25px;
	padding: 2px 2px 1px 2px;
	width: 175px;
	height: 19px;
	background-image: url(../images/interface/topMenuInputBack.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 10pt;
	font-weight: bold;
	line-height: 13px;
}

#topSearch a{
	color: #ffffff;
	margin-top: -4px;
}

#topSearch input{
	margin: 0 0 3px 1px !ie7;
	padding: 0;
	width: 121px;
	height: 15px;
	border: 0;
	font-size: 8pt;
	float: left;
}

#topSearch #topSearchcButton	{
	float: left;
	margin-left: 9px;
	width: 45px;
	color: #3B5A6F;
	font-weight: bold;
	font-size: 11px;
}

/*  MAIN MENU  */

#wrapperMainMenu{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 980px;
	z-index: 2000;
}

#mainMenu ul{
	position: absolute;
	top: 44px;
	left: 350px;
	margin: 0;
	padding: 0;
	font-family: arial;
	font-size: 10pt;
}

*html #mainMenu ul{
	position: absolute;
	top: 44px;
	left: 340px;
	margin: 0;
	padding: 0;
	font-family: arial;
	font-size: 10pt;
}

#mainMenu ul li{
	margin: 0;
	padding: 0;
	height: 37px;
	width: 154px;
	float: left;
	list-style: none;
	text-indent: -99999px;
	cursor: pointer;
}

#mainMenu ul li a{
	text-decoration: none;
	color: #000000;
	display:block;	/*	zo is de witruimte achter de link ook klikbaar	*/
}

#mainMenu #mmWatdoenwe{
	background-image: url(../images/interface/mmWatdoenwe.png);
	background-repeat: no-repeat;
}

#mainMenu #mmWatdoenwe.active,	
#mainMenu #mmWatdoenwe.hover	{
	background-image: url(../images/interface/mmWatdoenwe-active.png);
	background-repeat: no-repeat;
}

#mainMenu #mmProducten{
	background-image: url(../images/interface/mmProducten.png);
	background-repeat: no-repeat;
}

#mainMenu #mmProducten.active,
#mainMenu #mmProducten.hover	{
	background-image: url(../images/interface/mmProducten-active.png);
	background-repeat: no-repeat;
}

#mainMenu #mmWiezijnwe{
	background-image: url(../images/interface/mmWiezijnwe.png);
	background-repeat: no-repeat;
}

#mainMenu #mmWiezijnwe.active,
#mainMenu #mmWiezijnwe.hover	{
	background-image: url(../images/interface/mmWiezijnwe-active.png);
	background-repeat: no-repeat;
}

#mainMenu #mmWerkenbij{
	background-image: url(../images/interface/mmWerkenbij.png);
	background-repeat: no-repeat;
}

#mainMenu #mmWerkenbij.active,
#mainMenu #mmWerkenbij.hover{
	background-image: url(../images/interface/mmWerkenbij-active.png);
	background-repeat: no-repeat;
}

/*  SUB MENU  */

#mainMenu #mmWatdoenwe.active ul,
#mainMenu #mmProducten.active ul,
#mainMenu #mmWiezijnwe.active ul,
#mainMenu #mmWerkenbij.active ul{
	display: block;
}

#mainMenu ul ul{
	position: relative;
	left:0;
	top: 0;
	margin: 21px 0 0 2px;
	padding: 0;
	display: none;
}

#mainMenu ul ul li{
	float: none;
	margin: 0 -12px 0 0;
	padding: 4px 0 0 10px;
	height: 21px;
	list-style: none;
	text-indent: 0;
	cursor: pointer;
}
#mainMenu li.subMenuFirst a,
#mainMenu li.subMenu a,
#mainMenu li.subMenuLast a	{
	color: black;
}	
#mainMenu ul ul li a:hover,
#mainMenu ul ul li a.active,
{
	color: #ffffff;	
}

#mainMenu .subMenuFirst{
	background-image: url(../images/interface/subMenuFirst.png);
	background-repeat: no-repeat;
}

#mainMenu .subMenuFirst.active,
#mainMenu .subMenuFirst.hover,
#mainMenu .subMenuFirstHover	{
	background-image: url(../images/interface/subMenuFirst-active.png);
	background-repeat: no-repeat;
}

#mainMenu .subMenuFirst.hover a{
	color: #ffffff;	
}

#mainMenu .subMenu	{
	background-image: url(../images/interface/subMenu.png);
	background-repeat: no-repeat;
}
#mainMenu .subMenuLast.hover,
#mainMenu .subMenuLastHover	{
	background-image: url(../images/interface/subMenuLast-active.png);
	background-repeat: no-repeat;
}
#mainMenu .subMenu.hover,
#mainMenu .subMenuHover	{
	background-image: url(../images/interface/subMenu-active.png);
	background-repeat: no-repeat;
}

#mainMenu .subMenu.hover a	{
	color: #ffffff;	
}

#mainMenu .subMenuLast	{
	background-image: url(../images/interface/subMenuLast.png);
	background-repeat: no-repeat;
}



#mainMenu .subMenuLast.hover a{
	color: #ffffff;
}

#wrapperTitle{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 980px;
	z-index: 1500;
}

#wrapperTitle h1	{
	color:white;
	font-family:  times;
	font-size: 35px;
	position: absolute;
	margin: 130px 0 0 220px;
	padding: 0;
	width: 775px;
	height: 36px;
/*	
	background-image: url(../images/interface/titleProjectleiding.png);
	background-repeat: no-repeat;
*/	
}
#wrapperTitle h1.contact	{
	margin-left: 187px !important;
}	
/********************   CONTENT   ********************/

#wrapperMiddle{
	position: relative;
	margin: 0;
	padding: 56px 0 0 0;
	width: 100%;
	background-image: url(../images/interface/wrapperMiddleBackground.png);
	background-position: top;
	background-repeat: repeat-x;
}

#wrapperContentHome{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 980px;
	z-index: 1000;
}

#containerContentHome{
	position: relative;
	margin:0 auto;
	padding: 0;
	width: 980px;
	height: 316px;
	background-image: url(../images/interface/containerContentBackground.jpg);
	background-repeat: no-repeat;
}

#containerContent{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 980px;
}

#homeLeftColumn{
	position: absolute;
	margin: 146px 0 0 6px;
	padding: 45px 35px;
	width: 212px;
	height: 257px;
	background-image: url(../images/interface/homeLeftColumn.jpg);
	background-repeat: no-repeat;
	font-size: 8pt;
}

#homeRightColumn{
	position: absolute;	
	margin: 146px 0 0 288px;
	padding: 45px 35px;
	width: 212px;
	height: 257px;
	background-image: url(../images/interface/homeRightColumn.jpg);
	background-repeat: no-repeat;
	font-size: 8pt;
}

#homeRightColumn a{
/*	(overbodig, geregeld bij H3 regel 44)
	color: #bebd97;
	font-size: 7pt;
	float: right;
*/	
}

#leftColumn{
	float: left;
	width: 165px;
	margin: 30px 0 0 20px;
	padding: 0;
}

*html #leftColumn{
	float: left;
	width: 165px;
	margin: 30px 0 0 10px;
	padding: 0;
}

#leftColumn ul{
	margin: 0;
	padding: 0;
}

#leftColumn ul li{
	margin: 0;
	padding: 0 0 0 27px;
	height: 30px;
	line-height: 30px;
	list-style: none;
	text-indent: 0;
	cursor: pointer;
	font-family: arial;
	font-size: 9pt;
}

#leftColumn ul li a{
	text-decoration: none;
	color: #666666;
	display: block;
}

#leftColumn .subMenu2.first,
#leftColumn .subMenu2First{
	background-image: url(../images/interface/subMenuFirst2.png);
	background-repeat: no-repeat;
}

#leftColumn .subMenu2.first.active,
#leftColumn .subMenu2.first.hover,
#leftColumn .subMenu2FirstHover	{
	background-image: url(../images/interface/subMenuFirst2-active.png) !important;
}

#leftColumn .subMenu2{
	background-image: url(../images/interface/subMenu2.png);
	background-repeat: no-repeat;
}

#leftColumn .subMenu2.active,
#leftColumn .subMenu2.hover,
#leftColumn .subMenu2Hover	{
	background-image: url(../images/interface/subMenu2-active.png) !important;
}

#leftColumn .subMenu2.last,
#leftColumn .subMenu2Last{
	background-image: url(../images/interface/subMenuLast2.png);
	background-repeat: no-repeat;
}

#leftColumn .subMenu2.last.active,
#leftColumn .subMenu2.last.hover,
#leftColumn .subMenu2LastHover	{
	background-image: url(../images/interface/subMenuLast2-active.png) !important;
}

#middleColumn{
	float: left;
	width: 540px;
	margin: 0 35px 0px 35px;
	padding: 25px 0 0 0;
	font-size: 10pt;
	color: #666666;
}

#containerContact{
	margin: 0 auto;
	padding: 0;
	width: 608px;
}

#contactMiddleColumn{
	float: left;
	width: 210px;
	margin: 0 35px 0 0;
	padding: 36px 0 0 0;
	font-size: 10pt;
	color: #666666;
}

#middleColumn a,
#contactMiddleColumn a{
	color: #666666;
}

#middleColumn a:hover,
#contactMiddleColumn a:hover{
	color: #333333;
}

#rightColumn{
	float: left;
	width: 165px;
	height: 242px;
	margin: 30px 0 0 0;
	padding: 0;
}

#rightColumn5{
	float: left;
	width: 165px;
	height: 242px;
	margin: 30px 0 0 0;
	padding: 0;
	background-image: url(../images/interface/imgProjectleiding.jpg);
	background-repeat: no-repeat;
}

#rightColumn6{
	float: left;
	width: 165px;
	height: 242px;
	margin: 30px 0 0 0;
	padding: 0;
	background-image: url(../images/interface/imgConsultancy.jpg);
	background-repeat: no-repeat;
}

#rightColumn7{
	float: left;
	width: 165px;
	height: 242px;
	margin: 30px 0 0 0;
	padding: 0;
	background-image: url(../images/interface/imgOracledba.jpg);
	background-repeat: no-repeat;
}

#rightColumn8{
	float: left;
	width: 165px;
	height: 242px;
	margin: 30px 0 0 0;
	padding: 0;
	background-image: url(../images/interface/imgDevelopers.jpg);
	background-repeat: no-repeat;
}

#rightColumn10{
	float: left;
	width: 165px;
	height: 242px;
	margin: 30px 0 0 0;
	padding: 0;
	background-image: url(../images/interface/imgFine.jpg);
	background-repeat: no-repeat;
}

#rightColumn11{
	float: left;
	width: 165px;
	height: 242px;
	margin: 30px 0 0 0;
	padding: 0;
	background-image: url(../images/interface/imgUrenwijzer.jpg);
	background-repeat: no-repeat;
}

#rightColumn12{
	float: left;
	width: 165px;
	height: 242px;
	margin: 30px 0 0 0;
	padding: 0;
	background-image: url(../images/interface/imgOpenwmo.jpg);
	background-repeat: no-repeat;
}

#rightColumn13{
	float: left;
	width: 165px;
	height: 242px;
	margin: 30px 0 0 0;
	padding: 0;
	background-image: url(../images/interface/imgProfiel.jpg);
	background-repeat: no-repeat;
}

#rightColumn14{
	float: left;
	width: 165px;
	height: 242px;
	margin: 30px 0 0 0;
	padding: 0;
	background-image: url(../images/interface/imgVisie.jpg);
	background-repeat: no-repeat;
}

#rightColumn15{
	float: left;
	width: 165px;
	height: 242px;
	margin: 30px 0 0 0;
	padding: 0;
	background-image: url(../images/interface/imgPartners.jpg);
	background-repeat: no-repeat;
}

#rightColumn16{
	float: left;
	width: 165px;
	height: 242px;
	margin: 30px 0 0 0;
	padding: 0;
	background-image: url(../images/interface/imgOrganisatie.jpg);
	background-repeat: no-repeat;
}

#rightColumn17{
	float: left;
	width: 165px;
	height: 242px;
	margin: 30px 0 0 0;
	padding: 0;
	background-image: url(../images/interface/imgArbvoorwaarden.jpg);
	background-repeat: no-repeat;
}

#rightColumn18{
	float: left;
	width: 165px;
	height: 242px;
	margin: 30px 0 0 0;
	padding: 0;
	background-image: url(../images/interface/imgJezelfontwikkelen.jpg);
	background-repeat: no-repeat;
}

#rightColumn19{
	float: left;
	width: 165px;
	height: 242px;
	margin: 30px 0 0 0;
	padding: 0;
	background-image: url(../images/interface/imgOnzecultuur.jpg);
	background-repeat: no-repeat;
}

#rightColumn20{
	float: left;
	width: 165px;
	height: 242px;
	margin: 30px 0 0 0;
	padding: 0;
	background-image: url(../images/interface/imgVacatures.jpg);
	background-repeat: no-repeat;
}

#contactRightColumn{
	float: left;
	width: 363px;
	height: 242px;
	margin: 30px 0 0 0;
	padding: 0;
	background-image: url(../images/interface/imgKantoor.jpg);
	background-repeat: no-repeat;
}

/********************   SITEMAP   ********************/

#wrapperBottomHome{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 55px;
	background-image: url(../images/interface/wrapperBottomBackground.png);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #3b5a6f;
}

#wrapperBottom{
	margin: 25px 0 0 0;
	padding: 35px 0 20px 0;
	width: 100%;
	min-height: 55px;
	background-image: url(../images/interface/wrapperBottomBackground.png);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #3b5a6f;
}

#containerSitemap{
	margin: 0 auto;
	top: 35px;
	padding: 0;
	width: 980px;
	font-size: 8pt;
	background-image: url(../images/interface/sitemapLines.gif);
	background-position: center;
	background-repeat: repeat-y;	
}

#containerSitemap ul{
	margin: 0;
	padding: 0;
} 


#containerSitemap ul li{
	list-style: none;
	color: #7198B3;
	margin: 0 0 5px 0;
}

#containerSitemap ul li a{
	color: #7198B3;
}

#containerSitemap ul li a:hover{
	color: #a2a181;
}

#containerSitemap ul li a.active {
	color: #a2a181;
}

.sitemap	{
	float: left;
	width: 175px;
	padding-left: 60px;
}
.sitemap.first{
	margin-left: 20px;
}

.sitemapTitle{
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
	
}

/********************   FOOTER   ********************/

#wrapperFooter{
	margin: 0 0 30px 0;
	padding: 0;
	width: 100%;
}

#containerFooter{
	margin: 0 auto;
	padding: 0;
	width: 980px;
	height: 20px;
}

#footer{
	float: right;
	font-family: arial;
	font-size: 7pt;
	font-weight: bold;
	line-height: 20px;
}

#footer a{
	color: #000000;
}