/* kleuren
blauw: 005eb1 005eb2
rood: cf1823
groen: 868686
grijs lichtdonker: d6d6d6
grijs licht: e4e4e4
*/


body 
{
    font-family:Arial, Helvetica, Verdana;
    font-size:11px;
    line-height:20px;
  
}

.body
{    background-image:url(../images/zijkant.gif);
    background-attachment:scroll;
    background-repeat:repeat;
    background-position:center top;  
}

TD, DIV
{
    font-size:11px;
}

A
{
   font-family:Arial, Helvetica, Verdana;
    text-decoration:none;
    font-size:11px;
    font-weight:bold;
    color:#868686;
}

A:hover
{
    color:#868686;
}

.pagerLink
{
    padding:5px;
}

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

#pager A.aan
{
    background-color:#d6d6d6;
    font-weight:bold;
}

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

#pager IMG
{
    margin:0px;
}

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

#menuFrame A:Link, #menuFrame A:visited, #menuFrame A:hover
{
    color:#868686;
    font-weight:bold;
}
#hoofdMenu A:hover, #hoofdMenu A.actief
{
    color:#005eb1;
}

#subMenu A:Link, #subMenu A:visited
{
    color:#4d4d4d;
}

#subMenu A:hover 
{
    color:#000000; 
}

#subMenu A.actief
{
    color:#cf1823;
}

.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 LI.A, #topMenu2 LI.A
{
    font-weight:normal;
    margin-right:18px;
    text-transform:uppercase;
    font-weight:bold;
    font-size: 16px;
    padding-left:30px;
    background-position:-30 top;
    background-repeat:no-repeat;
    height:30px;
}
*/
.menu_ul
{
    padding:0px;
    margin:0px;
    line-height:32px;
    list-style-type: none;
            /*vertical-align:bottom;*/
}


#topMenu LI, #topMenu2 LI
{
    float: left;

    display:inline;
    /*margin: 2px 0px 6px 0; */
    padding: 0px;
    font-weight: bold;
    
    background-repeat: no-repeat;
    background-position: left -1px;
    margin-right: 20px;      
    text-transform:uppercase;
    font-weight:bold;
    padding-left: 27px;
    vertical-align:bottom;
    
    }

#topMenu2 LI
{

    padding-right:0px;
    margin-right: 0px;      
    margin-left: 20px;      
    text-align:right;
    float:right;
}

#topMenu LI A, #topMenu2 LI A
{
    font-size: 15px;
    color:#cf1823; 
    
}

#topMenu LI.shop A, #topMenu LI.inloggen A, #topMenu LI.mijnAccount A, #topMenu LI.aanbieding A
{
    color:#FA0100;    
    
}

#topMenu LI.shop
{
    background-image:url(../images/menu_shop.gif);
}

#topMenu LI.aanbieding
{
    background-image:url(../images/menu_aanbieding.gif);
}


#topMenu LI.inloggen
{
    background-image:url(../images/menu_inloggen.gif);
}

#topMenu LI.mijnAccount
{
    background-image:url(../images/menu_mijnAccount.gif);
}

#topMenu LI.staal
{
  
  background-image:url(../images/menu_staal.gif);    
}

#topMenu LI.staal A
{
    color:#009801;
}

#topMenu2 LI.contact A, #topMenu2 LI.profiel A
{
    color:#005EB0;   
    }
    
#topMenu2 LI.contact
{
  background-image:url(../images/menu_contact.gif);      
}

#topMenu2 LI.profiel
{
  background-image:url(../images/menu_profiel.gif);      
}



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



.blauwKop, .blauwKopKlein, .roodKopKlein, .roodKop, .staalKop
{
    color:#868686;
    font-size:12px;
    font-weight:bold;
}

.blauwKop
{
    display:block;
    color:#868686;
}

.blauwKopKlein,  .roodKopKlein
{
    font-size:11px;
    color:#868686;
    font-weight:bold;
}

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

.roodKop, .staalKop
{
    color:#005eb1;
    font-size:12px;
    font-weight:bold;
    line-height:30px;
}

.staalKop
{
    color:#009801;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
}

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

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

#nieuws .kop, #nieuws_overzicht .kop
{
    color:#005eb1;
    font-size:12px;
    font-weight:bold;
    line-height:16px;   
}

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


#nieuws .scheiding,  #nieuws_overzicht .scheiding
{
    margin-bottom:17px; 
    margin-top:12px;
}

.knopBlauwPijlRechts, .knopBlauwPijlLinks, .knopZwartPijlRechts, .knopZwartPijlLinks, .knopBlauw, .knopZwart, .knopZwartVervers, .knopBlauwVervers
{
    color:#005eb1;
    font-size:9px;
    font-weight:bold;
    line-height:20px;
    vertical-align:middle;
    border:none 0px #FFFFFF;
    display:inline;  
    text-transform:uppercase;
}

.knopZwartPijlRechts,  .knopZwartPijlLinks, .knopZwart, .knopZwartVervers
{
    color:#005eb1;
    font-weight:bold;
}

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

.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);    
}

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

.prijsKlein
{
    font-size:10px;
}

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

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

.prijsOverzichtRood
{
    color:#cf1823;
}

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

