/* GENERAL
------------------------------------------------------------------------- */
* { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
html { height: 100%; }
body { background: #ccc url(../img/body_bg.gif) no-repeat center top; height: 100%; margin: 0; padding: 0; } /* note workaround in screen_ie6.css */
img { border: none; }
input { padding: 0; margin: 0; }

h1, h2, h5 { margin: 0; padding: 0; }

.highlight {
	padding: 1px;
	background: #f60;
	color: #fff;
}

/* PAGE-BOX
------------------------------------------------------------------------- */
#page-box { overflow:hidden; min-height: 100%; background: #fff; width: 761px; margin: 0 auto; }

/* LOGO
------------------------------------------------------------------------- */
#logo { height: 80px; margin: 0 1px; padding: 0; background: url(../img/logo_bg.gif) no-repeat right top; }
#logo img { margin: 21px 0 0 69px; }

/* MAIN-NAV
------------------------------------------------------------------------- */
#main-nav, #main-nav li ul { margin: 0; padding: 0; list-style-type: none; }
#main-nav li { position: relative; display: inline; float: left; margin-left: 1px;  }
#main-nav li:hover ul { display: block; } 

#main-nav li ul { position: absolute; top: 18px; left: -1px; display: none; border: 1px solid #fff; border-top: none; } /* note workaround in screen_ie6.css */
#main-nav li ul li { clear: both; border-top: 1px solid #fff; margin: 0; }
#main-nav li ul li a { background: url(../img/main-nav-li_sub.png) #ff6600 !important; }
#main-nav li ul li a:hover { background: url(../img/main-nav-li_sub-over.png) #cc3333 !important; } 
#main-nav a { font-weight: bold; line-height: 18px; text-decoration: none; color: #fff; display: block;  width: 151px; height: 18px; background: #ff6600;}
#main-nav a:hover { background: #cc3333; } 
#main-nav span { padding-left: 10px; }
#main-nav .selected a { background: #cc3333; }
#main-nav .notselected a { background: url(../img/main-nav-li_sub.png); }

/* SUB-NAV
------------------------------------------------------------------------- */
#sub-nav, #sub-nav li ul { margin: 0; padding: 0; list-style-type: none; }
#sub-nav { border-top: 1px solid #ff9933; margin-top: 21px; }
#sub-nav li { border-bottom: 1px solid #ff9933; }
#sub-nav li ul li { border-bottom: none; border-top: 1px solid #ffe0c1; }
#sub-nav a { display: block; padding: 5px 3px 5px 12px; font-weight: bold; font-size: 10px; line-height: 12px; color: #ff6600; text-decoration: none; }
#sub-nav li ul li a { font-weight: normal; }
#sub-nav li.selected a { color: #cc3333; }
#sub-nav li.selected ul li a { color: #ff6600; }

/* META-NAV
------------------------------------------------------------------------- */
#meta-nav { border-top: 1px solid #cccccc; margin: 20px 0 0 0; padding: 0; list-style-type: none; }
#meta-nav li { padding: 0; margin: 0; border-bottom: 1px solid #cccccc; }
#meta-nav li a { font-weight: bold; color: #999999; line-height: 20px; text-decoration: none; margin-left: 11px; }
#meta-nav li a:hover { color: #cc3333; }
#meta-nav li.selected a { color: #cc3333; }
#meta-nav li ul { border-top: 1px solid #cccccc; margin: 0; padding: 0; list-style-type: none; color: #999999; }
#meta-nav li ul li { display: block; border-bottom: 1px solid #f0f0f0; font-weight: normal; margin: 0; padding-left: 11px; }
#meta-nav li ul li a { font-weight: normal; margin: 0; padding: 0; }
#meta-nav li ul li.noborder { border: none; color: #cc3333; }

/* VISUAL
------------------------------------------------------------------------- */
#visual { margin: 1px; }

/* COLUMNS
------------------------------------------------------------------------- */
#col-a { float: left; display: inline; width: 151px; margin-left: 1px; overflow: hidden; }
#col-b { float: left; display: inline; margin: 0 10px; width: 436px; }
#col-c { float: left; display: inline; width: 152px; }

/* ZOEKEN
------------------------------------------------------------------------- */
#zoeken { margin: 21px 0 0 0; padding: 0; width: 152px; height: 60px; border-top: 1px solid #ccc; background: url(../img/zoeken_bg.gif) repeat-x; } 
#zoeken h5 { margin: 0 5px 0 10px; font: bold 10px Verdana, Arial, sans-serif; color: #999999; line-height: 20px; }
#zoeken .inputtext { padding: 2px 0 0 0; width: 101px; height: 15px; margin: 0 5px 0 10px; font: 10px Verdana, Arial, sans-serif; vertical-align: top; }
#zoeken .submit { width: 25px; height: 20px; border: none; background: #ff6600; font: bold 10px Verdana, Arial, sans-serif; color: #fff; }

/* CONTENT-BOX
------------------------------------------------------------------------- */
#content-box {  width: 436px; margin: 14px 0 0 0; color: #666666; } 
#content-box * { font: 12px Georgia, "Times New Roman", Times, serif; line-height: 17px; }
#content-box em { font-style : italic; }
#content-box h1  { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #7a7a7a;}
#content-box h2  { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #cc3333; }
#content-box h2.alg-inf  { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ff6600; padding-top: 1px; }
#content-box h3  { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #7a7a7a; margin: 0; padding-top: 5px; }
#content-box p { padding: 4px 0 0 0; margin: 0; color: #666666; }
#content-box p.rol { padding: 4px 0 0 0; margin: 0; }
#content-box p.advies { padding: 0; margin: 0; }
#content-box p.hulp { padding: 0; margin: 4px 0 16px 0; }
#content-box a { color: #ff6600; }
#content-box hr { color: #ccc; background-color: #ccc; height: 1px; border: none; margin-top: 20px; padding: 0; margin-bottom: 0; display: block; }
#content-box hr.alg-inf { color: #ccc; background-color: #ccc; height: 1px; border: none; margin-top: 5px; padding: 0; margin-bottom: 0; }
#content-box ol { margin-top: 0px; padding-bottom: 5px; margin-bottom: 0; }
#content-box .pijl-boven { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; display: block;  float: right; color: #ff6600; background: url(../img/pijl-boven_btn.gif) no-repeat 0 3px; padding-left: 15px; }
#content-box .pijl-terug { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; display: block;  float: right;  margin-top: -17px; color: #ff6600; background: url(../img/pijl-terug_btn.gif) no-repeat 0 5px; padding-left: 15px; }
#content-box .print-pdf { margin-top: 3px; font-family: Verdana, Arial, Helvetica, sans-serif;  color: #cc3333; font-size: 10px; }
#content-box .print-pdf a { font-family: Verdana, Arial, Helvetica, sans-serif;  color: #cc3333; font-size: 10px; }
#content-box img.alg-inf { padding: 4px 10px 5px 0; margin: 0; float: left; }
#content-box ul.route { margin: 0; padding: 0 0 2px 0 ; list-style: none; }
#content-box ul.route li { background: url(../img/liststyle-lijn_gfx.gif) no-repeat; background-position: 0px 8px; padding-left: 15px; }
#content-box hr.route { color: #ccc; background-color: #ccc; height: 1px; border: none; margin-top: 7px; padding: 0; margin-bottom: 2px; }
#content-box a.route{ color: #ff6600; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
#content-box .line { height: 1px; border-bottom: 1px solid #ccc; margin-top: 7px; font-size: 1px; line-height: 1px; }
#content-box .zoekresultaat { padding: 7px 0 9px 0; border-bottom: 1px solid #ccc; }
#content-box .zoekresultaat a { color: #ff6600; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
/**/
#content-box strong { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #7a7a7a; margin: 0; padding-top: 5px; }
#content-box ul { margin: 0; padding: 0 0 2px 0 ; list-style: none; }
#content-box ul li { background: url(../img/liststyle-lijn_gfx.gif) no-repeat; background-position: 0px 8px; padding-left: 15px; }

/*SITEMAP
------------------------------------------------------------------------- */
ul#sitemap {
	padding: 0;
	margin-top: 20px; 
	list-style: none;
}
ul#sitemap li {
	padding: 0;
	margin-bottom: 20px;
	text-transform: uppercase;
	background: none;
	list-style: none;
}
ul#sitemap li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

