body {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: small;
	background: #ffffff;
}

A {
	text-decoration: underline;
	background: #ffffe0;
}
A:link {
color: #556B2F;
background-color : #ffffe0;
}
A:visited {
color: #8B0000;
background-color: #FFFFE0;
}
A:hover {
background: #9ACD32;
}

/* layout structure */

#wrap { 
min-width: 500px;
max-width: 1400px;
background-image: url('wrap-bg.gif');
background-position: 28%;
background-repeat: repeat-y;
}

/* de wrap-bg.gif moet 2000px breed zijn met 600 pix links in khakikleur */

#sidebar {
float: left;
width: 25%;
padding: 16px;
background: url('Bernsml.gif');
background-repeat: no-repeat;
background-position: bottom center;
}

#content {
float: right;
width: 64%;
font-size: 95%;
line-height: 1.5em;
color: #333;
background-color: #FFFFFF;
}

#footer {
clear: both;
padding: 4px;
text-align: center;
margin: 30px;
background: #B0C4DE url('footer-bg.gif'); 
background-repeat: repeat-x;
background-position: top left;
}

/* header layout */

#header {
border-bottom: 3px solid #878825;
background: url('header2-bg.gif'); 
background-repeat: repeat-x;
}

/* de header-bg.gif moet 400px breed zijn de onderste 2/3 transparant */

#header h1 {
margin: 0;
padding: 27px;
font-family: Georgia, serif;
font-size: 240%;
text-align: center;
background: url('linker-logo.gif');
background-repeat: no-repeat;
background-position: top left;
}

/* de linkerlogo.gif moet 168 h x 138 b zijn met transparante achtergrond */

#message {
 margin: 0;
 padding: 12px;
 font-size: 90%;
 text-align: center;
 color: maroon;
 background: silver url('message-bg.gif');
}

#message strong {
 padding: 0 1em;
}

/* gutters */
#content .gutter {
 padding: 25px;
}

/* sidebars */

.box {
margin: 0 0 30px 0;
padding: 0 0 12px 0;
font-size: 85%;
line-height: 1.5em;
color: #666;
background-color: #FFFFE0;
}

.box h4 {
margin: 0;
padding: 12px;
font-family: Georgia, serif;
font-size: 140%;
font-weight: bold;
color: #374C0E;
background-color: #FFFFE0;
}

.box p, .box ul {
margin: 0;
padding: 0 12px;
}

.box ul li {
margin: 0 0 0 6px;
padding: 0 0 0 6px;
list-style: none ;
background-repeat: no-repeat;
}

/* hide from IE5/Mac \*/
* html #footer { height: 1%; }
/* hide from IE5/Mac */

/* hides from IE-Mac \*/
* html dl.feature { height: 1%; }
dl.feature { display: block; }
/* End hide from IE-Mac */

/* content */

#content h2 {
margin:  0 0 1em 0;
padding: 0;
font-family: Georgia, serif;
font-size: 150%;
font-weight: normal;
color: #374C0E;
background-color: #FFFFFF;
}

#content h3, h4 {
margin:  0 0 1em 0;
padding: 0;
font-family: Georgia, serif;
font-weight: bold;
color: #374C0E;
background-color: #FFFFFF;
}
dl.feature {
margin: 15px 0;
padding: 15px;
}

dl.feature dt img{
float: left; 
margin-left: 15px ;
padding: 0 4px 4px 0;
}

dl.feature dd {
margin-left: 200px;
font-size: 100%;
line-height: 1.5em;
color: #374C0E;
background-color: #FFFFFF;
}

dl.feature dt {
margin: 15px;
font-family : Georgia, serif;
font-size: 140%;
color: #693;
background: #ffffff;
}

dl.feature:after {
content: ".";
display: block;
height: 0;
background: #ffffff;
clear: both;
visibility: hidden;
}

.comment {
font-family : Georgia, serif;
font-size: 90%;
font-style: oblique;
color: #693;
background-color: #FFFFFF;
}