.presentatie1 .totaalDiv, .presentatie1 .eigenArtikel, .presentatie_aanbieding .totaalDiv, .presentatie_aanbieding .eigenArtikel
{
    position:relative;
    width:360px;
    height:211px;
    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:11px;  
}
.presentatie_aanbieding .totaalDiv
{
    height:270px;
}

.presentatie1 .eigenArtikel
{
        background-image:url(../images/presentatie1_back_ea.gif);
}


.presentatie2 TD, .presentatie3 TD
{
    padding-left:5px;
    padding-bottom:2px;
}

.presentatie2 .eigenArtikel, .presentatie3 .eigenArtikel
{
 
   /* border:solid 1px #CF1823;*/
   background-color:#E5EFF8;
    
}

/*
.presentatie1 .plaatje, .presentatie_aanbieding .plaatje
{
    position:absolute;
    top:1px;
    left:1px;
    width:168px;
    height:169px;
    overflow:hidden;
} */

.presentatie_aanbieding .plaatje, .presentatie1 .plaatje
{
    position:absolute;
    top:1px;
    left:1px;
    width:135px;
    height:135px;
    overflow:hidden;
}

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

.presentatie_aanbieding .details,  .presentatie_aanbieding .details2, .presentatie1 .details, .presentatie1 .details2
{
    position:absolute;
    top:11px;
    right:0px;
    width:226px;
    height:100px;
    overflow:hidden; 
       
}
/*
.presentatie_aanbieding .details,  .presentatie_aanbieding .details2
{
    width:225px;
    background-color:Red;
    
}*/
/*.presentatie1 .details2
{
    top:110px;    
    height:70px
}*/

.presentatie_aanbieding .details2, .presentatie1 .details2
{
        top:70px;    
    height:70px
}


.presentatie_aanbieding .totaalDiv
{
    background-image:url(../images/presentatie_aanbieding_back.gif);
}

.presentatie_aanbieding .eigenArtikel
{
    background-image:url(../images/presentatie_aanbieding_back_ea.gif);
}

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


.presentatie1 .naam, .presentatie_aanbieding .naam
{
    position:absolute;
    left:11px;
    top:142px;
    width:340px;
    height:69px;
}

/*
.presentatie_aanbieding .naam
{
    top:142px;
}
*/
.presentatie1 .regel1, .presentatie1 .uwArtikel, .presentatie1 .leverancier, .presentatie_aanbieding .regel1, .presentatie_aanbieding .uwArtikel, .presentatie_aanbieding .leverancier
{
    position:absolute;
    left:0px;
    top:0px;
    width:340px;
    height:46px;
    overflow:hidden;
}

.presentatie1 .uwArtikel, .presentatie1 .leverancier, .presentatie_aanbieding .uwArtikel, .presentatie_aanbieding .leverancier
{
    width:170px;
    top:46px;
    height:23px;
    left:0px;
}

.presentatie1 .uwArtikel, .presentatie_aanbieding .uwArtikel
{
    left:170px;
    text-align:right;    
}

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

/*
.presentatie1 .naamUwArtikel
{
    background-color:
}
*/

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

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

#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:#868686;
    font-size:11px;
    font-weight:normal;
    text-decoration:none;
}

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

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

.geleTD, .rodeTD 
{
    border-right:solid 1px #dedede;
    border-bottom:solid 1px #bababa;
    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:#444444;
    font-size:10px;
}

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

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

.aanbiedingKorting
{
    color:#005eb1;
    font-size:18px;
    font-weight:bold;
}



input[type=text], textarea, select, input[type=password]
{
    border:solid 1px #000000;
    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;
    
}


.detail_foto
{
    border: solid 1px #005EB1;
}

.pl_header, .pl_headerselected
{
    background-color:#009801;
    color:White;
    font-size:12px;
    font-weight:bold;
    padding-left:25px;
    background-image:url(../images/pl_omlaag.gif);
    background-repeat:no-repeat;
    background-position: left center; 
    display:block;
    margin-bottom:2px;
}

.pl_headerselected
{
    background-image:url(../images/pl_omhoog.gif);

}

.pl_content
{
    background-color:White;
    display:block;
}

.pl_UL
{
   padding:0px;
    margin:0px;
    margin-top:0px;
    margin-bottom:0px;

    list-style-type:decimal-leading-zero;
    list-style-position: inside;
}

.pl_UL_LI 
{
 
   
    padding-left:25px;
    margin-left:0px;
    background-color:#cceacc;
    margin-bottom:2px;
    line-height:22px;
    position:relative;
  /*  display:block;*/
}

.pl_UL_LI:hover
{
    background-color:#FFFFFF;
    color:#000000;
}

.pl_A
{
    color:Black;
    line-height:22px;

    
}

.pl_kB
{
     position:relative;
     right:10px;
     width:50px;
     float:right;
     text-align:right;
}

.pl_A:hover
{
   /* background-color:#FFFFFF;*/
   color:#000000;
    text-decoration:underline;
}

.contact .item
{
    display:block;
    width:320px;
    height:140px;
    overflow:hidden;
}

.contact .tabel
{
    width:318px;

}

.contact .foto
{
    margin:0px;
    width:98px;
}

.contact .letter
{
    font-weight:bold;
    width:20px;
}

.contact .col1
{
    width:110px;
    vertical-align:top;
}

.contact .col2
{
    width:195px;
    vertical-align:top;
}