/*
     Bedrijf:  Directshop - 2008 (c)
     Pakket:   Directshop Lite
     Info:     Opmaak van de pagina.
     Webshop:  Greenmeals

     Kleur-1:  Menu headers.
     Kleur-2:  Categorie Kleur.
     Kleur-3:  Subcategorie Kleur.
     Kleur-4:  Standaard tekst-Kleur.
     Kleur-5:  Standaard knop Kleur.
     Kleur-6:  Kruimelmenu / speciale links Kleur.
     Kleur-7:  Winkelwagen knop.
     Kleur-8:  Informatie knop.
     Kleur-9:  Filter / Footer.
     Kleur-10: Donkere Kleur, kruimel, links, borders
     Kleur-11: Standaard kopjes tekst-Kleur.
     Kleur-12: Top- of bottom borders.
 
     Info:  Body.
*/

BODY
{
  font-size: 8pt;
  color: #003F65; /* [Kleur-04] */
  font-family: Verdana, Arial;
  background-color: #FFFFFF;
  White-space: normal;
}

/* 
     Info:  Structuur van de pagina.
*/

#page
{
  background-color: #FFFFFF;
}
#header
{
  background-color: #FFFFFF;
  background-image: url(/Images/Main_Banner_telnr.jpg);
}

/*
     Info:  Menu.
*/

#menu {
  background-color: #01395A;
}

#leftmenuFooter {
  background-image: url(/Images/left-menu-bottom.gif);
  background-position:bottom;
  background-repeat:no-repeat;
  position: absolute;
  height: 28px;
  width: 170px;
  display: block;
  left: 0px;
}

/* 
     Info:  Popup.
*/

div#focusdiv
{
  background-color: #fff;
}
div.msgdiv div#popupTitel, div.msgdiv div#avail_popupTitel
{
  background-color: #00446B; /* [Kleur-02] */
  color: #FFFFFF; /* [Kleur-11] */
  font-weight: bold;
}
div.msgdiv
{
  background-color: #FFFFFF;
  border: solid 2px #00446B; /* [Kleur-02] */
  color: #0062a1; /* [Kleur-04] */
}
.imgBorder
{
  border: 1px solid #959595;
}

/* 
     Info:  Crumbbar.
*/

.crumbbar, .crumbbar span
{
  color: #2c2c2c; /* [Kleur-10] */
  font-weight: bold;
}
.crumbHead, .crumbHead a, .crumbHead a:visited, .crumbHead a:link
{
  font-family: Verdana, Arial;
  font-size: 8pt;
  font-weight: bold;
  color: #5e5e5e; /* [Kleur-06] */
  text-decoration: none;
}
.crumbProduct
{
  font-family: Verdana, Arial;
  font-size: 8pt;
  font-weight: bold;
  color: #2c2c2c; /* [Kleur-10] */
}

/* 
     Info:  Knoppen.
*/

