/* **************************************************************************************  */
/* DIT STYLESHEET BESCHRIJFT GROOTTE EN PLAATSING; alleen voor grafische versie NS6+,      */
/* IE4+ en standaard-trouwe browsers                                                       */
/* **************************************************************************************  */


/* ************************************************************************************** */
/* Wat algemene beschrijvingen */
/* ************************************************************************************** */

body, html {
	scrollbar-3dlight-color:#CDCDCD;
   scrollbar-arrow-color:#464646;
   scrollbar-base-color:#464646;
   scrollbar-track-color:#464646;
   scrollbar-darkshadow-color:#464646;
   scrollbar-face-color:#CDCDCD;
   scrollbar-highlight-color:#CDCDCD;
   scrollbar-shadow-color:#CDCDCD;
}

body {
   background: #333 url(../pix/bodyback.gif) repeat-x top;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin: 0 auto;
   width: 1004px;
}

a {color: #1d4f8a; text-decoration: none;}
h1 {top: 0; margin: 0; padding: 0;}
h2 {margin-left: 10px;}
h3 {border-left: 10px solid; font-size: 1em; margin: 0 0 1em 10px; padding: 0 0 0 10px;}
hr {display:none;}
fieldset {border: 0; padding: 0; margin: 0;}
form {background: #F1F1F1; padding: 12px 16px; }
img { border: none; }

.ablok { border-left: 12px solid; font-size: 0.9em; font-weight: bold; padding-left: 8px; }

/* ************************************************************************************** */
/* Balk met logo, zoeken, breadcrumbs, balkfoto */
/* ************************************************************************************** */
#balk {
   border-bottom: 10px solid;
   height: 39px;
   voice-family: "\"}\"";
   voice-family: inherit;
}

#pane002 .articleList {margin-bottom: 20px;}
#pane002 .articleList .teaser { margin-top: 32px; }
#pane002 .articleList .teaser .pic { float: left; margin-right: 8px; }
#pane002 .articleList .spacer { clear: both; display: block; }

/* zoekvenster */
#balkZoek {text-align: left; position: absolute; width: 216px; height: 39px; right: 0; top: 102px;}
#balkZoek form {padding: 5px 0 0 0; margin: 0; background-color: transparent;}
#balkZoek label {display: inline; color: #000; font-weight: 100;}

#balknieuw { background: white; border-bottom: 1px solid #797979; height: 33px; }
#balknieuw .home {float: left; font-weight: bold; padding-top: 10px; text-align: right; width:242px;}
#balknieuw .home a {padding-right: 20px;}

/* header, met logo */
h1 img {display: block; margin: 0; padding: 0;}
#balk img {float: none; display: inline; margin: 0; padding: 0;}

/* Panorama en kruimelpad */
#balkplaat {
  voice-family: "\"}\"";
  voice-family: inherit;
  height: 52px; /* height standards */
}

#balkplaat .breadcrumbs {padding: 0; font-weight: normal; font-size: 0.9em; text-align: right; width: 221px;}
#balkplaat.pop {width: 600px;}
#frame.pop {width: 600px;}
#footer.pop {width: 600px;}
/* Popup*/
#pane600 {width: 600px; float: left; position: relative; background-color: #fff;}
#pane600 p {line-height: 120%; font-size: 0.9em; padding: 10px 20px; margin: 0;}
#pane600 h2 {padding: 10px 20px;}
#pane600 h3 {margin: 10px 20px; font-size: 0.9em}

/* ************************************************************************************** */
/* Frame en Panes; opbouw drie kolommen */
/* ************************************************************************************** */

/* linkerkolom (menu) */
#pane001 {float: left; text-align: right; width: 242px;}
#pane001-2 {border-right: 1px solid #797979; height: 500px; width: 241px;}

/* middenkolom (content) */
#pane002 {float: left; width: 537px; min-height: 450px;}
div.fullLeft {width: 779px !important;}
div.fullRight {width: 762px !important;}
#pane002 a:hover, #pane729 a:hover {text-decoration: underline;}

/* gehele pagina voor Loket, Forum etc. */
#pane729 .header {padding: 8px 0;}
#pane729 p {line-height: 120%; font-size: 0.9em; padding: 10px 20px; margin: 0;}
#pane729 h2 {padding: 10px 20px;}
#pane729 h3 {margin: 10px 20px; font-size: 0.9em;}
#bigpic729 {padding: 20px; text-align: center;}
#bigpic729holder {background-color: #ccc;}

/* rechterkolom (marge) */
#pane003 {
	background-color: #f1f1f1;
   border-left: 1px solid #797979;
   float: left;
	voice-family: "\"}\"";
   voice-family: inherit;
   width: 224px; /* width standards */
}

