body {
background: #404c62 url(../img/repeater.jpg) repeat top;
font-family: Arial;
color: #171717;
font-size: 12px;
}
div.wrapper {
width: 783px;
margin: 0 auto;
position: relative;
}
div.logo {
position: relative;
margin-left: 25px;
padding-top: 20px; 
margin-bottom:15px;
}
div.menu {
background: url(../img/navigatie.png) no-repeat top;
width: 735px;
height: 49px;
position: absolute;
left: 24px;
}
div.menu ul {
position: relative;
left: 20px;
_margin-left: 20px;
}
div.menu ul li {
display: block;
float: left;
margin-right: 35px;
line-height: 43px;
}
div.menu ul li a, .submenu li a {
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: white;
}
div.menu ul li a:hover, .submenu li a:hover  {
text-decoration: underline;
}
ul.submenu {
display: none;
left:280px;
_left: 260px;
position:absolute;
top:190px;
*top: 193px;
_top: 193px;
}
ul.submenu li {
display: block;
width: 140px;
background: #bcb6b4;
line-height: 30px;
padding: 0 0 0 10px;

}
div.main {
width: 783px;
background: url(../img/repeater.png) repeat-y center;
height: auto;
position: relative;
}
div.content {
left:25px;
position:relative;
top:55px;
width:733px;
}
h1 {
color:#404C62;
font-size:20px;
margin-top:15px;
}

p {
margin-top: 15px;
line-height: 150%;
}
p a {
text-decoration: none;
color:#404C62;
font-weight: bold; 
}
p.date {
color: #777;
font-size: 80%;
}
h1.news {
margin-top: 5px;
}
div.col1 {
float: left;
width: 350px;
margin-top: 20px;
}
div.col2 {
float: left;
width: 350px;
margin-left: 20px;
}
div.col3 {
float: left;
margin-top: 20px;
width: 420px;
}
div.col4 {
float: left;
width: 280px;
margin-left: 20px;
}
hr {
color: #ddd;
margin: 10px 0;
}