.btnNormal
{
  background-color: #243664; /* [Kleur-05] */
  color: #FFFFFF; /* [Kleur-11] */
  font-size: 8pt;
  font-family: Verdana, Arial;
  font-weight: bold;
  border: 1px solid #000000;
}
.btnWinkelwagenPopup
{
  color: #FFFFFF; /* [Kleur-11] */
  font-size: 8pt;
  font-family: Verdana, Arial;
  font-weight: bold;
  background-color: #af0505; /* [Kleur-07] */
  border: 1px solid #000103;
}
div.btnInformatie
{
  background-color: #d4d4d4; /* [Kleur-08] */
  border: 1px solid #EE0000;
  font-size: 7pt;
  font-family: Verdana, Arial;
}
div.btnInformatie a, div.btnInformatie a:link, div.btnInformatie a:visited
{
  color: #FFFFFF; /* [Kleur-11] */
  text-decoration: none;
  font-weight: normal;
  display: block;
}
div.btnWinkelwagen
{
  background-color: #af0505; /* [Kleur-07] */
  border: 1px solid #000103;
  font-size: 7pt;
  font-family: Verdana, Arial, helvetica;
  font-weight: bold;
}
div.btnWinkelwagen a, div.btnWinkelwagen a:link, div.btnWinkelwagen a:visited
{
  color: #FFFFFF; /* [Kleur-11] */
  text-decoration: none;
  display: block;
}
div.btnProductWinkelwagen
{
  background-color: #af0505; /* [Kleur-07] */
  font-size: 8pt;
  font-family: Verdana, Arial;
  font-weight: bold;
  border: 1px solid #000103;
}
div.btnProductWinkelwagen a, div.btnProductWinkelwagen a:link, div.btnProductWinkelwagen a:visited
{
  color: #FFFFFF; /* [Kleur-11] */
  text-decoration: none;
  display: block;
}
div.btnProductInfo
{
  background-color: #d4d4d4; /* [Kleur-08] */
  border: 1px solid #5E5E5E;
  font-size: 8pt;
  font-family: Verdana, Arial;
}
div.btnProductInfo a, div.btnProductInfo a:link, div.btnProductInfo a:visited
{
  color: #000000; /* [Kleur-11] */
  text-decoration: none;
  font-weight: normal;
  display: block;
}
input.btnWinkelwagen
{
  background-color: #af0505; /* [Kleur-07] */
  color: #FFFFFF; /* [Kleur-11] */
  border: solid 1px #000000;
  font-family: Verdana,Arial;
  font-size: 8pt;
  font-weight: bold;
}
input.btnVerderWinkelen
{
  background-color: #d4d4d4; /* [Kleur-08] */
  border: 1px solid #5E5E5E;
  font-size: 8pt;
  font-family: Verdana, Arial;
  color: #000000; /* [Kleur-11] */
  font-weight: bold;
}
textarea 
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
}

/* 
     Info:  Search.
*/

div.searchresult div.result_left img
{
  border: solid 1px #CECECE;
}
ul.searchpages
{
  list-style-image: url(/Images/detaildot.jpg);
  list-style-position: outside;
}
div.searchresult input.moreinfo
{
  background-color: #d4d4d4; /* [Kleur-08] */
  border: 1px solid #5E5E5E;
  color: #000000; /* [Kleur-11] */
  font-family: Verdana,Arial;
  font-size: 8pt;
  font-weight: bold;
}

div.searchresult div.result_right input.incart
{
  background-color: #af0505; /* [Kleur-07] */
  border: 1px solid #000000;
  color: #FFFFFF; /* [Kleur-11] */
  font-family: Verdana,Arial;
  font-size: 8pt;
  font-weight: bold;
}
div.search_paging
{
  border-top: solid 1px #0062a1; /* [Kleur-04] */
  background-color: #e2e2e2; /* [Kleur-09] */
}
div.search_paging div.search_pg_mid a, div.search_paging div.search_pg_mid a:link, div.search_paging div.search_pg_mid a:visited
{
  color: #0062a1; /* [Kleur-04] */
  text-decoration: none;  
}
div.search_paging div.search_pg_mid a.currentpage, div.search_paging div.search_pg_mid a.currentpage:link, div.search_paging div.search_pg_mid a.currentpage:visited
{
  color: #d4d4d4; /* [Kleur-08] */
}
div.search_paging div.search_pg_right a, div.search_paging div.search_pg_right a:visited, div.search_paging div.search_pg_right a:link
{
  color: #0062a1; /* [Kleur-04] */
  text-decoration: none;
}
div.search_paging div.search_pg_right a.active, div.search_paging div.search_pg_right a.active:visited, div.search_paging div.search_pg_right a.active:link
{
  color: #d4d4d4; /* [Kleur-08] */
}
div.searchresult
{
  border-top: solid 1px #000000; /* [Kleur-12] */
  border-bottom: solid 1px #000000; /* [Kleur-12] */
}
div.searchresult div.cart_price
{
  background-color: #FFFFFF;
  border: solid 1px #959595;
}
div.cart_price div.price_left
{
  font-weight: bold;
  color: #FFFFFF; /* [Kleur-11] */
  background-color: #355192; /* [Kleur-02] */
}
div.cart_price div.price_right
{
  font-weight: bold;
}

