* {
  padding: 0;
  margin: 0;
}

html, body {
overflow:hidden;
height: 100%;
 font-family: "trebuchet MS", Georgia, "Times New Roman", Times, serif;
font-size: 11px;
} 

form table td,  form table td:hover  {
background:none;
border: none;
cursor: auto;
}

.contr {
position: absolute;
z-index: 9;
width: 150px;
top: 180px;
color: #fff;
left: 55px;
padding-bottom: 5px;
}

.contr p {
padding-bottom: 6px;
}


.contr1 {
position: absolute;
z-index: 9;
width:150px;
top: 270px;
color: #fff;
left: 55px;
padding-bottom: 5px;
}

.contr1 p {
padding-bottom: 15px;
}


body {
margin: 0;
padding: 0;
background:#0b0b0b ;
/*background:#0b0b0b url('../plaatjes/backbalk.jpg');*/
overflow:hidden;
overflow-y:hidden;
height: 100%;
width: 100%;

 }


#container1 a .preview  {
display:none;
}

#container1 a:hover .preview  {
display:block;
position:absolute;
top: -13px;
left: -10px;
z-index:1;
}

.preview {
border: 5px #FF0066 solid;
width: 100px;
height: 100px;
}

td.border .preview {
border:5px solid #FF0000;
}

.visited {
color:#FF0000;
}

strong {
font-size:12px;
}

#container1 .bubbleInfo {
    position: relative;

}


#container1 .bubbleInfo:hover {
    z-index: 999999;

}

#container1 .popup {
	display: none;
	position: absolute;
	z-index:9999999;
	top: 2px;
	left: 0;
	width: 225px;
	font-size: 1.2em;
	background: url(../plaatjes/bubble_top.gif) no-repeat right top;
font-size: 16px;

}

#container1 .popup p {
	margin: 0px 0;
	line-height: 0.9em;
	padding: 0 5px 10px 30px;
	background:  url(../plaatjes/bubble_btm.gif) no-repeat right bottom
	
	}
	
.popup p em {
font-size: 0.6em;
}


a {
color:#0099FF;
text-decoration:none;
}


.view {
 background: url('../plaatjes/intro_background.png') top right;
 background-position:right;
 } 

.noview {
 background: url('../plaatjes/intro_background.png')  top right;;
 background-repeat:no-repeat;
 } 

#addDel {
position:absolute;
top: -3px;
left: 600px;
margin-left: auto;
margin-right: auto;
right:auto;
z-index: 999;
width: 500px;
}

#addDel ul{
background-repeat:no-repeat;
list-style:none;
display:inline;
}

#addDel ul li {
display:inline;
}

.rows:hover {
border: 3px solid #fff;
 cursor:pointer;
}




#addDel1 {
background: #FFFFFF;
position:relative;
top: 0px;
left: 0px;
line-height: 20px;
z-index: 1;
width: auto;
height: 15px;
text-align: left;
color: #FFF;

}

#addDel1 ul{
background-repeat:no-repeat;
line-height: 20px;
list-style:none;
display:inline;
text-align:left;
}

#addDel1 ul li {
display:inline;
margin-top: -10px;
line-height: 20px;
}

#addDel1 ul li img{
display:inline;
margin-top: 5px;
padding-right: 5px;
padding-left: 5px;
}

#addDel1 ul li a{
position:relative;
top:5px;
display:inline;
}


.extraBtn  {
background: url('../plaatjes/extraBtn.png') 0 2px;
background-repeat:no-repeat;
list-style:none;
width: 154px;
position:absolute;
height: 28px;
z-index: 999999;
padding-left: 0px;
zoom:1;
text-align:center;
}


.extraBtnL  {

list-style:none;
width: 154px;
position:absolute;
height: 28px;
z-index: 999999;
padding-left: 20px;
zoom:1;
text-align:left;
}

.extraBtn1  {
background: url('../plaatjes/extraBtn.png') 0 2px;
background-repeat:no-repeat;
position:absolute;
margin-left: 100px;
width: 154px;
height: 28px;
z-index: 2;
padding-left: 0px;
text-align:center;

}

.extraBtn4  {

position:absolute;
margin-left: -40px;
width: 154px;
height: 28px;
z-index: 2;
padding-left: 35px;
padding-top: 3px;

text-align:left;

}



.extraBtn2  {
background: url('../plaatjes/extraBtn.png') 0 2px;
background-repeat:no-repeat;
position:absolute;
margin-left: -100px;
width: 154px;
height: 28px;
z-index: 1;
padding-left: 0px;
text-align:center;

}

