img { margin:0px; padding:0px; border-width:0px;}
* { margin:0px; padding:0px; border-width:0px;}
ul {padding-left:40px;}

html, body {margin:0px; padding:0px; color:#000;
	   font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; text-align:left; height:100%;}
#background-img {position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
.klein {font-size:80%;}
table td {vertical-align:top;}
p { margin:0px; line-height:120%; padding-bottom:12px;}

.red { color:#f00;}
.fout, .motd { color:#f00; font-size:90%; font-weight:bold;}
.ruimte tr td, .ruimte tr th {padding:0px 10px;}

a { text-decoration:none; font-size:inherit; margin:0px; padding:0px;}
a:link, a:active, a:visited { color:#000 }
a:hover   { color:#c7e }
a.xactief { font-weight:bold;}
a.actief { text-decoration:underline;}
.knopje {
  text-decoration:none; display:inline-block; padding:2px 8px;
  background:ButtonFace; color:ButtonText;
  border-style:solid; border-width:2px; border-color:ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
a.knopje:hover {color:#000;}

h1,h2,h3,h4,h5,h6 {
  padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;
  line-height:120%; font-weight:normal; text-decoration:none;}
h1 { font-size:135%; padding-bottom:10px;}
h2 { font-size:125%; padding:6px 0px;}
h3 { font-size:110%; padding:4px 0px; font-weight:bold;}
h4 { font-size:100%; padding-top:8px; font-weight:bold;}
h5 { font-size: 80%;}
h6 { font-size: 60%;}
.blokje h2, .xblokje h3 {text-align:center}

#taal1-zone, #taal2-zone, #taal3-zone, #taal4-zone, #taal5-zone, #taal6-zone {
  position:absolute; top:5px; right:30px; height:15px; width:25px; margin:0px; padding:0px;
  background-color :transparent; background-repeat:no-repeat; border:0px solid purple; z-index:1;}
#taal1-zone { top: 0px; right:29px;}
#taal2-zone { top: 0px; right:2px;}
#taal3-zone { top:17px; right:29px;}
#taal4-zone { top:17px; right:2px;}
#taal5-zone { top: 0px; right:56px;}
#taal6-zone { top:17px; right:56px;}

#taal1-zone { top: 11px; left:67px;}
#taal2-zone { top: 11px; left:96px;}
#taal3-zone { top: 31px; left:67px;}
#taal4-zone { top: 31px; left:96px;}
#taal5-zone { top: 11px; left:125px;}
#taal6-zone { top: 31px; left:125px;}

.containerdiv { position:absolute; left:0px; right:0px; top:0px; bottom:0px; border:0px solid #c7e;}
.containerdiv {max-width:1200px; margin:0 auto;}

#logo-zone, #header-zone, #pasfoto-zone { position:absolute; top:0px; height:60px; overflow:hidden;}
#logo-zone { left:0px; z-index:4;}
#pasfoto-zone { right:0px; z-index:4;}
#header-zone { left:0px; right:0px;}
#header-zone { line-height:30px; vertical-align:middle; text-align:center;}
.header { height:30px; font-size:24px;}
.sub-header { height:30px; font-size:14px;}
#blok { position:absolute; top:60px; bottom:15px; left:0px; right:0px;}
#blok2 { position:absolute; top:0px; bottom:0px; left:180px; right:0px;}
.scroll {height: 100%; overflow: auto;}

.menu-zone, #topmenu-zone, #menu-solo {overflow:auto;}
#menu-zone {z-index:2; xdisplay:none; box-sizing: border-box; xpadding-top:198px;}
#topmenu-zone { display:none;}
.menu-zone, #menu-solo { position:absolute; float:left; xheight:100%; top:0px; bottom:0px; width:180px; overflow:auto;}
#menu-solo { width:100%; height:100%;}
.menu-zone ul, #menu-solo ul, .menu ul {margin:0px; padding:0px; xlist-style-type:none; xlist-style-position:inside;}
.menu-zone ul li, #menu-solo ul li {position:relative;}
.menu { position:absolute; padding:5px 0px 0px 5px; line-height:130%;}
li.menu0, li.menukop {line-height:140%; font-size:100%;}
li.menu1, li.menuregel {line-height:100%; padding-bottom:6px; font-size:90%;}
li.menu0:hover > ul.menu1 { display:inline;}
ul ul { padding-left:20px;}
@media screen and (max-width:800px) , (orientation:portrait) {
  li.menu0 {line-height:150%;}
  li.menu1 {line-height:150%;}
}
.nodisp {display:none;}

#tabjes-zone {position: absolute; height:17px; left:180px; right:0px; background-color:#695;}
.menutabje, .topmenu {z-index:7;}
/*
#tabjes-zone {height: 17px; background-color: #695; color: #dca; border: 0px solid purple;}
#tabjes-zone {
  position: absolute;
  top: 43px;
  height: 3px;
  right: 6px;
  background-color: #695;
  color: #dca;
  border: 0px solid purple;
}
*/
.tabjes {float: right; font-size: 13px;}
.tabjes ul {padding:0px;} /* compenseer ul padding-left 40px */
#tabjes a,
#tabjes p {color:#373; background:#dca url(../images/left-tab-gr.gif) left top no-repeat; text-decoration: none;
          padding:0px 0px 0px 10px; display:block; float:right;}
/* Hide from IE5-Mac \*/
#tabjes a, #tabjes a span {float: none;}
/* End hide */
#tabjes a:hover,
#tabjes p:hover {color: #111;}
#tabjes li {background: #dca url(../images/right-tab-gr.gif) right top no-repeat; float: right; list-style: none;
          margin: 0px; padding: 0px 10px 0px 0px; font-weight: normal; border-bottom: 1px solid #695; height:16px;}
#tabjes li.actief {color: #111; font-weight: bold; border-bottom: 1px solid #dca;}

.kolomx { float:left; height:100%; overflow:auto; background:#cf9;}
.kolom {float: left; background-color:inherit;}
dl dt {
  font-weight: bold;
  text-align: right;
  padding-top: 4px;
  padding-right: 2px;
  float: left;
  clear: left;
  width: 165px;
}
dl dd {
  padding-top: 4px;
  padding-left: 175px;
}

.lijst { width:150px; background:#ad7}
#main-zone, #main-ovfl-zone { height:100%; overflow:auto;}
.main { padding:5px;}
#footer-zone { position:absolute; bottom:0px; left:0px; right:0px; height:15px;}
.footer, .disclaimer{ line-height:15px; position:absolute; top:0px; width:100%;
                       font-size:10px; vertical-align:middle; text-align:center;}
.disclaimer {text-align:right;}

#foto-zone {width: 800px;}
#foto-strip-zone {position: relative; top: 20px; left: 0px; height: 600px; width: 140px; text-align: left;
   background-color : transparent; background-repeat: no-repeat; border: 0px solid green; overflow: auto;}
#foto-previous-zone, #foto-next-zone  {position: absolute; top: -17px; height: 16px; width: 16px; text-align: center;
   background-color: transparent; color: #fff; border: 1px solid white; z-index:9;}
#foto-previous-zone {left: 0px;}
#foto-next-zone {right: 0px;}
#tooltip {visibility: hidden; position: absolute; top: 50px; left: 50px; background-color: #ffc; color: #333;
         border: 1px solid black; font: normal 12px sans-serif; padding: 3px; xz-index:2;}

#help1-zone, #help2-zone { position:absolute; top:0px; right:0px; width:60px; text-align:center;}
#help2-zone { left:950px;}
#help-exit-zone{ position:absolute; top:10px; right:10px; border:0px solid purple; z-index:9;}
#splash1-zone, #splash2-zone { display:none; position:absolute; top:100px; bottom:50px; left:50px; right:50px; height:auto; overflow:auto;
     margin:0px; padding:20px; color:#000; background-color:#cfc; background-repeat:no-repeat; border:5px solid #0a0; text-align:left;}
#splash2-zone {left:150px;}
@media screen and (max-width:800px) , (orientation:portrait) {
  #splash1-zone, #splash2-zone {top:20px; left:15px; right:15px; bottom:15px; padding:5px; border:2px;}
}

.blokje { position:relative; float:left; width:218px; height:298px; margin:2px; padding:5px; line-height:120%; text-align:center;}
.bottom  { width:inherit; position:absolute; bottom:0px; left:0px; padding:5px; text-align:center;}
.textblokje { text-align:left;}
.textblokje h2 { text-align:center; padding-bottom:4px; font-weight:bold; color:#555;}
.kortblokje { height:auto;}
.halfblokje { height:149px;}
.langblokje { height:auto; min-height:298px;}
.center { text-align:center;}
.right { text-align:right;}
.centerdiv {margin-left:auto; margin-right:auto; float:none}
.dubbelblokje { width:auto; max-width:452px; height:auto;}
.breedblokje { width:auto; height:auto;}
.breedstblokje { width:98%; height:auto;}
.indexblokje { font-size:12px;}
.indexblokje h2 { font-size:22px; padding:2px 0px;}
.linkshalf, .rechtshalf { width:40%; float:left;}
.linkshalf { padding-right: 2%;}
.rechtshalf { padding-left: 2%;}
.bedrag { text-align:center; font-size:150%; line-height:100%;}
.dec2{ text-align:right;}
.clb { clear:both; width:100%; height:0px;}
.nobr{white-space:nowrap}
.streep{height:1px; border-top:1px solid black;}

@media screen and (max-width:800px) , (orientation:portrait) {
  #blok2 { top:20px; left:0px;}
  #topmenu-zone { display:block; float:none; width:100%; position:absolute; top:0px; height:20px;}
  #tabjes-zone { left:0px; top:20px;}
  #menu-zone {top:20px; display:none;}
  .lijst { clear:left;}
  #foto-previous-zone, #foto-next-zone  {top: -25px; height: 24px; width: 24px;}
  #taal1-zone { top: 56px; left:  5px;}
  #taal2-zone { top: 56px; left: 34px;}
  #taal3-zone { top: 56px; right:34px; left:auto;}
  #taal4-zone { top: 56px; right: 5px; left:auto;}
  #taal5-zone { top: 56px; right:63px; left:auto;}
  #taal6-zone { top: 56px; left: 63px;}
}

#main-zone, #main-ovfl-zone { background:#ddd;}
.menu-zone, #topmenu-zone, #menu-solo, #header-zone, #footer-zone, .knopje, ul.menu1 {background:#bbb;}