body {margin: 0px; padding: 0px; font: 1em arial, verdana, sans-serif; background-image: url(images/achtergrond.gif); background-position: top left;}
* {margin:0; padding:0}
img {border:none}
div#witrand {height:80px; background-color: white; text-align: left;}
div#blokrand {width:543px; position: absolute;  left: 80px; top: 80px; float: left; padding: 20px 45px 45px 45px; background-color: white; text-align: left;}
div#logo {position: absolute;  left: 2px; top: 2px;}
div#listmenu ul {position: absolute;  left: 152px; top: 63px; float: left;}
div#listmenu li {float: left; list-style-type: none;  padding: 0 3px; font-weight: bold;}
div#navigatie {position: absolute;  left: 8px; top:125px;background-color: white; padding: 10px 10px 10px 10px; border: 3px; border-color: #EE1C25; border-style: solid;}
div#navigatie ul {list-style-type: none}
div#navigatie li {text-align:left; font-weight: bold;}
div#linkertekstkolom {position: absolute;  left: 155px; top:161px; width:330px; height:335px; overflow: auto; padding: 10px 15px 15px 15px;  border: 0px; background-color: white; border-color: black; border-style: solid; border-right-width: 0px}
div#rechterfotokolom {position: absolute;  left: 514px; top:161px; width:360px; height: 360px; padding: 0 0 0 0;}
div#linkerfotokolom {position: absolute;  left: 155px; top:161px; width:360px; height: 360px; padding: 0 0 0 0;}
div#rechtertekstkolom {position: absolute;  left: 514px; top:161px; width:330px; height: 335px; background-color: white;  overflow: auto; padding: 10px 15px 15px 15px;  border: 0px; border-color: black; border-style: solid; border-left-width: 0px}
div#rechterkolomzwart {position: absolute;  left: 514px; top:161px; width:360px; height: 360px; padding: 0 0 0 0; background-color: black}
div#tweekolomsfoto {position: absolute;  left: 155px; top:161px; width:720px; height: 360px; padding: 0 0 0 0;}
div#tweekolomstekst {position: absolute;  left: 155px; top:161px; width:690px; height:335px; overflow: auto; padding: 10px 15px 15px 15px;  border: 0px; background-color: white; border-color: black; border-style: solid; border-right-width: 0px}
div.buttoni {position: absolute;  left: 880px; top:291px; width:30px; height: 30px; padding: 0 0 0 0; border:none}

div#thema {margin-top:7px;}

div.kopregellinks {float: left; position: absolute;  left: 168px; top: 177px; }
div.kopregelrechts {float: left; position: absolute;  left: 528px; top: 177px; }


