
html
{
    color: #323232;
    background-color: #FFFFFF;
}

.label
{
    color: #888888;
}

#prodnav .label
{
    padding-left: 3px;
}

a:focus
{
    outline: none;
}

a.selected
{
    font-weight: bold;
}
a.extern
{
    line-height: 26px;
    color: #666;
    width: 160px;
    background: url(./img/bloemistexclusief.png?t=2207080923) no-repeat left top;
    display: inline-block;
    height: 57px;
    cursor: default;
}
a.extern:hover
{
    cursor:pointer;
}
#header
{
    color: #eee;
    background: url(../Florisoft/img/florisoftlogo.png?t=2207080923) no-repeat bottom left;
    height: 70px;
    margin: 0px 25px;
}

body.small #header
{
    margin: 0px 5px;
}

#mainnav
{
    left: auto;
    top: 3px;   
    height: auto; 
    right: 29px;
    text-align: right;
}

body.small #mainnav
{
    right: 9px;
}

.AanvoerInvoer > #content{
    overflow-y:hidden;
}

.aanvoer{
    overflow-y:hidden;
    height:65vh;
    padding-bottom:32px;
}

.AanvoerOverzicht > #content{
    overflow-y:hidden;
}

#fixedheader {
    position: fixed;
    left: 300px;
}
.aanvoerregels-wrapper{
    overflow-y:auto;
    max-height:65vh;
}
body.small #fixedheader 
{
    position: fixed;
    left: 200px;
}


#accountnav
{
    position: absolute;
    left: auto;
    top: 50px;   
    height: auto; 
    right: 29px;
    text-align: right;
    
    color: #323232;
}

body.small #accountnav
{
    right: 9px;
}

@media all and (min-height: 2px) 
{
    #prodnav
    {
        top: 110px;
        width: 200px;
        margin: 0px 50px;
        padding-top: 21px;
        background: url() no-repeat left bottom;
    }
}

#prodnav
{
    top: 110px;
    width: 200px;
    margin: 0px 50px;
    padding-top: 21px;
}

body.small #prodnav
{
    width: 190px;
    margin: 0px 5px;
}

form.Service #prodnav
{
    width: 0px;
}

#prodnav .header
{
    font-size: 16px;
    font-weight: bold;
    padding-top:21px;
}

#prodnav .header2
{
    font-size: 14px;
    font-weight: bold;
}

#content
{
    top: 131px;
    left: 300px;
}

body.small #content
{
    left: 200px;
}

form.Service #content
{
    left: 0px;
    margin: 0px 0px;
    padding: 0 50px;
}

body.small form.Service #content
{
    margin: 0px 0px;
    padding: 0 10px;
}

#mainnav span
{
    margin-left: 11px;
    color: #545454;
}

#mainnav a:hover
{
    color: #000000;
    border-bottom: #000 2px solid;
}

#mainnav span:first-child
{
    margin-left: 0px;
}

#mainmenu
{
    margin: 0px 25px 0px 25px;
    height: 40px;
    background: url(../Florisoft/img/mainmenu-middle.png?t=2207080923) repeat-x top left;
    color: #FFFFFF;
    padding-top: 6px;
}

body.small #mainmenu
{
    margin: 0px 5px 0px 5px;
}

#mainmenu ul
{
    list-style-type: none;
}

#mainmenu>.left
{
    float: left;
    height: 40px;
    width: 15px;
    margin-top: -6px;
    background: #FFFFFF url(../Florisoft/img/mainmenu-left.png?t=2207080923) no-repeat top left;
}

#mainmenu>.right
{
    float: right;
    height: 40px;
    min-width: 15px;
    background: #FFFFFF url(../Florisoft/img/mainmenu-right.png?t=2207080923) no-repeat top right;
    margin-top: -6px;
}

#mainmenu>.right .flogo
{
    width: 40px;
    height: 40px;
    background: Transparent url(../Florisoft/img/florisoftnano2.png?t=2207080923) no-repeat 6px 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=66)";
    opacity: 0.66;
}
#mainmenu>.right a:hover .flogo
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
}

#mainmenu #partijZoek
{
    float: right;
}

#mainmenu>div>span
{
    line-height: 28px;
}

#mainmenu>div>ul
{
    line-height: 28px;
}

#mainmenu #menuPartijAantal .body
{
    width: auto;    
}

#mainmenu #menuPartijAantal .aantal
{
    display: inline-block;
    width: 33px;
    text-align: right;
}

.list-fixed-header-content
{
    }

body.small .list-fixed-header-content
{
    }

#aanbiedingnav
{
    }

.combobox
{
    color: Black;
}

.combobox .dropdowntrigger
{
    border: 0px;
    background-color: Transparent;
    background-image: url(../Florisoft/img/combo2-left.png?t=2207080923);
    background-repeat: no-repeat;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 26px;
    font-weight: bold;
}

.combobox:hover .dropdowntrigger
{
    background-image: url(../Florisoft/img/combo2-left-hover.png?t=2207080923);
}

.dropdowntrigger>span
{
    line-height: 26px;
    padding-left: 11px;
}

#productgroepnav
{
    margin-top: 5px;
}

#productgroepnav .dropdowntrigger
{
    }

#productgroepnav .productgroeplist ul
{
    padding: 0px 0px 0px 14px;
}

#productgroepnav .productgroeplist li.selected
{
    font-weight:bold;
}

.menupopup
{
    font-size: 15px;
    line-height: normal;
    }

.menupopup.rightalign
{
    margin-left: 5px;
}

.menupopup td
{
    vertical-align: top;
}

.menupopup ul
{
    padding: 3px 3px 3px 3px;
    white-space:nowrap;
}

.menupopup li>a
{
    width: 210px;
    display: block;
    color: #545454;
    }