.extraBtn5  {
background: url('../plaatjes/extraBtn1.png') 0 2px;
background-repeat:no-repeat;

position:absolute;
padding-top: 8px;
bottom:0px;
left:650px;
width: 154px;

z-index: 2;
text-align:center;
display:inline;
font-size:12px;
}


.index {
background: url('../plaatjes/extraBtnline.png');
height: 23px;
text-align:center;
display:inline;
font-size:12px;
margin-left: -5px;
width: auto;
min-width: 220px;
padding-left: 5px;
padding-right: 10px;
padding-bottom: 3px;
padding-top: 4px;

}


.index1 {
background: url('../plaatjes/extraBtn1.png') -125px;
padding-left: 35px;
padding-right: 10px;
padding-bottom: 1px;

width: auto;
background-repeat:no-repeat;
height: 23px;
text-align:left;
display:inline;
font-size:12px;
}

.extraBtn6  {
background:  url('../plaatjes/extraBtn1.png') ;
padding-left: 25px;
padding-right: 10px;
padding-bottom: 3px;
padding-top: 4px;
width: auto;
background-repeat:no-repeat;
height: 23px;
text-align:center;
display:inline;
font-size:12px;
}

.div {
position:fixed;
bottom: 0px;
left: 750px;
display:inline;
height: 23px;
width:auto;
z-index: 2;

}

.div ul {
height: 23px;
line-height: 27px;
display:inline;
verticale-align:top;
}

 a.active {
color:#FF0000;
}

.extraBtn  a, .extraBtn1  a, .extraBtn2  a  {
font-size:12px;
color:#333333;
line-height: 23px;

}

.extraBtn  a:hover, .extraBtn1  a:hover {
font-size:12px;
color: #0099FF;
line-height: 23px;

}



form.example input {
background: url('../plaatjes/input_boxes.gif') no-repeat 0 -61px;
	border: none;
	width: 241px;
	height: 20px;
	padding-left: 3px;

}

form.example input:focus {
	background-color: transparent;
}
 
#container1 h1, #container1 h2 {
 width: 500px;
color:#0099FF;
font-size:16px;
text-align:left;
padding-bottom: 12px;
padding-top: 12px;
}

#container1 form {
 width: 100%;
 text-align:left;
 }

 form.example input[type='submit'],  form.example input[type='button'] {
 width: 100px;
 background:#0099FF;
 color:#FFFFFF;
 border: none;
 margin-top: 5px;
margin-right: 5px;
 }
 
form.example input.file {
position:relative;
text-align:right;
-moz-opacity:0;
-khtml-opacity: 0;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 2;
}


form.example div.fileinputs {
	position: relative;
	height: 30px;
	width: 300px;
}

form.example div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 350px;
	padding: 0;
	margin: 0;
	z-index: 1;
	line-height: 90%;
}

form.example div.fakefile input {
	margin-bottom: 5px;
	margin-left: 0;
}


#container1 textarea {

 }

 #container {
 background:#0033FF;
 width: 100%;
 }

 #container1 .pop {
 width: 500px;
 color:#FFF;
 text-align:left;
 }

 #container1 p {
 
 color:#FF0066;
 text-align:left;
 }

 
 #userAcount {
 position:relative;
 background:#0b0b0b url('../plaatjes/backbalk.jpg');
 padding-top: 10px;
 width: 100%;
 height: 34px;
 z-index: 2;
 color:#FFFFFF;

 }
 
 
 #user, #password {
 width: 100px;
 border:none;
 border:inset  #FFFFFF 2px;
 }
 
 #loggedIN {
 background:#330000;
 height: 16px;
 color:#FFFFFF;
 width: 50px;
 border:none;
 }

 #login {
 background:none;
 height: 20px;
 color:#FFFFFF;
 width: 50px;
 border:none;
 text-align:center;
 text-indent:inherit;
 text-decoration:none;
 text-transform:capitalize;
 cursor:pointer;
 }
 
 #left {
 background:#000;
 min-height: 100%;
 height:auto !important;
 height: 100%;
 color:#FFFFFF;
 filter: progid:DXImageTransform.Microsoft.dropShadow(Color =CCCCCC,offX=8, offY=8,positive=true );
 filter:Alpha(opacity=50);
 }
 
 #images {
 position:relative;
 float:left;
 width: 85%;
 min-height: 100%;
 height:auto !important;
 height: 100%;

} 

 




