html{
background: #dce4e7 url(images/bg.png) top repeat-x;
}

body {
margin: 0px;
padding: 0px;
background: url(images/footer.png) bottom repeat-x;
font-size: 12px;
font-family: Arial;
color: #626262;
line-height: 24px;
}

img{
border: 0;
}

.clear{
clear: both;
}

#wrapper{
width: 911px;
margin: auto;
}

#header{
height: 202px;
width: 929px;
background: url(images/header.png);
font-family: Myriad Pro, Arial;
}

#logo{
padding: 30px 0 0 20px;
}

#logo h1{
margin: 0;
padding: 0;
font-size: 26px;
color: #328bbd;
}

font.green{
color: #49bd32;
}

#logo h2{
margin: 0;
padding: 0 0 0 15px;
font-size: 18px;
color: #49bd32;
font-style: italic;
}

#slogan{
padding: 20px 0 0 20px;
line-height: 36px;
width: 680px;
font-size: 24px;
color: #ffffff;
}

#container{
padding: 10px 15px 0 10px;
width: 886px;
background: url(images/container.png);
}

.bigbox{
margin: 0 0 15px 0;
width: 884px;
}

h2.bbtop{
font-size: 16px;
color: #0389c6;
font-family: Myriad Pro, Arial;
padding: 0 0 0 32px;
line-height: 36px;
height: 36px;
width: 852px;
background: url(images/bbtop.png);
margin: 0;
}

.bbmid{
padding: 20px 0 15px 0;
width: 884px;
background: url(images/bbmid.png);
text-align: center;
}

img.mid{
margin: 0 50px 0 50px;
}

.bbonder{
height: 6px;
width: 884px;
background: url(images/bbonder.png);
}

#inhoud{
overflow: hidden;
}

#left{
width: 244px;
float: left;
}

.small{
width: 244px;
margin: 0 0 15px 0;}

h2.smalltop{
font-size: 16px;
color: #49bd32;
font-family: Myriad Pro, Arial;
padding: 0 0 0 32px;
margin: 0;
line-height: 36px;
height: 36px;
width: 212px;
background: url(images/smalltop.png);
}

.smallmid{
padding: 10px 10px 0 10px;
width: 224px;
background: url(images/smallmid.png);
}

.small ul{
margin: 0;
padding: 0;
}

.small ul li{
padding-left: 3px;
line-height: 36px;
height: 36px;
width: 207px;
list-style: none;
background: url(images/li.png) bottom no-repeat;
}

.small ul li.none{
background: none;
}

.small ul li a{
background: url(images/darkdot.png) left center no-repeat;
padding-left: 12px;
color: #626262;
text-decoration: none;
}

.small ul li a:hover{
color: #49bd32;
text-decoration: underline;
}

.small form{
padding: 7px 0 7px 0;
margin: 0;
width: 216px;
overflow: hidden;}

.small form input[type="text"]{
margin: 0;
padding: 6px 0 0 8px;
border: 0;
height: 25px;
width: 208px;
background: url(images/input.png);
}

.small form input[type="image"]{
margin: 10px 0 0 0;
float: right;
}

.smallonder{
height: 6px;
width: 244px;
background: url(images/smallonder.png);
}

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

.large{
clear: both;
width: 633px;
margin: 0 0 11px 0;
}

h2.largetop{
font-size: 16px;
color: #0389c6;
font-family: Myriad Pro, Arial;
margin: 0;
padding: 0 0 0 32px;
line-height: 35px;
height: 35px;
width: 601px;
background: url(images/largetop.png);
}

.largemid{
padding: 10px 10px 10px 25px;
width: 598px;
background: url(images/largemid.png);
}

.largemid2{
padding: 10px 10px 10px 13px;
width: 610px;
background: url(images/largemid.png);
}

.largemid a{
color: #0389c6;
text-decoration: underline;
}

.of{
overflow: hidden;
}

.largemid .of ul{
margin: 0;
padding: 0;
float: left;
width: 295px;
}

.largemid .of ul li{
padding-left: 12px;
list-style: none;
background: url(images/lightdot.png) left center no-repeat;
}

.largemid .of ul li a{
color: #000000;
text-decoration: underline;
}

.largemid .of ul li a:hover{
color: #0389c6;
text-decoration: underline;
}

.largeonder{
height: 7px;
width: 633px;
background: url(images/largeonder.png);
}

.plustable{
padding: 0 0 0 15px;
}

.tablebox{
width: 609px;
background: url(images/tablemid.png);
}

.tableonder{
width: 609px;
background: url(images/tableonder.png);
height: 5px;
}

.tablebox table{
margin: 0;
padding: 0;
border-collapse: collapse;
background: url(images/tabletop.png) top no-repeat;
width: 609px;
}

.tablebox a{
text-decoration: none;
color: #626262;
}

.tablebox tr.trtop{
height: 36px;
font-weight: bold;
}

.tablebox tr.trtop:hover {
background: none;
}

.tablebox tr:hover{
background: #d9edf7;
}

.tablebox td{
padding-left: 10px;
overflow: hidden;
}

.tablebox td img{
float: left;
}

#conder{
clear: both;
height: 11px;
width: 911px;
background: url(images/conder.png);
}

#footer{
height: 95px;
width: 911px;
margin: auto;
color: #ffffff;
text-align: center;
}

#footer a{
color: #ffffff;
text-decoration: underline;
}

p { margin: 0; padding: 0; }