body { background: url(../images/background.gif) repeat-x top #fff; font-family: Arial, Verdana; font-size: 9pt; }

a { color: #c70000; text-decoration: none; }
a:hover { color: #ff0000; text-decoration: underline; }

h1 { color: #c70000; font-size: 18pt; font-weight: normal; }

#wrap { margin: 0 auto; background: #fff; width: 900px; padding: 15px; }

#header { background: url(../images/header.gif) no-repeat top; height: 80px; margin: 0px 0px 7px 0px; }

a img { border: 0px; }

#nav { height: 40px; background: url(../images/bar.gif) no-repeat top; font-weight: bold; }
#nav ul { margin: 0px; padding: 0px; list-style: none; float: right; margin: 0px 20px 0px 20px; }
#nav ul li { float: left; padding: 12px 12px 13px 12px; border-left: 1px solid #7a7a7a; border-right: 1px solid #303030;  }
#nav ul li a { color: #fff; text-decoration: none; }
#nav ul li a:hover { text-decoration: underline; }
#nav ul li.select {  background: url(../images/hover.gif) repeat-x top; }

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

#left .boxtop { background: url(../images/boxtop.gif) no-repeat top; padding: 20px; width: 180px; margin: 10px 0px 0px 0px; line-height: 18px; }
#left .boxtop ul { margin: 10px 0px 0px 0px; padding: 0px; list-style: none; }
#left .boxtop ul li { padding: 3px 5px 4px 20px; border-bottom: 1px dotted #949494; background: url(../images/dot.gif) no-repeat center left; background-position: 5px 9px; }
#left .boxtop ul li a { text-decoration: none; color: #c70000; }
#left .boxtop ul li a:hover { text-decoration: underline; color: #ff0000; }
#left .boxtop strong { color: #333; }
#left .boxbottom { background: url(../images/boxbottom.gif) no-repeat top; width: 220px; height: 10px; margin: 0px; clear: both; }


#main { float: left; padding: 40px; line-height: 18px; width: 600px; }

#footer {  background: url(../images/footer.gif) repeat-x top; height: 60px; clear: both; margin: 10px 0px 0px 0px; padding: 20px; color: #747474; font-size: 8pt; text-align: right; }
#footer a { color: #747474; }

.contrast { background: url(../images/contrasttop.gif) no-repeat top left #f1f1f1; padding: 20px 20px 40px 20px; width: 550px; margin: 20px 0px 0px 0px; }

.contrast ul { margin: 10px 0px 10px 0px; padding: 0px; list-style: none; height: 180px; }
.contrast ul li { padding: 3px 3px 3px 20px; float: left; width: 230px; margin: 0px 20px 0px 0px; background: url(../images/vinkje.gif) no-repeat left; background-position: 0px 7px; }

.contrastbottom  { background: url(../images/contrastbottom.gif) no-repeat bottom left #f1f1f1; width: 590px; margin: 0px 0px 20px 0px; height: 10px; }

img.afbeelding { margin: 0px 0px 0px 40px; }

/* Form class Dingz */

div.row {  clear: both;  padding-top: 5px;  }
div.row span.label {  float: left;  width: 80px;  text-align: right; line-height: 18px; }
div.row span.formw {  float: right;  width: 400px;  text-align: left;  color: #CC0000; } 
div.row span input { border: 1px solid #ccc; color: #333; font-size: 8pt; padding: 2px; }
div.row span textarea { border: 1px solid #ccc; color: #333; font-size: 8pt; padding: 2px; font-family: Trebuchet MS, Arial; overflow: hidden; width: 325px; }
div.row span input.verzend { margin: 0px 0px 0px 0px; border: 0px; }

div.row2 {  clear: both;  padding-top: 5px;  }
div.row2 span.label {  float: left;  width: 80px;  text-align: right; line-height: 18px; }
div.row2 span.formw {  float: right;  width: 400px;  text-align: left;  color: #CC0000; } 
div.row2 span input { border: 0px solid #adbaca; color: #333; font-size: 8pt; padding: 2px; }