﻿* {margin: 0; padding: 0;}
body {font: normal 62.5%/1.6em Arial, Verdana, sans-serif; text-align: center; background: transparent url(images/bkgrepeater.gif) repeat-x left top;}
form {width: 1030px; margin: 1px auto; position: relative; text-align: left; color:#626262;}

/* ---- [ misc: =links ] ----------- */
a img {border: 0;}

/* ---- [ typography ] ------------ */
a {font-size:1em; cursor:pointer; color:#626262;}
h1 {font-size:1.4em; color:#4E4E4E;}
h2 {font-size:1.1em; font-weight:bold; color:#4E4E4E;}
p {font-size:1.1em; line-height:1.4em; color:#626262;}
legend {color:#000;}
li {color:#626262;}
acronym, abbr, cite, dfn ,q{border-bottom: dashed 1px #a19fa0; font-style: italic; }


/* ---- [ Rss ] ------------ */
#container #content div table.eyeRssFeed tr td { padding-left:5px; border:0px;vertical-align:top;}
#container #content div table.eyeRssFeed tr td p{margin:0px !important;font-weight:normal !important;}
#container #content div table.eyeRssFeed tbody tr th{font-weight: bold;border: none !important;}
#container #content div table tbody tr th p{width:auto !important; font-weight :bold !important;}
#container #content div table.eyeRssFeed  {border:0px solid #fff !important;width:auto !important;color:#000000 !important;font-weight:bold;}
#content table.eyeRssFeed tr.rssItem td , #content table.eyeRssFeed tr.rssAlternatingItem td{padding:5px;}
#container #content div div.block #formTable tr td{padding:0 !important;}
#container #content div table.eyeRssFeed tr.rssHeader td{font-size:1em; color:#4E4E4E;}
#container #content div table tr.rssItem a, #container #maincontent div  table tr.rssHeader a {text-decoration:underline !important; font-weight:bold !important;}
#container #content div table tr.rssHeader, #container #maincontent div table tr.rssHeader a{font-weight:bold !important;color:#000000 !important; }
#container #content div table tr.rssHeader{font-size:11px;}

/* ---- [ IMAGES ] ------------ */
.image_top_left {display: block; margin-bottom: 15px;}
.image_top_middle {display: block; margin: 0 auto 15px auto;}
.image_bottom_left {display: block; margin-top: 15px;}
.image_bottom_middle {display: block; margin: 15px auto 0 auto;}
.image_align_right {float: right; margin: 0 0 0 15px;}
.image_align_left {float: left; margin: 0 15px 0 0;}

/* -----[ fieldset ] ------------	*/
fieldset {border-left:0; border-right:0; margin-bottom:10px; padding-bottom:10px; overflow:hidden; padding-top:10px;}
fieldset legend {/*margin-bottom:10px;*/}
fieldset label {display:block; float:left; width:100px; margin-left:10px;}
fieldset input {margin:3px;}
fieldset input.btn {padding:0; margin:10px 0 10px 15px;}
fieldset div.fieldrow {margin:5px 0;}

#logindata fieldset input {width:160px;}
#logindata fieldset div * {width:auto!important;}
#logindata fieldset div {margin:10px 0 0 100px;display:block;}
#logindata fieldset div.fieldrow{height /*\**/: 20px\9}
*+html #logindata fieldset div.fieldrow{height: auto !important;}
#logindata fieldset label {width:100px; margin-right:10px;}
#logindata fieldset div input {float:left;}
#logindata fieldset div input.btn {width:auto;}

#site {overflow:hidden;}

/* -----[ startPage ] ---------------	*/
#startWrapper{overflow:hidden; }
#startHeader{margin:0 auto; height:524px; width:833px;}
#startChooseLang{padding:10px 0; margin:0 auto; text-align:center; width:833px;}
#startChooseLang span.starttext {color:#504C33; font-size:13pt; font-weight:bold; clear:both; display:block; padding:0 0 10px 0;}
#startChooseLang span.startlinks a {color:#8F8878; font-size:11pt; font-weight:bold; text-decoration:none;}
#startChooseLang span.startlinks a:hover { text-decoration:underline;}
.startseperator {color:#8F8878; font-size:11pt; padding:0 5px;}

/* -----[ sidebar ] ---------------	*/
#sidebarWrapper {float:left; width:328px; background:transparent url(images/bkgtree2.gif) repeat-y right top;}
#sidebar {float:left; width:318px;  padding:40px 0 0 10px; background:transparent url(images/bkgtree1.gif) no-repeat left top; min-height:685px; height:auto;}
/* for Internet Explorer */
/*\*/
* html #sidebar {height:685px;}
/**/
#sidebarFooter {float: left; background:transparent url(images/bkgtree3.gif) no-repeat left bottom; height:46px; width:328px;}
#sidebar a {text-decoration:none; font-size:1.2em;}
#sideBarImgTeaser { background-color:#FFF; float:left; padding:0; height:75px; width:328px; }
#imglnks {float:left; height:75px; padding-left:12px; width:316px;}
#imglnks input {float:left; display:inline; margin-left:4px;}

/* tree rendering*/
#subtree {width:280px; margin-left:30px; float: left;}
/*\*/
* html #subtree {margin-left: 15px;}
/**/
#subtree div#logo {text-align:right; margin:2px 0 10px 0;}
#subtree ul {text-align:right; list-style-type:none;}
#subtree li a:hover, #subtree li.collapsable span:hover, #subtree li.expandable span:hover {cursor: pointer;}
#subtree li.lvl1 {border-bottom:solid 1px #888888; text-align: left; font-weight:bold; line-height: normal; float: left;}
#subtree li.last {border:0;}
#subtree li.lvl1 {padding:5px 0 5px 0; text-align:left;}
#subtree li.lvl1 span, #subtree li.lvl1 a{color:#ffffff; display: block; float: left; font-size:1.1em; height:14px; width:148px; background-color:#1E9BDD; margin:0; padding: 0 0 0 2px; overflow: hidden;}
#subtree li.lvl1 span.number {width:20px; height:14px; padding:0; float: right;}
#subtree li.collapsable span, #subtree li.collapsable a{background-color:#024A94;}
#subtree li.lvl1 span.arrow 
{
    margin: 0 2px 0 89px; display: inline; float: left; width: 19px; height: 14px; 
    line-height: 0; font-size: 0; padding: 0;
    background-image: url(images/pijlmenu.gif); background-repeat: no-repeat;
}
#subtree li.collapsable span.arrow {background-image: url(images/bkgtreegeelblokje.gif); }
#subtree li.lvl2 span, #subtree li.lvl2 a{font-weight: normal; color:#4E4E4E; padding-right: 0; line-height:1.4em; background-color: transparent; display: inline; float: none; width: 100%; height: auto;}
#subtree li.lvl2 span.number {float: none; padding-right: 8px;}
#subtree li.lvl3 span, #subtree li.lvl3 a{font-weight: bold; color:#B5A011; padding-right: 0; line-height:1.4em; background-color: transparent; display: inline; float: none; width: 100%; height: auto;}
#subtree li.lvl3 span.number {float: none; padding-right: 8px;}
#subtree li.lvl4 span, #subtree li.lvl4 a{ font-weight: normal; color:#B5A011; padding-right: 0; line-height:1.4em; background-color: transparent; display: inline; float: none; width: auto; height: auto; text-align: left;}
#subtree li.lvl4 span.number {float: none; padding-right: 8px;}

/* -----[ newsItem HP ] ----------- */
#newsHomepageContainer {width:280px; margin-top:10px; margin-left:31px; background:transparent url(images/bkgnewsmiddle.gif) repeat-y left top; float: left;}
/*\*/
* html #newsHomepageContainer {margin-left: 15px;}
/**/
#newsHomepage {width:250px; padding:10px 15px;  background:transparent url(images/bkgnewstop.gif) no-repeat left top;}
#newsHomepage h1 {color:#539BD6; font-size:1.1em; border-bottom:solid 1px #D4D4D4; padding-bottom:5px; margin-bottom:7px;}
#newsHomepage img#leesverder {padding-top:4px;}

/* -----[ newsSubscribe HP ] ------- */
#newsSubscribeHP 
{
width:255px; height:69px; background:transparent url(images/bkgnewsbottom.gif) no-repeat left top; float: left;
padding:17px 0 0 25px; margin-left:31px; color:#13375B; font-weight:bold;
}
/*\*/
* html #newsSubscribeHP {margin-left: 15px;}
/**/
#newsSubscribeHP #heading {padding-left:0px; font-size:1.2em;}
#newsSubscribeHP div#input {border-top:solid 1px #A1CFE7; width:230px; margin-top:2px; padding-top:13px;}
#newsSubscribeHP div#input input {margin-left:7px; border:0; color:#626262; font-size:0.9em;}
#newsSubscribeHP div#input a {color:#fff; margin-left:20px;}


/* -----[ wrapper ] --------------- */
#wrapper {float:left; width:700px; background-color:#FFFFFF;}
#container {width:700px;}

/* -----[ header ] ----------------	*/
#headerTop {width:700px; height:51px; padding:20px 0 10px 0; background: transparent url(images/bkgtop.gif) no-repeat left bottom; border-top:solid 2px #93CCEA;  overflow:hidden;}
#taalKeuze {width:685px; padding-right:15px; text-align:right;}
#headerFunctions {overflow:hidden; float:right; width:685px; padding:10px 15px 0 0;}

#taalKeuze #chooseLang {float:right;}
#taalKeuze DL {float:right; overflow:hidden;}
#taalKeuze DT, #taalKeuze DD {float:left;}
#taalKeuze DD {margin:0 10px;}

#searchbox {float:right; width:209px; height:23px; margin-right:5px; overflow:hidden; background:transparent url(images/bkgtopmenusearch1.gif) no-repeat left top;}
#searchbox input {margin:4px 4px 0 5px; width:143px; float:left; font-size:1em;}
#searchbox a {text-decoration:none; display:block; width:55px; height:22px; float:left;}

#headerLinks {float:right;}
#headerLinks li {list-style-type:none; float:left;}
#headerLinks li span {display:inline; height:20px; float:left; padding-top:3px;}
#headerLinks li span a {text-decoration:none; color:#fff; font-size:1.1em; font-weight:bold; padding:0 5px;}
#headerLinks li span a:hover {color:#024A94;}
#headerLinks li.selected span a {text-decoration:none; color:#FFF;}
#headerLinks li.selected span a:hover {color:#FDFE0D;}
#headerLinks li span.front {width:2px; background:transparent url(images/bkgtopmenuL.gif) no-repeat left top;}
#headerLinks li span.middle {background:transparent url(images/bkgtopmenuM.gif) repeat-x left top;}
#headerLinks li span.back {width:15px; background:transparent url(images/bkgtopmenuR2.gif) no-repeat left top;}
#headerLinks li span.backLast {width:15px; background:transparent url(images/bkgtopmenuR.gif) no-repeat left top;}
#headerLinks li.selected span.front {width:7px; background:transparent url(images/bkgtopmenugeelL.gif) no-repeat left top;}
#headerLinks li.selected span.middle {background:transparent url(images/bkgtopmenugeelM.gif) repeat-x left top;}
#headerLinks li.selected span.back {width:17px; background:transparent url(images/bkgtopmenugeelR.gif) no-repeat left top;}

#headerContainer {overflow:hidden; height:254px;}
#headerContainer object#fotoslider {float:left;}
#headerContainer div#introanimo {float:left; height:254px; width:502px;}
#headerContainer div#address {float:left; background-color:#D0E7F5; height:82px; border-top:solid 62px #1E9BDD; width:172px; padding:110px 0 0 20px;}
#headerContainer div#address {color:#626262; font-size:0.9em; line-height:1.1em;}

/* -----[ breadcrumb ] ------------ */
#breadcrumb {background: transparent url(images/bkgmiddle.gif) no-repeat left top; width:680px; height:25px; padding:17px 10px 0 10px; color:#626262;}

/* -----[ content ] --------------- */
#content {margin:0 15px; padding-top:10px; overflow:hidden;}
#content h1 {margin-bottom:5px;}
#content h2 {margin-top:10px;margin-bottom:5px;}
#content p {margin-bottom:10px;}
#content ul,#content ol  {margin-left:20px;margin-bottom:5px;}

/* -----[ footer ] ---------------- */
#footer {width:690px; height:42px; background: transparent url(images/bkgbottom.gif) no-repeat left top; padding:20px 5px 0 5px; margin-top:5px;}
#footer h6 {font-size:0.9em; color:#999;}
#footer span {color:#000;}
#footer a {color:#000; text-decoration:none;}
#footer img {vertical-align:middle;}


/* -----[ homepage ] -------------- */
#homepage {overflow:hidden;}
#homepage div#teasers {float:left; width:205px; margin-left:10px; display:inline;}
#homepage div#content {float:left; width:450px; margin:0 0 0 10px; padding:5px 10px 0 0;}

#teasers {background-color:#DCEFF8;}
#teasers div#links {width:auto; background-color:#1E9BDD; padding:15px 30px 15px 15px;}
#teasers div#links * {color:#ffffff; text-decoration:none;}
#teasers div#links ul {list-style-type:none; font-weight:bold; font-size:1.1em;}
#teasers div#hot_links {border-bottom:solid 1px #1E9BDD; padding:10px 30px 20px 15px;}
#teasers div#hot_items {padding:10px 30px 20px 15px;}
#teasers div#hot_links div.items * {color:#235079;}
#teasers div#hot_items div.items * {color:#4D4D4D;}
#teasers h1 {color:#539BD6;}
#teasers h2 {font-weight:bold; padding-top:5px;}

/* -----[ nieuwslijst/results ] ----------- */
#resultData a.title { margin-left:10px;}
fieldset .fieldbutton {margin:10px 0; display:block;}
#newslistitem {margin-left:10px;}

/* -----[ pager ] ----------- */
#pager { width: 560px; margin: 10px 0px; text-align: center;}
#pager .pagResults { width: 560px; overflow:hidden; margin-top: 10px; height: 1%;}
#pager .pagResults #numbut { padding-left: 10px; padding-right: 10px; float: left;}
#pager .pagResults #numbut .num { padding-left: 5px; padding-right: 5px;}
#pager .pagResults #first, .pagResults #prev, .pagResults #next, .pagResults #last
    { font-size: 1.1em; float: left; margin-right: 5px; margin-left: 5px;}

/* -----[ zoeker ] ---------------- */
div.results {overflow:hidden;}
a.more {margin-left:350px;}
span.score {margin-left:10px;}
span.highlight {background-color:#FFE01B;}

/* -----[ NewsSubscribe ] ---------------- */
#newsSubscribe fieldset {border-bottom:0;}
#newsSubscribe fieldset input {float:left; margin-right:10px;  margin: 0; padding: 0;}
#newsSubscribe fieldset label {float:left;}
#newsSubscribe fieldset .fieldrow {float: left; clear: both; }


/* -----[ productpagina ] --------- */
#productdetails {margin-left:10px; width:687px; background:#EFEFEF url(images/dotted_vert.gif) repeat-y 497px top;}
#colorSwapper {float: left; width:189px; text-align:center; margin-left: 1px;}
#productpage {float:left; width:482px; padding-left:15px;}
#productdetails div#content {margin-left:0; margin-right:0;}
#imageblock {margin-left:20px; width:460px;}
#imageblock img {margin-right:15px; /*width:95px; height:95px;*/}
#specificationsContainer h2 {width:470px; margin-bottom:5px; padding-bottom:1px; background:#EFEFEF url(images/dotted_horz.gif) repeat-x left bottom;}
#specifications {overflow:hidden;}
#specificationsData {width:220px; /*float:left;*/ overflow:hidden;}
#specificationsData div.dataRow {overflow:hidden; clear:left;}
#specificationsData span.label {width:70px; display:block; float:left;}
#specificationsData span.separator {display:block; float:left; margin-right:5px;}
#specificationsData span.data {float:left; display:block; overflow:hidden;}

#specificationsData p {margin:0;}
#specificationsData p br {line-height:0; font-size:0; display:none; visibility:hidden;}
#specificationsData p img {vertical-align:middle;}

#puntensysteem {margin:10px 0; overflow:hidden;}
#ratingsystem {width:400px; overflow:hidden;}
#ratingsystem div.ratingelement {overflow:hidden;}
#ratingsystem label {float:left; margin:0 5px}
#ratingsystem label span {padding-left:33px;}
#ratingsystem label.lbl {width:100px; text-align:right;}
#ratingsystem label.lblMin, #ratingsystem label.lblMax {width:25px;}
#ratingsystem div.ratingbar {float:left; height:15px; line-height:15px; overflow:hidden; width:200px; background:#EAEAEA url(images/bkggray.gif) no-repeat left top;}
#ratingsystem div.rating {float:left;}
/* rating color system */
#ratingsystem div.ratingcolor1 {background:#7AB1E0 url(images/bkgblue.gif) no-repeat left top;}
#ratingsystem div.ratingcolor2 {background:#A9192D url(images/bkgred.gif) no-repeat left top;}
#ratingsystem div.ratingcolor3 {background:#E7CB35 url(images/bkgyellow.gif) no-repeat left top;}

/* -----[ contactform ] ----------- */
#contact label {width:150px;}
#contact h5 {margin-left:30px; font-size:0.9em;}
#contact div {margin:0 0 10px 20px;}
#contact div li {list-style-type:none; color:#f00;}

/* -----[ classes ] --------------- */
span.yellowbkg {background-color:#FDFE0D; padding:0 5px; font-size:10px;}
span.seperator {padding:0 2px;}
span.error {color:#FF0000;}
