body, html { margin: 0; padding: 0; }


* { font-family: Gill sans, Helvetica, Arial, sans-serif; font-size: 12px; line-height:18px; }
#container { line-height: 18px; }
*:focus { outline: none; }

a { color: #e60000; }
a:hover { color: #000; }
a.pijltje { text-decoration: none; color:#000; padding-left:40px; background:url(/images/pijltje.gif) no-repeat bottom left;}
a:hover.pijltje { text-decoration: underline;}

a img { border: none; }

.formulier { margin-top: 20px; }
.form { border:dotted 1px #000; display:block; padding:4px 10px 4px 10px; width:200px; height:15px; color:#000; margin:2px 0 2px 0; font-size:11px;}

.postcode { width: 52px; float: left; margin-right: 10px; }
.plaats { width: 116px; }
.opmerkingen { width: 200px; height:100px; font-size:11px; }
.verzenden{ background-color:#000; color:#FFF; border:1px solid #000; height:25px; }  

#container { width: 720px; margin: 0 auto; position: relative;  padding: 60px 240px 20px 0; }

#menu { width: 120px; position: absolute; right: 0; top: 60px; }
#menu h1 { margin: 0; padding: 0; height: 94px; }
#menu h1 a { display: block; background: #000 url(../images/logo.gif) no-repeat; height: 80px; width: 120px; display: block; text-indent: -999em; }
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu ul li { margin: 0; padding: 0; display: block; }
#menu ul li a { color: #000; font-weight: bold; text-decoration: none; display: block; line-height: 14px; padding: 7px 0;  width: 120px;  }
#menu ul li.border { border-bottom: 2px solid #000; padding-bottom: 8px; margin-bottom: 4px; }

#menu ul li.opensessie { margin-top: 44px; }
#menu ul li.nieuwsbrief { margin-top: 2px; }
#menu ul li.toolbox { margin-top: 36px; }
#menu ul li.swocc { margin-top: 150px; }
#menu ul li.swocc a { display: block; background: url('../images/swocc.gif') no-repeat 80px center; }

.imgside { margin-top:18px; margin-bottom:18px;}

#menu ul li a:hover { color: #999; }
#menu ul li.selected a { color: #e60000; }

#graphics { height: 300px; width: 720px; background: #CCC; }
#graphics img { display: block; }

#sidebar { float: left; width: 200px; overflow: hidden; margin-right: 40px; padding: 10px 0; }
#content { float: left; width: 480px; padding: 10px 0; }
#content p, #sidebar p { padding:0; margin:0;}
#content h3, #sidebar h3 { padding:0; margin:0; margin-top:18px; }
#content p + p {margin-top:18px;}

#content h4 { padding:0; margin:0; text-decoration:underline; font-weight:normal; margin-top:18px; }

#sidebar div.header { position: relative; height: 50px; border-bottom: 4px solid #000; } 
#content div.header { position: relative; height: 50px; border-bottom: 2px solid #000; margin-bottom: 2px; } 

#sidebar div.header h2 { font-size: 15px; margin: 0; padding: 0; position: absolute; bottom: 5px;  }
#content div.header h2 { font-size: 15px; margin: 0; padding: 0; position: absolute; bottom: 5px; width: 400px;  }
#content div.header h2 a { text-decoration: none; color: #000; font-size: 15px;  }
#content div.header h2 a:hover{ text-decoration: underline;  }

#content div.header a.next { position: absolute; width: 8px; height: 12px; bottom: 6px; right: 2px; display: block; background: url('../images/prev.next.gif') top right no-repeat; text-indent: -999em;  }
#content div.header a.prev { position: absolute; width: 8px; height: 12px; bottom: 6px; right: 19px; display: block; background: url('../images/prev.next.gif') top left no-repeat;; text-indent: -999em;  }
#content div.header span.more { position: absolute; right: 36px; bottom: 6px; line-height: 12px;  }

#footer { margin-left:240px; margin-top:40px; border-top: 1px solid #CCC; color:#BBB; font-size:11px; }