html, body
{
/*
          position:absolute;
          left:auto;
          top:0px;
          z-index:0;
*/
  font:11px Verdana, Arial, Helvetica, sans-serif;
  color:grey;/* tekst kleur van profiel*/
  padding:0px;
  margin:0px;

  background:white;

/*

background-image:url(../../../dnx/img/wit/background/boots.jpg) repeat;
html, body {background-image:url(../../../dnx/img/wit/arrow2.jpg);background:black;font:11px Verdana, Arial, Helvetica, sans-serif;color:white;padding:0;margin:0;
*/
          /* Begin Black Scrollbar */
/*          scrollbar-face-color:       #969696;  /* voorgrond */
/*          scrollbar-track-color:      #000000;  /* achtergrond (zelfde als site achtergrond) */
/*          scrollbar-3dlight-color:    #6F6F6F;  /* randkleur links en boven*/
/*          scrollbar-highlight-color:  #6F6F6F;  /* randkleur links en boven (binnen)*/
/*          scrollbar-darkshadow-color: #000000;  /* randkleur rechts en onder */
/*          scrollbar-shadow-color:     #000000;  /* randkleur rechts en onder (binnen) */
/*          scrollbar-arrow-color:      #000000;  /* pijltje onder en boven */
          /* Einde Black Scrollbar */
}