h1 {font-family:  Arial, Helvetica, Swiss; font-size: 16px; line-height: 20px; font-weight: normal; padding: 0px; display: inline;}
h2 {font-family:  Arial, Helvetica, Swiss; font-size: 11px; line-height: 20px; font-weight: bold; padding: 0px; color: rgb(255,153,51); display: inline;}
h3 {font-family:  Arial, Helvetica, Swiss; font-size: 11px; line-height: 20px; font-weight: bold; padding: 0px; display: inline;}
h3.rood {color: #EE1C25; font-family:  Arial, Helvetica, Swiss; font-size: 11px; line-height: 20px; font-weight: bold; padding: 0px; display: inline;}
h4 {font-family:  Arial, Helvetica, Swiss; font-size: 11px; line-height: 20px; font-weight: normal; font-style: italic; padding: 0px; color: black; display: inline;}
p {font-family:  Arial, Helvetica, Swiss; font-size: 11px; line-height: 20px;font-weight: normal; display: inline;}

h1.groot {font-family:  Arial, Helvetica, Swiss; font-size: 36px; line-height: 36px; font-weight: normal; padding: 0px; display: inline;}
h2.groot {font-family:  Arial, Helvetica, Swiss; font-size: 12px; line-height: 24px; font-weight: bold; padding: 0px; color: #EE1C25; display: inline;}
h3.groot {font-family:  Arial, Helvetica, Swiss; font-size: 12px; line-height: 24px; font-weight: bold; padding: 0px; display: inline;}
h3.roodgroot {color: #EE1C25; font-family:  Arial, Helvetica, Swiss; font-size: 12px; line-height:24px; font-weight: bold; padding: 0px; display: inline;}
h4.groot {font-family:  Arial, Helvetica, Swiss; font-size: 12px; line-height: 24px; font-weight: normal; font-style: italic; padding: 0px; color: black; display: inline;}
p.groot {font-family:  Arial, Helvetica, Swiss; font-size: 12px; line-height: 24px;font-weight: normal; color: black; display: inline;}


a:link {color: black; text-decoration: underline; border:none; font-family: Arial, Helvetica, Swiss; border:none;}
a:visited {color: black; text-decoration: underline; border: none; font-family: Arial, Helvetica, Swiss; border:none;}
a:hover {color: #EE1C25;; text-decoration: none; border:none; font-family: Arial, Helvetica, Swiss; border:none;}
a:active {color: #EE1C25;; text-decoration: none; border:none; font-family: Arial, Helvetica, Swiss; border:none;}

a.tekst:link {color: black; text-decoration: underline; border:none}
a.tekst:visited {color: black; text-decoration: underline; border: none}
a.tekst:hover {color: #EE1C25;; text-decoration: none; border:none}
a.tekst:active {color: #EE1C25;; text-decoration: none; border:none}

a.tekstvet:link {color: black; font-weight: bold; text-decoration: underline; border:none}
a.tekstvet:visited {color: black; font-weight: bold; text-decoration: underline; border: none}
a.tekstvet:hover {color: #EE1C25;; font-weight: bold; text-decoration: none; border:none}
a.tekstvet:active {color: #EE1C25;; font-weight: bold; text-decoration: none; border:none}

a.navigatie:link {color: black; text-decoration: none; border:none; font-size: 11px; line-height: 14px;}
a.navigatie:visited {color: black; text-decoration: none; border: none; font-size: 11px; line-height: 14px;}
a.navigatie:hover {color: #EE1C25; text-decoration: none; border:none; font-size: 11px; line-height: 14px;}
a.navigatie:active {color: #EE1C25; text-decoration: none; border:none; font-size: 11px; line-height: 14px;}

a.navigatierood:link {color: #EE1C25;; text-decoration: none; border:none; font-size: 11px; line-height: 14px;}
a.navigatierood:visited {color: #EE1C25;; text-decoration: none; border: none; font-size: 11px; line-height: 14px;}
a.navigatierood:hover {color: black; text-decoration: none; border:none; font-size: 11px; line-height: 14px;}
a.navigatierood:active {color: black; text-decoration: none; border:none; font-size: 11px; line-height: 14px;}

a.navigatieroodcijfer:link {color: #EE1C25;; text-decoration: underline; border:none; font-size: 11px; line-height: 14px;}
a.navigatieroodcijfer:visited {color: #EE1C25;; text-decoration: underline; border: none; font-size: 11px; line-height: 14px;}
a.navigatieroodcijfer:hover {color: black; text-decoration: none; border:none; font-size: 11px; line-height: 14px;}
a.navigatieroodcijfer:active {color: black; text-decoration: none; border:none; font-size: 11px; line-height: 14px;}


div.rollovershoppen {float: left;}
a.rollshoppenfoto {width:360px; height:360px; display: block; background: url("images/shoppen-eten-slapen.jpg") 0px 0px; background-repeat: no-repeat;}
div.rollovershoppen a.rollshoppenfoto:link {background-position: 0px 0px;}
div.rollovershoppen a.rollshoppenfoto:visited {background-position: 0px 0px;}
div.rollovershoppen a.rollshoppenfoto:hover {background-position: 0px -380px;}
div.rollovershoppen a.rollshoppenfoto:active {background-position: 0px -380px;}

div.rolloverspecialbite {float: left;}
a.rollspecialbitefoto {width:360px; height:360px; display: block; background: url("images/special-bite.jpg") 0px 0px; background-repeat: no-repeat;}
div.rolloverspecialbite a.rollspecialbitefoto:link {background-position: 0px 0px;}
div.rolloverspecialbite a.rollspecialbitefoto:visited {background-position: 0px 0px;}
div.rolloverspecialbite a.rollspecialbitefoto:hover {background-position: 0px -380px;}
div.rolloverspecialbite a.rollspecialbitefoto:active {background-position: 0px -380px;}

div.rolloverbackward {float: left; position: absolute; left: 448px; top: 486px;}
a.rollbackwardpijl {width:30px; height:30px; display: block; background: url("images/backwardpijl.gif") 0px 0px; background-repeat: no-repeat;}
div.rolloverbackward a.rollbackwardpijl:link {background-position: 0px 0px;}
div.rolloverbackward a.rollbackwardpijl:visited {background-position: 0px 0px;}
div.rolloverbackward a.rollbackwardpijl:hover {background-position: 0px -50px;}
div.rolloverbackward a.rollbackwardpijl:active {background-position: 0px -50px;}


div.rolloverforward {float: left; position: absolute; left: 478px; top: 486px; }
a.rollforwardpijl {width:30px; height:30px; display: block; background: url("images/forwardpijl.gif") 0px 0px; background-repeat: no-repeat;}
div.rolloverforward a.rollforwardpijl:link {background-position: 0px 0px;}
div.rolloverforward a.rollforwardpijl:visited {background-position: 0px 0px;}
div.rolloverforward a.rollforwardpijl:hover {background-position: 0px -50px;}
div.rolloverforward a.rollforwardpijl:active {background-position: 0px -50px;}


div.rolloverbackwardrechts {float: left; position: absolute; left: 808px; top: 486px; }
a.rollbackwardpijlrechts {width:30px; height:30px; display: block; background: url("images/backwardpijl.gif") 0px 0px; background-repeat: no-repeat;}
div.rolloverbackwardrechts a.rollbackwardpijlrechts:link {background-position: 0px 0px;}
div.rolloverbackwardrechts a.rollbackwardpijlrechts:visited {background-position: 0px 0px;}
div.rolloverbackwardrechts a.rollbackwardpijlrechts:hover {background-position: 0px -50px;}
div.rolloverbackwardrechts a.rollbackwardpijlrechts:active {background-position: 0px -50px;}


div.rolloverforwardrechts {float: left; position: absolute; left: 838px; top: 486px; }
a.rollforwardpijlrechts {width:30px; height:30px; display: block; background: url("images/forwardpijl.gif") 0px 0px; background-repeat: no-repeat;}
div.rolloverforwardrechts a.rollforwardpijlrechts:link {background-position: 0px 0px;}
div.rolloverforwardrechts a.rollforwardpijlrechts:visited {background-position: 0px 0px;}
div.rolloverforwardrechts a.rollforwardpijlrechts:hover {background-position: 0px -50px;}
div.rolloverforwardrechts a.rollforwardpijlrechts:active {background-position: 0px -50px;}

div.rolloverforwardtest {float: left; position: absolute;  left: 4px; top: 4px; }
a.rollforwardpijltest {width: 30px; height: 30px; display: block; background: url("images/forwardpijl.gif") 0px 0px; background-repeat: no-repeat;}
div.rolloverforwardtest a.rollforwardpijltest:link {background-position: 0px 0px;}
div.rolloverforwardtest a.rollforwardpijltest:visited {background-position: 0px 0px;}
div.rolloverforwardtest a.rollforwardpijltest:hover {background-position: 0px -50px;}
div.rolloverforwardtest a.rollforwardpijltest:active {background-position: 0px -50px;}

div.rolloverbackwardcolofon {float: left; position: absolute; left: 478px; top: 486px;}
a.rollbackwardpijlcolofon {width:30px; height:30px; display: block; background: url("images/backwardpijl.gif") 0px 0px; background-repeat: no-repeat;}
div.rolloverbackwardcolofon a.rollbackwardpijlcolofon:link {background-position: 0px 0px;}
div.rolloverbackwardcolofon a.rollbackwardpijlcolofon:visited {background-position: 0px 0px;}
div.rolloverbackwardcolofon a.rollbackwardpijlcolofon:hover {background-position: 0px -50px;}
div.rolloverbackwardcolofon a.rollbackwardpijlcolofon:active {background-position: 0px -50px;}