* {
	margin:0;
	padding:0;
  }

body{
	font: normal 15px Trebuchet MS, Arial, Helvetica, sans-serif;
	line-height: 20px;
	background: url("images/background.jpg") no-repeat top center;
	color: #000;
}

table, td, input {
  font: normal 15px Trebuchet MS, Arial, Helvetica, sans-serif;
}

table {
  border: 1px #000000 solid;
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 4px;
}

table.borderless {
  border: 0px;
}


td, td p {
  padding: 0px;
  margin: 0px;
  padding: 4px;
}

ul {
  margin-left: 30px;
}


a img{
	border:0;
}

a, a:visited{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#000;
	text-decoration:underline;
}
.clear{
	clear:both;
}
#container{
	width: 985px;
	margin: 0 auto;
	text-align: left;
}
div.top{
	float:left;
	width: 985px;
	background: url("images/top.png") no-repeat;
}
div.intop {
	float:left;
	width: 959px;
	padding: 11px 15px 0px 10px;
	text-align: left;
	background: url("images/top_2.jpg") no-repeat 18px 19px;
}
.midden{
	float:left;
	width: 959px;
	padding: 0px 17px 0px 9px; 
 	text-align: left;
	background-image: url("images/midden.png");
}
/* 	###################################################	
	####				Balk1		###
	################################################### */
.balk1{
	float: left;
	width: 959px;
	height: 45px;
}

.balk1 .adres {
  font-size: 11px;
  padding-top: 16px;
  padding-left: 20px;
  width: 460px;
  float: left;
  color: #003a84;
}

.balk1 a.pointer{
	height:45px;
	font-size: 14px;
	font-weight: bold;
	line-height:43px;
	color: #003783;
	float: right;
	margin: 6px 14px 0px 12px;
}
.balk1 a.pointer img, .balk1 a.pointer span {
	float: left;
	display: inline;
}
.balk1 a.pointer span {
	margin:-4px 10px 0 0;	
}
.balk1 a.pointer:hover {
	text-decoration: none;
}
.zoekenfield{
	float:right;
	width:266px;
	height:22px;
	padding: 6px 5px 0px 10px;
	margin-top: 9px;
	background-image:url(images/zoeken.gif);
	border: outset 0px;
	}
.zoekbutton{
	float:right;
	width:36px;
	height:35px;
	margin: 6px 18px 0 5px;
	cursor:pointer;
	border:outset 0px;
	background-image: url("images/zoekbutton.gif");
}
/* 	###################################################	
	####				balk2		###
	################################################### */
.logo{
	float:left;
	width:257px;
	height:257px;
}
.energieambassadeur {
	float:left;
	width:257px;
	height:68px;
}
.banner {
	float:right;
	width:702px;
	height:180px;
	text-align:right;
}
.menu{
	float:right;
	width:692px;
	height:41px;
	padding-left:10px;
	margin-top:9px;
	background-image:url(images/menu.gif);
	color: #FFFFFF;
  font-weight: bold;
}
.menu ul, .menu li{
	display: inline;
	list-style-type: none;
}
.menu a:link, .menu a:visited{
	display:block;
	float: left;
	height:41px;
	margin: 0px 5px 0px 5px;
	line-height:40px;
	font-size:13px;
	color:#FFF;
}
.menu a:hover{
	text-decoration:none;
	color: #000;
}
.menu li span {
	float: left;
	color: #FFFFFF;
	height:41px;
	line-height: 40px;
}
/* 	###################################################
	####				Left		###
	################################################### */
#left {
	float: left;
	width: 238px;
	padding: 0px 0px 0px 0px;
}
#left h3 {
	float: right;
	width: 198px;
	height: 29px;
	padding: 0px 5px 0px 5px;
	font-size: 14px;
	font-weight: bold;
	line-height:27px;
	color: #FFF;
	background-image:url('images/menu2.gif');
}

