HTML { background: #181818 url('images/background.jpg') center top no-repeat }
BODY { margin: 0px; font-size: 11px; font-family: verdana }
P { margin: 0px }
H1 { font-size: 16px; color: [kop]; line-height: 150% }
H2 { font-size: 16px; color: [kop] }
H3 { font-size: 16px; color: [kop] }
TEXTAREA, INPUT, SELECT { font-family: verdana; font-size: 11px}
FORM { margin: 0px }
A { color: #ffffff }
A:hover { color: [sectorkleur] }

.sitediv { margin: auto; height: 100px; width: 951px; position: relative  }

.headerdiv { height: 104px; width: 100%}
.headerdiv .logodiv { position: absolute; top: 10px; }
.headerdiv .logodiv IMG { border: 0px }

/* CONTENT DIVS */

.contentdiv { background: no-repeat; width: 100%; height: 535px; overflow: hidden }

/* BOX */

.boxdiv { background: url('images/boxachtergrond.png'); color: #ffffff; border: 0px solid #000000 }
.boxdiv .framediv { padding: 15px }
.boxdiv H1, .boxdiv H2 { margin: 0px; margin-bottom: 8px }

/* COLUMN */

.columndiv { width: 158px; float: left; height: 501px }
.columndiv .colordiv { height: 6px; margin-bottom: 3px; overflow: hidden }
.columndiv .namediv { position: absolute; width: 158px; top: 335px; height: 200px; background: url('images/boxachtergrond.png') }
.columndiv .namediv H2 { text-align: right; margin-right: 15px; margin-top: 10px; font-size: 22px; font-family: arial }
.columndiv .imagediv IMG { border: 0px }
.columndiv .languagediv { position: absolute; width: 60px; top: 405px; height: 200px; left: 88px; visibility: hidden; display: none }
.columndiv .languagediv A { float: right; margin-right: 5px }
.columndiv .languagediv IMG { border: 1px solid #000000 }


#column1div { position: absolute }
#column2div { position: absolute; left: 198px }
#column3div { position: absolute; left: 396px }
#column4div { position: absolute; left: 595px }
#column5div { position: absolute; left: 793px }
#column1div .colordiv { background: #5e88ec }
#column2div .colordiv { background: #15af00 }
#column3div .colordiv { background: #ac0001 }
#column4div .colordiv { background: #e76d00 }
#column5div .colordiv { background: #008689 }
#column1div .namediv A { color: #7aa1ff; text-decoration: none }
#column2div .namediv A { color: #35e01e; text-decoration: none }
#column3div .namediv A { color: #d70001; text-decoration: none }
#column4div .namediv A { color: #ff9333; text-decoration: none }
#column5div .namediv A { color: #00afb3; text-decoration: none }

/* ELEMENTEN */

.leesmeerdiv { text-align: right; margin-top: 10px }
.leesmeerdiv A { color: #ffffff; text-decoration: none; font-weight: bold; text-transform: lowercase; margin-right: 10px }
.leesmeerdiv A:hover { text-decoration: underline; color: [sectorkleur] }
.paragraph { line-height: 17px }
.paragraph P { line-height: 17px; margin-top: 15px; margin-bottom: 0px }
.cleardiv { margin: 0px; height: 0px; font-size: 0px; padding: 0px; clear: both; content: "" }

/* SCROLL */

.scrolldiv { overflow: auto }

/* FOOTER */

.footerdiv { width: 680px; float: left; text-align: right; color: #898989; margin-top: 20px; margin-bottom: 10px }
.footerdiv A { color: #898989; margin-right: 15px }
.footerdiv IMG { vertical-align: middle; margin-right: 10px }


/* NOWONLINE */

.nowonlinediv { float: left; width: 20px; margin-top: 20px }
.nowonlinediv IMG { border: 0px }

/* FOOTERMENU */

.footermenudiv { width: 251px; float: left; text-align: left; color: #898989; margin-top: 20px }
.footermenudiv .itemdiv { float: left }
.footermenudiv A { color: #898989; margin-right: 15px; text-transform: lowercase }
.footermenudiv IMG { margin-right: 5px }

/* MESSAGE */

.messageholderdiv { background: [sectorkleur] }
.messagediv { padding: 10px; color: #ffffff; font-weight: bold }

/* SIGNATURE */

.signaturediv { position: absolute; left: 670px; top: 570px}

/* COPYRIGHT */

.copyrightdiv { width: 100%; text-align: right; color: #898989; font-weight: bold }

/* ALIGN RIGHT */

.hyperlink { text-align: right; width: 100% }
.hyperlink A { margin-right: 10px; font-weight: bold }
HTML { background: #181818 url('images/background.jpg') center top no-repeat }
BODY { margin: 0px; font-size: 11px; font-family: verdana }
P { margin: 0px }
H1 { font-size: 16px; color: [kop]; line-height: 150% }
H2 { font-size: 16px; color: [kop] }
H3 { font-size: 16px; color: [kop] }
TEXTAREA, INPUT, SELECT { font-family: verdana; font-size: 11px}
FORM { margin: 0px }
A { color: #ffffff }
A:hover { color: [sectorkleur] }

.sitediv { margin: auto; height: 100px; width: 951px; position: relative  }

.headerdiv { height: 104px; width: 100%}
.headerdiv .logodiv { position: absolute; top: 10px; }
.headerdiv .logodiv IMG { border: 0px }

/* CONTENT DIVS */

.contentdiv { background: no-repeat; width: 100%; height: 535px; overflow: hidden }

/* BOX */

.boxdiv { background: url('images/boxachtergrond.png'); color: #ffffff; border: 0px solid #000000 }
.boxdiv .framediv { padding: 15px }
.boxdiv H1, .boxdiv H2 { margin: 0px; margin-bottom: 8px }

/* COLUMN */

.columndiv { width: 158px; float: left; height: 501px }
.columndiv .colordiv { height: 6px; margin-bottom: 3px; overflow: hidden }
.columndiv .namediv { position: absolute; width: 158px; top: 335px; height: 200px; background: url('images/boxachtergrond.png') }
.columndiv .namediv H2 { text-align: right; margin-right: 15px; margin-top: 10px; font-size: 22px; font-family: arial }
.columndiv .imagediv IMG { border: 0px }
.columndiv .languagediv { position: absolute; width: 60px; top: 405px; height: 200px; left: 88px; visibility: hidden; display: none }
.columndiv .languagediv A { float: right; margin-right: 5px }
.columndiv .languagediv IMG { border: 1px solid #000000 }


#column1div { position: absolute }
#column2div { position: absolute; left: 198px }
#column3div { position: absolute; left: 396px }
#column4div { position: absolute; left: 595px }
#column5div { position: absolute; left: 793px }
#column1div .colordiv { background: #5e88ec }
#column2div .colordiv { background: #15af00 }
#column3div .colordiv { background: #ac0001 }
#column4div .colordiv { background: #e76d00 }
#column5div .colordiv { background: #008689 }
#column1div .namediv A { color: #7aa1ff; text-decoration: none }
#column2div .namediv A { color: #35e01e; text-decoration: none }
#column3div .namediv A { color: #d70001; text-decoration: none }
#column4div .namediv A { color: #ff9333; text-decoration: none }
#column5div .namediv A { color: #00afb3; text-decoration: none }

/* ELEMENTEN */

.leesmeerdiv { text-align: right; margin-top: 10px }
.leesmeerdiv A { color: #ffffff; text-decoration: none; font-weight: bold; text-transform: lowercase; margin-right: 10px }
.leesmeerdiv A:hover { text-decoration: underline; color: [sectorkleur] }
.paragraph { line-height: 17px }
.paragraph P { line-height: 17px; margin-top: 15px; margin-bottom: 0px }
.cleardiv { margin: 0px; height: 0px; font-size: 0px; padding: 0px; clear: both; content: "" }

/* SCROLL */

.scrolldiv { overflow: auto }

/* FOOTER */

.footerdiv { width: 680px; float: left; text-align: right; color: #898989; margin-top: 20px; margin-bottom: 10px }
.footerdiv A { color: #898989; margin-right: 15px }
.footerdiv IMG { vertical-align: middle; margin-right: 10px }


/* NOWONLINE */

.nowonlinediv { float: left; width: 20px; margin-top: 20px }
.nowonlinediv IMG { border: 0px }

/* FOOTERMENU */

.footermenudiv { width: 251px; float: left; text-align: left; color: #898989; margin-top: 20px }
.footermenudiv .itemdiv { float: left }
.footermenudiv A { color: #898989; margin-right: 15px; text-transform: lowercase }
.footermenudiv IMG { margin-right: 5px }

/* MESSAGE */

.messageholderdiv { background: [sectorkleur] }
.messagediv { padding: 10px; color: #ffffff; font-weight: bold }

/* SIGNATURE */

.signaturediv { position: absolute; left: 670px; top: 570px}

/* COPYRIGHT */

.copyrightdiv { width: 100%; text-align: right; color: #898989; font-weight: bold }

/* ALIGN RIGHT */

.hyperlink { text-align: right; width: 100% }
.hyperlink A { margin-right: 10px; font-weight: bold }