/* tekst kleur van cams */
a:link    {color:#969696;}/* unvisited link */
a:visited {color:#969696;}/* visited link */
a:active  {color:#969696;}/* selected link */
a:hover   {color:#969696;}/* mouse over link */
a:hover   {text-decoration:none;}
a{text-decoration:none}

/* blok-webcams.php en blok-favorieten.php */
.cam {position:relative;float:left;background:url(../../../dnx/img/wit/cam/bg.png) no-repeat;z-index:1;width:131px;height:152px;margin-top:10px;}
.cam2 {position:relative;float:left;background:url(../../../dnx/img/wit/cam/bg.png) no-repeat;z-index:0;width:131px;height:152px;margin-top:10px;}
.cam p {position:absolute;margin:0;padding:0;top:115px;z-index:5;display:block;width:130px;height:0px;font:10px verdana, arial;color:#969696;text-align:center;}
.campic {position:absolute;left:12px;top:10px;z-index:4;}
.icon {position:absolute;right:10px;bottom:20px;z-index:1;}
.chat_online {position:absolute;color:#969696;font:10px verdana, arial;bottom:17px;z-index:0;right:30px;}
.chat_offline {position:absolute;color:white;font:11px verdana, arial;font-weight:bold;bottom:17px;z-index:0;right:14px;}
.overlay {position:absolute;z-index:3;}

/* zoek machine input scherm */
#DropdownBox
{ 
  color:#9F9F9F;/* tekst kleur zoek box 
  /*
  color:#9F9F9F;/* tekst kleur zoek box 
  border-width:2px;
  background:#000000;
  filter:alpha(opacity=80);
  */
}
/* zoek machine input scherm */
#DropdownBox:hover
{
  color:grey;/* tekst kleur zoek box 
  /*
  filter:alpha(opacity=100);
  */
}

/* zoek machine input scherm */
/* scherm wat uitklapt */
#livesearch
{
  position:absolute;
  margin-top:40px;
	width:170px;
  color:#9F9F9F;
  
  max-height:450px;
  overflow:auto;
  background-color:#F5F5F5;/* #F5F5F5 = whitesmoke */
	/*
  background-color:#ffffff;
  filter:alpha(opacity=70);
  */
  text-align:left;
	z-index:100;
	border-radius: 10px;
}
/* zoek machine input scherm */
/* scherm wat uitklapt */
#livesearch:hover
{
  /*
  color:#9F9F9F;
  filter:alpha(opacity=100);
  font-weight:bold;
  */ 
}


/* tooltip hover */
a.tooltip span
{   
     z-index:10;
     display:none;   
     padding:2px 3px;   
     margin-left:8px;   
     width:200px;
  
}   
a.tooltip:hover span
{   
     display:inline;   
     position:absolute;   
     background:#fff;   
     border:1px solid #ccc;   
     color:#6c6c6c;   
}
/* tooltip hover end */

.cam_online
{
     position:absolute;
     right:29px;
     bottom:43px;
     z-index:6;
     border-width:0px;
     height:21px;
     width:76px;
     background:url(../../../dnx/img/wit/cam/online.png);
     background-repeat:no-repeat;
}
.cam_online:hover
{
     cursor: pointer;
     cursor: hand;
}

.cam_online_profiel
{
     position:absolute;
     right:328px;
     bottom:42px;
     z-index:6;
     border-width:0px;
     height:21px;
     width:76px;
     background:url(../../../dnx/img/wit/cam/online.gif);
     background-repeat:no-repeat;
}
.cam_online_profiel:hover
{
     cursor: pointer;
     cursor: hand;
}

.blok_profiel_button_online
{
     position:absolute;
     right:328px;
     bottom:20px;
     z-index:6;
     border-width:0px;
     height:21px;
     width:76px;
     background:url(../../../dnx/img/wit/cam/online.gif);
     background-repeat:no-repeat;
}
.blok_profiel_button_online:hover
{
     cursor: pointer;
     cursor: hand;
}
.blok_profiel_button_offline
{
     position:absolute;
     right:328px;
     bottom:22px;
     z-index:6;
     border-width:0px;
     height:21px;
     width:76px;
     background:url(../../../dnx/img/wit/cam/offline.png);
     background-repeat:no-repeat;
}
.blok_profiel_button_offline:hover
{
}

.button_profiel_ideal
{
     position:absolute;
     right:380px;
     bottom:280px;
     z-index:6;
     border-width:0px;
     height:21px;
     width:76px;
     background:url(../../../dnx/img/wit/cam/ideal.png);
     background-repeat:no-repeat;
}
.button_profiel_ideal:hover
{
     cursor: pointer;
     cursor: hand;
}

.cam_offline
{
     position:absolute;
     right:29px;
     bottom:42px;
     z-index:5;
     border-width:0px;
     height:21px;
     width:76px;
     background:url(../../../dnx/img/wit/cam/offline.png);
     background-repeat:no-repeat;
}
.cam_offline:hover
{
}

.cam_offline_profiel
{
     position:absolute;
     right:328px;
     bottom:43px;
     z-index:5;
     border-width:0px;
     height:21px;
     width:76px;
     background:url(../../../dnx/img/wit/cam/offline.png);
     background-repeat:no-repeat;
}
.cam_offline_profiel:hover
{
}

input#submit_button_menu_language_uk
{
     position:absolute;
     /*right:180px; distance from right */
     top:20px;/*  distance from top */
     z-index:5;
     border-width:0px;
     height:12px;/* not height of picture but background height */
     width:18px;
     background:url(../../../dnx/img/taal/uk.jpg);
     background-repeat:no-repeat;
  filter:alpha(opacity=40);/**/
  opacity:.40;/**/
}
input#submit_button_menu_language_uk:hover
{
     cursor: pointer;
     cursor: hand;
  filter:alpha(opacity=100);/**/
  opacity:1;/**/
}

input#submit_button_menu_language_nl
{
     position:absolute;
     /*right:180px; distance from right */
     top:17px;/*  distance from top */
     z-index:5;
     border-width:0px;
     height:12px;/* not height of picture but background height */
     width:18px;
     background:url(../../../dnx/img/taal/nl.jpg);
     background-repeat:no-repeat;
  filter:alpha(opacity=60);/**/
  opacity:.60;/**/
}
input#submit_button_menu_language_nl:hover
{
     cursor: pointer;
     cursor: hand;
  filter:alpha(opacity=100);/**/
  opacity:1;/**/
}

input#submit_button_noshow
{
     position:absolute;
     right:9px;
     bottom:0px;
     z-index:5;
     height:16px;/* not height of picture but background height */
     width:16px;
     border-width:0px;
     height:15px;
     width:15px;
     background:url(../../../dnx/img/wit/cam/remove15x15.png);
     background-repeat:no-repeat;
}
input#submit_button_noshow:hover
{
     cursor: pointer;
     cursor: hand;
}

input#submit_button_add
{
  border-width:0px;
  font:10px Verdana, Arial, Helvetica, sans-serif;
  color:grey;/* tekst kleur */
  height:15px;
  width:auto;
  background:#F5F5F5;/* #F5F5F5 = whitesmoke */
  margin:10;
  padding:10;
  font-weight:bold;
}

input#submit_button_add:hover
{
     cursor:pointer;
     cursor:hand;
     color:grey; /*tekst kleur */
}

input#submit_button_favorite
{
     position:absolute;
     right:10px;
     bottom:21px;
     z-index:5;
     border-width:0px;
     height:16px;/* not height of picture but background height */
     width:16px;
     background:url(../../../dnx/img/wit/cam/fav-add.png);
     background-repeat:no-repeat;
     
}
input#submit_button_favorite:hover
{
     cursor: pointer;
     cursor: hand;
}

input#blok_profiel_button_favoriet
{
     position:absolute;
     right:285px;
     bottom:22px;
     z-index:5;
     border-width:0px;
     height:16px;/* not height of picture but background height */
     width:16px;
     background:url(../../../dnx/img/wit/cam/fav-add.png);
     background-repeat:no-repeat;
}

input#blok_profiel_button_favoriet:hover
{
     cursor: pointer;
     cursor: hand;
}

input#submit_button_profiel_favorite
{
     position:absolute;
     right:288px;
     bottom:43px;
     z-index:5;
     border-width:0px;
     height:16px;/* not height of picture but background height */
     width:16px;
     background:url(../../../dnx/img/wit/cam/fav-add.png);
     background-repeat:no-repeat;
     
}
input#submit_button_profiel_favorite:hover
{
     cursor: pointer;
     cursor: hand;
}

/* tooltip hover */
a.submit_button_profiel_favorite span
{   
     display:none;   
     padding:2px 3px;   
     margin-left:8px;   
     width:200px;   
}   
a.submit_button_profiel_favorite:hover span
{   
     display:inline;   
     position:absolute;   
     background:#fff;   
     border:1px solid #ccc;   
     color:#6c6c6c;   
}
/* tooltip hover end */

input#submit_button_favorite_remove
{
     position:absolute;
     right:10px;
     bottom:21px;
     z-index:5;
     border-width:0px;
     height:16px;
     width:16px;
     background:url(../../../dnx/img/wit/cam/fav-del.png);
     background-repeat:no-repeat;
}
input#submit_button_favorite_remove:hover
{
     cursor: pointer;
     cursor: hand;
}

input#submit_button_cam_info
{
     position:absolute;
     right:105px;
     bottom:20px;
     z-index:5;
     border-width:0px;
     height:21px;
     width:16px;
     background:url(../../../dnx/img/wit/cam/info.png);
     background-repeat:no-repeat;
}
input#submit_button_cam_info:hover
{
     cursor: pointer;
     cursor: hand;
}

/* cam snapshot link */
input#submit_button_cam_history
{
  position:absolute;
  right:103px;
  bottom:22px;
  z-index:5;
  border-width:0px;
  width:14px;/* achtergrond breedte */
  height:11px;/* achtergrond hoogte */
  background:url(../../../dnx/img/wit/cam/camera14x11.png);
  background-repeat:no-repeat;
}
input#submit_button_cam_history:hover
{
  cursor: pointer;
  cursor: hand;
}

/* profiel snapshot link */
input#button_profiel_history
{
     position:absolute;
     right:423px;
     bottom:20px;
     z-index:5;
     border-width:0px;
     height:22px;/* achtergrond hoogte */
     width:22px;
     background:url(../../../dnx/img/wit/cam/time.png);
     background-repeat:no-repeat;
     
}
input#button_profiel_history:hover
{
  cursor: pointer;
  cursor: hand;
}

img {border:none;display:block;}
h1,h2,h3,h4, h5 {padding:0;margin:0;font-size:18px;}
p {padding:5px 0;margin:0;}
strong {font-weight:bold;}
.clear {clear:both;}
.left {float:left;}

div#main {padding:0 4px;width:952px;margin:0 auto;}
div#header img {float:left;}
div#header #h2 {float:left;}

/* dit is voor sites zonder model*/
div#header .h4 {float:left;background:url(../../../dnx/img/wit/h4.jpg);width:322px;height:52px;padding-top:20px;}
div#header .h4d {float:left;background:url(../../../dnx/img/wit/kop-midden-rechts.gif);width:322px;height:52px;padding-top:20px;}
div#header .h4 a, div#header .h4d a {padding-left:5px;font-size:18px;color:white;}
div#header .h4 a:hover, div#header .h4d a:hover {text-decoration:none;}
div#header .h5 {clear:both;background:url(../../../dnx/img/wit/h5.gif);width:952px;height:26px;}
/*
div#header .h5d {clear:both;background:url(../../../dnx/img/wit/h5d.gif);width:952px;height:26px;margin-bottom:8px;filter:alpha(opacity=90);opacity:.90;}
*/

div#header .h5d {clear:both;background:url(../../../dnx/img/wit/kop-onder.gif);width:952px;height:26px;margin-bottom:8px;}

/* menu tekst */
div#header .h5 a, div#header .h5d a
{
  float:left;
  color:#9F9F9F;
  /*font-weight:bold;*/
  text-decoration:none;
  margin-left:36px;
}

/* menu tekst hover*/
div#header .h5 a:hover, div#header .h5d a:hover
{
  /*text-decoration:underline;*/
  /*font-weight:bold;*/
  color:grey;
}

div#header .h5 img, div#header .h5d img {margin-top:-1px;padding-left:5px;}

div#lng {width:940px;margin:0 auto;}
div#lng img {float:right;margin:3px;}

div#content_left {float:left;width:515px;}
div#content_left div.block1 {position:relative;background:#0B090B url(../../../dnx/img/wit/l12_bg.jpg);padding:15px;height:250px;}
div#content_left div.block1 div.img {position:absolute;padding-left:310px;margin-top:-10px;}
div#content_left div.block1 h1 {padding-top:40px;padding-bottom:40px;}

/* block_links */
div#content_left div.block_links {background:#0B090B url(../../../dnx/img/wit/l12_bg.jpg);padding:15px;height:618px;}

/* block_rechts */
div#content_right div.block_rechts {background:#0B090B url(../../../dnx/img/wit/r23_bg.jpg);padding:15px;height:100%;}

/* block_links_profiel 380px */
div#content_left div.block_links_profiel
{
  position:relative;
  background: url(../../../dnx/img/wit/bloklinks-midden.gif);
  padding:15px;
  height:300px;
  /*filter:alpha(opacity=90);*/
  /*opacity:.90;*/
}
div#content_left div.block_links_profiel:hover
{
  /*filter:alpha(opacity=100);*/
  /*opacity:.90;*/
}
div#content_left div.block_links_profiel div.img {position:absolute;padding-left:310px;margin-top:-10px;}
div#content_left div.block_links_profiel h1 {padding-top:40px;padding-bottom:40px;}

/* block_rechts_snapshot 380px */
div#content_right div.block_rechts_snapshot
{
  background: url(../../../dnx/img/wit/blokrechts-midden.gif);
  z-index:0;
  padding:15px;
  height:300px;
  /*filter:alpha(opacity=90);*/
  /*opacity:.90;*/
}
div#content_right div.block_rechts_snapshot:hover
{
  /*filter:alpha(opacity=100);*/
}
div#content_right div.block_rechts_snapshot div.img {position:absolute;padding-left:310px;margin-top:-10px;}
div#content_right div.block_rechts_snapshot h1 {padding-top:40px;padding-bottom:40px;}

/* wat is dit? */
div#content_left div.block2 {position:relative;background:#0B090B url(../../../dnx/img/wit/l12_bg.jpg);padding:15px;height:315px;}
div#content_left div.block2 div.img {position:absolute;margin-top:-10px;right:15px;}
div#content_left div.block2 h2 {padding-bottom:20px;}
div#content_left div.block2 img.ani {float:left;margin-top:-20px;}
div#content_left div.block2 .download {padding-left:20px;}
div#content_left div.block2 a.download {padding-left:5px;font-size:18px;color:white;}
div#content_left div.block2 a.download:hover {text-decoration:none;}
div#content_left div.block2 p.block2p {padding-top:15px;font-weight:bold;}

/* wat is dit? */
div#content_right {float:left;width:437px;}
div#content_right div.block2 {background:#0B090B url(../../../dnx/img/wit/r23_bg.jpg);padding:15px;height:110px;}
div#content_right div.block3 {position:relative;background:#0B090B url(../../../dnx/img/wit/r23_bg.jpg);padding:15px;height:201px;}
div#content_right div.block3 div.img {position:absolute;padding-left:254px;margin-top:-15px;}
div#content_right div.block3 h2 {padding-bottom:20px;}
div#content_right div.block3 p {width:250px;}
div#content_right div.block1r {position:relative;background:#0a0a0a url(../../../dnx/img/wit/block1r_bg.jpg) right no-repeat;height:210px;}
div#content_right div.block1r img {float:left;}
div#content_right h4 {float:left;font-size:18px;padding-top:18px;font-weight:bold;}

div.blockbtm {position:relative;width:922px;background:#0B090B url(../../../dnx/img/wit/bg_btm.jpg);padding:15px;height:400px;}
div.blockbtm div.img {position:absolute;right:15px;margin-top:-15px;}

/* block_100_procent */
div.block_100_procent {background: url(../../../dnx/img/wit/blok-midden.gif);width:922px;height:100%;padding:15px;filter:alpha(opacity=90);opacity:.90;}
div.block_100_procent div.img {right:15px;margin-top:-15px;}

/* blok_boven */
div.blok_boven {background: url(../../../dnx/img/wit/blok-boven.png);z-index:0;clear:both;width:952px;height:8px;filter:alpha(opacity=90);opacity:.90;}
div.blok_midden div.img {position:absolute;right:15px;margin-top:-15px;}

/* blok_midden */
div.blok_midden {position:relative;width:922px;background: url(../../../dnx/img/wit/blok-midden.gif);z-index:0;padding:15px;height:100%;filter:alpha(opacity=90);opacity:.90;}
div.blok_midden div.img {position:absolute;right:15px;margin-top:-15px;}

/* blok_midden_webcam */
div.blok_midden_webcam {position:relative;width:922px;background: url(../../../dnx/img/wit/blok-midden.gif);z-index:0;padding:15px;height:100%;opacity:.90;}
div.blok_midden_webcam div.img {position:absolute;right:15px;margin-top:-15px;}

/* blok_midden_cam */
/* als z-index:0 word toegevoegt en webcam snapshots zijn doorzichting dan worden soms niet alle snaps afgebeeld ???*/
div.blok_midden_cam
{
  position:relative;
  width:922px;
  background: url(../../../dnx/img/wit/blok-midden.gif);
  padding:15px;
  height:100%;
  /*filter:alpha(opacity=90);*/
  /*opacity:.90;*/
}
div.blok_midden_cam:hover
{
  /*filter:alpha(opacity=100);*/
  /*opacity:1;*/
}
div.blok_midden_cam div.img {position:absolute;right:15px;margin-top:-15px;}

/* blok_onder */
div.blok_onder {position:relative;background: url(../../../dnx/img/wit/blok-onder.png);z-index:0;width:952px;height:8px;margin-bottom:8px;filter:alpha(opacity=90);opacity:.90;}

/* block_voet midden*/
div.block_voet {position:absolute;width:922px;background: url(../../../dnx/img/wit/blok-midden.gif);z-index:0;padding:15px;height:70px;}
div.block_voet div.img {position:absolute;right:15px;margin-top:-15px;}

div.buttons {width:369px;margin:0 auto;height:45px;}
div.buttons img {float:left;}
div.buttons a {float:left;padding-top:15px;padding-right:10px;font-weight:bold;color:white;text-decoration:none;}
div.buttons a:hover {text-decoration:underline;}

div#block_download {width:922px; height:320px;background:#0B090B url(../../../dnx/img/wit/bg_btm.jpg);padding:15px;}
div#block_download input.button_download {float:right; margin:0 10px 0 0;}
div.download1 {font:14px corbell; font-weight:bold;padding-top:30px;}
.toggler {display:block;cursor:pointer;padding:10px 0; background-repeat:no-repeat; background-position:0 6px;padding-left:22px;}
#block_download .box {float:left;width:140px;padding:0;}
.cnt {width:798px; height:53px;background:url(../../../dnx/img/wit/bg_download.jpg); padding:10px; padding-top:5px;}
.cnt p {padding-bottom:10px;}
.dl {color:white; font-weight:bold;}
.dl:hover {text-decoration:none;}

div.disclaimer {font:10px Verdana, Arial, Helvetica, sans-serif; color:#969696; width:650px;text-align:center; padding-bottom:10px;}
div.disclaimer p {padding:5px 0;}
div.disclaimer a {color:#969696; font:10px Verdana, Arial, Helvetica, sans-serif;}
div.disclaimer a:hover {color:#969696;text-decoration:none;padding:5px 0;}

.button {float:right;background:url(../../../dnx/img/wit/nav_button.jpg);width:87px; height:24px; border:none; color:white; font-weight:bold; font-size:11px; margin-right:10px; }