/* Fillers, zorgen ervoor dat de drie of twee (!) contentvlakken even hoog blijven */
#filler001 {background-color: #FFF;}
#filler003 {background-color: #F1F1F1;}

/* ************************************************************************************** */
/* Contentboxen */
/* ************************************************************************************** */

.content537 {
  margin-bottom: 1px;
}
.content537 img {
  float: left;
  border-right: 1px solid #fff;
  margin-right: 10px;
}
.content537 p img {
  float: none;
}
.content537 h3, .content537 p {
  margin: 0;
  padding: 10px 0 0 0;
}

.content537a {
  margin-bottom: 1px;
}
.content537a img {
  float: left;
  border-right: 1px solid #fff;
  margin-right: 10px;
}
.content537a p img {
  float: none;
}
.content537a h3, .content537 p {
  margin: 0;
  padding: 10px 0 0 0;
}
/* Bovenblokjes, tweekoloms */

/* Eerste blokje border */
#blok243Top001 { border-right: 1px solid #fff; }
#blok243Top001, #blok243Top002 {
   height: 150px;
   float: left;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 268px;
}

#blok243Top001 h2, #blok243Top002 h2 {border-left: 10px solid; font-size: 0.9em; margin: 10px 20px 5px 20px; padding: 3px 0 3px 10px;}
#blok243Top001 p, #blok243Top002 p {margin: 0 20px; padding: 0 0 10px 0;}
#blok243001, #blok243002 { height: 150px; float: left; position: relative; width: 269px; }


#bloklinks1 { width: 179px; height: 150px; background-color: white; float: left; position: relative; margin: 0px;}
#bloklinks2 { width: 179px; height: 150px; background-color: white; float: left; position: relative; margin: 0px;}
#bloklinks3 { width: 179px; height: 150px; background-color: white; float: left; position: relative; margin: 0px;}

/* ************************************************************************************** */
/* EVENEMENTENAGENDA                                                                                */
/* ************************************************************************************** */

#evenHighLight {
   border-right: 1px solid #fff;
   float: left;
   height: 300px;
   position: relative;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 268px;
}

#evenDezeWeek {width: 269px;position: relative;	height: 300px; float: left;}
#evenDezeWeek p.evenDetail {padding: 5px 10px; font-size: 0.7em;}
#evenDezeWeek h3 a {color: #000;}
.evenVorigeWeek h3 a {color: #000;}
#bottom h3 a {color: #000;}

p.evenWeekPar {padding: 0 10px; font-weight: bold; text-align: right;}
#evenHighLight p.evenDetail {padding: 3px 20px; font-size: 0.9em;}
#evenHighLight #bottom p.evenDetail {padding: 3px 20px; font-size: 0.7em;}
.evenVorigeWeek p.evenDetail {padding: 3px 10px; font-size: 0.7em;}

a.evenJump {color: #fff; padding-right: 10px; font-weight: bold;}

#agendaHeader {height: 150px;}
#agendaHeader h2, #agendaHeader h3, #agendaHeader p { margin: 0 20px;}
#agendaHeader {height: 150px;}
#agenda {margin: 10px; padding: 0; width: 518px; border: 0;}
#agenda th {font-size: 0.9em; padding: 10px 3px; text-align: left;}
#agenda td {vertical-align: top; padding: 5px 3px 5px 0px; margin: 0; font-size: 0.75em; border-bottom: 1px dashed #666;}
#agenda td.evenTitle {font-size: 0.9em; font-weight: bold;}

#evenDate {width: 538px; margin: 0; padding: 0; background-color: transparent; border-top: 1px dashed #ccc;}
#evenDate p {padding: 0;}
#evenDate label {display: inline;}
#evenDate select {padding: 0; margin-left: 10px;}

/* ************************************************************************************** */
/* DOSSIER                                                                                */
/* ************************************************************************************** */

/* Linkervlak, intro */
.dossierInl p {margin: 0 0 5px 20px; padding: 5px 0 0 0; font-size: 0.9em; line-height: 120%;}
.dossierInl h3 {margin: 10px 0 10px 20px; padding: 2px 0 2px 10px; font-size: 0.9em; border-left: 10px solid}
.dossierInl ul {background-color:#006633;}
.dossierInl ul li {background-color:#006633;}
/* Rechtervlak, subs */
.dossierTeaser h3 {margin: 10px 0 0 10px; padding: 0 0 0 10px; font-size: 0.8em; border-left: 10px solid}
.dossierTeaser p {margin: 0 10px; padding: 5px 0 0 0; font-size: 0.8em; line-height: 110%;}


/* ************************************************************************************** */
/* LOKET */
/* ************************************************************************************** */

/* Linkervlak, inleiding */
.loketInl p {margin: 0 0 5px 20px; padding: 5px 10px 0 0; line-height: 120%;}
.loketInl h3 {margin: 10px 0 15px 20px; padding: 2px 0 2px 10px; font-size: 0.9em; border-left: 10px solid}
.loketInl ul {margin: 0 15px; padding: 0px;}
.loketInl ul li {font-size: 0.9em; margin: 0 0 4px 20px; padding: 0 0 0 7px; list-style-type: square;}

/* Rechtervlak, met top 10 */
.loketTeaser p {margin: 0 20px; padding: 5px 0 0 0; font-size: 0.8em; line-height: 110%;}
.loketTeaser h3 {margin: 10px 0 15px 20px; padding: 2px 0 2px 10px; border-left: 10px solid}
.loketTeaser ol {margin: 0 15px; padding: 0;}
.loketTeaser ol li {font-size: 0.9em; margin: 0 0 4px 20px; padding: 0 0 0 7px;}

/* ************************************************************************************** */
/* contentvlakken in Bovenblokjes, tweekoloms                                             */
/* ************************************************************************************** */

#bottom001, #bottom002 {
	opacity: 0.8; /* IE: */ filter: Alpha(opacity=80,style=0);
	height: 75px;
	margin: 70px 0 0 0;
	padding: 5px 0 0 20px;
}

/* p in contentvlakken in Bovenblokjes, tweekoloms */
#bottom001 p, #bottom002 p  {margin: 0; padding: 0 20px 10px 20px; font-size: 0.9em; line-height: 120%;}

/* ************************************************************************************** */
/* CONTENTVLAKKEN - bouwblokken voor de pagina binnen pane002                             */
/* ************************************************************************************** */

/* Driekoloms blokken met opmaak */
#blok162001, #blok162002, #blok162003 {float: left; width:162px;}
#blok162001 img, #blok162002 img, #blok162003 img {margin: 0; padding: 0;}

/*driekoloms BINNEN contentppagina */
/* REDESIGN 1.1 */
#blok179001, #blok179002, #blok179003, #blok179004 {position: relative; width: 179px; height: 150px; float: left; background-color: #fff;}
#blok179001.contentLeft {
   border-right: 1px solid #EBEAE9;
	voice-family: "\"}\"";
   voice-family: inherit;
   width: 178px;
}

#blok179002.contentMiddle {
  border-right: 1px solid #EBEAE9;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 178px;
}

#blok179003.contentRight {
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 179px;
}