#bottom {
clear:both;
}

  <!-- 
  #container1 { 
  position:relative;
   top: 20px;
   width: 100%; 
   height: 465px; 
  overflow: hidden; 
  padding-top: 10px;

  } 
  
    #cont { 
  position:relative;
   top: 20px;
   width: 100%; 
   height: 420px; 
   overflow: hidden; 

  } 

  td { padding: 0px; margin: 0px; border: 3px solid #FFFFFF; background:#FFFFFF; } 
  td:hover { padding: 0px; margin: 0px; border: 3px solid  #0099CC; cursor:help;} 
  td a:hover {
  cursor:help;
  }

 td.border { padding:0;margin:0; border: 3px solid #FF0000;background:#fff; }
 td.border:hover {padding:0;margin:0;border:3px solid #FF0000;cursor:pointer;}
  
  img{
  border: none;
  }
/*  .img {
  margin-top: 15px;
  width: 92px;
  height: 20px;
  margin-left: 36%;
  border:none;
  }
  */
  .img, .img:hover {
  border: none;
  }


  .img1, .img1:hover {
  position:relative;
  top: 400px;
  left: 300px;
  border: none;
  }

  .img2, .img2:hover {
  background:#000000;
  color:#FFFFFF;
  position: relative;
  top: 1px;
  left: 25px;
  border: none;
  }

  .img3, .img3:hover {
  background:#000000;
  color:#FFFFFF;
  position: relative;
  top: 1px;
  left: 80px;
  margin-right: 40px;
  border: none;
  z-index: 9999;
  }


  .info, .info:hover {
  position:relative;
  background:#000000;
  color:#FFFFFF;
  left: 500px;


  }
  
   .holder, .holder:hover {
  position:absolute;
  top: 10px;
  left: 8px;
  border: none;
  z-index: -1;
  }


  .imges, .imges:hover {
  position:absolute;
  top: 180px;
  left: 0px;
  z-index: 10;
  border: none;

  }

  .imgesZ, .imgesZ:hover {
  position:absolute;
  top: 260px;
  left: 0px;
  z-index: 10;
  border: none;

  }


 .imgesC, .imgesC:hover {
  position:absolute;
  top: 160px;
  left: 0px;
  z-index: 10;
  border: none;
 color: #FF0000;

  }

  .imges2, .imges2:hover {
  position:absolute;
  top: 30px;
  left: -20px;
  z-index: 10;
  border: none;
  }
   
   .imges21, .imges21:hover {
  position:absolute;
  top: 50px;
  left: 15px;
  z-index: 10;
  border: 2px solid #fff;
  }
  --> 
  #main {
  position:absolute;
  background: #000 url('../plaatjes/total_views.png');
  z-index:99;
  width:752px;
  height:415px;
  left: 50%;
  top: 50%;
  margin-top: -185.5px;
  margin-left: -300px; /*-(width/2);*/
  overflow:hidden;
   }
   
   #control {
   position:relative;
   top: 385px;
   left: 302px;
   background: url('../plaatjes/nextPrev.png');
   background-repeat:no-repeat;
   }
   
 #logout {
 position:absolute;
 top: 330px;
 left: 15px;
 }
 
 #logout li {
   background:none;
   border:none;
   cursor:pointer;
   color:#FFFFFF;
   background-image: url('../plaatjes/11.gif');
   background-repeat:no-repeat;
   background-position: 0px 4px;
   padding-left: 15px;
   list-style:none;
   }
   
  #logout a {
  color:#0099FF;
  text-decoration:none;
  }
 
 #REGIS {
 position:absolute;
 background-repeat:no-repeat;
 width:147px;
 height:130px;
 top: 0px;
 right: 0px;
 z-index: 9999;
 } @charset "utf-8";
 
/* #tbl_index {border: 1px inset #fff;position:absolute; left: 210px; width: 100px; top: 10px; z-index:999;
 }*/
 #enu, #enu a {
 color:#FF0066;
 }
 
 #enu h5 {
 font-size:14px;
 }
 

 #enu li {
   background:none;
   border:none;
   cursor:pointer;
   color:#FFFFFF;
   background-image: url('../plaatjes/14.gif');
   background-repeat:no-repeat;
   background-position: 0px 4px;
   padding-left: 15px;
   list-style:none;
   }
   
.menu {

position:absolute;
top: 5px;
border:none;
z-index: 9999;
} 

#tbl {
position:absolute;
top:44px;
background:#0099FF;
width:100%;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity:.9;
overflow:hidden;
margin-left:0;
z-index:90;

}

