/* GLOBAL STYLES */


#tijdelijk { width: 440px; height: 40px; color: red; position: absolute; font-weight: bold; margin-left: 170px; top: 10px; }

#zoekwoorden { ; }
#zoekwoorden .zoekwoordenhoofd { color: #808080; float: left; margin-right: 20px; font-size: 12px; }
#zoekwoorden .zoekwoordenhoofd a { color: #808080; float: left; margin-right: 20px; font-size: 12px; }


.site BODY { margin: 0px; background: #ffffff; background-image: url('images/backgrounds/background-body.gif'); background-repeat: repeat-x; font-family: arial; font-size: 11px; color: #ffffff }
.site FORM { margin: 0px }
.site INPUT, .site SELECT, .site TEXTAREA { border: 1px solid #375594; background: #ced4df; color: #102a69; font-size: 11px; scrollbar-3dlight-color:#ced4df; scrollbar-darkshadow-color:#ced4df; scrollbar-highlight-color:#ced4df; scrollbar-shadow-color:#ced4df; scrollbar-track-color:#ced4df; scrollbar-arrow-color:#ced4df; scrollbar-face-color:#102a69 }
.site INPUT, .site SELECT { }
.site .radio { background: }
.site H1 { font-size: 16px; font-weight: bold; color: #ffffff; }
.site H1 A { font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: none }
.site H2 { font-size: 12px; font-weight: bold; color: #ffffff; margin-bottom: 0px }
.site H2 A { color: #cccffa }
.site HR { height: 1px; border: 1px solid #47639b; background: #47639b }



/* USER */

.site #userdiv { position: absolute; left: 280px; top: -25px; font-size: 10px; color: #606060; font-family: arial }
.site #userdiv A { text-decoration: none; color: #606060 }
.site #userdiv A:hover { color: #000000 }

/* PAGEDIV */

.site .pagediv { width: 100% }

/* TEXTBODY */

.site .textbody { background: clear }

/* SITEDIV */

.site .sitediv { text-align: left; width: 749px; margin-top: 15px; } 

/* CONTACT LAYER */

.site .contactdiv { position: absolute; top: -78px; left: 480px; color: #909090; font-size: 11px; width: 270px }
.site .contactdiv P { margin: 0px; margin-bottom: 3px }
.site .contactdiv A { color: #909090; text-decoration: none }
.site .contactdiv A:hover { color: #000000 }
.site .contactdiv .contactleftdiv { float: left; width: 120; border-right: 1px #A0A0A0 solid; text-align: right; padding-right: 10px }
.site .contactdiv .contactrightdiv { float: left; width: 120; text-align: right; text-align: left; margin-left: 10px }

/* CONTENT LAYER */

.site .contentdiv { width: 749px }
.site .contentframediv { position: relative; left: 30px; width: 710px; top: 1px }

/* MAINMENU LAYER */

.site .mainmenudiv { position: relative; width: 100%; height: 120px; z-index: 3 }
.site .mainmenudiv .menuitem { float: left; font-weight: bold; width: 90px; text-align: center; height: 120px; border-left: 1px solid #777ec7 }
.site .mainmenudiv .menuitem P { margin-top: 25px }
.site .mainmenudiv A { color: #FFFFFF; text-decoration: none; width: 90px }
.site .mainmenudiv A:hover { color: red }
.site .mainmenudiv .dropdown0 { z-index: 3; margin-left: 25px; position: absolute; width: 120px; background-color: #2a4587; background-repeat: repeat; border: 1px solid #000000; display: none; margin-top: 23px }
.site .mainmenudiv .dropdown0 .submenuitem { width: 100%; font-family: arial; margin: 0px; padding: 5px }
.site .mainmenudiv .dropdown0 A { text-decoration: none; color: #FFFFFF }
.site .mainmenudiv .dropdown1 { z-index: 3; position: absolute; width: 120px; background-color: #2a4587; background-repeat: repeat; border: 1px solid #000000; display: none }
.site .mainmenudiv .dropdown1 .submenuitem { margin: 0px; padding: 5px; width: 100%; font-family: arial }
.site .mainmenudiv .dropdown1 A { text-decoration: none; color: #FFFFFF }
.site .mainmenudiv .dropdown2 { z-index: 3; position: absolute; width: 180px; background-color: #2a4587; background-repeat: repeat; border: 1px solid #000000; display: none }
.site .mainmenudiv .dropdown2 .submenuitem { margin: 0px; padding: 5px; width: 100%; font-family: arial }
.site .mainmenudiv .dropdown2 A { text-decoration: none; color: #FFFFFF }
.site .mainmenudiv A:hover { text-decoration: none }

/* TOOLBAR LAYER */

.site .toolbardiv { position: absolute; top: 290px; left: 330px; width: 430px; color: #ffffff }
.site .toolbardiv .searchlabeldiv { float: left; width: 15%; text-align: right }
.site .toolbardiv .searchlabeldiv P { margin-top: 3px; margin-right: 10px }
.site .toolbardiv .searchfielddiv { float: left; width: 30% }
.site .toolbardiv .searchfielddiv INPUT { width: 100px } 
.site .toolbardiv .newsletterlabeldiv { float: left; width: 15%; text-align: right }
.site .toolbardiv .newsletterlabeldiv P { margin-top: 3px; margin-right: 10px }
.site .toolbardiv .newsletterfielddiv { float: left; width: 39% }
.site .toolbardiv .newsletterfielddiv INPUT { width: 100px } 

/* copyrightdiv */

.site .copyrightdiv { margin-top: 10px; width: 100%; text-align: right; color: #303030; font-size: 10px }
.site .copyrightdiv A { color: #303030; text-decoration: none }
.site .copyrightdiv A:hover { color: #ffffff }

/* idealdiv */

.site .idealdiv { margin-top: 10px; width: 100%; text-align: right; color: #303030; font-size: 10px }
.site .idealdiv IMG { border: 0px }

/* offersdiv */

.site .offersdiv H1 { margin: 0px; margin-bottom: 5px }
.site .offersdiv H2 { margin: 0px }
.site .offersdiv .offerdiv .offerimagediv { border: 1px solid #6c82ae; background: url('images/backgrounds/background-offerimage.gif'); width: 100%; height: 90px; text-align: center }
.site .offersdiv .offerdiv .offerimagediv IMG { vertical-align: middle; margin-top: 5px; border: 0px }
.site .offersdiv .offerdiv P { margin: 0px; margin-top: 5px }
.site .offersdiv .offerdiv A:hover { color: red }
.site .offersdiv .offerpricediv { width: 90%; float: left }
.site .offersdiv .offerbuttondiv { width: 10%; float: left; margin-top: 5px; text-align: right }
.site .offersdiv .actionprice { color: yellow; float: left; font-weight: bold; width: 65px }
.site .offersdiv .oldprice { text-decoration: line-through; float: left; width: 65px }
.site .offersdiv .percentage { float: left; width: 100% }

/* SHOPCUSOMERDIV */

.site #shopcustomerdiv { color: #cccffa; position: absolute; left: 450px; top: 100px; width: 250px; text-align: right; z-index: 10 }
.site #shopcustomerdiv A { color: #cccffa }

/* ELEMENT : CLEAR */

.site .clear { clear: both; padding: 0px; margin: 0px; height: 0px; width: 0px }

/* ------------------------------------------------------------------- MESSAGE PAGE ----------------------------------------------------------------------- */

.messagepage { }

/* ------------------------------------------------------------------ RICHEDIT BLOCK ---------------------------------------------------------------------- */

.richeditblock { background: #486baf }
.site .richeditblock { background:  }
.richeditblock { font-family: arial; font-size: 11px; color: #ffffff; margin: 0px; line-height: 130% }
.richeditblock BLOCKQUOTE { background-color: #2c4d90; padding: 5px; color: #cccffa }
.richeditblock H1 { font-size: 20px; font-weight: bold; color: #ffffff }
.richeditblock H2 { font-size: 12px; font-weight: bold; color: #ffffff; margin-bottom: 15px; margin-top: 0px; }
.richeditblock H3 { font-size: 10px; font-weight: bold; color: #ffffff; margin-bottom: 0px }
.richeditblock H4 { }
.richeditblock P { }
.richeditblock IMG { border: 1px solid #cccffa; margin-right: 5px; margin-bottom: 5px }
.richeditblock A { color: yellow }

.richeditblock UL { margin-top: 0px }
.richeditblock OL {  }
.richeditblock LI { }
.richeditblock HR { height: 1px; color: #47639b; border: 1px solid #47639b; background: #47639b }
.richeditblock .bordered { width: 100% }
.richeditblock .bordered TD { font-family: arial; font-size: 12px; line-height: 150%; border: 1px solid #3254a4 }
.richeditblock .bordered #header { background: #1a3981; color: #cccffa; font-weight: bold; text-align: center }
.richeditblock .bordered #footer { background: #1a3981; color: #cccffa; text-align: center }
.richeditblock .borderless { width: 100% }
.richeditblock .borderless TD { font-family: arial; font-size: 12px; }
.richeditblock .borderless #header { background: #1a3981; color: #cccffa; font-weight: bold; text-align: center }
.richeditblock .borderless #footer { background: #1a3981; color: #cccffa; text-align: center }
