/* kleuren
rood: cc4e27
blauw: 2d4987
geel: ffdb69
geel menu: ffd843
beige #FFF8E1
*/


body 
{
    font-family:Arial;
    font-size:11px;
 /*   color:#303030;*/
    line-height:20px;
}
TD, DIV
{
    font-size:11px;
    /*margin-left: 40px;*/
}

A
{
    font-family:Arial;
    text-decoration:none;
    font-size:11px;
    color:#303030;
}

A:hover
{
    color:#A0A0A0;
}

.pagerLink
{
    padding:5px;
}

#pager A.aan, #pager A.uit
{
    min-width:20px;
    width:20px;
    height:20px;
    margin-right:1px;
    color:#303030;
    text-align:center;
    display:inline-block;
}

#pager A.aan
{
    background-color:#ffd843;
}

#pager A:hover
{
    color:#cc4e27;
}

#pager IMG
{
    margin:0px;
}

#pager TD
{
    vertical-align:middle;
    height:25px;
}

#menuFrame A:Link, #menuFrame A:visited, #menuFrame A:hover
{
    color:#cc4e27;
    font-weight:bold;
}
#hoofdMenu A:hover, #hoofdMenu A.actief
{
    color:#2d4987;
}



#subMenu A:Link, #subMenu A:visited
{
    color:#2d4987;
}

#subMenu A:hover, #subMenu A.actief
{
    color:#FFFFFF;
}

.menu_scheiding
{
   margin-left:10px;
   margin-right:10px;    
   vertical-align:text-bottom;
   line-height:20px;
}

.menu_scheiding2
{
   margin-left:1px;
   margin-right:1px;    
   vertical-align:middle;
   line-height:16px;
}


#topMenu A:Link, #topMenu A:visited, #topMenu A:hover
{
    color:#000000;
    font-weight:normal;  
    margin-right:10px;   
    font-weight:bold; 
}

#topMenu A:hover
{
    color:#cc4e27;
}
#topMenu IMG
{
    margin-right:10px;
}



/*.scheiding
{
    border-bottom:dotted 2px #CC4E27;
    width:100%;
    height:2px;
    line-height:2px;
}*/

.scheiding, #nieuws .scheiding
{
    display:block;
    width:100%;
    height:3px;
    line-height:3px;
    background-image:url(images/scheiding.gif);
    background-repeat:repeat-x;
}

.blauwKop, .blauwKopKlein, .roodKopKlein, .roodKop
{
    color:#2D4987;
    font-weight:bold;
}

.blauwKop
{
    display:block;
}

.blauwKopKlein,  .roodKopKlein
{
    font-size:11px;
    font-weight:normal;
}

 .roodKopKlein, .roodKop
 {
      color:#CC4E27;
 }

.roodKop
{
    color:#CC4E27;
    font-size:12px;
    font-weight:bold;
    line-height:30px;
}

.roodKopNieuws
{
    color:#CC4E27;
    font-weight:bold;
    line-height:10px;
}

#nieuws
{
    line-height:17px;
    font-size:11px;
}

#nieuws .kop, #nieuws_overzicht .kop
{
    color:#CC4E27;
    font-weight:bold;
    line-height:10px;   
}

#nieuws IMG, #nieuws_overzicht IMG
{
    margin-bottom:10px;
}


#nieuws .scheiding,  #nieuws_overzicht .scheiding
{
    margin-bottom:17px; 
    margin-top:12px;
    
/*    width:100%;*/
    
}

.knopBlauwPijlRechts, .knopBlauwPijlLinks, .knopZwartPijlRechts, .knopZwartPijlLinks, .knopBlauw, .knopZwart, .knopZwartVervers, .knopBlauwVervers, .knopBlauwPijlRechtsInactief
{
    color:#2d4987;
    font-size:10px;
    font-weight:normal;
    line-height:20px;
    vertical-align:middle;    
    border:none 0px #FFFFFF;
    display:inline;  
    text-transform:lowercase;
}

.knopZwartPijlRechts,  .knopZwartPijlLinks, .knopZwart, .knopZwartVervers
{
    color:#000000;
    /*font-size:14px;*/
    font-weight:normal;
}

.knopBlauwPijlRechts, .knopBlauwPijlLinks, .knopZwartPijlRechts, .knopZwartPijlLinks, .knopZwartVervers, .knopBlauwVervers
{
    background-image:url(images/pijl_blauw_rechts.gif);
    background-repeat:no-repeat;
    background-position:right center;
}

.knopBlauwPijlRechtsInactief
{
    background-image:none;
    color:#B0B0B0;
}

.knopZwartVervers, .knopBlauwVervers
{
        background-image:url(images/pijl_blauw_refresh.gif);
        background-position:right center;
        padding-right:25px;
}

.knopBlauwPijlRechts, .knopZwartPijlRechts
{

    background-position:right center;
    padding-right:20px;
}

.knopBlauwPijlLinks, .knopZwartPijlLinks
{

    padding-left:25px;
    background-position:left center;
    background-image:url(images/pijl_blauw_links.gif);    
}


/*.knopBlauwPijl A:Hover
{
     color:#CC4E27;
}*/