ul#sitemap li li {
	padding-left: 1em;
	margin-bottom: 0;
	text-transform: none;
}


/*
#content-box ul.sitemap { }
#content-box ul.sitemap li { background: url(../img/x.gif) no-repeat; background-position: 0px 8px; list-style: none; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0 ; color: #666666; text-decoration: none; }
#content-box ul.sitemap li a { list-style: none; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0 ; color: #666666; text-decoration: none; }
#content-box ul.sitemap li a:hover { text-decoration: underline; }
#content-box ul.sitemap li ul { list-style: none; margin:0 0 0 20px; padding:0; }
#content-box ul.sitemap li ul.level-b { list-style: disc; font-weight: normal; text-transform:none; }
#content-box ul.sitemap li ul.level-b li { margin-left: 40px; }
#content-box ul.sitemap li ul.level-a { list-style: none; font-weight: normal; text-transform:none; }
#content-box ul.sitemap li ul.level-a li { margin-left: 0px; }
#content-box ul.sitemap li ul.level-b li a { font-weight: normal; }
#content-box ul.sitemap li ul li ul { list-style: disc; margin-left: 40px; }
#content-box ul.sitemap li ul li ul li a{ font-weight: normal; }
#content-box ul.sitemap li.topspace { margin-top: 20px; text-transform:uppercase; }
#content-box ul.sitemap li.btmspace { margin-bottom: 20px; }
*/

