body {
margin: 0; padding: 0;
background: #fff url('images/back-body.gif') top left repeat-x;
text-align: center;
font-family: Verdana, Tahoma, Arial, san-serif;
font-size: 11px;
color: #eee;
}
#container {
margin: 0 auto; padding: 0;
width: 960px;
background: #444 url('images/back-container.gif') top left repeat-x;
text-align: left;
}
#header {
margin: 0; padding: 0;
width: 960px;
}
#topmenu {
height: 21px;
width: 950px;
line-height: 21px;
padding: 0; margin: 0 5px;
font-size: 9px;
text-align: right;
}
#topmenu a{
text-decoration: none;
color: #444;
padding: 0 3px;
}
#topmenu a:hover{
text-decoration: none;
color: #fff;
line-height: 11px;
padding: 5px 3px;
background: url('images/back-topmenu.gif')
}
.links {
float: left;
}
#kolom-links {
width: 250px;
float: left;
}
#kolom-midden {
width: 460px;
float: left;
}
#kolom-midden p{
margin: 0 5px 5px 5px;
line-height: 15px;
}
#kolom-midden p a{
text-decoration: none;
color: #c30;
}
#kolom-midden p a:hover{
text-decoration: none;
color: #e00;
}
#kolom-rechts {
width: 250px;
float: left;
}
#stats {
width: 950px;
margin: 0 5px;
height: 25px;
line-height: 25px;
text-align: right;
clear: both;
color: #ccc;
font-size: 9px;
}
#footer {
margin: 0; padding: 4px 0;
text-align: center;
font-size: 10px;
line-height: 14px;
color: #222;
}
#footer a{
text-decoration: none;
color: #222;
}
#footer a:hover{
text-decoration: line-through;
color: #222;
}
.header, .mainheader {
line-height: 28px;
}
.header {
margin: 10px 10px 0 10px;
height: 28px; width: 230px;
background: url('images/back-header.gif') top left no-repeat;
}
.mainheader {
margin: 10px 0 0 0;
height: 28px; width: 460px;
background: url('images/back-mainheader.gif') top left no-repeat;
}
.header h1, .mainheader h1{
color: #fff;
padding: 0 7px;
margin: 0;
font-weight: normal;
font-size: 13px;
}
.header h1 a, .mainheader h1 a{
color: #fff;
text-decoration: none;
border-bottom: 1px #fff dashed;
}
.header h1 a:hover, .mainheader h1 a:hover{
color: #e00;
text-decoration: none;
border-bottom: none;
}
.item {
margin: 0 10px 10px 10px;
width: 230px;
background: #eee url('images/back-item.gif') bottom left no-repeat;
text-align: center;
color: #222;
}
.item ul{
padding: 6px 0 10px 0; margin: 0;
text-align: left;
}		
.item li {
list-style-type:none;
margin: 4px 6px;
padding: 0;
}
.item li a{
text-decoration: none;
color: #222;
}
.item li a:hover{
text-decoration: none;
color: #c30;
}
.mainitem {
width: 460px;
margin: 0 0 10px 0;
padding: 10px 0;
color: #222;
background: #eee url('images/back-mainitem.gif') bottom left no-repeat;
}
.mainitem p{
color: #222;
margin: 0 5px 5px 5px;
}

/* STYLE ELEMENTS */
img {
border: 0;
}
span.groen {
color: #6c3
}
.content {
padding: 10px 7px 10px 6px;
color: #222;
padding: 3px;
}
.product {
width: 140px; height: 160px;
float: left;
text-align: center;
margin: 10px 7px 2px 6px;
display: block;
overflow: none;
}
.product img {
margin: 5px 0 0 0;
}
.product a {
color: #222;
text-decoration: none;
display: block;
}
.product a:hover {
text-decoration: none;
background: #222;
color: #fff;
}
.spacer {
width: 460px; height: 1px; clear: both;
}
p.error{
color: #f00;
}