/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {outline: 0;}
body {line-height: 1;	color: black;	background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;	border-spacing: 0;}
caption, th, td {text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* MAIN */

html, body {font-family:"Arial"; font-size:11px;}
body {margin:7px 0 0 5px;}

/* LAYOUT */

#rightcol {width:290px; position:absolute; left:705px; top:303px; }
#toprightcol {width:290px; position:absolute; left:705px; top:191px;}
#header {width:700px; height:177px; position:relative;}
#titelbalk {height:22px; background:url(../images/titelbalk.jpg) no-repeat;}
#main {width:700px; background:url(../images/main.gif) repeat-y;}
#left {width:198px; float:left;}
#content {width:502px; float:left;}
#contentpadding {padding:0 7px 10px 11px;}
.floatclearer {clear:both;}
#line {height:1px; background:url(../images/line.gif) no-repeat;}
#footer {width:700px; padding-top:17px;}

/* HOOFDMENU VERTICAAL */

#mainmenuvert {width:188px; font-size:12px;	line-height:20px;	text-align:right; padding:7px 10px 0 0; font-size:14px;}
#mainmenuvert a {color:#000000;	text-decoration:none;}
#mainmenuvert a:hover, #mainmenuvert a.active {color:#ffffff;}

/* HOOFDMENU HORIZONTAAL */

#mainmenuhor {position:absolute; top:127px; left:209px; width:680px; font-size:12px; line-height:20px; font-size:14px;}
#mainmenuhor li {float:left; width:200px; padding-right:27px;}
#mainmenuhor li.viarevakanjer {position:absolute; top:0; left:305px;}
/*#mainmenuhor li {display:inline-block; padding-right:27px; width:200px;}*/
#mainmenuhor a {color:#000000; text-decoration:none;}
#mainmenuhor a:hover, #mainmenuhor a.active {color:#ffffff;}

/* ZOEKEN */

#search {position:absolute; top:19px; left:446px; font-weight:bold;}
#search label {padding-right:10px;}
.field {font-size:11px; width:127px; height:15px; padding:2px 3px 0 3px; border:0;}
.button {width:30px; height:17px; font-size:11px; font-weight:bold; border:0; background:none; cursor:pointer;}
.button:hover {color:#ffffff;}

/* TEKSTGROOTTE AANPASSEN */

#fontsizer {position:absolute; top:43px; left:526px;  width:36px; height:21px; padding: 6px 0 0 105px; background:url(../images/fontsizer.png) no-repeat;}
#fontsizer a {display:block; width:14px; height:15px; float:left; text-indent:-9999px; margin-right:3px;}
#fontsizer span {display:none;}

/* PLATTE TEKST VERSIE */

#plaintext {position:absolute; top:75px; left:531px;}
#plaintext a {color:#000000; font-weight:bold; text-decoration:none;}
#plaintext a:hover {color:#ffffff;}

/* SUBMENU */

#submenutop {height:5px; background:url(../images/submenutop.jpg) no-repeat;}

#submenu {background:#f8f8f8; text-align:right;	line-height:18px; font-size:11px;}
#submenu a {display:block; line-height:18px; background:#b4b4b6; color:#000000; padding-right:10px; text-decoration:none;}
#submenu a:hover {color:#000000; font-weight:bold;}
#submenu a.active {background:#f8f8f8; color:#000000; font-weight:bold;}

#submenu ul a {background:#e4e4e4; color:#575757; color:#000000; padding-right:15px;}
#submenu ul a:hover, #submenu ul a.active {background:#e4e4e4;}

#submenu ul ul a {background:#e4e4e4; color:#848484; padding-right:25px;}
#submenu ul ul a:hover, #submenu ul ul a.active {background:#e4e4e4;}

/* DATUM & TIJD */

#datetime {color:#909090; margin:0 0 0 8px; float:left;}
 
/* CONTACT INFORMATIE */

#contactinfo {float:left; margin-left:30px;}
#contactinfo ul {line-height:18px;}
#contactinfo ul li {display:inline;}

.grey {color:#7f7f7f;}

/* LAATSTE NIEUWS */

#latestnewsheader {height:51px; background:url(/images/latestnewsheader.jpg) no-repeat;}
.newsitem {font-size:10px; color:#000000; padding:12px 40px 15px 25px;}
.newsitem p {margin:0;}

.readon {width:225px; text-align:right; padding-bottom:10px;}
.readon a {color:#000000; font-size:11px; font-weight:bold;}
.readon a:hover {color:#ffffff;}

/* BLOCK RECHTS */

.banner a {text-decoration:none;}
.bannerheader {height:39px; background:url(../images/blockheader.jpg) no-repeat;}
.bannerheader h4 {color:#ffffff; text-transform:none; padding:14px 0 0 24px;}
.bannerimage {padding-left:7px; background:url(../images/bannerimage_bg.jpg) repeat-y;}

/* MENU RECHTSONDER */

#menuright {margin:14px 0 20px 25px; display:none; visibility:hidden;}
#menuright li {display:inline; padding-right:15px;}
#menuright a {color:#000000; text-decoration:none;}
#menuright a:hover {color:#000000;}

/* MENU RECHTSBOVEN */

#menutopright {margin:14px 0 20px 25px;}
#menutopright li {display:inline; padding-right:15px;}
#menutopright a {color:#000000; text-decoration:none;}
#menutopright a:hover {color:#000000;}

/* ZOEKRESULTATEN */

#searchresults form {margin-bottom:10px;}
#searchresults p {margin-bottom:0px;}
#searchresults label {margin-right:20px;}
.paddingbottom {padding-bottom:10px;}
.searchfield {font-size:11px; width:150px; height:14px; padding-top:3px; padding-left:5px; padding-right:5px;}
.searchbutton {height:17px; font-size:11px; font-weight:bold; border:0; background:none; cursor:pointer;}
.searchbutton:hover {color:#fec200;}
.closest {font-weight:bold;}
.number {float:left; padding-right:5px;}
.result {float:left; font-weight:bold;}
.highlight {background:#fec200;}
.score {float:right; color:#acacac;}
.path {padding-left:15px; font-style:italic;}
.resultcontent {padding-left:15px; padding-bottom:10px;}

/* SITEMAP */

#sitemap a {line-height:18px;}

/* FORMULIEREN */

#formuliervenster label {float:left; width:120px; font-size:11px;}
#formuliervenster .field {width:250px; background:#eaeaea; border-bottom:#969696 1px solid; padding:3px;}
#formuliervenster textarea {width:250px; height:70px; font-family:"Arial"; font-size:11px; background:#eaeaea; border:0; border-bottom:#969696 1px solid; padding:3px;}
#formuliervenster .button {width:80px; height:25px; color:#ffffff; border:0; background:#000000;}
#formuliervenster .button:hover {background:#969696;}
#captcha {margin-left:120px;}
#captcha p {font-size:11px; margin-bottom:5px;}
#captcha p input {margin-bottom:15px;}
#formuliervenster #Bijlages {height:22px; width:257px;}
#formuliervenster p.formtextonly {clear:both;}

/* STYLE SWITCHER */

#content { font-size:13px; }

/* paars */
#purple {background-image:url(../images/body_purple.jpg); background-repeat:no-repeat; background-position: 995px 7px;}
#purple #header {background:url(../images/header_purple.jpg) no-repeat;}
#purple .newsitem {background:url(../images/latestnewsbg_purple.jpg) repeat-y;}
#purple #content a {color:#000000; text-decoration:none; border-bottom:#b11b8d 1px solid;}
#purple #content a:hover {border-bottom:#b11b8d 2px solid;}
#purple .searchfield {border:#b11b8d 1px solid;}
#purple .searchbutton:hover {color:#b11b8d;}

/* groen */
#green {background-image:url(../images/body_green.jpg); background-repeat:no-repeat; background-position: 995px 7px;}
#green #header {background:url(../images/header_green.jpg) no-repeat;}
#green .newsitem {background:url(../images/latestnewsbg_green.jpg) repeat-y;}
#green #content a {color:#000000; text-decoration:none; border-bottom:#61b900 1px solid;}
#green #content a:hover {border-bottom:#61b900 2px solid;}
#green .searchfield {border:#61b900 1px solid;}
#green .searchbutton:hover {color:#61b900;}

/* blauw */
#blue {background-image:url(../images/body_blue.jpg); background-repeat:no-repeat; background-position: 995px 7px;}
#blue #header {background:url(../images/header_blue.jpg) no-repeat;}
#blue .newsitem {background:url(../images/latestnewsbg_blue.jpg) repeat-y;}
#blue #content a {color:#000000; text-decoration:none; border-bottom:#00a3ec 1px solid;}
#blue #content a:hover {border-bottom:#00a3ec 2px solid;}
#blue .searchfield {border:#00a3ec 1px solid;}
#blue .searchbutton:hover {color:#00a3ec;}

/* grijs */
#grey {background-image:url(../images/body_grey.jpg); background-repeat:no-repeat; background-position: 995px 7px;}
#grey #header {background:url(../images/header_grey.jpg) no-repeat;}
#grey .newsitem {background:url(../images/latestnewsbg_grey.jpg) repeat-y;}
#grey #content a {color:#000000; text-decoration:none; border-bottom:#5d514b 1px solid;}
#grey #content a:hover {border-bottom:#5d514b 2px solid;}
#grey .searchfield {border:#5d514b 1px solid;}
#grey .searchbutton:hover {color:#5d514b;}

/* geel */
#yellow {background-image:url(../images/body_yellow.jpg); background-repeat:no-repeat; background-position: 995px 7px;}
#yellow #header {background:url(../images/header_yellow.jpg) no-repeat;}
#yellow .newsitem {background:url(../images/latestnewsbg_yellow.jpg) repeat-y;}
#yellow #content a {color:#000000; text-decoration:none; border-bottom:#fec200 1px solid;}
#yellow #content a:hover {border-bottom:#fec200 2px solid;}
#yellow .searchfield {border:#fec200 1px solid;}
#yellow .searchbutton:hover {color:#fec200;}

/* ELEMENTEN */

h1 a {position:absolute; top:7px; left:700px; display:block; width:290px; height:177px; background:url(../images/h1.jpg) no-repeat;	text-indent:-9999px;}
h2 {font-size:14px; font-weight:bold; text-transform:uppercase; padding:4px 0 0 209px;}
h3 {font-weight:bold;	margin:16px 0 20px 0;}
h4 {font-size:14px; font-weight:bold; text-transform:uppercase; padding:27px 0 0 24px;}
h5 {font-weight:bold; text-transform:uppercase; line-height:18px;}
 
p {line-height:18px; margin-bottom:20px;}

strong {font-weight:bold;}
italic {font-style:italic;}

#content ul {line-height:18px; margin-left:17px; list-style-type:disc;}
#content ol {line-height:18px; margin-left:17px; list-style-type:decimal;}

.align-left {float:left; padding:0 15px 10px 0;}
.align-right {float:right; padding:0 0 10px 15px;}