#cbKlant .menupopup li>a
{
    width: 380px;
}

.autowidth.menupopup li>a
{
    width: auto;
    min-width: 100px;
}

.autowidth.menupopup li>a
{
    padding-left: 21px;
}

.menupopup li>span
{
    width: 200px;
    display: block;
    color: #545454;
    padding: 1px 3px 1px 3px;  
}

.menupopup li:hover a, .menupopup li.selected a
{
    color: #000000;
    background-color: #FFFFFF;
}

.menupopup a
{
    display: block;
    padding: 1px 3px 1px 3px;
}

.menupopup li input
{
    width: 200px;
}

.menupopup li .icon
{
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: Red;
    float: right;
}

.menupopup.rightalign li .icon
{
    position: absolute;
    left: 6px;
}

.menupopup .icon.close
{
    background: url(../Florisoft/img/combo-close.png?t=2207080923) no-repeat top left;
}

.menupopup li:hover .icon.close
{
    background: url(../Florisoft/img/combo-close-hover.png?t=2207080923) no-repeat top left;
}

.verwijderfilter
{
    display: none;
}

.active .verwijderfilter
{
    display: inherit;
}

.dropdownitem
{
    font-weight: normal;
}

.combobox .combobox-buttons
{
    float: right;
    width: 26px;
    height: 26px;
    background: #FFFFFF url(../Florisoft/img/combo2-arrow-light.png?t=2207080923) no-repeat top right;
}

.combobox:hover .combobox-buttons
{
    background: #FFFFFF url(../Florisoft/img/combo2-arrow.png?t=2207080923) no-repeat top right;
}

.combobox .combocontainer
{
    padding-right: 28px;
    margin-right: 5px;
    background-image: url(../Florisoft/img/combo-arrow-light.png?t=2207080923);
    background-repeat: no-repeat;
    background-position: top right;
}

.combocontainer:hover
{
    background-image: url(../Florisoft/img/combo-arrow.png?t=2207080923);
}

.combocontainer:hover .novalue
{
    color: Black;
}

.combobox .dropdownitem
{
    }

.dropdownitem td
{
    padding: 0px;
}

.combobox ul
{
    padding: 3px;
}

#tijdnogopen
{
    padding-left: 3px;
    font-size: 12px;
    height: 21px;
    line-height: 21px;
}

#tijdnogopen .label
{
    color: #888888;
}

#tijdnogopen .value
{
    color: #323232;
}

.menupopup .body
{
    background-color: Transparent;
    overflow: auto;
}

.menupopup .top
{
    border-top: solid 1px #C3C3C3;
    height: 1px;
    margin: 0px;
}

#aanbiedingnav
{
    padding-top: 21px;
}

#aanbiedingnav ul
{
    padding: 0px 0px 0px 14px;
}


#artikelgroepnavigatie ul
{
    padding: 0px 0px 0px 14px;
}
#artikelgroepnavigatie li.selected
{
    font-weight:bold;
}
#voorraadnav li.selected
{
    font-weight: bold;
}


#VoorraadGroepnav li.selected
{
    font-weight: bold;
}

#aanbiedingnav li.selected
{
    list-style-type: circle;
    font-weight: bold;
}

.combobox a:hover
{
    background-color: #FFFFFF;
    color: #000000;
}

#mainmenu .label
{
    color: #BBBBBB;
}

#mainmenu .input.toolbar .body
{
    background: url(../Florisoft/img/toolbar-back.png?t=2207080923) no-repeat top left;
    height: 27px;
    float: left;    
}

#mainmenu .search.toolbar .right
{
    float: right;
    height: 27px;
    background: url(../Florisoft/img/toolbar-back.png?t=2207080923) no-repeat top right;
    clear: both;
}

#mainmenu div.input input
{
    margin-top: 4px;
    border: 0px;
    background: transparent;
    background: url(../Florisoft/img/search2.png?t=2207080923) no-repeat left center;
    width: 85px;
    padding-left:21px;
}

#mainmenu div.input input:focus
{
    outline: none;
}

#mainmenu .toolbar
{
    height: 26px;
    line-height: 26px;
}

#mainmenu .toolbar>.body
{
    background: url(../Florisoft/img/toolbar-back.png?t=2207080923) no-repeat left -26px;
    padding-left: 5px;

    float: left; 
    margin-left: 21px;
}

#mainmenu .toolbar.first>.body
{
    margin-left: 0px;
}

body.small #mainmenu .toolbar>.body
{
    margin-left: 5px;
}

#mainmenu .toolbar>.right
{
    float: right;
    width: 6px;
    height: 27px;
    background: url(../Florisoft/img/toolbar-back.png?t=2207080923) no-repeat right -26px;
    clear: both;
}

#mainmenu #lijstkeuze li.selected a>div, #mainmenu #lijstkeuze a>div:hover
{
    background: url(../Florisoft/img/toolbar-middle-darkhover.png?t=2207080923) no-repeat top right;
}

#mainmenu #lijstkeuze li>a
{    
    width: 27px;
}

#mainmenu #lijstkeuze .type1>a
{
    background: url(../Florisoft/img/toolbar-lijst1.png?t=2207080923) no-repeat center center;
}

#mainmenu #lijstkeuze .type2>a
{
    background: url(../Florisoft/img/toolbar-lijst2.png?t=2207080923) no-repeat center center;
}

#mainmenu #lijstkeuze .type3>a
{
    background: url(../Florisoft/img/toolbar-lijst3.png?t=2207080923) no-repeat center center;
}

#mainmenu .toolbar>.body>ul>li
{
    display: inline-block;
}

#mainmenu .toolbar>.body>ul>li>a
{
    display: inline-block;
    height: 27px;
}

