body {font-family: "century gothic", helvetica, arial, sans-serif;
	 background: #fff;
	  font-size: 100%;
	  margin: auto;
	  }
h1, h2 {font-family:  "trebuchet MS",helvetica, sans-serif;
	color: white; }
h1 {font-size:14pt;padding: 30px 0 2px 20px; margin: 0;
	display: inline;
	font-weight: bold}

h2 {
	font-size:16pt; 
	padding: 0; margin: 10px 0 2px 60px; float=left;
	font-weight: bold}


h3 {text-transform: uppercase;font-size:medium;
   text-decoration: underline;font-family: verdana;
   margin: 10px 0 2px 10px}

p {padding: 15px 15px 0 15px;
  margin: 0px;
  font-size: 12pt; 
  }

#naam  {margin: auto;
	width: 285px;
	height: 140px;
	background: url("../images/inconnectie.png") no-repeat;}

#top {margin: 0 ;
	 float: right;
	 width: 800px;
	 height:150px;
	 color: white}

#wrapper {margin: auto; 
	 width: 800px;
	 height: 655px;
	 padding: 0px 0px 0px 0px; 
	 background: #fff url("../images/WhiteBuds.jpg") no-repeat;
	 }

#trailer {background: #99CCCC ;position: relative;
		 float:left;
		 	font-family: verdana, helvetica, arial, sans-serif;
			text-align: center;
			width: 800px;
	    padding: 10px 0;
			}

#content {position: relative;
	    background: #3300FF; 
		  float: left;
		  width: 600px;
		  height: 420px;
		  padding: 0px;
		  margin: 0;
		  }
#text {
	scrollbar-face-color: #3300FF;
  scrollbar-arrow-color: white;
  scrollbar-track-color: #3300FF;
	overflow: auto; 
	height: 270px;
	width: 600px;
	color: white;
	padding: 0 ; 
	margin: 0}

#left {position: relative;
		   float:left;
		   width: 100px;
		   padding: 0px ;}   

li {font-size: 11pt;
	  padding: 0px;
	  list-style: square;}
	  
ul {margin: 10px; padding 0 0 10px 0;}

#fotoleft, #fotocenter, #fotoright {
	margin: 15px 15px 15px 0;
	padding: 0;
	width: 180px;	
	height: 120px;
	float:left;
}
#fotoleft {margin: 15px 15px 15px 15px;}

 /* Menu */ 
#hovermenu {
		   position: relative;
		   float:left;
		   margin-left: -170px;
		   width: 140px;
		   padding: 0px ;
		   }

.hovermenu ul{
font: bold 11px arial;
padding-left: 0;
padding-top: 195px;
margin-left: 0;
margin-bottom: 10px;
/* height: 20px; */
}

.bij {color: blue; font-size: 80%}

.hovermenu ul li{
list-style: none;
display: block; /* inline left michel*/
margin-top: 3px;
/*height: 2em;  /*michel*/
}

.hovermenu ul li a{
font-size: 13px;
padding: 2px ; 
width: 150px;
text-decoration: none;
display:block; /*michel*/
/*float: left; */
color: white;
background-color: #3300FF;
border: 2px solid #FFF2BF;
}

.hovermenu ul li a:hover{
background-color: #4d9fe1;
color: #000000;
border-style: outset;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}


a.links {display: block;
	   padding: 10px 3px;
	   color: white;
	   background : transparent;
	   font-type="arial";
	   font-weight : bold;
	   font-size: 12pt;
	 text-decoration: none;}


#links a {	color: white;}

.kopje {margin: 0 0 -20px 20px;padding: 0;}