<!--
body {
	text-align: center;
	background-color: #8BB900;
	margin-top: 1px;
	margin-bottom: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#page {
	width: 800px;
	float: left;
	border: 1px solid #ffffff;
	background-color:#ccff33;
	text-align:left;
} 
	 
#header {
	height: 86px;
	width: 800px;
	background-image: url(images/header.gif);
	background-repeat:no-repeat;
	text-align:right;
} 
	
#menu {
	height: 18px;
	width: 800px;
	padding-top: 0px;
	padding-left: 0px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	text-align:left;
	background-color:#ffff00;
}

#main {
	position:relative;
	width: 800px;
	margin-top: 5px;
}
	
#links {
	float:left;
	width:434px;
	padding: 8px;
	repeat: repeat;	
}
	
#rechts {
	height:100%;
	float:left;
	width:330px;
	padding: 5px;	
}
	
#linksmenu {
	height:100%;
	float:left;
	width:200px;
	padding: 8px;
	repeat: repeat;	
}
	
#rechtsmenu {
	height:100%;
	float:left;
	width:565px;
	padding: 5px;	
}

#reclame {
	text-align:left;
	padding: 5px;
	width: 790px;
}
	
#footer {
	text-align:left;
		float:left;

	padding-left: 5px;
	width: 795px;
	height: 19px;
	border-top: 1px solid #ffffff;
	background-color:#ffff00;
}	

#linksform {
	float:left;
	width:150px;
	padding-bottom: 5px;
	repeat: repeat;	
}
	
#rechtsform {
	float:left;
	width:300px;
	padding-bottom: 5px;
}

#links50 {
	float:left;
	width:48%;
	padding-bottom: 5px;
	padding-right: 2%;
}


.fluidroundblack {
border:1px solid #454545;
width: 100%;
background: #ccff33;
margin-bottom: 0px;
}

#box{
margin: 6px ;
padding: 6px;
}

.topfiller, .bottomfiller, .roundtop, .roundtopright,.roundbottom, .roundbottomright {
height:6px;
font-size:1px;
line-height:1px;
}

.bottomfiller, .topfiller {
width: 100%;
clear:both;
position:relative;
}

.roundtop { 
background: url(images/circle.png) no-repeat top left; 
width:6px;
float:left;
position:relative;
top:-1px;
left:-1px; 
}

.roundtopright { 
background: url(images/circle.png) no-repeat top right; 
float:right;
width:6px;
position:relative;
top:-1px;
left:1px; 
}

.roundbottom {
background: url(images/circle.png) no-repeat top left; 
background-position: 0 -6px ;
width:6px;
float:left;
position:relative; 
top:1px;
left:-1px;
}

.roundbottomright {
background: url(images/circle.png) no-repeat top right; 
background-position: -6px -6px ;
width:6px;
float:right;
position:relative; 
top:1px;
left:1px;
}

img#boek {
  width:55px;
  height:55px;
  border:0;
  margin-right:5px;
  border-right:1px solid #454545;
 }

p {
	color:#000000;
	text-decoration:none;
	font-weight:normal;	
}

H1 {
	font-weight: bold;
	color: #FF0000;
	font-size: 14px;
}
H2 {
	font-size:12px;
	font-weight: bold;
	color: #FF0000;
	padding: 5px;
    border-bottom: 1px solid #454545;
	width: 90%;
}


H3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
}


.footer {
	color: #FF0000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
a:link {
	color: #FF0000;
	text-decoration:none;
}

a:visited {
	color: #FF0000;
	text-decoration:none;
}

a:link:hover {
	text-decoration:underline;
}

a:active {
	color: #666666;
	text-decoration:none;
}
.activelink {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.lijn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size: 6px;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#ddblueblockmenu{
width: 185px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 169px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: #e72800;
background-color: #ccff33;
border-bottom: 1px dotted #8bb900;
border-left: 7px solid #8bb900;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #8bb900;
border-left-color: #e72800;
color: white;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #ffff00; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 90px; /*Width of top level menu link items*/
padding: 1px 8px;
border-right: 1px dotted white;
border-left: 7px solid #ffff00;
text-decoration: none;
color: #e72800;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

.suckertreemenu ul li a:hover{
background-color: #8bb900;
color: white;
border-left: 7px solid #e72800;
}


-->