.clear{
  clear:both;
/*** these next attributes are designed to keep the div
height to 0 pixels high, critical for Safari and Netscape 7 ***/
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
* html .clear{height:auto;margin-bottom:0} /*** stops IE browsers from displaying
the clear div/br in the page, as these are for Moz/Opera and
Safari only. If IE 5.x Win DID display these, the page is too high ***/



img {border:none;}
form{margin:0; padding:0;}

body {background:#F5F5F5; text-align:center; padding:10px 0 10px 0; margin:0; }
#container {width:760px; margin:0 auto 0 auto; text-align:left; background:white;}

/* masthead */
#masthead { width:760px; height:176px;}
#mh_left { width:25px; float:left;}
#mh_pic { width:176px; float:left;}
#mh_right { height: 176px; float:left; width:559px;}
#mh_logo {height:122px; background:url(../images/masthead/background.gif)}
#mh_logo a {display:block; float:right; padding-top:24px; height:85; width:300px; text-align:right; padding-right:10px;}
#mh_title {background-color:#999999; height:54px; width:559px;}
#mh_title h1 {padding:0; margin:0; color:white; font:bold 16px Arial, Helvetica, sans-serif;  padding:20px 10px 0 20px;}

#main { min-height:300px;}

/* left navigation */
#leftnav { float:left; width: 201px;}


/* content */
#content {float:left; width: 559px; padding:20px 0 20px 0; }

#content .item { padding:0 20px 0 20px; padding-bottom:15px; }
#content .overviewheader { padding-bottom:0;}

a { color: #ff6600; text-decoration: none; }
a:hover { text-decoration: underline; }

p {font:normal 12px arial,sans-serif; line-height:140%; margin:0; padding:0 0 8px 0; color:#656565;}
h1 {font:bold 14px arial,sans-serif;color:#656565; margin:0; padding:0 0 10px 0;}
.overviewheader h1 { border-bottom: 1px solid #DADADA; padding-bottom:2px; margin-bottom:8px;}


h2 {font:bold 13px arial,sans-serif;color:#656565; margin:0; padding:0 0 6px 0;}
#content ul, #content ol { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:8px;}
#content ul { margin-left: 25px; padding-left:0;}
#content ul li, #content ol li { font:normal 12px arial,sans-serif; line-height:140%; color:#656565;}
#content ul li { list-style:none; background: url(../images/opsom.gif) left center no-repeat; padding-left:24px; margin:0;}

#content ol { margin:0; padding:0; margin-left:44px; padding-bottom:8px;} /* cond msie 6 */
#content ol li { color: #ff6600; padding:0; margin:0; padding-left:5px;} /* cond msie 6 */
#content ol li span{ color: #656565;}

hr {
	margin:8px 0 8px 0; /*margin voor msie in cond block uitgezet */
	color: #ccc;
	background-color: #ccc;
	border:0;
	height: 2px;
	display:block;
}


/* footer */
#footer { background:#656565; color:#999999; font: normal 10px arial, sans-serif; text-transform:uppercase; letter-spacing:1px; padding:8px;}
#footer ul {margin:0; padding:0; list-style:none;}
#footer ul li {float:left; padding-right:10px; font: normal 10px arial, sans-serif; line-height:100%; color:#999999; padding-top:3px;}
#footer a { color: #999999; text-decoration:none; border-left:1px solid #767676; padding-left:10px;}
#footer a:hover { color:black;}
#searchInput { border:1px solid #999999; font: normal 10px arial, sans-serif; height:12px; width:110px; padding-left:5px; color:#656565;}
#searchButton { vertical-align:top; padding-left:1px;} /*msie */
#searchForm { float:right;}


/*LEFTNAV*/
/*2nd Level Nav */
#leftnav { margin-top:20px;}
#leftnav ul {list-style:none; margin:0; padding:0; }
#leftnav li {padding:0; padding-bottom:7px; margin:0; }
#leftnav a {display:block;width:171px; padding: 3px 0 4px 27px; color:black; font:normal 12px Arial, Helvetica, sans-serif; background:url(../images/rondje.gif) left top no-repeat;  }
#leftnav li.act a { color:#CC0066;}
#leftnav li.act li a { color:black;}


#leftnav a:hover, #leftnav li.act a.current { color:#CC0066; text-decoration:none; background:url(../images/rondjeac.gif) left top no-repeat;}


/*3rd level nav */
#leftnav ul ul { margin-top:6px;}
#leftnav ul ul a { margin-left:27px; width:144px}


/* download formulier */
.formRow { padding:4px 0 4px 0;}
label {font:normal 12px arial,sans-serif; color:#656565;}
label.textField { width:120px; float:left; padding-top:4px;}
input.textField { width:200px;}
.formError p { color:red; font-weight:bold;}