/* 
     Info:  Filter.
*/

div.filterwrapper
{
  border: solid 1px #355192; /* [Kleur-02] */
  background-color: #FFFFFF;
}
div.filterwrapper div div.header
{
  background-color: #355192; /* [Kleur-02] */
  color: #FFFFFF; /* [Kleur-11] */
  font-weight: bold;
}
div.filterwrapper div div.header
{
  background-color: #355192; /* [Kleur-02] */
  color: #FFFFFF; /* [Kleur-11] */
  font-weight: bold;
}
div.sortmodes
{
  color: #0062a1; /* [Kleur-04] */
}
div.values 
{
  border-right: solid 1px #355192; /* [Kleur-02] */
}
div#filter
{
  border-top: solid 1px #2c2c2c; /* [Kleur-10] */
  border-bottom: solid 1px #2c2c2c; /* [Kleur-10] */
  background-color: #CECECE;  
}
div#filter div.filterpadding
{
  background-image: url(/Images/productdesc_bg.gif);
}
div.filtercontainer {
  background-color:#e2e2e2; /* [Kleur-09] */
}

/*
     Info:  Registratie.
*/

table.register
{
  font-size: 10pt;
}
input.focus, select.focus, textarea.focus
{
  background-color: #D4D4D4; /* [Kleur-02] */
}
label.focus
{
  color: #F18520;
}
table.register input[type=text], table.register input[type=password], table.register select, table.register textarea
{
  border: solid 1px #000000;
}

/* 
     Info:  Producten.
*/

.productBlok
{
  background-color: #CECECE;
  border-top: 1px solid #000000; /* [Kleur-12] */
  border-bottom: 1px solid #000000; /* [Kleur-12] */
}
.productBlokCentraal
{
  border: solid 1px #9b9b9b;
  background-color: #FFFFFF;
  color: #0062a1; /* [Kleur-04] */
}
.productAfbeelding
{
  border: 1px solid #959595;
}
.productTitel
{
  font-size: 8pt;
  font-family: Verdana, Arial;
  color: #5e5e5e; /* [Kleur-06] */
  font-weight: bold;
}
.productPrijs
{
  background-color: #FFFFFF;
  border: 1px solid #959595;
}
.productPrijsBlok
{
  background-color: #355192; /* [Kleur-02] */
  color: #FFFFFF; /* [Kleur-11] */
  font-size: 8pt;
  font-family: Verdana, Arial;
  font-weight: bold;
}
.productBedrag
{
  color: #0062a1; /* [Kleur-04] */
  font-size: 8pt;
  font-family: Verdana, Arial;
  font-weight: bold;
  text-align: center;
}
.maandBedrag
{
  color: #0062a1; /* [Kleur-04] */
  font-size: 8pt;
  font-family: Verdana, Arial;
  font-weight: bold;
  text-align: center;
}
.productOmschrijving
{
  background-image: url(/Images/line.png);
}
.productOmschrijving ul
{
  list-style-image: url(/Images/detaildot.jpg);
}

div.pagenav a.page_back, div.pagenav a.page_back:link, div.pagenav a.page_back:visited, div.pagenav a.page_next, div.pagenav a.page_next:link, div.pagenav a.page_next:visited
{
  text-decoration: none;
  /*color: #d4d4d4; /* [Kleur-08] */  
}

/* 
     Info:  Rechter menu.
*/

.imgRechtermenu
{
  border: 1px solid #959595;
}

/* 
     Info:  Product pagina.
*/

