<!--
.site { background-color: #ffffff; background: url('images/backgrounds/background-repeat-fnl.jpg') repeat-x; font-family: tahoma; font-size: 11px } 
.site BODY { margin: 0px; }

/* DIV : PAGEDIV */

.site #pagediv { position: relative; top: 0px; width: 1000px; height: 849px; text-align: left }
.site .homepagediv { background: url('images/backgrounds/background-voorpagina-fnl.jpg') no-repeat center top }
.site .otherpagediv { background: url('images/backgrounds/background-vervolgpagina-fn.jpg') no-repeat center top }

/* DIV : USERDIV */

.site #userdiv { position: absolute; left: 610px; text-align: right; width: 200px }

/* DIV : LOGODIV */

.site #logodiv { position: absolute; top: 240px; left: 180px; width: 130px; font-size: 18px; font-weight: bold; text-align: right; text-transform: uppercase }

/* DIV : CATCHPHRASEDIV */

.site #catchphrasediv { position: absolute; top: 150px; left: 180px; width: 180px; font-size: 15px; font-weight: bold; font-style: italic; text-align: right }
.site #catchphrasediv:first-line { text-align: left }

/* DIV : NAVIGATIONDIV */

.site #navigationdiv { position: absolute; top: 86px; left: 358px; z-index: 10; color: #FFFFFF; }
.site #navigationdiv A { font-weight: bold; font-size: 11px; text-decoration: none; text-transform: uppercase; font-color: #FFFFFF;  }
.site #navigationdiv A IMG { border: 0px; margin-right: 5px }
.site #navigationdiv .menuitem { float: left; margin-right: 10px; z-index: 10}
.site #navigationdiv .dropdown0 { filter: alpha(opacity=90); z-index: 10; margin-left: 10px; position: absolute; width: 120px; margin-top: -3px; display: none }
.site #navigationdiv .dropdown0 .submenuitem { width: 100%; font-family: arial; margin: 0px; padding: 5px }
.site #navigationdiv .dropdown0 A { text-decoration: none; text-transform: lowercase; font-family: arial; font-size: 11px; font-weight: bold }
.site #navigationdiv .dropdown1 { z-index: 3; position: absolute; width: 180px; display: none }
.site #navigationdiv .dropdown1 .submenuitem { margin: 0px; padding: 5px; width: 100%; font-family: arial }
.site #navigationdiv .dropdown1 A { text-decoration: none; text-transform: lowercase; font-family: arial; font-weight: bold  }
.site #navigationdiv .dropdown2 { z-index: 3; position: absolute; width: 180px; display: none }
.site #navigationdiv .dropdown2 .submenuitem { margin: 0px; padding: 5px; width: 100%; font-family: arial }
.site #navigationdiv .dropdown2 A { text-decoration: none; text-transform: lowercase; font-family: arial; font-weight: bold }

/* DIV : ADDRESSDIV */

.site #addressdiv { position: absolute; top: 380px; left: 185px; width: 135px }
.site #addressdiv P { margin: 0px }
.site #addressdiv .group { font-weight: bold }

/* DIV : NEWSLETTERDIV */

.site #newsletterdiv { position: absolute; top: 540px; left: 180px; width: 335px }
.site #newsletterdiv .label { width: 80px; font-weight: bold; float: left }
.site #newsletterdiv .button { width: 30px; float: left }
.site #newsletterdiv .field INPUT { width: 80px; font-size: 11px; float: left; margin-right: 5px }
.site #newsletterdiv .button IMG { border: 0px }
.site #newsletterdiv .button { margin-top: 2px }

/* DIV : SEARCHDIV */

.site #searchdiv { position: absolute; top: 540px; left: 410px; width: 400px }
.site #searchdiv .label { width: 50px; font-weight: bold; float: left }
.site #searchdiv .button { width: 30px; float: left }
.site #searchdiv .field { width: 160px; float: left }
.site #searchdiv .field INPUT, .site #searchdiv .field SELECT { width: 70px; font-size: 11px; margin-right: 5px }
.site #searchdiv .button IMG { border: 0px }
.site #searchdiv .button { margin-top: 2px }

/* DIV : INTRODUCTIONDIV */

.site #introductiondiv { position: absolute; top: 230px; left: 360px; width: 445px; }
.site #introductiondiv .richeditblock { height: 80px; overflow: hidden; margin-bottom: 10px }
.site #introductiondiv H3 { margin-bottom: 4px }
.site #introductiondiv .morediv { text-align: right }
.site #introductiondiv .morediv IMG { border: 0px }

/* DIV : CONTENTDIV */

.site #contentdiv { position: absolute; top: 130px; left: 360px; width: 450px }
.site #contentdiv #textbodydiv { margin-top: 10px; margin-bottom: 15px; height: 320px; width: 100%; overflow: auto }
.site #contentdiv .richeditblock { margin-right: 5px }
.site #contentdiv .morediv { text-align: right }
.site #contentdiv .morediv IMG { border: 0px }

/* DIV : CONTACTDIV */

.site #contactdiv { position: absolute; top: 90px; left: 360px; width: 450px }
.site #contactdiv .formlabel { float: left; width: 155px; margin-bottom: 5px; font-weight: bold }
.site #contactdiv .formfield { float: left; width: 290px; margin-bottom: 5px }
.site #contactdiv .formfield INPUT, #contactdiv .formfield TEXTAREA, #contactdiv .formfield SELECT { width: 100%; font-size: 12px; font-family: arial }
.site #contactdiv .formfield TEXTAREA { height: 100px }
.site #contactdiv .formfield #name { width: 233px; margin: 0px }
.site #contactdiv .formfield #gender { width: 50px; margin: 0px }
.site #contactdiv .formbutton { text-align: right }
.site #contactdiv .formbutton INPUT { font-size: 11px; border: 0px }

/* DIV : NEWSVIEWDIV */

.site #newsviewdiv { position: absolute; top: 130px; left: 360px; width: 450px }
.site #newsviewdiv H1 { margin-bottom: 0px }
.site #newsviewdiv .metadata { margin: 0px; font-weight: bold }
.site #newsviewdiv #textbodydiv { margin-top: 10px; margin-bottom: 15px; height: 280px; overflow: auto }
.site #newsviewdiv .richeditblock { margin-right: 10px }
.site #newsviewdiv .morediv { text-align: right }
.site #newsviewdiv .morediv IMG { border: 0px }

/* DIV : PRODUCTSDIV */

.site #productsdiv { position: absolute; top: 90px; left: 360px; width: 270px }
.site #productsdiv H1 { margin-bottom: 10px } 
.site #productslistdiv { height: 330px; overflow: auto }
.site #productsdiv P { margin: 0px }
.site #productsdiv .item { margin-top: 10px; width: 270px }
.site #productsdiv .thumb { width: 90px; float: left }
.site #productsdiv .name { font-size: 11px; font-weight: bold; float: left; width: 120px }
.site #productsdiv .name IMG { border: 0px }
.site #productsdiv .name A { text-decoration: none }
.site #productsdiv .name A:hover { text-decoration: underline }
.site #productsdiv .price { float: left; width: 50px; margin-bottom: 5px; font-size: 11px; font-weight: bold; text-align: right }
.site #productsdiv .price A { text-decoration: none }
.site #productsdiv .information { float: left; width: 170px; line-height: 130% }
.site #productsdiv .information A { text-decoration: none }
.site #productsdiv .norecords { margin-top: 10px }

/* DIV : PRODUCTDIV */

.site #productdiv { position: absolute; top: 90px; left: 360px; width: 280px }
.site #productdiv .thumb { width: 90px; float: left; margin-bottom: 10px; margin-top: 10px }
.site #productdiv .information { float: left; width: 180px; margin-bottom: 10px; margin-top: 10px }
.site #productdiv .information .label { width: 180px; font-weight: bold }
.site #productdiv .information .value { width: 180px }
.site #productdiv .information .value .subtype { margin: 0px }
.site #productdiv #textbodydiv { height: 220px; overflow: auto; margin-bottom: 10px }

/* DIV : SUPPORTDIV */

.site #supportdiv { position: absolute; width: 132px; left: 650px; margin-bottom: 5px; top: 90px }

/* DIV : SEARCHRESULTSDIV */

.site #searchresultsdiv { position: absolute; top: 90px; left: 360px; width: 450px }
.site #searchresultsdiv H1 { margin-bottom: 0px }
.site #searchresultsdiv .metadata { margin: 0px; font-weight: bold }
.site #searchresultsdiv #textbodydiv { margin-top: 10px; margin-bottom: 15px; height: 280px; overflow: auto }
.site #searchresultsdiv #textbodydiv P { margin: 0px; margin-bottom: 5px }

/* DIV : NEWSDIV */

.site #newsdiv { position: absolute; top: 380px; left: 360px; width: 450px }
.site #newsdiv .newsitem1div, .site #newsdiv .newsitem2div { width: 205px; float: left }
.site #newsdiv .newsitem1div { margin-right: 30px }
.site #newsdiv .title { font-weight: bold; margin-bottom: 8px; margin-top: 0px }
.site #newsdiv .descriptiondiv { width: 205px; margin-bottom: 10px; height: 80px; overflow: hidden }
.site #newsdiv .descriptiondiv IMG { float: left; margin-right: 10px; margin-bottom: 10px }
.site #newsdiv .morediv { text-align: right }
.site #newsdiv .morediv IMG { border: 0px }

/* DIV : FEATUREDPRODUCTSIV */

.site #featuredproductsdiv { position: absolute; top: 340px; left: 595px; width: 205px }
.site #featuredproductsdiv .product1div, .site #newsdiv .product2div { width: 205px; float: left }
.site #featuredproductsdiv .product1div { margin-right: 30px }
.site #featuredproductsdiv .name { font-weight: bold; margin-bottom: 8px; margin-top: 0px }
.site #featuredproductsdiv .name A { text-decoration: none }
.site #featuredproductsdiv .thumbdiv { float: left; width: 90px }
.site #featuredproductsdiv .descriptiondiv { float: left; width: 115px; margin-bottom: 10px; height: 80px; overflow: hidden }
.site #featuredproductsdiv .descriptiondiv .price { text-align: right; font-weight: bold; margin: 0px; margin-top: 5px }
.site #featuredproductsdiv .morediv { text-align: right }
.site #featuredproductsdiv .morediv IMG { border: 0px }

/* DIV : COPYRIGHTDIV */

.site #copyrightdiv { position: absolute; top: 540px; left: 700px }

/* DIV : IMAGESANDFILESDIV */

.site #imagesandfilesdiv { float: right; margin-left: 10px; margin-bottom: 10px; margin-right: 5px; z-index: -5 }

/* DIV : IMAGESDIV, FILESDIV, NEWSARCHIVEDIV & SUBTYPEDIV  */

.site #imagesdiv, .site #filesdiv, .site #newsarchivediv, .site #subtypesdiv { width: 162px; margin-bottom: 5px }
.site #imagesdiv .framediv, .site #filesdiv .framediv, .site #newsarchivediv .framediv, .site #subtypesdiv .framediv {  margin: 5px }
.site #imagesdiv .thumb { margin-right: 2px; margin-left: 2px; margin-bottom: 3px; margin-top: 3px }
.site #filesdiv .file { margin: 0px }
.site #newsarchivediv SELECT { font-size: 11px; width: 100% }
.site #subtypesdiv H1 { margin-bottom: 10px }
.site #subtypesdiv .subtype { margin: 0px; margin-bottom: 3px }
.site #subtypesdiv .selected { font-weight: bold }
.site #subtypesdiv .level1 { }
.site #subtypesdiv .level2 { margin-left: 10px }
.site #subtypesdiv .level3 { margin-left: 20px }

/* DIV : SUBNAVIGATION */

.site #subnavigationdiv { position: absolute; top: 510px; left: 360px }
.site #subnavigationdiv A { text-decoration: none }

/* SHARED */

.clear { clear: both; height: 0px; width: 0px; margin: 0px }
.nextdiv, .previousdiv { font-weight: bold; width: 47%; float: left; text-transform: lowercase }
.nextdiv A, .previousdiv A { text-decoration: none }
.nextdiv { text-align: right }
.site H1 { font-size: 20px; margin: 0px }
.site H2 { font-size: 11px; margin: 0px }
.site H3 { font-size: 11px }
.norecords { font-style: italic; font-weight: bold; color: black }
.richeditblock { line-height: 130% }
.readmore { text-align: right; font-weight: bold } 

/* sIFR STYLES */

.site .sIFR-flash { visibility: visible !important; margin: 0 }
.site .sIFR-replaced { visibility: visible !important }
.site span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden }
.site .sIFR-hasFlash h1 { visibility: hidden;}


/* button dforms */

#buttonlayer { position: absolute; left: 185px; top: 200px; width: 150px; height: 50px; border: 0px; }
#mijnpenlogin { border: 1px solid black; }


//-->