#mainmenu .toolbar>.body ul>li
{
    padding: 0 3px 0 3px;
}

#mainmenu .toolbar>.body li.selected, #mainmenu .toolbar>.body li:hover
{
    background: url(../Florisoft/img/toolbar-middle-darkhover.png?t=2207080923) repeat-x top left;
}

#mainmenu #filterkeuze
{
    float: right;
}

#filterkeuze .toolbar
{
    float: left;
}

#filterkeuze .toolbar>.right
{
    width: auto;
}

#filterkeuze .toolbar>.body
{
    margin-left: 11px;
}

#filterkeuze .body li>a
{
    text-align: right;
}

#filterkeuze .count
{
    font-size: 11px;
    color: #888;
    display: inline-block;
    width: 27px;
}

#mainmenu a:focus
{
    outline-style: none;
}

#mainmenu .toolbar .toolbutton
{
    float: right;
}

#filterkeuze .toolbar .right
{
    background: url(../Florisoft/img/toolbar-combo-right-arrow.png?t=2207080923) no-repeat top right;
    width: 20px;
}

#filterkeuze .toolbar>.body
{
    background: url(../Florisoft/img/toolbar-combo-left.png?t=2207080923) repeat-x top left;
}

#filterkeuze .toolbar>.body>div
{
    float: left;
}

#filterkeuze>.active>.body, #filterkeuze .toolbar:hover>.body
{
    background: url(../Florisoft/img/toolbar-combo-left-hover.png?t=2207080923) repeat-x top left;
}

#filterkeuze>.active .right, #filterkeuze .toolbar:hover .right
{
    background: url(../Florisoft/img/toolbar-combo-right-hover-arrow.png?t=2207080923) no-repeat top right;
}

#mainmenu .toolbar a.toolbutton
{
    display: inline-block;
    line-height: 26px;
    width: 18px;
    height: 26px;
    visibility: hidden;
}

#mainmenu .toolbar.active a.toolbutton
{
    cursor: pointer;
    background: url(../Florisoft/img/combo-close.png?t=2207080923) no-repeat 1px center;
    visibility: visible;
}

#mainmenu .toolbar.active a.toolbutton:hover
{
    background: url(../Florisoft/img/combo-close-hover.png?t=2207080923) no-repeat 1px center;
}

.layout2
{
    color: #888888;
}

.layout2 .foto
{
    display: inline-table;
    float: left;
    width: 160px;
    height: 160px;
    margin-right: 10px;
    text-align: center;
}

.layout2 .foto img
{
    }

.foto a
{
    font-size: 0px;
    line-height: 0px;
}

.layout2 .foto td
{
    padding: 0px;
    margin: 0px;
    }

.layout2 .omschrijving
{
    color: #434343;
    font-weight: bold;
    font-size: 13px;
    padding-top: 5px;
}

.layout2 .omschrijving span
{
    font-size: 10px;
    font-weight: normal;
}

.layout2 .omschrijving a:hover
{
    color: #000000;
    text-decoration: underline;
}

.layout2 .foto .fotohulp
{
    display: table-cell;
    height: 160px;
    vertical-align: middle;
    }

table.fotohulp
{
    }

.layout2 .kenmerk
{
    margin-left: 170px;
}

table.fotohulp td.shadow>span
{
    display: inline-block;
    float: right;
    width: 67px;
    height: 7px;
    background: url(../Florisoft/img/foto-shadow-right.png?t=2207080923) no-repeat right bottom;
}

.foto-shadow-left
{
    height: 6px;
    background: url(../Florisoft/img/foto-shadow2-left.png?t=2207080923) no-repeat left bottom;
    text-align: left;
    width:50%;
    float:left;
}

.foto-shadow-right
{
    float: left; 
    height: 6px; 
    width: 50%;
    background: url(../Florisoft/img/foto-shadow2-right2.png?t=2207080923) no-repeat bottom right;
}

.gridrow .foto-shadow-right
{
    background-color: transparent;
}

.nogniettekoop 
{
    background-color: #d3d3d3;
}


.detail .foto-shadow-left
{
    width:100%;
    height: 10px;
    background: url(../Florisoft/img/foto-shadow-big-left.png?t=2207080923) no-repeat left bottom;
}

.detail .foto-shadow-right
{
    float: right; height: 10px; width: 149px;
    background: #FFFFFF url(../Florisoft/img/foto-shadow-big-right.png?t=2207080923) no-repeat bottom right;
}

.layout2 .beschikbaarheid{
    height:17px;
    color:#6495ed;
    font-weight:bold;
}

.layout2 td.shadow
{
    height: 7px;
    background: url(../Florisoft/img/foto-shadow-right.png?t=2207080923) no-repeat left bottom;
}

.layout2 td
{
    min-width: 55px;
    font-size: 12px;
    padding-bottom: 3px;
}

@-moz-document url-prefix() {
    .layout2 table td {
        padding-bottom: 1px;
    }
}

.layout2 td.label
{
    padding-right: 3px;
}

.layout2 .value
{
    color: #323232;
    min-width: 30px;
}

.layout2 .kort td.value
{
    text-align: right;
}

.layout2 .sort td.value
{
    text-align: left;
}

.layout2 .kenmerken.kort
{
    position: absolute;
    margin-left: 0px;
}

.layout2 .kenmerken.lang
{
    margin-left: 0px;
    margin-top: 83px;
}

.layout2 .kenmerken table
{
    margin-left: 15px;
}

.layout2 .kenmerken.kort table
{
    float: left;
}

.layout2 .kenmerken table:first-child
{
    margin-left: 0px;
}

.layout2 .kenmerken table.sort td:first-child
{
    min-width: 75px;
}

.layout2 .prijs
{    
    font-size: 18px;
    font-weight: bold;
    color: #444;
    margin-bottom: 0px;   
}