#productfooter
{
  border-top: 1px solid #000000; /* [Kleur-12] */
  background-color: #e2e2e2; /* [Kleur-09] */
  color: #0062a1; /* [Kleur-04] */
}
#productfooter div.pages a, #productfooter div.pages a:link, #productfooter div.pages a:visited
{
  color: #5e5e5e; /* [Kleur-06] */
}
#productfooter div.pages a.currentpage, #productfooter div.pages a.currentpage:link, #productfooter div.pages a.currentpage:visited
{
  color: #355192; /* [Kleur-08] */
}
div.showproductwrapper
{
  background-color: #cecece;
  border-top: solid 1px #0062a1; /* [Kleur-04] */
  border-bottom: solid 1px #0062a1; /* [Kleur-04] */
}
div.showproductwrapper div.leftpanel img
{
  border: solid 1px #959595;
}
#image_wrapper {
  background-color: #cecece;
}
.related_left img
{
  border: solid 1px #959595;
}
div.related span
{
  font-weight: bold;
  color: #0062a1; /* [Kleur-04] */
}
.related_top a, .related_top a:visited, .related_top a:link, .related_top a:hover
{
  text-decoration: none;
  color: #000000;
}

a.none, a:link.none, a:visited.none, a:hover.none
{
  font-weight:normal;
  text-decoration:none;
  color: #0062A1;
  font-size:8pt;
}

.related_top
{
  background-color: #e2e2e2; /* [Kleur-09] */
  font-weight: bold;
}
.related_bottom
{
  background-color: #355192; /* [Kleur-02] */
  color: #FFFFFF; /* [Kleur-11] */
  font-weight: bold;
  font-size:7pt;
}
div.rightpanel div div.price_right input
{
  background-color: #af0505; /* [Kleur-07] */
  color: #FFFFFF; /* [Kleur-11] */
  border: solid 1px #000000;
  font-family: Verdana,Arial;
  font-size: 8pt;
  font-weight: bold;
}
div.showproduct_desc
{
  background-color: #FFFFFF;
  border: solid 1px #959595;
  color: #0062a1; /* [Kleur-04] */
}
div.showproduct_desc div
{
  background-image: url(/Images/productdesc_bg.gif);
}
div.showproduct_desc div h2
{
  font-weight: bold;
  color: #5e5e5e; /* [Kleur-06] */
  font-size: 8pt;  
}
div.showproduct_desc div ul
{
  list-style-image: url(/Images/detaildot.jpg);
}

/* 
     Info:  Menu.
*/

.menuCategorien {
  background-image: url(/Images/left-menu-gradient-block.jpg);
  background-repeat:repeat-x;
  background-position:top;
}

#menuShop {
  background-image: url(/Images/left-menu-gradient-block.jpg);
  background-repeat:repeat-x;
  background-position:top;
}

#right ul {
  background-color:#D4DBE1;
}

#menuShop li.menuHeader, #menuSearch li.menuHeader, .menuCategorien li.menuHeader, #menuAbout li.menuHeader
{
  font-size: 11pt;
  font-family: Arial,Verdana, helvetica;
  /* Menu links - Header Kleur */
  background-color: #00446B; /* [Kleur-01] 
  color: #FFFFFF; /* [Kleur-11] */
  font-style:italic;
  font-weight:bold;
}
#menuRight li.menuHeader, #menuProducts li.menuHeader, #menuSearch li.menuHeader, #menuMailing li.menuHeader
{
  font-size: 11pt;
  font-family: Arial,Verdana, helvetica;
  /* Menu rechts - Header Kleur */  
  background-color: #D4DBE1; /* [Kleur-01] */
  color: #104F72; /* [Kleur-11] */
  font-style:italic;
  font-weight:bold;
}
.menuCategorien li
{
  /* Menu links - Categorie Kleur */
  /*background-color: #01395A; /* [Kleur-02]*/
  /*border-top: solid 2px #FFFFFF;*/
  font-weight: bold;
}
li.menuAbout
{
  /* Menu links - About Kleur */  
  background-color: #355192; /* [Kleur-02] */
  border-top: solid 2px #FFFFFF;
  font-weight: bold;
}
li.menuAbout a, li.menuAbout a:visited, li.menuAbout a:link
{
  color: #FFFFFF; /* [Kleur-11] */
}
li.menuInfo
{
  background-color: #d4d4d4; /* [Kleur-09] */
  border-top: solid 2px #FFFFFF;
}
#menuProducts li
{
  background-color: #e2e2e2; /* [Kleur-09] */
  border-bottom: 1px solid #000000; /* [Kleur-12] */
  border-top: 1px solid #000000; /* [Kleur-12] */
}