.prijs, .prijsKlein, .prijsGrijs
{
    color:#CC4E27;
    font-size:12px;
    font-weight:bold;
}

.prijsKlein
{
    font-size:10px;
}

.prijsOverzicht, .prijsOverzichtStreep, .prijsOverzichtRood
{
    color:#000000;
    font-size:10px;
    font-weight:bold;
}

.prijsOverzichtStreep
{
    text-decoration:line-through;
}

.prijsOverzichtRood
{
    color:#CC4E27;
}

.prijsGrijs
{
    color:#808080;
    text-decoration:line-through;
}

.presentatie1 .totaalDiv
{
    position:relative;
    width:360px;
    height:218px;
    display:inline-block;
    margin-right:0px;
    background-image:url(images/presentatie1_back.gif);
    background-repeat:no-repeat;
    margin-right:20px;
    margin-bottom:20px;  
    font-size:10px;  
}

.presentatie1 .plaatje
{
    position:absolute;
    top:1px;
    left:1px;
    width:168px;
    height:169px;
    overflow:hidden;

} 

.presentatie1 .details, .presentatie1 .details2
{
    position:absolute;
    top:11px;
    right:11px;
    width:168px;
    height:100px;
    overflow:hidden;  
}

.presentatie1 .details2
{
    top:110px;    
    height:70px
}

.cell
{
    width:80px;
    display:block;
    float:left;
    height:70px;
}


.presentatie1 .naam
{
    position:absolute;
    left:11px;
    bottom:11px;
    width:340px;
    height:32px;
}

.presentatie2 TD
{
    vertical-align:top;
    text-align:left;
}

.presentatie3 TD
{
    vertical-align:top;
    text-align:left;
}

.presentatie1 .pictos, .presentatie_aanbieding .pictos, .pres1 .pictos
{
    position:absolute;
    display:block;
    width:140px;
    height:15px;
    bottom:0px;
    right:0px;
    text-align:right;
}

#artikelZoeker A:link.actief , #artikelZoeker A:visited.actief, #artikelZoeker A:hover.actief, #artikelZoeker A:link.inactief, #artikelZoeker A:visited.inactief, #artikelZoeker A:hover.inactief
{
    color:#cc4e27;
    font-size:11px;
    font-weight:normal;
    text-decoration:none;
}

#artikelZoeker A:link.inactief, #artikelZoeker A:visited.inactief
{
    color:#000000;
}

#artikelZoeker A:hover.actief, #artikelZoeker A:hover.inactief
{
       color:#2d4987;
}

.geleTD, .rodeTD 
{
    border-right:solid 1px #ffdb69;
    border-bottom:solid 1px #cc4e27;
    padding-left:15px;
    width:25%;
}

.rodeTD 
{
    border-right-style:none;
}

/* winkelwagen */
.aantal
{
    font-size:10px;
    border:solid 1px #000000;
    display:inline;
    width:15px;
    min-width:15px;
    text-align:center;
}

.verwijderen, .verwijderen IMG, .verwijderen A
{
    line-height:20px;
    vertical-align:middle;
    color:#2d4987;
    font-size:10px;
}

.wwKop
{
    font-size:12px;
    color:#000000;
}

.wwTotaal
{
    border-top:solid 1px #cc4e27;
    border-bottom:double 1px #cc4e27;
    background-color:#FFF8E1;
    display:block;
    width:100%;
}

.aanbiedingKorting
{
    color:#ffdb69;
    font-size:24px;
    font-weight:bold;
}



input[type=text], textarea, select, input[type=password]
{
    border:solid 1px #cc4e27;
    font-size:10px;
    font-family:Verdana;
}

input[type=text], input[type=password]
{
    height:12px;
}
    
#rechtsFrame P
{
    padding-left:10px;
    margin:0px;
}

#rechtsFrame DIV.padded
{
    padding-left:10px;
    padding-right:10px;
}

#rechtsFrame INPUT, #rechtsFrame TEXTAREA
{
    width:110px;
    
}

.box_inactief
{
    background-color:#F0F0F0;
     cursor:default;
     color:#000000;
}

.box_actief
{
    background-color:white;
}


.errorPopupPage, .errorPopupBack
{
    position:absolute;
    width:100%;
    height:100%;
    margin:0px;
    padding:0px;
    text-align:center;
    background-color:#FFFFFF;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index:1000;
}

.errorPopupBack
{
    background-color:Transparent;
    filter: alpha(opacity=100);
    opacity: 1;
    z-index:1001;
}

#errorPopup
{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:350px;
    border:solid 1px #cc4e27;
    display:block;
    background-color:#FFFFFF;
    filter: alpha(opacity=100);
    opacity: 1;
    z-index:1002;
}

#errorPopupBalk
{
        padding:10px;
    background-color:#ffdb69;

}

#errorPopupTekst
{
        padding:10px;
        text-align:left;
}

#social
{
    width:100%;
    text-align:right;
    line-height:32px;
    vertical-align:middle;
    margin-top:7px;
    margin-bottom:7px;
}

#social A
{
    vertical-align:middle;
}

#social IMG
{
   vertical-align:middle;
   border:none 0px Transparent; 
   margin-left:5px;
}