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

/*
background-image:url(img/background/boots.jpg) repeat;
html, body {background-image:url(img/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 */
}

/* blok-webcams.php en blok-favorieten.php */
.cam {position:relative;float:left;background:url(../../img/cam/bg.jpg) no-repeat;z-index:1;width:131px;height:152px;margin-top:10px;}
.cam2 {position:relative;float:left;background:url(../../img/cam/bg.jpg) 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;}
a:hover {text-decoration:none;}
.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;}

/* 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(img/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(img/cam/online.png);
     background-repeat:no-repeat;
}
.cam_online_profiel:hover
{
     cursor: pointer;
     cursor: hand;
}

.button_profiel_ideal
{
     position:absolute;
     right:380px;
     bottom:280px;
     z-index:6;
     border-width:0px;
     height:21px;
     width:76px;
     background:url(img/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(img/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(img/cam/offline.png);
     background-repeat:no-repeat;
}
.cam_offline_profiel:hover
{
}

input#submit_button_taal_uk
{
     right:10px;
     bottom:21px;
     border-width:0px;
     height:14px;
     width:23px;
     background:url(img/taal/uk.gif);
     background-repeat:no-repeat;
}
input#submit_button_taal_uk:hover
{
     cursor: pointer;
     cursor: hand;
}

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(img/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:#969696; /* tekst kleur */
     height:15px;
     width:auto;
     background:#0B090B;
     margin:10;
     padding:10;
}
input#submit_button_add:hover
{
     cursor: pointer;
     cursor: hand;
     color:#FFFFFF; /* 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(img/cam/fav-add.png);
     background-repeat:no-repeat;
     
}
input#submit_button_favorite: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(img/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(img/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(img/cam/info.png);
     background-repeat:no-repeat;
}
input#submit_button_cam_info:hover
{
     cursor: pointer;
     cursor: hand;
}

input#submit_button_cam_history
{
     position:absolute;
     right:100px;
     bottom:18px;
     z-index:5;
     border-width:0px;
     height:22px;
     width:22px;
     background:url(img/cam/time.png);
     background-repeat:no-repeat;
}
input#submit_button_cam_history:hover
{
     cursor: pointer;
     cursor: hand;
}
input#button_profiel_history
{
     position:absolute;
     right:420px;
     bottom:41px;
     z-index:5;
     border-width:0px;
     height:22px;/* not height of picture but background height */
     width:22px;
     background:url(img/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;}
div#header .h4 {float:left;background:url(img/h4.jpg);width:322px;height:52px;padding-top:20px;}
div#header .h4d {float:left;background:url(img/h4d.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(img/h5.gif);width:952px;height:26px;}
/*
div#header .h5d {clear:both;background:url(img/h5d.gif);width:952px;height:26px;margin-bottom:8px;filter:alpha(opacity=90);opacity:.90;}
*/
div#header .h5d {clear:both;background:url(img/h5d.gif);width:952px;height:26px;margin-bottom:8px;}
div#header .h5 a, div#header .h5d a {float:left;color:white;font-weight:bold;text-decoration:none;margin-left:36px;}
div#header .h5 a:hover, div#header .h5d a:hover {text-decoration:underline;}
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(img/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(img/l12_bg.jpg);padding:15px;height:618px;}

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

/* block_links_profiel 380px */
div#content_left div.block_links_profiel {position:relative;background: url(img/l12_bg.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(img/r23_bg.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;}


div#content_left div.block2 {position:relative;background:#0B090B url(img/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;}

div#content_right {float:left;width:437px;}
div#content_right div.block2 {background:#0B090B url(img/r23_bg.jpg);padding:15px;height:110px;}
div#content_right div.block3 {position:relative;background:#0B090B url(img/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(img/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(img/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(img/bg_btm.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(img/sub_top.png);z-index:0;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(img/bg_btm.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(img/bg_btm.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(img/bg_btm.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(img/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(img/bg_btm.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(img/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(img/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(img/nav_button.jpg);width:87px; height:24px; border:none; color:white; font-weight:bold; font-size:11px; margin-right:10px; }