#menuSearch li.search
{
  /* Search veld */
  background-image: url(/Images/search-bg.jpg);
  background-repeat: repeat-x;
  color: #FFFFFF; /* [Kleur-11] */
}

#menuMailing li.mailing {
  background-color: #BBC2C8;
}

#menuSearch li.search input, #menuMailing li.mailing input
{
  border: solid 1px #000000;
}
#menuRight li
{
  /* Menu rechts - Info Kleur */
  background-color: #BBC2C8; /* [Kleur-02] */
  border: 0px;
}

.menuCategorien li a, #menuAbout li a, #menuShop li a
{
  color: #FFFFFF; /* [Kleur-11] */
  font-size: 8pt;
  text-decoration: none;
}
.menuCategorien li a:visited, #menuAbout li a:visited, #menuShop li a:visited
{
  color: #FFFFFF; /* [Kleur-11] */
  font-size: 8pt;
  text-decoration: none;
}
.menuCategorien li a:hover, #menuAbout li a:hover, #menuShop li a:hover
{
  color: #FFFFFF; /* [Kleur-11] */
  font-size: 8pt;
  text-decoration: none;
}
#menuRight li a
{
  color: #104F72; /* [Kleur-11] */
  font-size: 8pt;
  text-decoration: none;
}
#menuProducts li table
{
  color: #0062a1; /* [Kleur-04] */
  font-size: 7pt;
}
.menuCategorien li ul li
{
  /* Menu links - Subcategorie Kleur */
  /*background-color: #4061af !important; /* [Kleur-03] */
  color: #FFFFFF; /* [Kleur-11] */
  z-index: 900;
  margin-left: 5px;
  padding-left: 2px;
}
.menuCategorien li ul li ul li /* sub sub categorie */
{
  /*background-color: #476dc4 !important;*/
  z-index: 900;
  margin-left: 10px;  
  padding-left: 2px;  
}
.menuCategorien li ul li ul li ul li /* sub sub sub categorie */
{
  /*background-color: #507adb !important;*/
  z-index: 900;
}
.menuCategorien li ul li ul li ul li ul li /* sub sub sub sub categorie */
{
  /*background-color: #5886f0 !important;*/
  z-index: 900;
}
.menuCategorien li ul li ul li ul li ul li ul li /* sub sub sub sub sub categorie */
{
  /*background-color: #6996ff !important;*/
  z-index: 900;
}
.menuCategorien li ul li ul li ul li ul li ul li ul li /* sub sub sub sub sub sub categorie */
{
  /*background-color: #8baeff !important;*/
  z-index: 900;
}

