body {margin: 0; padding: 0; background-color: white; background-image: url('images/bg.gif'); background-repeat: repeat-x; font-size: 90%; font-family: Arial, Helvetica, sans-serif; color: #022563; behavior: url('csshover.htc');} /* WinIE behavior call */
#bodytable {width: 1000px; text-align: left;}

#fotocel {width: 1000px; height: 101px; background-image: url('images/tablebg.jpg'); background-repeat: no-repeat;}
#fotocel img {border: none;}

/* hoofdnavigatie met uitklapmenu */
#hoofdnavcel {border: none; background-image: url('images/navbg.jpg'); background-repeat: no-repeat; color: white; padding-left: 10px;}
div#nav {height: 30px; padding-left:10px; width:1000px;margin: 0; background: transparent;}

/* hoofdnav */
div#nav ul {margin: 0; padding: 0; border:0;}
div#nav li {position: relative; list-style: none; margin: 0; float: left; width: 150px; padding: 0;}
div#nav li.kort {width:8em;}
div#nav li:hover, div#nav li.submenu:hover {background: #001f5e;}
div#nav li a {display: block;height:30px; color: #fff; font-size:.8em; font-weight:bold; padding: 1px .4em 0 .4em; text-decoration:none;}
div#nav>ul a {width: 150px;}

/*subs*/
div#nav ul ul {position: absolute; width:150px; display: none;}
div#nav ul ul li {width:100%; background: #dfe8f8; border: 0; border-bottom: 1px solid #fff;}
div#nav ul ul li a:link, div#nav ul ul li a:visited {display:block;height: auto; padding: 0.2em 0.4em; color: #001f5e; background:#dfe8f8; font-size:.8em;font-weight:normal;}
div#nav ul ul li a:hover, div#nav ul ul li a:active {color: #fff; background: #001f5e;}
div#nav ul.level1 li.submenu:hover ul.level2, div#nav ul.level2 li.submenu:hover ul.level3 {display: block;}
/* waar de submenu's verschijnen tov de hoofditems */
div#nav ul.level2 {top: 31px; left: 0;}

#padcel {margin:0;padding:0 0 0 197px; height: 46px; color: #91a0c9; font-size: 0.8em; }
#padcel a {color: #91a0c9; text-decoration: underline; }
#padcel a:hover {color: #001f5e;}
#contenttable {width: 100%; margin-top: 10px; }

/* NIEUW: dingen in de rechterkolom */

#rechterkolom {width: 200px; background-color: #91a0c9; font-size: 0.9em; color: white;}
.kolommarges {width: 100%; padding: 10px 12px 0 4px; margin: 0;}
#rechterkolom h2, #rechterkolom .allediensten {width: 90%; clear: both; display: block; font-weight: bold; font-size: 1em; color: #002b58 !important; margin-top: 5px; margin-bottom: 4px;}
#rechterkolom ul { padding:0; margin-top:0;margin-right:6px;margin-bottom:2px;list-style-type: circle; list-style-image: url('images/liwit.gif');}

#rechterkolom a:link, #rechterkolom a:visited {color: white; text-decoration: none;}
#rechterkolom a:active, #rechterkolom a:hover {color: #e2e8fb;}
#rechterkolom select {width: 184px; background-color: #e2e8fb; color: #002b58; font-weight: bold;}
#rechterkolom .text {width: 133px; background-color: #e2e8fb; color: #002b58; font-weight: bold; border: 1px solid #e2e8fb; margin-top: 2px;}
#rechterkolom .zoek {width: 45px; height: 20px; border: 1px solid #e2e8fb; color: #e2e8fb; background-color: #002b58; margin-top: 2px; font-weight: bold; font-size: 0.9em;}
#rechterkolom span {margin-left:15px; }

/* NIEUW: vrij html-veld aan de linkerkant */
#vrijveld {width: 197px; padding-right: 15px; font-size: 0.9em; }
.velduitlijn { background-color: #91a0c9; color: white; padding: 6px 6px 6px 6px; margin: 0 0 0 20px;}

#maincel {font-size: 1em; vertical-align: top;}
#subnav {width: 197px;}
.navuitlijn {width: 177px;padding-left: 20px; font-size: 0.8em; font-weight: bold; line-height: 1.7em; color: #91a0c9;}
#subnav ul {list-style-type: none; list-style-image: none; padding: 0; margin: 0;}
#subnav a:link, #subnav a:visited {color: #001f5e; text-decoration: none; font-weight: normal;}
#subnav a:hover, #subnav a:active {color: #91a0c9;}
.subsub {font-weight: normal; border-bottom: 1px solid #cbd4e6;}
.on {color: #91a0c9 !important; font-weight: bold;}


/* NIEUW: nieuwstabel op de homepage */
#nieuwstable {width: 100%;}
.nieuwscel {font-size: 1em;}
.nieuwscel, .mediacel {border-bottom: 1px solid #e31836; padding-bottom: 3px; padding-top: 4px; vertical-align: top;}
.nieuwscel h3 {font-size: 1.1em; margin: 0px;}
.nieuwscel a:link, .nieuwscel a:visited {text-decoration: none; font-weight: bold;}
.nieuwscel a:active, .nieuwscel a:hover {text-decoration: underline;}
p.datum {clear: left; margin: 0; padding: 0; color: #8895be; font-style: italic;}
.mediacel {width: 200px;}

/* gewone tekstpagina's */
h1, h2, h3 {display: block; width: 100%; clear: both; margin: 0; padding: 0;}
h1 {color: #d50321; font-size: 1.4em;}
h2 {color: #d50321; font-size: 1em; margin-top: 20px; margin-bottom: 10px;}
h3 {color: inherit; font-size: 1em; margin-top: 10px;}

#main {font-size: 0.85em; padding-right: 30px; padding-bottom: 20px; vertical-align: top;}
/* for Internet Explorer */
/*\*/
* html #main {
width:600px; height: 800px; 
}
/**/
#main h2, #main h3, #main h4 {width: auto; clear: none; margin: 0;} 
#main h1 {margin-bottom:10px;}
#main h2, #main h3 { margin-top:1em;}

p {margin: 0; margin-bottom: 10px; }

ul {list-style-type: circle; list-style-image: url('images/li.gif'); margin-left: 20px;}

a:link {color: #dc1931; font-weight: normal; text-decoration: underline;}
a:visited {color: #022563;}
a:hover, a:active {color: #022563;}

.floatright {float: right;}
.foto {width: 250px; padding: 0; background-color: #eef1fb; font-size: 0.8em;}
.docjes {width: 250px; padding: 0; background-color: #eef1fb;}
.docjes h3 {margin-top: 0;}
.foto div, .docjes div {padding: 5px 20px 6px 20px; margin-bottom: 5px;}

#main ul { margin:0; padding:0; list-style-type: circle; list-style-image: url('images/li.gif');margin-left: 20px; }
#main li {padding:2px 0;}
#main ul a:link {font-weight: normal; color: #022563;}
#main ul a:visited {font-weight: normal; color: #495c91;}
#main ul h3 {margin-left: -30px;}
#main ul h3.pub {margin-left: -20px;}

/* formulieronderdelen */
form {display: inline; padding: 0; margin: 0;}
input.text, textarea, select {width: 300px; border: 1px solid #91a0c9; font-family: Arial, sans-serif; color: #022563; font-weight: bold; font-size: 0.9em;}
input.text {height: 15px;}
textarea {height: 50px; overflow: auto; font-size: 1.1em;}
input.button {background-color: #dfe8f8; font-family: Arial, sans-serif; color: #022563; font-weight: bold; font-size: 0.9em; border: 1px solid #022563;}

.adresbakje {text-align: left; margin: 6px 0 0 20px; color: #001f5e; font-weight: bold; font-size: 75%; padding: 3px;}
.adresbakje a {color: #001f5e; font-weight: bold; text-decoration: none;}
#popup {display:none; position:absolute; padding:10px; top:0; left:0; z-index:23; background:whitesmoke; text-align:center;}

/* medewerker fotos */
#medewerker {width:540px;}
#medewerker a {position:relative;}
#medewerker a:visited, #medewerker a {text-decoration:none; color:#d00; font-weight:bold; }
#medewerker a:visited img, #medewerker a img{filter: alpha(opacity=40);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
 -moz-opacity: 0.40; opacity:0.4;
border:none;
}
#medewerker a:hover {background-color:transparent; color:#06a;position:relative;}
#medewerker a span {display:none;}
#medewerker a:hover span {display:block; position:absolute; top:14px; left:0; padding-left:4px; font-weight:bold; color:#001f5e;}

#medewerker a:hover img { filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1;
}

#sitemap ul { margin: 0 0 3px 10px; padding: 0 0 3px 10px;}