* {
	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;
}
.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;
}