/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 11px; color: #676767; }
input, select, textarea { font-family: Arial; font-size: 11px; color: #568e0a; }
body { background: url('../img/bodyBg.gif'); }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 1px; }

/* ### WRAPPER ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 999px; }

    /* ### HEADER CONTAINER ### */
    #headerCntr { position: relative; width: 999px; height: 182px; background: url('../img/header2Bg.png') no-repeat 0px 0px; }
    #headerCntr h1 { display: none; }
    
        /* ### MENU CONTAINER ### */
        #menuCntr { position: absolute; top: 64px; right: 0px; width: 490px; height: 29px; }
        #menuCntr ul { padding-right: 10px; overflow: hidden; width: 480px; list-style: none; }
        #menuCntr li { padding-left: 45px; float: right; display: inline; font-size: 13px; }
        #menuCntr li a { text-decoration: none; color: #fff; }
        #menuCntr li a:hover { text-decoration: underline; }
        #menuCntr li.selected a { font-weight: bold; }
        
        /* ### ZOEK BOX ### */
        .zoekBox { position: absolute; top: 105px; left: 26px; width: 972px; }
        .zoekBox h3 { margin-bottom: 8px; padding-left: 35px; height: 25px; line-height: 25px; font-size: 15px; font-weight: normal; color: #568e0a; background: url('../img/loep.png') no-repeat left center; }
        .zoekBox fieldset { padding-left: 0px; overflow: hidden; width: 950px; border: 0px; }
        .zoekBox label { padding-right: 10px; height: 23px; line-height: 23px; font-size: 13px; color: #568E0A; }
        .zoekBox span.select { padding: 0px 30px 0px 10px; position: absolute; overflow: hidden; float: left; width: 180px; height: 23px; line-height: 23px; color: #568e0a; font-size: 13px; background: url('../img/selectBox.gif') no-repeat; }
        .zoekBox p { padding: 8px 20px 0px 0px; float: left; }
        .zoekBox input.submit { float: left; cursor: pointer; width: 76px; height: 34px; font-size: 13px; color: #fff; border: 0px; background: url('../img/submitBg.png') no-repeat; }
        
        /* ### PRO BOX ### */
        .proBox { position: absolute; top: 186px; left: 1px; overflow: hidden; width: 997px; }
        .proBox div.left { float: left; overflow: hidden; width: 360px; }
        .proBox div.text { padding: 10px 0px 0px 10px; float: left; display: inline; width: 160px; }
        .proBox div.kaart { padding-right: 5px; float: right; display: inline; width: 185px; }
        .proBox div#id { float: right; width: 637px; }
        .proBox h3 { padding-bottom: 5px; font-size: 18px; font-weight: normal; }
        .proBox p { line-height: 20px; font-size: 13px; }
        .proBox ul { overflow: hidden; width: 637px; height: 214px; list-style: none; }
        .proBox li { overflow: hidden; width: 637px; float: left; }
    
    /* ### CONTENT CONTAINER ### */
    #contentCntr { overflow: hidden; width: 997px; border: 1px solid #acce8c; border-top: 0px; background: url('../img/contentBg.gif') #fff no-repeat right top; }
    
        /* ### LEFT CONTAINER ### */
        #leftCntr { margin-right: 1px; float: left; display: inline; width: 142px; }
        
            /* ### NAV BOX ### */
            .navBox { width: 142px; }
            .navBox h3 { padding-left: 10px; height: 33px; line-height: 33px; font-size: 15px; font-weight: normal; color: #fff; background: url('../img/titleOrange2.gif') repeat-x; }
            .navBox ul { list-style: none; }
            .navBox li { font-weight: bold; padding-left: 10px; height: 25px; line-height: 25px; font-size: 13px; background: #f8fafc; }
            .navBox li.dark { background: #e9f0f5; }
            .navBox li a { text-decoration: none; color: #568e0a; }
            .navBox li a:hover { text-decoration: underline; }
            
        /* ### CENTER CONTAINER ### */
        #centerCntr { float: left; width: 647px; }
        
            /* ### TAB BOX ### */
            .tabBox { width: 647px; color: #fff; }
            .tabBox h2 { color: #fff; padding-left: 5px; line-height: 33px; }
            .tabBox a { color: #fff; padding-left: 5px; line-height: 33px; }
            .tabBox a:hover { text-decoration: none; }
            .tabBox ul { overflow: hidden; width: 647px; height: 24px; list-style: none; }
            .tabBox li { padding-left: 5px; float: left; display: inline; }
            .tabBox li a { padding: 0px 15px 0px 15px; display: block; float: left; height: 23px; line-height: 23px; text-decoration: none; font-weight: bold; font-size: 16px; color: #fff; border: 1px solid #d51212; border-bottom: 0px; background: url('../img/tabBg.gif') repeat-x left top; }
            .tabBox li a:hover, .tabBox li.selected a { background-position: left bottom; }
            .tabBox div.res { font-size: 13px; font-weight: bold; padding: 0px 10px 0px 10px; overflow: hidden; width: 627px; height: 32px; font-size: 13px; color: #fff; background: #d51212; }
            .tabBox div.res p { padding-right: 50px; float: left; display: inline; height: 32px; line-height: 32px; }
            .tabBox div.res span.label { padding-right: 10px; float: left; display: block; height: 32px; line-height: 32px; }
            .tabBox div.res a.button { margin: 1px 20px 0px 0px; padding: 0px 30px 0px 30px; float: left; display: block; height: 30px; line-height: 32px; font-size: 15px; text-decoration: none; color: #fff; border: 1px solid #54d5f3; border-bottom: 0px; background: url('../img/tabs.gif') repeat-x; }
            .tabBox div.res a.button:hover { color: #30a7eb; background-position: left bottom; }
            
            /* ### RES BOX ### */
            .resBox { width: 647px; }
            .resBox div.res { padding-top: 5px; overflow: hidden; width: 647px; background: #f3f3f3; }
            .resBox div.pic { padding: 0px 10px 5px 5px; float: left; display: inline; width: 136px; }
            .resBox div.text { font-size: 13px; padding-top: 0px; float: left; display: inline; width: 418px; }
            .resBox div.cijfer { padding: 0px 10px 0px 5px; float: right; display: inline; width: 60px; }
            .resBox div.cijfer ul { list-style: none; }
            .resBox div.cijfer li { clear: both; margin-bottom: 8px; width: 58px; height: 26px; line-height: 26px; text-align: center; font-weight: bold; font-size: 12px; color: #fff; background: url('../img/buttonBlue.png') no-repeat; }
            .resBox div.cijfer li.grade { height: 44px; line-height: 44px; background: url('../img/gradeStar.gif') no-repeat; }
            .resBox div.cijfer li a { text-decoration: none; color: #fff; }
            .resBox div.cijfer li a:hover { text-decoration: underline; }
            .resBox div.pic img { border: 1px solid #d8e6ec; }
            .resBox div.beor { clear: both; width: 647px; height: 26px; font-weight: bold; border-bottom: 3px solid #e0e0e0; background: #fff; }
            .resBox h2 { margin-bottom: 5px; font-size: 15px; font-weight: bold; }
            .resBox h2 a { text-decoration: none; color: #000; }
            .resBox h2 a:hover { text-decoration: underline; } 
            .resBox div.beor ul { overflow: hidden; width: 647px; list-style: none; }
            .resBox div.beor li { padding-right: 10px; float: right; display: inline; height: 26px; line-height: 26px; }
            .resBox div.beor li.space { padding-right: 60px; }
            .resBox div.beor li img { display: inline; }
            
            /* ### CONTENTPAGES ### */
            .contentPage { font-size: 13px; width: 637px; padding-left: 10px; padding-top: 10px; }
            .contentPage p { margin-bottom: 10px; }
            .wide { width: 833px; }
            #reviewdiv { margin-bottom: 10px; clear: left; width: 630px; } 
            .reviewitem { display: block; float: left; width: 200px; } 
            .reviewitemgrade { display: block; float: left; margin-right: 45px; }
            .goto, .gotoreview { text-align: center; text-decoration: none; width: 140px; display: block; background:url("../img/titleOrange2.gif"); color:#FFF; font-size:15px; font-weight:normal; height:33px; line-height:33px; }
            .goto { margin-right: 10px; float: left; display: inline; width: 310px; }
            .gotoreview { background:url("../img/titlePurple.gif"); display: inline; width: 310px; float: left; }
            .goto:hover, .gotoreview:hover { text-decoration: underline; }
            .firstpic, .suppliercontent1 { width: 340px; clear: none; float: left; }
            .suppliercontent1 { width: 527px; float: right; }
            .supplierinfo { margin-left: 6px; width: 140px; clear: none; float: left; }
            .supplierinfo img { padding-left: 25px; }
            .secondpic, .supplierlogo { float: right; margin-left: 10px; width: 340px; }
            .supplierlogo { width: 100px; float: left; } 
            .content { float: left; width: 410px; margin-bottom: 10px; clear: left; }
            .suppliers { float: right; width: 410px; margin-bottom: 10px; }
            .images { float: right; margin-bottom: 10px; margin-right: 10px; width: 410px; }
            .images a { outline: none; }
            .images img { border: none; width: 124px; height: 93px; margin-bottom: 12px; padding-right: 12px; display: inline; }
            .contentbox .popBox li, .contentbox .beorBox li { padding-bottom: 5px; padding-top: 5px; width: 615px; color: #000; line-height: normal; height: auto; }
            .contentPage .link { color: #000; }
            .contentbox form span { display: block; float: left; width: 150px; }
            .contentbox form select { margin-right: 40px; width: 55px; float: left; }
            .grade { width: 58px; float: right; height: 44px; line-height: 44px; background: url('../img/gradeStar.gif') no-repeat; margin-bottom: 8px; text-align: center; font-weight: bold; font-size: 12px; color: #fff; }
            .line { clear: both; height: 3px; width: 647px; border-bottom: 3px solid #e0e0e0; }
            
            /* ### PAGE BOX ### */
            .pageBox { width: 647px; height: 33px; background: url('../img/pageBg.gif') repeat-x; }
            .pageBox ul { overflow: hidden; width: 647px; list-style: none; }
            .pageBox li { float: left; display: inline; }
            .pageBox li.volgende, .pageBox li.laatste { float: right; }
            .pageBox li a { padding: 0px 10px 0px 10px; display: block; float: left; height: 33px; line-height: 33px; text-decoration: none; color: #fff; background: url('../img/pageLi.gif') repeat-x; }
            .pageBox li a:hover { text-decoration: underline; }
            .pageBox li.vorige a { background: url('../img/vorigeBg.gif') no-repeat right top; }
            .pageBox li.volgende a { background: url('../img/volgendeBg.gif') no-repeat left top; }
        
        /* ### RIGHT CONTAINER ### */
        #rightCntr { padding-top: 33px; float: right; width: 206px; }
            
            /* ### POP BOX ### */
            .popBox { width: 206px; }
            .popBox h3 { padding-left: 10px; height: 33px; line-height: 33px; font-size: 15px; font-weight: normal; color: #fff; background: url('../img/titlePink.gif') repeat-x; }
            .popBox ul { list-style: none; }
            .popBox li { padding: 0px 5px 0px 10px; overflow: hidden; width: 191px; height: 42px; line-height: 42px; color: #d51212; }
            .popBox li.dark { background-color: #e9f0f5; }
            .popBox li a { margin-top: 8px; display: block; float: right; width: 58px; height: 26px; line-height: 26px; text-align: center; text-decoration: none; color: #fff; background: url('../img/buttonPink.png') no-repeat; }
            .popBox li a:hover { text-decoration: underline; }
            
            /* ### AANB BOX ### */
            .aanbBox { width: 206px; }
            .aanbBox h3 { padding-left: 10px; height: 33px; line-height: 33px; font-size: 15px; font-weight: normal; color: #fff; background: url('../img/titleBlue.gif') repeat-x; }
            .aanbBox ul { list-style: none; }
            .aanbBox li { padding: 0px 5px 0px 10px; overflow: hidden; width: 191px; height: 42px; line-height: 42px; color: #1d96e7; }
            .aanbBox li.dark { background-color: #e9f0f5; }
            .aanbBox li a { margin-top: 8px; display: block; float: right; width: 58px; height: 26px; line-height: 26px; text-align: center; text-decoration: none; color: #fff; background: url('../img/buttonBlue.png') no-repeat; }
            .aanbBox li a:hover { text-decoration: underline; }
            
            /* ### BEOR BOX ### */
            .beorBox { width: 206px; }
            .beorBox h3 { padding-left: 10px; height: 33px; line-height: 33px; font-size: 15px; font-weight: normal; color: #fff; background: url('../img/titlePurple.gif') repeat-x; }
            .beorBox ul { list-style: none; }
            .beorBox li { padding: 0px 5px 0px 10px; overflow: hidden; width: 191px; height: 42px; line-height: 42px; color: #d51212; }
            .beorBox li.dark { background-color: #e9f0f5; }
            .beorBox li a { margin-top: 8px; display: block; float: right; width: 58px; height: 26px; line-height: 26px; text-align: center; text-decoration: none; color: #fff; background: url('../img/buttonPurple.png') no-repeat; }
            .beorBox li a:hover { text-decoration: underline; }
            
            /* ### LINK BOX ### */
            .linkBox { width: 206px; }
            .linkBox h3 { padding-left: 10px; height: 33px; line-height: 33px; font-size: 15px; font-weight: normal; color: #fff; background: url('../img/titleOrange2.gif') repeat-x; }
            .linkBox ul { list-style: none; }
            .linkBox li { padding: 0px 5px 0px 10px; overflow: hidden; width: 191px; height: 42px; line-height: 42px; color: #f4763f; }
            .linkBox li.dark { background-color: #e9f0f5; }
            .linkBox li a { margin-top: 8px; display: block; float: right; width: 58px; height: 26px; line-height: 26px; text-align: center; text-decoration: none; color: #fff; background: url('../img/buttonOrange2.png') no-repeat; }
            .linkBox li a:hover { text-decoration: underline; }
    
            /* ### NEW ### */
            #contentInformation { }
            #contentInformation div.pic { float: left; padding: 5px 8px 0 0; }
                #contentInformation div.pic img { width: 200px; }
            #contentInformation div.text { width: 530px; float: left; padding: 3px 8px 0 0; }
                .text h2,h1 { color: #568e0a; font-size: 14px; margin-bottom: 5px; }
            #contentInformation div.price { float: right; margin-bottom: 10px; }
            .price div.star { background: #ffffff url('../img/boekenStar.png') no-repeat; padding: 30px 0px; width: 80px; height: 15px; text-align: center; font-weight: bold; color: #ffffff; }
            .price div.boekbij { margin-right: 5px; margin-top: 12px; }
                .price div.boekbij .header, .price div.boekbij .gotoheader { text-align: center; background: #ffffff url('../img/boekbijHeader.png') no-repeat; width: 80px; height: 14px; color: #ffffff; font-size: 11px; font-weight: bold; padding: 3px 0px 3px 0px; }
                .price div.boekbij .gotoheader { background: #ffffff url('../img/ganaarHeader.png') no-repeat; }
                .price div.boekbij .gotoheader a { color: #fff; text-decoration: none; }
                .price div.boekbij .gotoheader a:hover { text-decoration: underline; }
                .price div.boekbij img { border: 1px solid #d51212; width: 78px; }
                
            #contentAanbieders { clear: both; border-top: 1px solid #d8e6ec; border-bottom: 1px solid #d8e6ec; background-color: #eaf0f5; padding: 5px; margin-top: 8px; width: 827px; height: 50px; margin-bottom: 8px; }
                #contentAanbieders div { padding: 15px 0; float: right; }
                #contentAanbieders img { float: right; margin-left: 10px; width: 60px; border: 1px solid #f4f6f5; }
            
            #maps { overflow: hidden; width: 505px; margin-right: 8px; margin-bottom: 8px; }    
                #maps h3 { padding-left: 10px; height: 33px; line-height: 33px; font-size: 15px; font-weight: normal; color: #fff; background: url('../img/titleBlue.gif') repeat-x; }
                #map { overflow: hidden; }
            #fotos { width: 325px; float: right; margin-right: 6px; margin-bottom: 8px; }
                #fotos .fotoGroot { }
                #fotos .fotoGroot #loadericon { margin-bottom: 93px; margin-top: 92px; margin-left: 146px; }
                #fotos .fotoGroot img { }
                #fotos h3 { padding-left: 10px; height: 33px; line-height: 33px; font-size: 15px; font-weight: normal; color: #fff; background: url('../img/titlePink.gif') repeat-x; }
                #fotos .fotoSlider { border-top: 1px solid #d8e6ec; border-bottom: 1px solid #d8e6ec; background-color: #eaf0f5; padding: 10px 0; }
                    div.fotoSlider .leftBtn { float: left; }
                    div.fotoSlider .rightBtn { float: right; }
                    div.fotoSlider .leftBtn, div.fotoSlider .rightBtn { height: 16px; width: 8px; padding: 15px 5px; }
                    div.thumbs img { width: 60px; height: 40px;; float: left; margin: 6px; }
            
            #laatstbekeken { margin-bottom: 8px; }
            #laatstbekeken h3 { padding-left: 10px; height: 33px; line-height: 33px; font-size: 15px; font-weight: normal; color: #fff; background: url('../img/titlePurple.gif') repeat-x; }
                #laatstbekeken div.block1 { padding: 5px; width: 269px; float: left; background: #eaf0f5; }
                #laatstbekeken div.block2 { padding: 5px; width: 269px; float: left; }
                #laatstbekeken div.block1 span, #laatstbekeken div.block2 span { color: #568E0A; font-size: 11px; font-weight: bold; }
                    #laatstbekeken div.block1 img, #laatstbekeken div.block2 img { width: 80px; height: 60px; float: left; margin-right: 5px; }
                    div.block1 .btn a, div.block2 .btn a { margin-top: 34px; display: block; float: right; width: 58px; height: 26px; line-height: 26px; text-align: center; text-decoration: none; color: #fff; background: url('../img/buttonPurple.png') no-repeat; }
                    div.block1 .btn a:hover, div.block2 .btn a:hover { text-decoration: underline; }
        
    /* ### FOOTER CONTAINER ### */
    #footerCntr { padding-bottom: 20px; overflow: hidden; width: 999px; font-size: 10px; color: #fff; }
    #footerCntr p { margin-left: 10px; padding-left: 20px; float: left; display: inline; width: 202px; height: 29px; line-height: 25px; background: url('../img/footerL.png') no-repeat; }
    #footerCntr ul { margin-right: 10px; float: right; overflow: hidden; width: 221px; height: 31px; list-style: none; background: url('../img/footerR.png') no-repeat; }
    #footerCntr li { padding-right: 23px; float: right; display: inline; height: 31px; line-height: 26px; }
    #footerCntr a { text-decoration: none; color: #fff; }
    #footerCntr a:hover { text-decoration: underline; }
    
    .pagetitle { color:#568e0a; font-size:14px; margin-bottom:5px; }
    
    #moreinfolink { width: 70px; float: right; clear: both; display: block; padding-left: 10px; color: #d51212; outline: none; padding-bottom: 5px; background: url('../img/arrow.gif') no-repeat; }
    
    #moreinfolink:hover { text-decoration: none; }
    
    #gotobutton { margin-right: 15px; margin-top: 5px; display: block; float: right; width: 58px; height: 26px; line-height: 26px; text-align: center; text-decoration: none; color: #fff; background: url('../img/buttonPurple.png') no-repeat; }
    #gotobutton:hover { text-decoration: underline; }
    
    #supplierbutton { text-decoration: none; background:#FFFFFF url("../img/titleOrange2.gif") repeat-x scroll bottom left; border:1px solid #D51212; color:#FFFFFF; float:right; font-size:11px; font-weight:bold; padding:4px 5px; text-align:center; width:215px; }
    #supplierbutton:hover { text-decoration: underline; }
    
    #legenda { height: 60px; }
    #legenda p img { float: left; margin-right: 10px; }
    #legenda p { width: 170px; margin-bottom: 5px; display: inline; float: left; }