#tbl td, #tbl td:hover{
/* color:#FFFFFF;*/
border:none;
cursor:pointer;
}

#tbl table {

position:relative;
margin-left:auto;
margin-right:auto;

}

#Check_All, #tbl input[type='submit'],  #tbl input[type='button'] {
background:#000000;
color:#0099FF;
border:8px solid #000000;
margin-top: 10px;
}

#alpha {
position:absolute;
background: #663300;
padding-left: 5px;
padding-right: 5px;
top: 10px;
right: 13%;
color:#FF0000;
z-index:9999;
width: 285px;
height: 1px;
border:inset #663300 2px;


}

#alpha a {
color:#FF0000;
text-decoration:none;
text-transform:uppercase;
font-family: Trebuchet MS;
font-size:11px;
}

span { display:none; }
area:hover span {
display:block;
position:absolute;
top:2em;
left:2em;
width:15em;
}

#navigatie {
position: absolute;
width: 200px;
height: 45px;
top:10px;
right: 40%;
background: url("../plaatjes/submenu1.png");
z-index:99;
list-style:none;

}
#navigatie a {
/*text-indent: -9999px;*/
text-decoration: none;
position: absolute;


}

#navigatie1 {
position: absolute;
width: 100px;
height: 45px;
top:10px;
right: 40%;
background: url("../plaatjes/submenu1.png");
z-index:9999;
list-style:none;

}
#navigatie1 a {
/*text-indent: -9999px;*/
text-decoration: none;
position: absolute;


}


#blok1 a {
top: 10px;
left: 36px;
width: 15px;
height: 15px;
}
#blok2 a {
top: 10px;
left: 60px;
width: 15px;
height: 15px;
}
#blok3 a {
top: 10px;
left: 80px;
width: 18px;
height: 18px;
}

#blok4 a {
top: 8px;
left: 105px;
width: 30px;
height: 30px;
}

#blok5 a {
top: 11px;
left: 140px;
width: 18px;
height: 18px;
}

#blok1 a:hover span {
display:block;
position:absolute;
left: -18px;
top: 15px;
width:15em;
font-size:12px;
padding-top: 10px;
background: url('../plaatjes/MENU_INFO1.png');
background-repeat:no-repeat;
width:71px;
height: 34px;
color:#000000;
font-weight:bold;
}

#blok2 a:hover span {
display:block;
position:absolute;
top: 15px;
left: -18px;
width:15em;
font-size:12px;
padding-top: 10px;
background: url('../plaatjes/MENU_INFO.png');
background-repeat:no-repeat;
width:71px;
height: 34px;
color:#000000;
font-weight:bold;
}

#blok3 a:hover span {
display:block;
position:absolute;
left: -18px;
top: 15px;
width:15em;
font-size:12px;
padding-top: 10px;
background: url('../plaatjes/MENU_INFO2.png');
background-repeat:no-repeat;
width:71px;
height: 34px;
color:#000000;
font-weight:bold;
}

#blok4 a:hover span {
display:block;
position:absolute;
left: -18px;
top: 15px;
width:15em;
font-size:12px;
padding-top: 10px;
background: url('../plaatjes/MENU_INFO3.png');
background-repeat:no-repeat;
width:71px;
height: 34px;
color:#000000;
font-weight:bold;
}

#blok5 a:hover span {
display:block;
position:absolute;
left: -18px;
top: 15px;
width:15em;
font-size:12px;
padding-top: 10px;
background: url('../plaatjes/MENU_INFO4.png');
background-repeat:no-repeat;
width:71px;
height: 34px;
color:#000000;
font-weight:bold;
}

#container1.edit {
width: 100%;
height: auto;
}

.td, .td:hover {
border: 3px solid #fff;
cursor:default;
vertical-align:top;
}

.td a, .td a:hover {
text-decoration:none;
cursor:pointer;
}

#container1 .delete {
width: 50px;
height:50px;
background: url('../plaatjes/b_drop.png');
background-repeat:no-repeat;
}
#container1 .edit {
width: 50px;
height:50px;
background: url('../plaatjes/b_edit.png');
background-repeat:no-repeat;
}

#cont td img {
height: 100px;
}


#left1 {
position:fixed;
bottom: 5px;
padding: 5px;
}

#left1 .links a,  #left1 .partners a {
color: #fff;
vertical-align: top;
}

#urls { width:200; background:none; font-weight:bold;}

#trans {
-moz-opacity:0.5;
-khtml-opacity: 0.5;
filter:alpha(opacity: 50);
opacity: 0.5;
}


/* CSS  Document */