/*TAG EIGENSCHAPPEN*/

table { 
	border-collapse: collapse;
}

img
{
	border: 0px solid;
}

html, body {
	height: 100%;
        background: #FBCBCC;
	scrollbar-base-color: transparent; 
	scrollbar-face-color: #B9556C; 
	scrollbar-highlight-color: #EDA99D; 
	scrollbar-3dlight-color: #75292E; 
	scrollbar-darkshadow-color: #transparent; 
	scrollbar-track-color: #FF9DA0; 
	scrollbar-arrow-color: #EDA99D;
        margin: 0;
        text-align: center;

}

/*EINDE TAG EIGENSCHAPPEN*/

/* BEGIN INDEX */

div#kopindex {
width: 800px;
height: 149px;
background: url('img/kopindex.jpg');
}

div#middenindex {
width: 800px;
background: url('img/middenindex.jpg');
background-repeat: repeat-y;
text-align: left;
}

div#nummer1{
position: relative;
width: 175px;
height: 160px;
left: 215px;
top: -250px;
background: url('img/nummer1.jpg');
visibility: visible;
}

div#nummer1_hover{
position: relative;
width: 175px;
height: 160px;
left: -370px;
top: 0px;
background: url('img/nummer1_hover.jpg');
visibility: hidden;
z-index: 50;
}

div#nummer2{
position: relative;
width: 175px;
height: 160px;
left: 185px;
top: 0px;
background: url('img/nummer2.jpg');
visibility: visible;
}

div#nummer2_hover{
position: relative;
width: 175px;
height: 160px;
left: 185px;
top: 0px;
background: url('img/nummer2_hover.jpg');
visibility: hidden;
z-index: 50;
}

div#nummer3{
position: relative;
width: 175px;
height: 160px;
left:185px;
top: 0px;
background: url('img/nummer3.jpg');
visibility: visible;
}

div#nummer3_hover{
position: relative;
width: 175px;
height: 160px;
left: 185px;
top: 0px;
background: url('img/nummer3_hover.jpg');
visibility: hidden;
z-index: 50;
}

div#nummer4{
position: relative;
width: 175px;
height: 160px;
left: 215px;
top: -230px;
background: url('img/nummer4.jpg');
visibility: visible;
}

div#nummer4_hover{
position: relative;
width: 175px;
height: 160px;
left: -370px;
top: 0px;
background: url('img/nummer4_hover.jpg');
visibility: hidden;
z-index: 50;
}

div#nummer5{
position: relative;
width: 175px;
height: 160px;
left: 185px;
top: 0px;
background: url('img/nummer5.jpg');
visibility: visible;
z-index: 10;
}


div#nummer5_hover{
position: relative;
width: 175px;
height: 160px;
left: 185px;
top: 0px;
background: url('img/nummer5_hover.jpg');
visibility: hidden;
z-index: 50;
}

div#nummer6{
position: relative;
width: 175px;
height: 160px;
left:185px;
top: 0px;
background: url('img/nummer6.jpg');
visibility: visible;
}

div#nummer6_hover{
position: relative;
width: 175px;
height: 160px;
left: 185px;
top: 0px;
background: url('img/nummer6_hover.jpg');
visibility: hidden;
z-index: 50;
}

div#nummer7{
position: relative;
width: 175px;
height: 160px;
left: 215px;
top: -210px;
background: url('img/nummer7.jpg');
visibility: visible;
}

div#nummer7_hover{
position: relative;
width: 175px;
height: 160px;
left: -375px;
top: 0px;
background: url('img/nummer7_hover.jpg');
visibility: hidden;
z-index: 50;
}

div#nummer8{
position: relative;
width: 175px;
height: 160px;
left: 185px;
top: 0px;
background: url('img/nummer8.jpg');
visibility: visible;
}

div#nummer8_hover{
position: relative;
width: 175px;
height: 160px;
left: 185px;
top: 0px;
background: url('img/nummer8_hover.jpg');
visibility: hidden;
z-index: 50;
}

div#nummer9{
position: relative;
width: 175px;
height: 160px;
left:185px;
top: 0px;
background: url('img/nummer9.jpg');
visibility: visible;
}

div#nummer9_hover{
position: relative;
width: 175px;
height: 160px;
left: 185px;
top: 0px;
background: url('img/nummer9_hover.jpg');
visibility: hidden;
z-index: 50;
}



div#topsites{
position: relative;
width: 175px;
height: 160px;
left: 215px;
top: -210px;
background: url('img/topsites.jpg');
visibility: visible;
}

div#topsites_hover{
position: relative;
width: 175px;
height: 160px;
left: 0px;
top: 0px;
background: url('img/topsites_hover.jpg');
visibility: hidden;
z-index: 50;
}

div#nummer0{
position: relative;
width: 175px;
height: 160px;
left: 185px;
top: 0px;
background: url('img/nummer0.jpg');
visibility: visible;
}

div#nummer0_hover{
position: relative;
width: 175px;
height: 160px;
left: 0px;
top: 0px;
background: url('img/nummer0_hover.jpg');
visibility: hidden;
z-index: 50;
}

div#contact{
position: relative;
width: 175px;
height: 160px;
left:185px;
top: 0px;
background: url('img/contact.jpg');
visibility: visible;
}

div#contact_hover{
position: relative;
width: 175px;
height: 160px;
left: 0px;
top: 0px;
background: url('img/contact_hover.jpg');
visibility: hidden;
z-index: 50;
}



/* EINDE EIGENSCHAPPEN INDEX */

/* BEGIN MENU */


div#menu {
position: relative;
text-align: left; 
top: 0px; 
left: 14px; 
width: 165px; 
height: 250px; 
font: 16px Verdana, sans-serif; 
z-index: 100;

}


div#menu a {
display: block; 
text-align: center; 
font: bold 9pt arial, verdana, tahoma; 
padding: 1px 10px; 
margin: 0 0 3px; 
border-width: 0; 
text-decoration: none; 
color: white; 
background: #60AFFF;
border: 2px solid black;
}

div#menu a:hover {
color: #000000; 
background: #ffffff;
border: 2px solid #000000;
}

div#menu a span {display: none;}

div#menu a:hover span {
display: block;
position: absolute; 
top: -75px; 
left: 180px; 
width: 560px;
padding: 5px; 
margin: 10px; 
z-index: 100;
color: #000000; 
background: #60AFFF;
font: 10px Verdana, sans-serif; 
text-align: center;
border: 2px solid black
}

div#menu a img {
height: 0; 
width: 0; 
border-width: 0;
}

div#menu a:hover img {
position: absolute; 
top: -65px; 
left: 205px; 
height: 60px; 
width: 535px;
}


/* EINDE MENU */


/* links pagina */

div#banners {
position: relative;
left: 250px;
top: -250px;
}