/*
.menu2{
	float: right;
	width: 208px;
}
.menu2 h3 {
	float: right;
	width: 198px;
	height: 29px;
	padding: 0px 5px 0px 5px;
	font-size: 14px;
	font-weight: bold;
	line-height:27px;
	color: #FFF;
	background-image:url("images/menu2.gif");
}
.menu2 ul, .menu2 li{
	display: inline;
	list-style-type: none;
}
.menu2 a:link, .menu2 a:visited{
	display:block;
	float: right;
	width:155px;
	padding: 12px 42px 4px 0px;
	font-size:13px;
	background: url("images/menu2li.gif") #FFFFFF no-repeat bottom;
	color:#000;
}
.menu2 a:hover{
	text-decoration:none;
	background: url("images/menu2hover.gif") no-repeat bottom;
	color: #003783;
}
*/

/* 	####################################################################################	
	####				Inhoud						####
	####################################################################################    */
.inhoud{
	float: right;
	width: 682px;
	margin: 0px 0px 0px 0px;
	padding: 10px;
  padding-top: 0px;
}
h1 {
  padding-bottom:0px;
  padding-top:6px;
	font-size:22px;
  line-height:24px;
	font-weight:bold;
	color:#003C85;
}
h2 {
	margin-top:20px;
  margin-bottom:10px;
	line-height:20px;
	font-size:17px;
	font-weight:bold;
	color:#f00;
}

p {
	line-height:20px;
	font-size:15px;
	font-weight:normal;
	color:#000;
	margin-bottom: 10px;
}

.inhoud a {
	text-decoration: underline;
	font-weight: bold;
	color: #003C85;
}
/* 	###################################################	
	####				Footer						###
	################################################### */
#footer{
	float:left;
	width: 959px;
	height:54px;
	padding: 37px 17px 0px 9px;
 	text-align: left;
	background:url("images/footer.jpg") no-repeat;
}
#footer p {
	float:left;
	width: 237px;
	padding-left:20px;
	color:#FFFFFF;
	font-size: 11px;
}
#footer li span {
	float: left;
	color: #FFFFFF;
  line-height:15px;
}
.menu3{
	float:right;
	width:692px;
	height:30px;
	color: #FFFFFF;
  font-weight: bold;
}
.menu3 ul, .menu3 li{
	display: inline;
	list-style-type: none;
}
.menu3 a:link, .menu3 a:visited{
	display:block;
	float: left;
	height:30px;
	margin: 0px 5px 0px 5px;
	line-height:15px;
	font-size:13px;
	color:#FFF;
}
.menu3 a:hover{
	text-decoration:none;
	color: #000;
}
.pointer {
	cursor: pointer;
}



/* Styling van 't menu */

#menu2wrapper {
  float: right;
  width: 200px;

}

/* Unless you know what you do, do not touch this */
#menu2, #menu2 ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
   width:190px;
   margin-left: -1px;
}
#menu2 ul {
   position: absolute;
   top: 0;
   left: 100%;
   display: none;
}

#menu2 li {
   margin-bottom: -1px;
   position: relative;
}


/* Styling the basic apperance of the menu elements */
#menu2 a {
   border: 0px solid #000;
   display: block;
   margin: 0px;
  /* padding: 5px 12px; */
   padding: 12px 15px 5px 12px;
   color:#000;
   font-size:13px;
   text-decoration: none;
   background: transparent;
   min-height:1em; /* Fixes IE7 whitespace bug*/
   font-weight: bold;
}

#menu2 li a:hover {
  text-decoration:none;
  color: red;
}

#menu2 li, #menu2 li.menuparent {
  background: #FFFFFF;
  min-height:1em; /* Fixes IE7 bug*/
}

#menu2 li {
background: #FFFFFF url(images/menu2li.gif) no-repeat bottom left;
min-height:1em; /* Fixes IE7 bug*/
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#menu2 li.menuparent,
#menu2 li.menuparent:hover,
#menu2 li.menuparenth {
background: url(images/arrow.png) no-repeat bottom;
}

#menu2 li li {
background: #FFFFFF url(images/menu2li.gif) no-repeat bottom;
}

/* Styling the apperance of menu items on hover */
#menu2 li:hover,
#menu2 li.menuh,
#menu2 li.menuparenth,
#menu2 li.menuactiveh {
  background-color: #FFF;
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#menu2 ul {
  border: 1px #84a5c5 solid;
  margin: 0;
  padding: 0;
  z-index: 999;
  padding-bottom: 1px;
}

#menu2 ul ul {
  border: 1px #84a5c5 solid;
  top: -1px;
}



