<!--
.site { background-color: #ffffff; background: url('images/backgrounds/background-background.jpg') repeat-x; font-family: tahoma; font-size: 11px } 
.site BODY { margin: 0px; }

/* DIV : PAGEDIV */

.site #pagediv { position: relative; width: 1000px; height: 600px; text-align: left; margin-top: 7px; }
.site .homepagediv { background: url('images/backgrounds/background-image-lefkas-new.jpg') no-repeat center top }
.site .otherpagediv { background: url('images/backgrounds/background-image-lefkas-other.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: 650px; width: 130px; font-size: 18px; font-weight: bold; text-align: right; text-transform: uppercase }

/* DIV : CATCHPHRASEDIV */

.site #catchphrasediv { position: absolute; top: 380px; left: 340px; width: 150px; font-size: 11px; font-weight: bold; font-style: italic; text-align: right }
.site #catchphrasediv:first-line { font-color: 7e1a7f; text-align: left }

/* DIV : NAVIGATIONDIV */

.site #navigationdiv { position: absolute; top: 140px; left: 430px; 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: 450px; left: 35px; width:152px; }
.site #addressdiv P { margin: 0px }
.site #addressdiv .group { font-weight: bold }

/* DIV : NEWSLETTERDIV */

.site #newsletterdiv { position: absolute; top: 600px; left: 35px; 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: 600px; left: 265px; 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: 210px; left: 360px; width: 445px; }
.site #introductiondiv .richeditblock { height: 120px; 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: 200px; left: 360px; width: 590px; }
.site #contentdiv #textbodydiv { margin-top: 10px; margin-bottom: 15px; height: 300px; 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: 200px; 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: 210px; 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: 200px; left: 360px; width: 461px; }
.site #productsdiv H1 { margin-bottom: 10px } 
.site #productslistdiv { height: 300px; overflow-x: hidden; overflow-y: auto; }
.site #productsdiv P { margin: 0px }
.site #productsdiv .item { margin-top: 10px; width: 458px; }
.site #productsdiv .thumb { width: 90px; float: left }
.site #productsdiv .name { font-size: 11px; font-weight: bold; float: left; width: 300px }
.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: 300px; height: 80px; line-height: 130% }
.site #productsdiv .information A { text-decoration: none }
.site #productsdiv .norecords { margin-top: 10px }

/* DIV : PRODUCTDIV */

.site #productdiv { position: absolute; top: 210px; left: 360px; width: 461px }
.site #productdiv .thumb { width: 90px; float: left; margin-bottom: 10px; margin-top: 10px }
.site #productdiv .information { float: left; width: 300px; margin-bottom: 10px; margin-top: 10px }
.site #productdiv .information .label { width: 300px; font-weight: bold }
.site #productdiv .information .value { width: 300px }
.site #productdiv .information .value .subtype { margin: 0px }
.site #productdiv #textbodydiv { height: 330px; overflow: auto; margin-bottom: 10px }

/* DIV : SUPPORTDIV */

.site #supportdiv { position: absolute; width: 105px; left: 680px; margin-bottom: 5px; top: 210px }

/* DIV : SEARCHRESULTSDIV */

.site #searchresultsdiv { position: absolute; top: 210px; 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: 440px; left: 660px; width: 480px }
.site #newsdiv .newsitem1div, .site #newsdiv .newsitem2div { width: 260px; float: left; color:#FFFFFF }
.site #newsdiv .newsitem1div { margin-right: 30px }
.site #newsdiv .title { font-weight: bold; margin-bottom: 8px; margin-top: 0px }
.site #newsdiv .descriptiondiv { float: left; width: 260px; margin-bottom: 10px; height: 75px; overflow: hidden }
.site #newsdiv .descriptiondiv IMG { float: left; margin-right: 10px; margin-bottom: 0px }
.site #newsdiv .morediv { text-align: right }
.site #newsdiv .morediv IMG { border: 0px }

/* DIV : FEATUREDPRODUCTSIV */

.site #featuredproductsdiv { position: absolute; top: 430px; left: 360px; width: 260px }
.site #featuredproductsdiv .product1div, .site #newsdiv .product2div { width: 260px; 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: 170px; margin-bottom: 10px; height: 75px; overflow: hidden; color:#ffffff }
.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: 600px; left: 820px }

/* 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: 560px; 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; }


//-->