.layout2 .prijzen
{
    font-size: 12px;
    font-weight: normal;
}

.layout2 .prijzen .vanaf
{
    color: #888888;
}

.layout2 .prijzen .minprijs
{
    padding-left: 11px;
}

.bedrag
{
    text-shadow: 1px 2px 2px #C9C9C9;
}

.layout2 .valuta
{
    font-weight: normal;
    font-size: 14px;
    vertical-align: 1px;
    padding-right: 2px;
}

.layout2
{
    border-bottom: dotted 1px #ddd;
    height: 162px;
    margin: 0px 10px 0px 5px;
}

.layout2 .soort
{
    position: absolute;
    margin-top: 5px;
    margin-left: 330px;
    width: 150px;
    text-align: right;
    font-size: 18px;
    font-weight: bold;
    line-height: 12px;
}

.layout2 .soort.bestel
{
    margin-left: 235px;
}

.layout2 .soort div:first-child
{
    text-shadow: 1px 2px 2px #ddccb5;
}

.layout2 .opmerking
{
    color: #444;
    font-size: 10px;
    font-weight: normal;
    padding-top: 2px;
}

.item.aanbieding .soort
{
    color: #F5003D;
}

.item.interessant .soort
{
    color: #000099;
}

.item.exclusief .soort
{
    color: #006600;
}
.item.superdeal .soort
{
    color: #F5CF05;
}
.item.restant .soort
{
    color: #000;
}



.item.MK1___ .soort
{
    color: #FF0080;
}

.item.MK3___ .soort
{
    color: #FF0000;
}

.item.MKA___ .soort
{
    color: #FF0080;
}

.item.MKD___ .soort
{
    color: #008040;
}

.item.MKF___ .soort
{
    color: #FF8080;
}

.item.MKH___ .soort
{
    color: #FF8040;
}

.item.MKJ___ .soort
{
    color: #000000;
}

.item.MKK___ .soort
{
    color: #000000;
}

.item.MKP___ .soort
{
    color: #0000FF;
}

.item.MKR___ .soort
{
    color: #000000;
}

.item.MKs___ .soort
{
    color: #0080FF;
}

.item.MKY___ .soort
{
    color: #0000FF;
}

.item.MKZ___ .soort
{
    color: #808080;
}


.gridrow .foto2, .layout2 .foto2
{
    float: left;
}

.gridrow .foto2 img, .layout2 .foto2 img
{
    cursor: pointer;
    padding: 1px 1px 0px 1px;
    border: solid 1px #EEEEEE;
    max-height: 153px;
    max-width: 153px;
    background-color: White;
}

.fotoblur{
    opacity:0.15;   
    filter:alpha(opacity=15);   
}

.gridrow .foto2 img
{
    max-height: 73px;
    max-width: 73px;
}

.gridrow .foto2 img.horiext
{
    width: 75px;
}
.gridrow .foto2 img.vertext
{
    height: 75px;
}

.layout2 .foto2 img.horiext
{
    width: 153px;
}

.layout2 .foto2 img.vertext
{
    height: 153px;
}

.layout2 .foto2>div
{
    display: inline-table; width: 160px; height: 160px; text-align: center;
}

.gridrow .foto2>div
{
    display: inline-table; width: 80px; height: 81px; text-align: center;
}

.gridrow .foto2>div>div, .layout2 .foto2>div>div
{
    display: table-cell; vertical-align: middle;
}

.gridrow .foto2>div>div>div, .layout2 .foto2>div>div>div
{
    display: inline-block;
}

.layout2 .besteld
{
    margin-left: 5px;
    padding-left: 12px;
    font-size: 14px;
    font-weight: normal;
    background: url(img/winkelwagen.png?t=2207080923) no-repeat center left;
}

.layout2 .fototype
{
    position: absolute;
    display: none;
    color: #AAAAAA;
    margin-top: 11px;
    margin-left: 5px;

    font-size: 10px;
    letter-spacing: 1px;
    
    z-index: 99;
}

.layout2 .fototype.Live
{
    display: block;
}

.layout2 .input
{
    width: 35px;
    line-height: normal;
    position:relative;
    left:420px;
    top:-90px;
}

.layout2 .input input
{
    width: 35px;    
}

.active .item
{
  
}




.layout3 .fototype
{
    position: absolute;
    display: none;
    color: #aaa;
    margin-top: -15px;
    margin-left: 10px;
    font-size: 10px;
    letter-spacing: 1px;
    z-index: 99;
}

.layout3.verticaal .fototype
{
    margin-top: 10px;
    margin-left: -23px;
}

.layout3 .fototype.Live
{
    display: block;
}

.layout3 .foto img.horiext
{
    width: 225px;
}

.layout3 .foto img.vertext
{
    height: 224px;
}

.layout3 .soort
{
    position: absolute;
    margin-top: 225px;
    width: 270px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 12px;
    margin-bottom: 5px;
    
    text-shadow: 1px 2px 2px #C9C9C9;
}

.layout3 .prijzen .minprijs
{
    padding-left: 11px;
}
.layout3 .prijzen
{
    font-size: 12px;
    font-weight: normal;
    color: #888888;
    min-height:20px;
}
.layout3.verticaal .soort>div
{
    height: 100%;
    vertical-align: bottom;
    display: table-cell;
}

.layout3.verticaal .soort span
{
    
}

.layout3.verticaal .soort
{
    display: table;
    margin-top: 30px;
    width: 14px;
    height: 215px;
    line-height: 13px;
    margin-left: 20px;
    vertical-align: bottom;
}

.item .foto img
{
    cursor: pointer;
    padding: 2px 2px 1px 2px;
    border: solid 1px #eee;
    z-index: 9;
    background-color: White;
}