#blok162001.contentLeft {
   background-color: #fff;
   padding-left: 20px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 159px;
}

#blok162002.contentMiddle {
	background-color: #fff;
   padding: 0 10px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 159px;
}

#blok162003.contentRight {
   background-color: #fff;
	padding-right: 20px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 158px;
}

/* opmaak binnen driekoloms BINNEN contentppagina */
#blok162001.contentLeft p {padding: 0 10px 0 0; margin: 0;}
#blok162002.contentMiddle p {padding: 0 10px 0 0; margin: 0;}
#blok162003.contentRight p {padding: 0 10px 0 0; margin: 0;}

#blok162001.contentLeft h3 {margin: 10px 10px 10px 0;}
#blok162002.contentMiddle h3 {margin: 10px 10px 10px 0;}
#blok162003.contentRight h3 {margin: 10px 10px 10px 0;}

#blok162001 .mask {filter: Alpha(opacity=80,style=0);	opacity: 0.8; width: 162px; height: 150px; top: 0; left: 0;}

/* In combinatie met #blok162001 */
#blok324 {
	font-size: 0.9em;
	min-height: 134px; /* 150px - 8px padding top - 8px padding bottom */
	margin-left: 162px;
   padding: 8px;
   voice-family: "\"}\"";
   voice-family: inherit;
}

#blok324 h3 { font-size: 1em; }
#blok324 ul {margin: 0; padding: 0;}
#blok324 ul li {margin: 0; padding: 0; list-style-type: none;}
#blok324 a {text-decoration: none;}

/* ************************************************************************************** */

/* Tweekoloms */
#content243001, #content243002 {margin-top: 10px; position: relative; width: 268px; float: left;}
#content243001 p, #content243002 p {padding-right: 20px;}

/* ************************************************************************************** */

