body {
font:12px Georgia, Verdana, sans-serif;
line-height:1;
color:#555;
background:#FFF;
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
margin:0;
}

h1 {
font:bold 20px Georgia, "Times New Roman", serif;
color:#000;
letter-spacing:1px;
margin-top:10px;
}

h2 {
font:14px Georgia, Verdana, Arial, sans-serif;
font-weight:700;
color:#008;
letter-spacing:1px;
text-align:left;
line-height:90%;
margin-bottom:10px;
margin-top:10px;
}

p {
font:12px Georgia, Verdana, sans-serif;
color:#555;
line-height:170%;
margin-top:5px;
margin-bottom:5px;
}

p a {
color:#555;
text-decoration:none;
border-bottom:dotted 1px;
padding:1px;
}

p a:hover {
border-bottom:#555 solid 1px;
background-color:#DDD;
}

#algemeen {
font-family: Verdana, Arial, Georgia, "Times New Roman", Times, serif;
font-weight:700;
font-size:10px;
width:100%;
height:20px;
background-color:#000;
float:left;
padding:0;
margin:0;
}

#algemeen ul {
list-style:none;
float:left;
width:80%;
padding:2px;
margin:0;
}

#algemeen li {
float:left;
padding:3px;
border-left:1px solid #777;
}

#algemeen li a {
color:white;
text-decoration:none;
border:1px solid transparent;
padding-left:6px;
padding-right:6px;
}

#algemeen li a:hover, #navigation li a.active {
color:white;
text-decoration:underline;
}

#top {
width:100%;
height:160px;
background-color:#25c;
float:left;
margin:0;
padding:0;
}

#navigation {
float:left;
font-family: Verdana, Arial, Georgia, "Times New Roman", Times, serif;
font-weight:700;
font-size:12px;
border-bottom:1px solid #000;
width:100%;
height:30px;
background-color:#008;
background-image:url(images/navigation.gif);
background-repeat:repeat-x;
margin:0;
}

#navigation ul {
list-style:none;
float:left;
width:80%;
padding:5px;
margin:0;
margin-left:145px;
}

#navigation li {
float:left;
padding:5px;
border-left:1px solid #777;
}

#navigation li a {
color:white;
text-decoration:none;
border:1px solid transparent;
padding:2px;
padding-left:6px;
padding-right:6px;
}

#navigation li a:hover, #navigation li a.active {
color:white;
text-decoration:none;
background-color:#25C;
border:1px solid white;
}

#contentsleft {
float:left;
height:200px;
width:150px;
background-image:url(images/stijladvies.gif);
background-repeat:no-repeat;
}

#content {
background-image:url(images/bg.gif);
background-position:-25px -25px;
margin-left:150px;
}

#content, #contents {
width:600px;
min-height:350px;
text-align:justify;
padding:10px;
float:left;
border-right: 1px dotted black;
border-left: 1px dotted black;
}

#content img, #contents img {
border:1px solid #ccf;
margin: 4px;
padding:4px;
background-color:#fff;
}

#content img:hover {
border-color: #fcc;
}

#content li, #contents li {
padding:5px;
}

#content li a, #contents li a {
color:#555;
text-decoration:none;
border-bottom:#555 dotted 1px;
}

#content li a:hover, #contents li a:hover {
color:#555;
border-bottom:#555 solid 1px;
background-color:#DDD;
}

#content p, #contents p {
margin-bottom:20px;
}

#copyright {
float:left;
color:#aaa;
text-align:center;
width:100%;
font-family:Verdana,Arial;
font-size:9px;
background-image:url(/images/bg_copy.gif);
background-repeat:repeat-x;
line-height:300%;
border-top-width:1px;
border-top-style:solid;
border-top-color:#500;
}

#copyright a {
padding:2px;
color:#aaa;
text-decoration:none;
border-bottom:1px dotted;
}

#copyright a:hover {
color:#000;
border-bottom:1px solid;
}

#left {
float:left;
width:290px;
border-right:2px dotted black;
}

#right {
float:right;
width:290px;
}

span.fout {
color:red;
}

span.goed {
color:green;
}

hr {
height:1px;
border:0;
background-color:#AAA;
color:#AAA;
}

a.linkopacity img {
border:2px solid black;
filter:alpha(opacity=60);
opacity:0.6;
}

a.linkopacity:hover img {
filter:alpha(opacity=100);
opacity:1.0;
}

.spacer { clear: both; height:5px;}