.item .foto .foto4
{
    max-height: 219px;
    max-width: 219px;
}

.item .foto .foto1
{
    max-height: 450px;
    max-width: 450px;
}


.item .foto>div
{
    display: inline-table;
    text-align: center;
}

.item.layout3 .foto>div
{
    width: 260px;
    height: 251px;
}

.item .foto>div>div
{
    display: table-cell;
    vertical-align: middle;
}

.item .foto>div>div>div
{
    display: inline-block;
}

.layout3 .sub
{
    text-align: center;
}

.layout3 .prijs
{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #434343;
    display: inline-block;
    padding-right: 5px;
}

.layout3 .gebrokenprijs
{
    color: Red;
    font-weight: bold;
}

.layout3 .valuta
{
    font-weight: normal;
    font-size: 14px;
    vertical-align: 1px;
    padding-right: 2px;
}

.layout3 .omschrijving
{
    display: inline-block;
    text-align: left;
    height: 22px;
    margin-top: 4px;
    
    text-align: center;
    color: #434343;
    font-weight: bold;
    font-size: 13px;
    max-width : 180px;
}

.layout3 .omschrijving span
{
    font-size: 10px;
    font-weight: normal;
}

.layout3 .omschrijving a:hover
{
    color: #000000;
    text-decoration: underline;
}

.layout3
{
    border-bottom: dotted 1px #DDDDDD;
    margin: 0px 5px 0px 5px;
    padding-top: 5px;
}

.layout3 .kenmerken.kort table
{
    float: left;
}

#itemPopup
{
    padding: 5px;
    background-color: #F8F8F8;
    border: solid 1px #AAAAAA;
    color: #888888;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
    -moz-box-shadow: rgba(0,0,0,0.2) 2px 2px 2px;
    -webkit-box-shadow: rgba(0,0,0,0.2) 2px 2px 2px;
    
    min-width: 180px;
    z-index: 101;    
    border-radius: 5px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=125,strength=4);
    
    font-size: 12px;
}

#itemPopup .prijzen
{
    margin-top: 9px;
}

#itemPopup .prijzen .prijs
{
    padding-left: 9px;
}

#itemPopup .prijzen .valuta
{
    padding-right: 3px;
}

.right .layout3 > .popup
{
    margin-left: -100px;
}

#itemPopup .kenmerken
{
    clear: both;
}

#itemPopup .kenmerken.kort table
{
    float: left;
    margin-bottom: 9px;
}

#itemPopup .kenmerken td
{
    min-width: 55px;
    padding-bottom: 3px;
}

#itemPopup .kenmerken td.label
{
    padding-right: 3px;
}

#itemPopup .kenmerken .value
{
    color: #323232;
    min-width: 30px;
}

.layout3 .besteld
{
    margin-left: 1px;
    margin-bottom: 9px;
    padding-left: 12px;
    font-size: 14px;
    font-weight: normal;
    background: url(img/winkelwagen.png?t=2207080923) no-repeat center left;
    color: #444;
}

.formpopup .shadow-one { position: absolute; padding-top: 70px; padding-left: 70px; }
.formpopup .corner-a { position: absolute; right: 0; top: 0; width: 70px; height: 70px; background: url(../Florisoft/img/formshadow.png?t=2207080923) right top no-repeat; }
.formpopup .corner-b { position: absolute; left: 0; bottom: 0; width: 70px; height: 70px; background: url(../Florisoft/img/formshadow.png?t=2207080923) left bottom no-repeat; }
.formpopup .shadow-two { background: url(../Florisoft/img/formshadow.png?t=2207080923) right bottom no-repeat; }
.formpopup .shadow-three { position: relative; left: -70px; top: -70px; background: url(../Florisoft/img/formshadow.png?t=2207080923) left top no-repeat; }
.formpopup .shadow-four { position: relative; left: 35px; top: 35px; }

.formpopup.partijdetail > div > div > div > div > .content
{
    width: 908px;
    height: 520px;
}

.formpopup .buttons
{
    position: absolute;
    bottom: 10px;
    right: 0px;
    width: 410px;
    padding-right: 10px;
    text-align: right;
}

.dropdownitem .shadow-one { position: absolute; padding-top: 10px; padding-left: 6px; padding-bottom: -10px; margin-top: -1px; }
.dropdownitem .corner-a { position: absolute; right: 0; top: 0; width: 10px; height: 10px; background: url(../Florisoft/img/dropdown-shadow2.png?t=2207080923) right top no-repeat; }
.dropdownitem .corner-b { position: absolute; left: -4px; bottom: 0; width: 10px; height: 10px; background: url(../Florisoft/img/dropdown-shadow2.png?t=2207080923) left bottom no-repeat; }
.dropdownitem .shadow-two { background: url(../Florisoft/img/dropdown-shadow2.png?t=2207080923) right bottom no-repeat; }
.dropdownitem .shadow-three { position: relative; left: -10px; top: -10px; background: url(../Florisoft/img/dropdown-shadow2.png?t=2207080923) left top no-repeat; }
.dropdownitem .shadow-four { position: relative; left: 10px; top: 0px; padding-right: 10px }

.item.detail .foto>div
{
    width: 450px;
    height: 480px;
}

.item.detail
{
    padding: 10px 10px;
}

.detail .fototype
{
    z-index: 99;
    padding-top: 3px;
    padding-left: 11px;
}

.detail .foto
{
    width: 470px;
    }

.detail .foto img
{
    cursor: pointer;
}

.detail .foto img.horiext
{
    width: 450px;
}

.detail .foto img.vertext
{
    height: 450px;
}

.item.detail .foto>div>div
{
    display: table-cell;
    }

.detail .fotoalts
{
    margin-top: 17px;
    font-size: 12px;
    width:200px;
    float:left;
}