/*
     Info:  Winkelwagen.
*/
.cartBlokCentraal
{
  border: solid 1px #9b9b9b;
  background-color: #FFFFFF;
  color: #0062a1; /* [Kleur-04] */
}
.cartBlokMid
{
  background-image: url(/Images/line.png);
  background-color: #cfcfcf;
}
.cartBlok
{
  background-color: #fff;
  /* border-top: 1px solid #000000; /* [Kleur-12] */
  /* border-bottom: 1px solid #000000; /* [Kleur-12] */
}
.cartStap
{
  background-color: #0062a1; /* [Kleur-04] */
  color: #FFFFFF; /* [Kleur-11] */
  font-weight: bold;
}
.cartStapTitel
{
  background-color: #355192; /* [Kleur-02] */
  color: #FFFFFF; /* [Kleur-11] */
  font-weight: bold;
}
.flexleaseTarieven {
  text-align:center;
}
.flexleaseTarieven table td
{
  font-size: 8pt;
  font-family: Verdana, Arial, helvetica;
  text-decoration: none;
}
.flexleaseTarieven table th
{
  font-size: 8pt;
  font-family: Verdana, Arial, helvetica;
  text-decoration: none;

}
.cartStapTekst
{
  font-size: 8pt;
  font-family: Verdana, Arial, helvetica;
  text-decoration: none;
}
.cartStapTekst table th
{
  font-size: 8pt;
  font-family: Verdana, Arial, helvetica;
  text-decoration: none;
  font-weight: bold;
}
.cartInput
{
  border: 1px solid #000000;
  font-size: 9pt;
  font-weight: bold;
}
.cartDisabled
{
  border: 1px solid #000000;
  font-size: 9pt;
  font-weight: bold;
  background-color: #DDDDDD;
}

/* 
     Info:  Categorie overzicht.
*/

.overzichtTekst
{
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #003F65; /* [Kleur-04] */
}
.overzichtCat
{
  background-color: #DADFE5; /* [Kleur-09] */
}

/* 
     Info:  Orderhistory.
*/

tr.row_hover
{
  cursor: pointer;
  background-color: #F4D9BE; /* [Kleur-09] */ 
}

/* 
     Info:  Sitemap.
*/

.cat
{
  color: #FFFFFF; /* [Kleur-11] */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  border: solid 1px #a8a8a8; /* [Kleur-02] */
}
.catinner
{
  background-color: #FFFFFF;
  color: #003F65; /* [Kleur-04] */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: normal;
}
.titel
{
  background-color: #a8a8a8; /* [Kleur-02] */
}
div.catinnertekst a:visited, div.catinnertekst a, div.catinnertekst a:link, div.catinnertekst a:active
{
  color: #003F65; /* [Kleur-04] */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: normal;
}
div.catinnertekst a:hover
{
  color: #85afc2;
}
.titel a:visited, .titel a, .titel a:link, .titel a:hover
{
  color: #FFFFFF; /* [Kleur-11] */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
}
.menuPicture
{
  background-color: #2c2c2c; /* [Kleur-01] */
}

/* 
     Info:  Links.
*/

a
{
  background-color: transparent;
  color: #104F72; /* [Kleur-06] */
  text-decoration: underline;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
a:active
{
  background-color: transparent;
  color: #2c2c2c; /* [Kleur-10] */
  text-decoration: underline;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
a:link
{
  color: #104F72; /* [Kleur-10] */
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
a:visited
{
  background-color: transparent;
  color: #104F72; /* [Kleur-10] */
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

a:hover
{
  color: #F78F20; /* [Kleur-04] */
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

p a:hover img
{
  border:0px;
}
p a:link img
{
  border:0px;
}
p a img
{
  border:0px;
}

/* Andere shit */

.kopOrange
{
  color: #f78f20;
  font-family: Arial;
  font-size: 18px;
  font-weight: normal;
}
.headerLinks
{
  background-color: #355192;
}
.headerLinks a 
{
  color: #FFFFFF !important;
}
.headerLinks a:hover 
{
  text-decoration: underline;
}
.hover
{
   /* color: #F78F20 !important;*/
}

div.inputnb {
  background-color: #BBC2C8;
  color: #104F72;
  font-size: 8pt;
  font-weight: bold;
}

.line
{
  width: 100%;
  border-bottom: solid 1px Black;
}
.sitemapTitle
{
  font-size: 15px;
  margin-bottom: 3px;
}
#message {
  color:Red;
  font-weight:bold;
  display:block;
}