/* Gehele breedte, vaste hoogte */
#blok486 {background: #D1DAEB; height: 150px; width: inherit;}
#blok486 .foto486 {position: absolute; width: inherit;}
#blok486 p {padding: 5px 20px;}
#blok486 ul {margin: 0 20px; padding: 0;}
#blok486 ul li {margin: 0; padding: 0; list-style-type: none; line-height: 16px; font-size: 0.9em;}
/* opmaak, binnen blok486  */
#blok486 #float162 {
	background: #fff;
	height: 150px;
	left: 375px; /* IE does not accept right: 0px */
	opacity: 0.85; /* IE */ filter:Alpha(opacity=85,style=0);
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	top: 0;
	width: 162px;
}
#blok486 #float162 h3 {margin: 10px 0 5px 16px;}
#blok486 #float162 ul {margin: 0; padding: 10px;}
#blok486 #float162 ul li {font-size: 0.9em; line-height: 11px; list-style-type: none; background-repeat: no-repeat; margin: 0 0 3px 0; padding: 0 10px 0 25px;}
#blok486 #float162 ul li.doc {background-image: url(../pix/icon-doc.gif);}
#blok486 #float162 ul li.pdf {background-image: url(../pix/icon-pdf.gif);}
#blok486 h2 {line-height: 23px; font-size: 1.1em; margin: 0; padding: 20px 20px 0 20px;}

/* Zoekbox, binnen blok486  */
#blok486.uitZoeken {background-color: #d1daeb; padding: 7px 20px;}
#blok486.uitZoeken form {background: transparent;}
#blok486.uitZoeken input.formLarge {font-size: 0.9em; padding: 0; margin: 0;}
#blok486.uitZoeken input {font-size: 0.9em; padding: 0; margin: 0;}
#blok486.uitZoeken label {margin-right: 10px;}
#blok486.uitZoeken p {margin: 0; padding: 0;}
#blok486.uitZoeken p.small {color: #000; margin: 0; padding-top: 10px;}
#blok486.uitZoeken p.small2 {color: #666; font-size: 0.8em; margin: 0;}
#blok486.uitZoeken label {color: #333; margin-top: 0; padding-top: 0; font-size: 0.9em;}
#blok486.uitZoeken td {vertical-align: top;}

dt { padding: 0 20px 5px 20px; }
dd { padding-right: 20px; }

#pane002 div.nav {text-align: center; color: #333; margin-top: 50px; padding-top: 0; font-size: 0.9em;}

/* Contentvlakken, vaste hoogte, binnen blok486  */
#blok486 .float243 {width: 268px; height: 150px; filter:Alpha(opacity=85,style=0); float: right; opacity: 0.85; background-color: #fff;}
#blok486 #bottom486 {position: absolute; bottom: 0; width: 538px; padding-bottom: 10px; background-color: #fff; filter:Alpha(opacity=85,style=0); opacity: 0.85}

.foto486 img.BgArtPic {display: block; margin: -150px 0 0 0; width: 537px; height:150px; filter: Alpha(opacity=10,style=0); opacity: 0.1;}
.foto243 {width: 268px; height: 150px;}
.foto162 {width: 162px; height: 150px;}

/* ************************************************************************************** */

/* Gehele breedte, contentvlakken artikelpagina's */
#content486001, #content486002 {
	margin: 10px 20px;
	voice-family: "\"}\"";
   voice-family: inherit;
}
/* Opmaak binnen contentvlakken artikelpagina's */
#content486001 p, #content486002 p {padding: 10px 0; margin: 0;}
#content486001 p.small, #content486002 p.small {font-size: 0.9em; margin: 0;}
#content486001 h3.nospace, #content486002 h3.nospace {margin: 20px 20px 5px 20px;}
#content486001 h3, #content486002 h3 {border-left: 10px solid; font-size: 1em; margin: 20px 20px 10px 20px; padding: 2px 0 2px 10px;}
#content486001 h4 {padding-left: 20px; padding-right: 20px;}
#content486001 ul, #content486002 ul {padding: 10px 0; margin: 0 40px;}
#content486001 ul li, #content486002 ul li {font-weight: normal; margin: 0; padding: 0 0 10px 0; list-style-type: square; font-size: 1em;	line-height: 16px;}
#content486001 ul li ul, #content486002 ul li ul li {padding: 10px 0px; margin: 0px 20px;}
#content486001 ul li ul li, #content486002 ul li ul li {font-weight: normal; margin: 0; padding: 0; list-style-type: square; font-size: 0.9em;	line-height: 14px;}
#content486001 ul li ul li ul, #content486002 ul li ul li ul li {padding: 10px 0; margin: 0 20px;}
#content486001 ul li ul li ul li, #content486002 ul li ul li ul li {font-weight: normal; margin: 0; padding: 0; list-style-type: square; font-size: 0.8em;	line-height: 120%;}
#content486001 .persorg {background-color: #f1f1f1; margin: 20px; padding: 10px 0;}

/* Opmaak binnen contentvlakken artikelpagina's */
#content486001 .highLight {
	background: #f1f1f1;
	padding: 10px;
	float: right;
	margin: 10px 20px 10px 10px;
	voice-family: "\"}\"";
   voice-family: inherit;
   width: 112px;
}

#content486001 .highLight2 {
	background: #f1f1f1;
	float: right;
	margin: 10px 20px 10px 10px;
	padding: 0 10px 20px 10px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 173px;
}