.detail .fotoalt img.alt
{
    max-width: 77px;
    max-height: 77px;
    padding: 1px;
    border: solid 1px #eee;
    cursor: pointer;
}

.detail .fotoalt img.alt:hover
{
    border-color: #333;
}

.detail .partijTekst{
    margin-top: 17px;
    width: 200px;
    float:left;
}
.detail .partijTekst .value{
    color:red;
    font-weight:bold;
}

.detail .omschrijving
{
    color: #444;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    height: 23px;
    padding-top: 3px;
    border-top: solid 1px #EEEEEE;
    border-bottom: solid 1px #DDDDDD;
    
    background-color: #F8F8F8;
    background: -moz-linear-gradient(#FFFFFF, #E9E9E9);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FFFFFF), color-stop(1.0, #E9E9E9));
    text-shadow: 1px 1px 1px #FFFFFF;
}

.item.detail
{
    color: #888888;
}

.detail .kenmerken td
{
    min-width: 55px;
    font-size: 14px;
    padding-bottom: 3px;
}

.item.detail td.label
{
    padding-right: 3px;
    vertical-align: top;
}

.detail .value
{
    color: #323232;
    min-width: 30px;
}

.detail .kort td.value
{
    text-align: right;
}

.item.detail .sort td.value
{
    text-align: left;
    max-width: 180px;
}

.item.detail .kenmerken.kort
{
    margin-left: 0px;
}

.item.detail .kenmerken.lang
{
    clear: both;
    padding-top: 11px;
}

.item.detail .kenmerken table
{
    margin-left: 15px;
}

.item.detail .kenmerken.kort table
{
    float: left;
}

.item.detail .kenmerken table:first-child
{
    margin-left: 0px;
}

.item.detail .kenmerken table.sort td:first-child
{
    min-width: 75px;
}

.detail .soort
{
    position: absolute;
    right: 65px;
    top: 15px;
    text-align: right;
}

.item.detail .opmerking
{
    color: #444;
    font-size: 10px;
    font-weight: normal;
    padding-top: 2px;
}

.item.detail .soort div:first-child
{
    width: 150px;
    margin-top: 3px;
    text-shadow: 1px 2px 2px #ddccb5;
    font-size: 18px;
    font-weight: bold;
    line-height: 12px;
    margin-bottom: 7px;
    height: 12px;
}

.detail .fototype
{
    color: #aaa;
    font-size: 10px;
    letter-spacing: 1px;   
    z-index: 99;
    margin-left: 10px;
}

.detail .kenmerk
{
    margin-top: 20px;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 30px;
    width: 410px;
    padding-right: 10px;
}

.detail .precondition
{
    padding-top: 15px;
    min-height: 65px;
    color: Red;
    font-size: 18px;
    font-weight: bold;
}

.detail .besteld .regels
{
    max-height: 125px;
    overflow: auto;
}

.detail .besteld td
{
    min-width: inherit;
}

.detail .besteld td > div > div
{
    display: inline-block;
}

.detail .besteld select
{
    overflow: hidden;
}

.detail .besteld tr
{
    background-color: #FBFBFB;
    border-bottom: solid 1px #F0F0F0;
}

.detail .besteld tr:first-child
{
    border-top: solid 1px #F0F0F0;
}

.detail table tr.odd
{
    background-color: #FFFFFF;
    
}

.detail .besteld tr td:first-child
{
    padding-left: 5px;
}

.detail table td
{
    padding: 1px 2px;
}

.detail .bottomright
{
    background: none;
    position: absolute;
    bottom: 40px;
    right: 0px;
    width: 410px;
    padding-right: 10px;
}

.detail .besteld .bottom
{
    text-align: right;
}

.detail .besteld label
{
    display: block;
    list-style-type: none;
}

input.button
{
     border:1px solid #C9C9C9;
     border-radius:5px;
     background-color:White;
     color: #666666;
     display: inline-block;
     height:26px;
     text-align:center;
     text-decoration:none;
     padding-right:13px;

}
input.button:hover
{
    border:1px solid #666666;
    background-color:#666666;
    color: White;
}
a.bevestigen
{
    line-height: 26px;
    line-height: 26px;
    color: #FFFFFF;
    width: 130px;
    background: url(../Florisoft/img/button-mainmenu-kleur.png?t=2207080923) no-repeat left top;
    display: inline-block;
    height: 26px;
    padding-left: 20px;
    padding-right: 20px;
    cursor: default;
    text-align: center;
}
a.bevestigen:active
{
    background: url(../Florisoft/img/button-mainmenu-kleur.png?t=2207080923) no-repeat left bottom;
}
a.bevestigen .right
{
    background: #FFFFFF url(../Florisoft/img/button-mainmenu-kleur.png?t=2207080923) no-repeat right top;
    float: right;
    width: 7px;
    height: 26px;
    margin-right: -20px;
}

a.bevestigen:active .right
{
    background: White url(../Florisoft/img/button-mainmenu-kleur.png?t=2207080923) no-repeat right bottom;
}
a.button
{
    line-height: 26px;
    color: #666666;
    width: 130px;
    background: url(../Florisoft/img/button.png?t=2207080923) no-repeat left top;
    display: inline-block;
    height: 26px;
    padding-left: 20px;
    padding-right: 20px;
    cursor: default;
    text-align: center;
    text-shadow: 1px 1px #FFFFFF;
}

a.button:active
{
    background: url(../Florisoft/img/button.png?t=2207080923) no-repeat left bottom;
}

a.button:focus
{
    color: Black;
    outline-style: dotted;
    outline-color: Black;
    outline-width: thin;
}

a.button:hover
{
    color: #000000;
}

a.button .right
{
    background: #FFFFFF url(../Florisoft/img/button.png?t=2207080923) no-repeat right top;
    float: right;
    width: 7px;
    height: 26px;
    margin-right: -20px;
}

a.button:active .right
{
    background: White url(../Florisoft/img/button.png?t=2207080923) no-repeat right bottom;
}
.detail .besteld table
{
    margin-bottom: 17px;
}

.detail .besteld td.totaal
{
    text-align: right;
}

.detail .besteld td.ve select
{
    min-width: 50px;
}

.detail .besteld td
{
    line-height: 27px;
}

.gridrow
{
    height: 30px;
    border-bottom: solid 1px #F0F0F0;
}

.regelGridAlt
{
    background-color: #FBFBFB;
}

.detail .prijzen
{
    text-align: center;
}

.detail .prijzen table
{
    display: inline;
    display: inline-table;
    text-align: left;
}

.detail .prijs
{
    font-size: 18px;
    font-weight: bold;
    color: #444;
    }

.detail .valuta
{
    font-weight: normal;
    font-size: 14px;
    vertical-align: 1px;
    padding-right: 2px;
}

.detail .prijzen td.prijs
{
    padding-left: 21px;
    padding-bottom: 7px;
}

.normal
{
    font-size: 14px;
    color: #888888;
    font-weight: normal;
    text-shadow: none;
}

.normalsmall
{
    font-size: 12px;
}

.detail .prijzen .postfix
{
    font-size: 12px;
}

.detail .fotozoom
{
    left: 520px;
    top: 100px;
}

.detail .fotozoom div.content
{
    height: 250px;
    width: 250px;
    text-align: center;
}

.list-fixed-header
{
    height: 31px;
}

.list-fixed-header .gridrow
{
    height: 31px;
}

.Bestel .header.gridrow td.cell.debiteur > div
{
    width: 30px;
}

.Bestel .gridrow .input.cell
{
    width: 30px;
}

.Bestelww .header.gridrow td.cell.debiteur > div
{
    width: 30px;
}

.Bestelww .gridrow .input.cell
{
    width: 30px;
}
.prul
{
    width: 16px; 
    float:left; 
    height:16px;
    margin-left:1px;
    margin-top:3px;
    padding-right:2px;
    cursor:pointer;
    text-align:center;
    background: url(./img/trash_16x16.png) no-repeat left bottom;
}
.bevestigd
{
    width: 16px; 
    float:left; 
    height:16px;
    margin-left:2px;
    margin-top:0px;
    padding-right:2px;
    cursor:pointer;
    text-align:center;
    background: url(./img/check.svg) no-repeat left bottom;
}
.header .cell
{
    text-align:center;
    height: 29px;
    background: url(../Florisoft/img/table-header-cell.png?t=2207080923) no-repeat left bottom;
    line-height: 29px;
    border-top: solid 1px #EEEEEE;
    border-bottom: solid 1px #DDDDDD;
    text-shadow: 1px 1px 1px #FFFFFF;
}

.header.gridrow td.cell
{
    width: inherit;
    padding: 0px;
    line-height: inherit;
    
}

.header td.cell>div
{
    padding-left: 8px;
    padding-right: 8px;
    max-height: 26px;
    line-height: 13px;
}

#gesloten .header
{
    font-weight: bold;
    font-size: 18px;
}

#gesloten .value
{
    font-size: 26px;
    font-weight: bold;
}

#gesloten .separator
{
    display: inline-block;
    width: 20px;
    font-size: 26px;
    }

#voorraadtext > div
{
    margin-top: 21px;
    padding: 3px 3px;
    border-top: solid 1px #EEEEEE;
    border-bottom: solid 1px #DDDDDD;
    background-color: #F8F8F8;
    
    background: -moz-linear-gradient(#F8F8F8, #EEEEEE);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #F8F8F8), color-stop(1.0, #EEEEEE));
}

.wwheader > div
{
    margin-bottom: 11px;
}

.wwheadersubklanten
{
    overflow:auto;
    max-height:250px;
}
.wwheadersubklanten > div
{
    margin-bottom: 11px;
}

#prodnav .listactions
{
    margin-top: 16px;
}

#prodnav .listactions li
{
    line-height: 40px;
}

#prodnav .listactions .excel
{
    background: url(./img/excel24.png?t=2207080923) no-repeat 5px center;
    
    padding-left: 35px;
    visibility: hidden;
}

#prodnav .listactions .print
{
    background: url(./img/print32.png?t=2207080923) no-repeat left center;
    padding-left: 35px;
    visibility: hidden;
}

#prodnav a:hover
{
    font-weight: bold;
}

textarea
{
    border: solid 1px #ccc;
    padding: 3px;
}

#prodnav textarea
{
    width: 182px;
}

#prodnav a.button
{
    width: 150px;
    margin-bottom: 9px;
}

#prodnav a.bevestigen
{
    width: 150px;
    margin-bottom: 9px;
}


.listarea .empty
{
    margin-top: 11px;
    padding: 3px 21px;
    display: inline-block;
    
    border-top: solid 1px #eee;
    border-bottom: solid 1px #ddd;
    background-color: #f8f8f8;
    

    font-size: 16px;
    
    background: -moz-linear-gradient(#f8f8f8, #eee);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f8f8f8), color-stop(1.0, #eee));
}

#mainmenu .header
{
    font-size: 21px;
    font-weight: bold;
}

.ui-accordion h3
{
    margin: 0px;
    line-height: 55px;
    font-size: 18px;
    cursor: pointer;
    padding-left: 7px;
    outline: none;
}

.ui-accordion h3:hover
{
    background-color: #F8F8F8;
}

.ui-state-active
{
    background-color: #F8F8F8;
}

.ui-accordion-content
{
    padding-left: 21px;
}

.ui-accordion-header
{
    clear: both;
}

.ui-accordion h3 .sub
{
    font-weight: normal;
    font-size: 14px;
}

.ui-accordion-content > div
{
    margin: 11px 0px;
}

#Facturen .table
{    
    overflow: hidden;
    width: auto;
    float: left;
    border-bottom: solid 1px #F0F0F0;
    border-left: solid 1px #F0F0F0;
    margin-bottom: 11px;
}

#Facturen .body
{
    max-height: 360px;
    overflow: auto;
}

form.Service h3 a
{
    display: inline-block;
    line-height: 55px;
    padding-left: 55px;
}
form.Service h3.proforma a
{
    background: url(./img/invoice_48x48.png?t=2207080923) no-repeat left center;
}
form.Service h3.facturen a
{
    background: url(./img/invoice_48x48.png?t=2207080923) no-repeat left center;
}

form.Service h3.commissies a
{
    background: url(./img/pie-chart_48x48.png?t=2207080923) no-repeat left center;
}

form.Service h3.klantgegevens a
{
    background: url(./img/admin_48x48.png?t=2207080923) no-repeat left center;
}
form.Service h3.credits a
{
    background: url(./img/master-card_48x48.png?t=2207080923) no-repeat left center;
}
form.Service h3.openposten a
{
    background: url(./img/openstaandeposten_48x48.png?t=2207080923) no-repeat left center;
}
form.Service h3.orderoverzicht a
{
    background: url(./img/orderoverzicht_48x48.png?t=2207080923) no-repeat left center;
}
form.Service h3.leveringsvoorwaarden a
{
    background: url(./img/leveringsvoorwaarden_48x48.png?CDATE) no-repeat left center;
}
form.Service h3.kooplimietoverzicht a
{
    background: url(./img/money_48x48.png?CDATE) no-repeat left center;
}

#OrderOverzicht .table
{    
    overflow: hidden;
    width: auto;
    float: left;
    border-bottom: solid 1px #F0F0F0;
    border-left: solid 1px #F0F0F0;
    margin-bottom: 11px;
}
#OrderOverzicht .body
{
    max-height: 360px;
    overflow: auto;
}
#cbKlant
{
    display: inline-block;
    width: 400px;
}

.ui-accordion-content > div > .top
{
    margin-top: 17px;
}

.ui-accordion-content > div > .left
{
    float: left;
}

.ui-accordion-content > div > .right
{
    margin-left: 260px;
}

.treeview .cell
{
    float: left;
    width: 200px;
}
div.treeview .depth1 > div:first-child > div, div.treeview .depth0 .header.txt > div
{
    padding-left: 21px;
    width: auto;
}

div.treeview .header.txt
{
    font-weight: bold;
}

div.treeview .depth2 > div:first-child > div, div.treeview .depth1 .header.txt > div
{
    padding-left: 42px;
    width: auto;
}

div.treeview .depth3 > div:first-child > div, div.treeview .depth2 .header.txt > div
{
    padding-left: 63px;
    width: auto;
}

div.treeview a:hover
{
    font-weight: bold;
}

.table .gridrow.header
{
    height: 27px;
}

.table .gridrow .cell
{
    padding: 0px;
}

.cell.txt
{
    width: 250px;
}

.open>.cell.txt
{
    font-weight: bold;
}

.header.cell.txt > div
{
    height: 28px;
    display: table-cell;
    vertical-align: bottom;
}

.gridrow.header .cell.opslagp, .cell.opslagp
{
    width: 80px;
    text-align: center;
}

.gridrow.header .cell.opslagc, .cell.opslagc
{
    width: 80px;
    text-align: center;
}

.gridrow.header .cell.hidden, .cell.hidden
{
    width: 80px;
    text-align: center;
}

.cell.checked
{
    background: url(./img/check.png?t=2207080923) no-repeat center center;
}

.table .cell input
{
    width: 60px;
    margin-top: 2px;
    text-align: right;
}

.table .cell input.changed
{
    background-color: #333;
    color: White;
}

.table .row .cell
{
    height: 25px;
}

.table .row .cell .content
{
    line-height: 25px;
}

.table .gridrow.header
{
    border: none;
}

.table div.sub
{
    padding-top: 7px;
}

.table .row.last
{
    padding-bottom: 21px;
}

img.grid
{
    width: 27px;
    height: 27px;
}

.gridrow .cell.date.repeat
{
    color: #ccc;
}

.formpopup .title
{
    color: #444;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    height: 23px;
    padding-top: 3px;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #ddd;
    
    background-color: #f8f8f8;
    background: -moz-linear-gradient(#ffffff, #e9e9e9);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffffff), color-stop(1.0, #e9e9e9));
    
    text-shadow: 1px 1px 1px #fff;   
}

#modalDialog_content
{
    padding: 5px;
    width: 500px;
}

#modalDialog .body
{
    padding: 15px;
    text-align: center;
    }

#modalDialog .body > div
{
    vertical-align: middle;
}

#modalDialog .footer
{
    text-align: center;
}

#modalDialog a.button
{
    min-width: 80px;
    margin-left: 10px;   
}

#modalDialog a.button:first-child
{
    margin-left: 0px;
}

.error
{
    color: Red;
    font-weight: bold;
}

.scrollassistant
{
    position: fixed;
    height: 100%;
    right: 19px;
    z-index: 10;
    text-align: right;
    width: 25px;
    
}

.scrollassistant a
{
    color: #888888;
}

.scrollassistant .item
{
    position: absolute;
    width: 25px;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    padding-right: 2px;
    background-color: #FAFAFA;
    border-top: solid 1px #DDDDDD;
}

.scrollassistant .item:hover
{
    color: #000000;
    background-color: #EEEEEE;
}

.tabblad
{
    font-size: 16px;
}

        