/* ACTUEEL-BOX
------------------------------------------------------------------------- */
.actueel-box { border-top: 1px solid #cccccc; padding: 11px 0 12px 0;height: 100%; overflow: hidden; color: #666666; }
.actueel-box img { float: left; margin-right: 10px; display: block; }
.actueel-box div { float: left; width: 339px; font: 12px Georgia, "Times New Roman", Times, serif; line-height: 17px; }
.actueel-box h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ff6600; }
.actueel-box .leesmeer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ff6600; display: block; float: left; }

/* LEDEN-BOX
------------------------------------------------------------------------- */
.leden-box img { float: left; margin: 10px 10px 10px 0; display: block; }
.leden-box p { font: 12px Georgia, "Times New Roman", Times, serif; line-height: 17px; padding: 4px 0 0 0; margin: 0; color: #666666; }
.leden-box h3  { padding: 7px 0 0 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 12px; }
.leden-box h3 strong  { color: #cc3333; font-weight: bold; font-size: 12px; }
.leden-box h3 i  { font-size: 12px; }
.leden-box div { float: right; width: 339px; font: 12px Georgia, "Times New Roman", Times, serif; line-height: 17px; }
.leden-box .pijl-boven { display: block; float: right; color: #ff6600; background: url(../img/pijl-boven_btn.gif) no-repeat 0 2px; padding: 0 0 5px 15px; margin-top: 3px; }
.leden-box { border-top: 1px solid #cccccc; padding: 11px 0 12px 0;height: 100%; overflow: hidden; color: #666666; }

/* ADVIES-BOX
------------------------------------------------------------------------- */
#advies * { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
#advies { margin-top: 17px; border-spacing: 0; width: 100%; border-collapse: collapse; }
#advies td { padding: 6px 0 9px 0; border-bottom: #cccccc solid 1px; font-size: 10px; }
#advies td.col-a { width: 80px; }
#advies td.col-b { width: 320px; }
#advies td.col-c { width: 36px; padding-right: 1px; }

/* ALGEMEEN-ONTWIKKELING-BOX
------------------------------------------------------------------------- */
#alg-informatie * { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;  }
#alg-informatie { margin-top: 9px; border-spacing: 0; width: 100%; border-collapse: collapse; }
#alg-informatie td { padding: 6px 0 9px 0; border-bottom: 1px solid #cccccc; font-size: 10px; }
#alg-informatie td.col-a { width: 45px; vertical-align: top; }
#alg-informatie td.col-a.zoek { padding-left: 37px; font-weight: bold; }
#alg-informatie td.col-b { width: 391px; }
#alg-informatie td.col-b p { padding: 0;}
#alg-informatie td.col-c { width: 45px; vertical-align: top; border-bottom: 0px; }
#alg-informatie td.col-c.zoek { padding-left: 37px; font-weight: bold; }
#alg-informatie td.col-d { width: 391px; border-bottom: 0px; }
#sub-zoek { margin: 0; padding: 0 0 5px 0; height: 20px;  }
#sub-zoek .select { margin: 0; padding: 0; width: 130px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#sub-zoek .select option { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#sub-zoek .submit { width: 25px; height: 20px; border: none; background: #ff6600; font: bold 10px Verdana, Arial, sans-serif; color: #fff; }

/* LINKS
------------------------------------------------------------------------- */
#links * { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;  }
#links { margin-top: 0px; border-spacing: 0; width: 100%; border-collapse: collapse; }
#links td { padding: 0px 0 0px 0; font-size: 10px; }
#links td.col-a { width: 45px; vertical-align: top; }
#links td.col-a.zoek { padding-left: 37px; font-weight: bold; }
#links td.col-b { width: 391px; padding: 3px;}
#links td.col-b p { padding: 0;}