#content486001 h2, #content486002 h2 {font-size: 150%;}
#content486001 p, #content486002 p {font-size: 13px; line-height: 130%;}
#content486001 .highLight2 h3 {padding: 0 0 0 5px; margin: 10px 0 5px 0; font-size: 0.9em;}
#content486001 .highLight2 p {line-height: 13px; font-size: 0.9em; padding: 0; margin: 10px 10px 10px 20px; margin: 0;}
#content486001 .highLight2 ul {padding: 10px 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px dashed #797979;}
#content486001 .highLight2 ul li {list-style-type: square; line-height: 13px; font-size: 0.9em; padding: 0; margin: 10px 10px 0 15px;}
#content486001 .highLight2 .line {border-top: 1px dashed #797979; font-size: 0; padding: 0; margin-bottom: 20px; margin-top: 10px; height: 0;}

#content729001, #content729002 {
   float: left;
   margin: 0;
   padding: 0;
   position: relative;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 780px;
}

#content729001.gallery {text-align: center;}
#content729001.gallery h2 {text-align: left; padding: 20px 10px; margin: 0;}
#content729001.gallery p {text-align: left; padding: 0 10px; margin: 0;}
#content729001 table.gallery {width: 580px; margin: 20px auto;}
#content729001 table.gallery td {padding: 2px 2px 10px 2px;}
#content729001 table.gallery td p {text-align: left; color: #666; margin: 0; padding: 0;}
#content729001 table.gallery td img {border: 1px solid;}
#content729001 table.gallery td p a {display: block; background-color: #CCC; padding: 3px 5px; color: #333;}
#content729001 table.gallery td a:hover {text-decoration: none;}
#content729001 table.gallery td a:hover img {border: 1px dashed;}

#content729001 table.image {width: 580px; margin: 0 auto;}
#content729001 table.image td.nav {padding: 10px 0; font-weight: bold;}
#content729001 table.image td {padding: 0; font-size: 0.9em;}
#content729001 table.image td h3 {margin: 20px 0 0 0;}
#content729001 table.image td p {text-align: left; margin: 0; padding: 10px 0;}
#content729001 table.image td img {border: 1px solid;}
#content729001 table.image td a:hover {text-decoration: none;}
#content729001 table.image td a:hover img {border: 1px dashed;}

/* ************************************************************************************** */
/* vlak met artikelacties print, zend en reageer                            */
/* ************************************************************************************** */

/* vlak met artikelacties print, zend en reageer */
#acties {
	margin: 40px 0 20px 0;
   voice-family: "\"}\"";
   voice-family: inherit;
}

#acties a {font-size: 1em; color: #333; text-decoration: none;}
#acties a:hover {text-decoration: underline; color: #1d4f8a;}
#acties a img {margin-right: 3px;}
#acties p {margin: 0 0 30px 0; padding: 0 20px;}
#acties p.knoppen {margin: 0 0 20px 0; padding: 30px 0 0 20px; border-top: 1px dashed #aaa;}

/* opmaak reacties */
#reacties {
	border-top: 1px dashed #aaa;
	padding: 40px 20px 0 20px;
	voice-family: "\"}\"";
   voice-family: inherit;
}
#pane729 #reacties {
	border-top: 1px dashed #aaa;
	padding: 40px 20px 0 20px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 778px;
}

#reacties .reactie {background-color: #eee; margin: 20px 0; padding: 10px 0;}
#reacties h3, #reacties .reactie h3 {font-size: 1.1em; padding: 0 0 0 10px; margin: 0;}
#reacties .reactie p {font-size: 0.9em; color: #333; line-height: 120%; padding: 0 10px 5px 10px; margin: 0;}

/* commentformulier */
#commentForm {
	border-top: 1px dashed #aaa;
	display: none;
	float: left;
	margin: 0;
	padding: 40px 0;
	position: relative;
	voice-family: "\"}\"";
   voice-family: inherit;
   width: 538px;
}
#commentForm form {background-color: #f1f1f1; padding: 0 0 10px 0; margin: 10px 20px;}
#commentForm h3 {padding: 0 10px; margin: 0 20px 20px 20px;}
#commentForm p {font-size: 1em; padding: 10px 0; margin: 0 20px;}
#commentForm form .formMedium {border: 1px #bbb solid; background-color: #fff; width: 250px;}
#commentForm form .formLarge {border: 1px #bbb solid; background-color: #fff; width: 350px;}
#commentForm form .must  {border-left: 1px #ff0000 solid; background-color: #fff; width: 250px;}
.must {border-left: 1px #ff0000 solid;}
#commentForm form label {display: block; font-size: 1em; font-weight: bold; margin-bottom: 3px;}

/* Terug naar boven */
#terugTop {margin: 40px 0 0 0; padding: 20px 0; border-top: 1px dashed #aaa;}
#terugTop a {font-size: 1em; color: #333; margin-right: 10px; text-decoration: none; display: block;}
#terugTop a:hover {text-decoration: underline; color: #1d4f8a;}
#terugTop a img {border: 0; margin-right: 3px;}
#terugTop p {margin: 0 0 30px 0; padding: 20px;}


/* ************************************************************************************** */
/* Blokken derde kolom links, diensten, gerel. pagina's                                   */
/* ************************************************************************************** */

#blokDigitaalLinks, #blokIntLinks, #blokDigIntLinks, #blokDienstLinks, #blokRelLinks {
  min-height: 130px;
  padding: 10px 0;
  voice-family: "\"}\"";
  voice-family: inherit;
}

