*
{
  margin: 0;
  padding: 0;
}

@charset "utf-8";
/* CSS Document */

#html, body {
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 980px;
	height: 100%;
	margin: auto;
	color: #494949;
  height: 100%;
  font-size: 11px;
  line-height: 15px;
  font-weight: normal;
  font-family: "Trebuchet MS",Arial,Helvetica,san-serif;
  background-color: #EEEEEE;

}

a,
a:link,
a:active,
a:visited
{
  text-decoration: underline;
}

a:hover
{
  text-decoration: none;
}

a:focus
{
  outline: none;
}

img
{
  border: 0;
}

div.clear
{
	height: 0;
	float: none;
	clear: both;
}

/* #####################  P A G E  ##################### */

#page
{
  margin: 0 auto 0 auto;
  padding: 0;
  width: 1010px;
  display: block;
  position: relative;
  background: #fff url(images/page_bg.jpg) repeat left top;
}

/* #####################  H E A D E R  ##################### */

#header
{
  margin: 40px 0 0 0;
  padding: 0;
  height: 250px;
  width: 1010px;
  background-image: url(images/header_bg.jpg);
  background-position: left top;
  background-repeat: no-repeat;
}

#header h1
{
  margin: 0;
  padding: 0;
  height:  97px;
  width: 514px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  float: right;
  clear: both;
  text-indent: 9999px;
  background-position: left top;
  background-repeat: no-repeat;
}

/* #####################  C O N T E N T  ##################### */

#main
{
  margin: 0;
  padding: 0;
  height: 100%;
  width:  1010px;
}

#content
{
  margin: 0 0 20px 41px;
  padding: 0;
  height: 100%;
  width:  700px;
  display: block;
  position: relative;
  background-color: #fff;
}

/* #####################  F O O T E R  ##################### */

#footer
{
  left: 0;
  top: 660px;
  margin: 0;
  padding: 0;
  height: 175px;
  width:  1010px;
   background-image: url(images/footer_bg.jpg);
  background-repeat: no-repeat;
}

#logo1
{
  margin: 0 0 0 25px;
  padding: 0;
  float: left;
  text-indent: -9999px;
  position: relative;
  top: 10px;
}

#logo1 a 
{
  background: url(images/carriereplus.jpg) no-repeat;
  display: block;
  height: 70px;
  width: 230px;
}

#logo1 a span 
{
  visibility: hidden;
}

#logo2
{
  margin: 0 0 0 40px;
  padding: 0;
  position: relative;
  float: left;
  text-indent: -9999px;
  position: relative;
  top: 10px;
}

#logo2 a 
{
  background: url(images/careerid.jpg) no-repeat;
  display: block;
  height: 70px;
  width: 230px;
}
#logo2 a span 
{
  visibility: hidden;
}

#logo3
{
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  text-indent: -9999px;
  position: relative;
  top: 10px;
}
#logo3 a 
{
  background: url(images/alles.jpg) no-repeat;
  display: block;
  height: 70px;
  width: 230px;
}

#logo3 a span 
{
  visibility: hidden;
}

#logo4
{
  margin: -20px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
  text-indent: -9999px;
  top: 10px;
}

#logo4 a 
{
  background: url(images/aboost.jpg) no-repeat;
  display: block;
  height: 100px;
  width: 230px;
}

#logo4 a span 
{
  visibility: hidden;
}

#initiatief
{
margin: 0 0 0 50px;
padding: 0;
float: left;
display: inline;
}

#mogelijk
{
margin: 0 0 0 210px;
padding: 0;
float: left;
}
  
#footertekst
{
bottom: 30px;
width: 980px;
text-align: center;
display: block;
margin: 0;
position: absolute;
color: #666;
}

#footertekst a,
#footertekst a:link,
#footertekst a:active,
#footertekst a:visited
{
color: #666;
text-decoration: none;
}

#footertekst a:hover
{
text-decoration: underline;
}

/* #####################  C L A S S E S  ##################### */

.clear
{
  margin: 0;
  padding: 0;
  float: none;
  clear: both;
  display: block;
  height: 0;
  width: 0;
}

/* #####################  K O L O M M E N  ##################### */

#kolommen
{
  margin: 0;
  padding: 0;
  width: 1010px;
  display: block;
  position: relative;
}

.kolom 
{
  width: 1010px;
  display: block;
  background-position: left top;
  background-repeat: repeat-y;
  background-image: url(images/page_bg.jpg);
}

#menubalk
{
  margin: 0;
  width: 215px;
  float: left;
  clear: none;
  display: inline;
  background-image: url(images/menu_boven.jpg);
  background-position: 15px top;
  background-repeat: no-repeat;
}

#rechterkolom
{
  margin: 0;
  padding: 0;
  width: 700px;
  float: left;
  clear: right;
  display: inline;
  background-color: #fff;
}

/* ####################### M E N U ########################## */

#menu 
{
  width: 220px;
  margin: 0;
  padding: 20px 0 20px 0;
  position: relative;
  display: block;
  z-index: 2000;
  background-image: url(images/menu_onder.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  left: 15px;
}

#menu ul 
{
  list-style: none;
  margin: 0;
  padding: 0;
  width: 200px;
  z-index: 2000;
  background-color: #E2EDF2;
  line-height: 20px;
}

#menu ul li a,
#menu ul li a:link,
#menu ul li a:visited,
#menu ul li a:active
{
  color: #696969;
  font-family: Arial, Helvetica, san-serif;
  font-weight: bold;
  font-size: 11px !important;
  display: block;
  margin: 0;
  padding: 0 20px 0 20px;
  text-decoration: none;
} 

#menu ul li a:hover
{
  color: #000;
}

#menu ul li.active a,
#menu ul li.active a:link,
#menu ul li.active a:active,
#menu ul li.active a:visited,
#menu ul li.active a:hover
{
  color: #000;
}

#menu ul li ul 
{
	margin: 0;
	width: 175px;
	background-image: url(images/dbb_submenubg.gif);
	background-position: left top;
	background-repeat: no-repeat;
  	position: relative;
  	z-index: 500;
  	left: 21px;
}

#menu ul li ul li
{
  	margin: 0;
  	padding: 0;
}

#menu ul li ul li.first
{
  	margin: 0;
}

#menu ul li ul li a,
#menu ul li ul li a:link,
#menu ul li ul li a:active,
#menu ul li ul li a:visited,
#menu ul li.active ul li a,
#menu ul li.active ul li a:link,
#menu ul li.active ul li a:active,
#menu ul li.active ul li a:visited
{
	color: #999;
	margin: 0 7px 0 7px;
	padding: 0;
	font-family: Arial, san-serif;
	font-size: 10px !important;
	font-weight: normal;
}

#menu ul li ul li.first a,
#menu ul li.active ul li.first a
{
	margin: 0 7px 0 7px;
	font-weight: normal;
}

#menu ul li ul li a:hover,
#menu ul li.active ul li a:hover 
{ 
	color: #000;
	font-weight: normal;
}