html, body {
	margin:0;
	padding:0;  
	height:100%; 
}

body{
	font-weight: bold;
	font-size: 10px;
	color: #888888;
	font-family: tahoma, verdana, Sans, sans-serif;
	background-color:black;
}

/* nodig voor horizontale centrering */

#distance { 
	width:1px;
	height:50%;
	margin-bottom:-300px; /* helft van de containers hoogte */
	float:left;
}
		
.container{
	position:relative;
	clear:left;
	margin:0 auto; /*horizontale centrering. Werkt niet in IE quircksmode. Dan text-align:center aan body toevoegen*/
	width:1000px;
	height:600px;
	background-image: url(../image/bg.jpg);
}

.left{
	position:relative;
	float:left;
	width:156px;
	height:600px;
	background-image: url(../image/left_back.png);
	/*filter:alpha(opacity=80);opacity:.8;*/
	z-index:999 !important;
}

.top{
	position:relative;
	float:right;
	width:834px;
	height:100px;
	padding:0;
	background-color:black;
	filter:alpha(opacity=80);opacity:.8;
}

.bottom{
  	position:relative;
	float:right;
	width:834px;
	height:490px;
	padding:0;
	margin-top:10px;
	/*background-image: url(../image/left_back.png);*/
	filter:alpha(opacity=80);opacity:.8;
}

.content{
  clear:both;
  position:relative;
	width:810px;
	height:470px;
	margin-left:12px;
	margin-top:10px;
	overflow:auto;
}

.LT{
	position:absolute;
	left:0;
	top:0;
}

.RT{
	position:absolute;
	left:100%;
	top:0px;
	margin-left:-50px;
}

.LB{
	position:absolute;
	left:0;
	top:100%;
	margin-top:-50px;
}

.RB{
	position:absolute;
	left:100%;
	top:100%;
	margin-left:-50px;
	margin-top:-50px;
}

.input{
	border-style:solid;
	border-width:1px;
	border-color:#555555;
	background-color:#252525;
	overflow:auto;
	font-weight: bold;
	font-size: 10px;
	color: #888888;
	filter:alpha(opacity=80);opacity:.8;
	font-family: tahoma, verdana, Sans, sans-serif;
}

.quote	 {
	position:relative;
	left:5%;
	width:90%;
	min-height:100px;
	font-size: 7.5pt;
	background-color: rgb(30,30,40);
	/*background-image:url(../image/quote_back.gif);*/
	background-position:bottom right;
   	background-repeat:no-repeat;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 0px;
	border-right: 0px;
}

.min_height_hack {
  	position:relative;
  	float:right;
  	width:1px;
  	height:100px;
}
	 
.entryfooter {
    color:#00aaff;
    text-align:right;
    margin:15px 0 5px 0;
    padding-bottom:5px;
    border-bottom:1px #00aaff solid;
}

h1.guestbook {
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
   color:#00ffff;
   background-color:rgb(30,30,40);
   font-size:14px;
   font-weight:bold;
   padding-top:14px;
   border-bottom:1px #999 solid;
}

.off{
        display:none;
}

.on{
        display:block;
}

.big {
	FONT-WEIGHT: normal;
	FONT-SIZE: 20px;
	COLOR: #00ffff;
	FONT-FAMILY: tahoma, verdana, Sans, sans-serif
}

.big2 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 20px;
	COLOR: #A26Da1;
	FONT-FAMILY: tahoma, verdana, Sans, sans-serif
}

.highlight{
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #00ffff;
	FONT-FAMILY: tahoma, verdana, Sans, sans-serif
}

.highlight2{
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #00aaff;
	FONT-FAMILY: tahoma, verdana, Sans, sans-serif
}

.normal{
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #888888;
	FONT-FAMILY: tahoma, verdana, Sans, sans-serif
}

.small{
	FONT-WEIGHT: bold;
	FONT-SIZE: 8px;
	COLOR: #00ffff;
	FONT-FAMILY: tahoma, verdana, Sans, sans-serif
}

.small2{
	FONT-WEIGHT: bold;
	FONT-SIZE: 8px;
	COLOR: #00aaff;
	FONT-FAMILY: tahoma, verdana, Sans, sans-serif
}



.small3{
	FONT-WEIGHT: bold;
	FONT-SIZE: 8px;
	COLOR: #888888;
	FONT-FAMILY: tahoma, verdana, Sans, sans-serif
}

td{
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #888888;
	FONT-FAMILY: tahoma, verdana, Sans, sans-serif
}

#vertnav{
	list-style: none;
}

#vertnav{
     padding:0;
     margin:0;
     background-color:rgb(0,0,0);
     color:#00ffff;
}

#vertnav ul {
     padding: 0;
     margin:0;
     list-style: none;
     width:150px;
     position:absolute;
     overflow:visible;
	 }

#vertnav li {
     position: relative;
     cursor:pointer;
     cursor:hand;
     margin:0;
     width:147px;
     padding:0 2px;
     background-image: url(../image/left_back.png);
     border-bottom:1px solid #0099ff;
     display:block;
     height:20px;
     line-height:20px;
}

#vertnav a {
     text-decoration:none;
     display:block;
     width:147px;
     height:20px;
}

#vertnav a:hover, #vertnav li:hover{
  	 background-image: none;
     background-color:rgb(30,30,50);
}

#vertnav ul li:hover, #vertnav ul li a:hover{
     background-color:rgb(30,30,50);
}

#vertnav ul, #vertnav ul ul, #vertnav ul ul ul{
     display:none;
     position:absolute;
     top:-1px;
     left:151px;
}

/* non-IE browsers see this */
#vertnav ul li>ul, #vertnav ul ul li>ul{
     margin-top:0;
}

#vertnav li:hover ul ul, #vertnav li:hover ul ul ul, #vertnav li:hover ul ul ul ul, #vertnav li:hover ul ul ul ul ul{
     display:none;
}

#vertnav li:hover ul, #vertnav ul li:hover ul, #vertnav ul ul li:hover ul, #vertnav ul ul ul li:hover ul, #vertnav ul ul ul ul li:hover ul{
     display:block;
}

li>ul {
     top: -1px;
     left: -5px;
}

/* Win IE only \*/
* html #vertnav li{
  float:left;
  background-image: none;
  background-color:rgb(0,0,0);
  /*filter:alpha(opacity=80);*/
  }
* html .left, .bottom{
  background-image: none;
  background-color:rgb(0,0,0);
  /*filter:alpha(opacity=80);*/
  }
/* end holly hack */ 

A:link {color:#bbbbbb;}
A:visited {color:#bbbbbb;}
A:hover {color:red;}

a.footer:link {color:rgb(150,150,150); font-size:10px;text-decoration: none}
a.footer:visited {color:rgb(150,150,150); font-size:10px;text-decoration: none}
a.footer:hover {color:#00ffff; font-size:10px;text-decoration: none}

A.twee:link {color:#00ffff;}
A.twee:visited {color:#00ffff;}
A.twee:hover {color:red;}

A.drie:link {color:#00aaff;}
A.drie:visited {color:#00aaff;}
A.drie:hover {color:red;}

A.log:link {color:#888888;}
A.log:hover {color:#888888;}
A.log:visited {color:#888888;}

A.alt:link {color:black;}
A.alt:active {color:black;}
A.alt:hover {color:black;}
A.alt:visited {color:black;}