/* IE fix to simulate min-height */
* html #blokDigitaalLinks, * html #blokIntLinks, * html #blokDigIntLinks, * html #blokDienstLinks, * html #blokRelLinks {
   height: 130px;
}

#blokDigitaalLinks {background-position: bottom; background-repeat: repeat-x; background-color: #e5e5e5;}
#blokIntLinks, #blokDigIntLinks {background-position: bottom; background-repeat: repeat-x; background-color: #e5e5e5;}
#blokDienstLinks {background-position: bottom; background-repeat: repeat-x; background-color: #EAEAEA;}
#blokRelLinks {background-color: #f1f1f1;}
/* lijsten in derde kolom */
#blokIntLinks ul, #blokDigIntLinks ul, #blokDienstLinks ul, #blokRelLinks ul {margin: 0; padding: 0;}
#blokIntLinks ul, #blokDigIntLinks ul, #blokDienstLinks ul, #blokRelLinks ul {padding: 0; margin: 0 10px;}
#blokDigitaalLinks ul {padding: 0; margin: 0;}
#blokIntLinks ul li, #blokDigIntLinks ul li, #blokDienstLinks ul li, #blokRelLinks ul li {margin: 0; padding: 0 20px 4px 20px; background-image: url(../pix/arrow.gif); background-repeat: no-repeat; list-style-type: none; font-size: 0.9em;	line-height: 110%;}
#blokIntLinks ul li.image, #blokDigIntLinks ul li.image, #blokDienstLinks ul li.image, #blokRelLinks ul li.image { padding: 0; background: none; }

#blokIntLinks h3, #blokDigIntLinks h3, #blokDienstLinks h3, #blokRelLinks h3 {margin: 0; padding: 5px 10px; border: none; color: #999;}

#blokIntLinks ul object, #blokDigIntLinks ul object { padding: 0 0 2px 0; }

/* ************************************************************************************** */
/* PLaatsing menu's en menuholders                                                        */
/* ************************************************************************************** */

/* Menuholders, alleen achtergrondkleur */
#sitePane {
  border-right: 1px solid #fff;
  voice-family: "\"}\"";
  voice-family: inherit;
}

/* Menu - absoluut gepositioneerd */
#portaalMenu {margin-right: 1px; position: absolute; top: 435px; left: 0; height: 150px; width: 100%;}

/* ************************************************************************************** */
/* OPMAAK MENU's                                                                          */
/* ************************************************************************************** */

#loketMenu, #digitaalLinkMenu, #digitaalLoketMenu, #themaMenu {font-size: 0.9em; font-weight: bold; line-height: 18px; }
#loketMenu ul, #digitaalLoketMenu ul, #digitaalLinkMenu ul, #themaMenu ul, #siteMenu ul {margin: 0; padding: 10px 0;}
#loketMenu ul li, #digitaalLoketMenu ul li, #digitaalLinkMenu ul li, #themaMenu ul li {list-style-type: none; padding: 0 20px 0 0;}
#digitaalLinkMenu a, #loketMenu a, #themaMenu a {color: #FFF;}
#digitaalLoketMenu a {color: #000;}

/* Verschillende mouse-over instellingen */
#loketMenu ul li.act, #digitaalLoketMenu ul li.act, #themaMenu ul li.act {border-right: 10px solid; padding: 0 10px 0 0;}
#digitaalLinkMenu ul li.act {padding: 0 20px 0 0;}
#loketMenu ul li.gemeente, #digitaalLoketMenu ul li.gemeente, #digitaalLinkMenu ul li.gemeente {margin: 10px 0 0 0;}
#loketMenu ul li.gemeenteact, #digitaalLoketMenu ul li.gemeenteact {border-right: 10px solid; padding: 0 10px 0 0; margin: 10px 0 0 0;}
#digitaalLinkMenu ul li.gemeenteact {padding: 0 20px 0 0; margin: 10px 0 0 0;}

#digitaalLoketMenu ul li.act {border-right-color: #000;}