#menu2 ul,
#menu2 li:hover ul,
#menu2 li:hover ul ul,
#menu2 li.menuparenth ul,
#menu2 li.menuparenth ul ul {
   display: none;
}
#menu2 li:hover ul,
#menu2 ul li:hover ul,
#menu2 ul ul li:hover ul,
#menu2 li.menuparenth ul,
#menu2 ul li.menuparenth ul,
#menu2 ul ul li.menuparenth ul {
   display: block;
}


/* IE Hack, will cause the css to not validate */

#menu2 li, #menu2 li.menuparenth { _float: left; _height: 1%; }
#menu2 li a { _height: 1%; }

/* Onderstaande code dient actief item rood te kleuren, maar werkt (nog) niet... :-( */

#menu2 li.menu-current a {
  color: red;
}

/* CSS t.b.v. de slider banner */

/* You might want to change these options for the main container */
#bannerSlider, #bannerSlider li {

height: 180px;
width: 702px;

}

/* images container - This is the most important container - Don't change important properties */
#bannerSlider {

list-style: none !important;
float: left;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
position: relative !important;

}

/* each slider item - Nothing to change here */
#bannerSlider li {

	display: none;
	float: left;
	margin: 0;
	position: absolute;
	width: 100%;

}

/* Don't edit this part */
#bannerSlider li.current {

	display: block;
	z-index: 2 !important;

}

/* Don't edit this part */
#bannerSlider li.next {

	display: block;
	z-index: 1 !important;

}

/* Don't edit this part - prevents inline lists from being hidden */
#bannerSlider li ul li {

	display: block !important;
	position: relative !important;

}

/*------ NAVS	------*/

  /*----- LEFT ARROW -----*/

  /* Sets position and main configs */
  .slider_arrow_left {

  	bottom: 10px;
  	cursor: pointer !important;
  	float: left;
  	height: 22px;
  	left: 640px;
  	position: absolute;
  	width: 22px;
  	z-index: 5;

  }

  /* left arrow image */
  .slider_arrow_left {

  	background: url(banners/images/left_arrow.png) no-repeat top left;

  }

  /*------ RIGHT ARROW ------*/

  /* Sets position and main configs */
  .slider_arrow_right {

  	bottom: 10px;
  	cursor: pointer;
  	float: left;
  	height: 22px;
  	left: 667px;
  	position: absolute;
  	width: 22px;
  	z-index: 5;

  }

  /* Right arrow Background */
  .slider_arrow_right {

  	background: url(banners/images/right_arrow.png) no-repeat top left;

  }


  /*------ SELECTORS ------*/

  /* Sets configs for selectors containers : absolute positioned in relation to #slider */
  .slider_selector, .slider_selector_dis {

    bottom: 10px;
    list-style: none;
    margin: 0 0 0 5px;
    position: absolute;
    right: 10px;
    z-index: 5;

  }

  /* Sets image of selectors */
  .slider_selector li, .slider_selector_dis li {

  	display: block !important;
  	background: url(banners/images/slider_selector.png) no-repeat top left;
  	cursor: pointer;
  	float: left;
  	margin: 0 3px !important;
  	height: 10px !important;
  	position: relative !important;
  	width: 10px !important;

  }

  /* Sets the current selector */
  .slider_selector li.current, .slider_selector_dis li.current {

  	background: url(banners/images/slider_selector_current.png) no-repeat top left;

  }

  /* Disables the selectors */
  .slider_selector_dis li {

    cursor: default !important;
    z-index: 5;

  }

  .container {

    float: left;
    position: relative;
    width: 100%;
    z-index: 15;

  }

a.obgButtonHover {

	background: url(banners/images/obg_button_hover.png) no-repeat top left;
	float: left;
	height: 49px;
	margin: 0 0 0 272px;
	width: 409px;
  font-size: 49px;
  line-height: 49px;

}

a.obgButtonHover:hover {

	background: url(banners/images/obg_button_hover.png) no-repeat top left;
  background-position: 0% -49px;

}

a.klikHierVvEopleidingen {
	background: transparent;
	float: left;
	height: 90px;
	margin: 16px 0 0 0;
	width: 530px;
  font-size: 90px;
  line-height: 90px;
}

/* einde CSS slider banner */