#themaMenu ul li.act {border-right-color: #fff}
#themaMenu ul li.header { margin-bottom: 1em; }

/* SITEMENU */
#siteMenu ul li {font-size: 0.8em; list-style-type: none; text-align: right; margin: 0; padding: 0 20px 0 0; line-height: 140%;}
/* Verschillende mouse-over instellingen */
#siteMenu ul li.act {border-right: 10px solid; padding: 0 10px 0 0; margin: 0; line-height: 140%;}
#siteMenu ul li a { padding: 0; margin: 0; color: #333;}
/*display: block;*/
#siteMenu ul li.GL {padding: 2px 20px; font-weight: bold; font-size: 1.1em; margin: 0 0 5px 0;}
#siteMenu ul li.GLact {border-right: 10px solid; padding: 2px 10px 2px 20px; font-weight: bold; font-size: 1.1em; margin: 0 0 5px 0;}


#siteMenu {background-color: #fff;}
#siteMenu ul li.act {border-right-color: #D1DAEB;}
#siteMenu ul li.act a {color: #666;}

/* ************************************************************************************** */
/* Tabs doelgroepen                                                                       */
/* ************************************************************************************** */
#balkForm {
	background: transparent;
	float: left;
	padding: 7px 0 0 7px;
}
#tabnav {
   float: left;
   padding-top: 11px;
   width: 538px;
}
#tabnav div {
    background-image: url(../pix/bg-tab.gif);
    border: 1px solid #9f9f9f;
    cursor: hand;
	 float: right;
    line-height: 14px;
    margin-left: 5px;
    min-width: 110px;
    padding: 3px 5px;
    text-align: center;
    white-space: nowrap;
}
* html #tabnav div { width: 110px; }
#tabnav div.active {
    background-image: none;
    background: #fff;
    color: #000;
}
#tabnav a {
    color: #000;
}
#tabnav a:hover {
    color: #124B8F;
}

#profielTab	{
   border-bottom: 1px solid #aaa;
   float: left;
   font-size: 0.9em;
   list-style: none;
   margin: 0px 20px;
   padding: 30px 0 0 0;
   position: relative;
	voice-family: "\"}\"";
   voice-family: inherit;
   text-align: right;
   width: 446px;
}

#profielTab ul {margin: 0; padding: 0; float: right;}
#profielTab li {margin: 0; padding: 0; display: inline; list-style-type: none; background-color: #fff;}
#profielTab a:link, #profielTab a:visited	{float: left; background-color: #fff; font-size: 0.9em; line-height: 14px; font-weight: normal; padding: 3px 10px; margin-right: 4px; border: 1px solid #aaa; text-decoration: none; color: #000; border-bottom: 0;}
#profielTab a:link.act, #profielTab a:visited.act	{font-weight: bold; float: left; background: #e8ecf5; color: #666;}
#profielTab a:hover {background: #f0f0f0;}


/* ************************************************************************************** */
/* Footer */
/* ************************************************************************************** */
#footer {clear: both; border-top: 1px solid #797979; background: #f6f6f6 url(../pix/leeuwonderkant.gif) no-repeat bottom; height:79px;}
#footer p {color: #797979; padding: 34px 10px 14px 120px; margin: 0; font-size: 0.9em;}

/* ************************************************************************************** */
/* Wat restclasses */
/* ************************************************************************************** */
.right {float: right; padding-right: 20px;}
.clearer {clear: both; width: 0; height: 0; margin: 0; padding: 0;}
.clearer p {display: none;}
.hidden {display: none;}
#mask {
	background-color: #fff;
   height: 101px;
	margin: -101px 0 0 781px;
   opacity: 0.45; filter: alpha(opacity=45);
   width: 223px;
}
.small {font-size: 0.8em;color: #666; line-height: 90%; margin-left: 10px;}
.displayNone {display: none;}

/* ************************************************************************************** */
/* Forms                                                                                  */
/* ************************************************************************************** */
#genForm {font-size: 13px;}
#genForm hr {display: block;}
#genForm p {margin: 0; padding: 0; font-size: 0.9em;}
#genForm p.big {margin: 20px 0; padding: 0; font-size: 1.1em;}
#genForm p.small {margin: 0; padding: 0;}
#genForm p.pselect {margin: 2px 0 0 0; padding: 20px 0;}
#genForm p.psubmit {margin: 20px 0 0 0; padding: 20px 0px; border-top: 1px solid #000;}
#genForm h3 {border-left: 10px solid; margin: 20px 0 0 0; padding: 0 0 0 10px;}
#genForm .radiolabel {font-size: 1.1em; font-weight: bold; margin: 0; padding: 0;}
#genForm .radiolabel2 {font-size:0.9em;}
#genForm label {display:block; margin-top: 20px;}
#genForm label.check {display: inline; font-weight: normal; padding: 0;}
#genForm label.select {display: inline; font-weight: bold; padding: 0;}

.submit {font-weight: bold; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; border-left: 1px solid #f6f6f6; border-top: 1px solid #f6f6f6; background-color: #fff;}
.formMedium {border: 1px #bbb solid; background-color: #fff; width: 250px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em;}
.formLarge {border: 1px #bbb solid; background-color: #fff; width: 386px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em;}
.must {border-left: 1px #ff0000 solid;}
label {font-weight: bold;}
label.check {display: inline;}
select, option {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em;}
option, optgroup {padding: 0 10px 3px 10px; margin: 0;}

/* ************************************************************************************** */
/* Poll */
/* ************************************************************************************** */

#poll {position: relative;	width: 269px;	float: left; padding: 0; margin: 0;}
#poll h2 {margin-bottom: 0; padding-bottom: 0;}
#poll form {background-color: transparent; border-top: 1px dashed #ccc; padding: 0; margin: 10px;}
#poll label {font-size: 0.9em; font-weight: normal; display: inline; padding: 5px 0; width: 190px; text-align: left;}
#poll input {margin: 0 5px 0 0; padding: 0;}
#poll p {display: block; padding: 5px 0; clear: both; margin: 0; border-bottom: 1px dashed #ccc;}
#poll p.noline {border-bottom: 0; padding-left: 15px;}
#poll table {margin: 10px; border-top: 1px dashed #ccc;}
#poll th {font-size: 0.9em; border-bottom: 1px dashed #ccc; vertical-align: bottom; padding: 5px 1px;}
#poll td {font-size: 0.9em; border-bottom: 1px dashed #ccc; padding: 5px 1px;}

/* ************************************************************************************** */
/* Added by finalist*/
/* ************************************************************************************** */
#genForm ul li {margin: 0; padding: 0; list-style-type: none; font-size: 0.9em;}
#genForm li a.removebookmark {border: 1px solid; padding : 0 3px; font-size: 0.9em; font-weigth: bold;}
#genForm label.error {color: #f00;}

#avatar {position: relative; padding: 0; margin: 0; float:left; width: 400px; height: 100px;}
#avatarphoto {position: relative; padding: 0; margin : 20px 0 0 0; float:right; width: 100px; height : 100px; border: 1px solid ; font-size: 0.9em; text-align:center;}
#avatarphoto img {border : 0; width: 100px; height: 100px;}

.smallError {font-size: 0.8em; color: #F66; line-height: 11px; margin-left: 10px;}

#icon1, #icon2, #icon3, #icon4 {margin: 2px; padding: 2px; display : inline; width: 20px; height: 20px; text-align: middle; vertical-align: center;}
#icon5, #icon6, #icon7, #icon8 {margin: 2px; padding: 2px; width: 20px; height: 20px; text-align: middle; vertical-align: center; display : inline;}
#icon9, #icon10, #icon11, #icon12 {margin : 2px; padding : 2px; width: 20px; height : 20px; text-align: middle; vertical-align: center; display : inline;}

.iconact {border : 1px solid #2161AD; background-color: #7B9AC6;}
.iconhover {border : 1px solid #2161AD; background-color: #ACBEEE;}
select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em;}
.search { margin: 0 0 0 5px; width: 132px; }

#closeMenu {display:none; margin-top: 8px; float: left;}

#sitemap ul{padding: 10px 0; margin: 0 40px;}
#sitemap ul li{font-weight: bold; margin: 0; padding: 0 0 10px 0; list-style-type: square; font-size: 1.1em;	line-height: 16px;}
#sitemap ul li ul{padding: 10px 0; margin: 0 20px;}
#sitemap ul li ul li{font-weight: normal; margin: 0; padding: 0; list-style-type: square; font-size: 1em;	line-height: 16px;}
#sitemap ul li ul li ul{padding: 10px 0; margin: 0 20px;}
#sitemap ul li ul li ul li{font-weight: normal; margin: 0; padding: 0; list-style-type: square; font-size: 1em;	line-height: 12px;}

#themaMenu, #digitaalLoketMenu{ min-height: 150px; }
* html #themaMenu { height: 150px; } /* Fix for defining the min-height in IE */
* html #digitaalLoketMenu{ height: 150px; } /* Fix for defining the min-height in IE */

#schriftelijkVragen h2 { font-size:1.5em; line-height:120%; margin: 0 20px; padding: 20px 0 0 0; }
#schriftelijkVragen ul li { font-size: 1em; line-height: 170%; list-style-type: square; }
#schriftelijkVragen ul li ul { padding: 0; }
#schriftelijkVragen ul li ul li { list-style-image: url(../pix/bigarrow-black.gif); }
#schriftelijkVragen .archief { font-size: 1.5em; margin: 0 40px; }
