body
{
   margin: 0;
   padding: 0;
   font: normal 9pt/12pt Arial;
   background: #fff;
   overflow: auto;
}

h2
{
   margin: 0 0 .5em;
   padding: .5em 0;
   font: bold 12pt/16pt Georgia;
   letter-spacing: -.5px;
   color: #690f11;
   border-bottom: 1px solid #fff;
   /*ie6 letter-spacing: -1px;*/
}

h3
{
   margin: .75em 0 0;
   font: bold 11pt/11pt Arial;
}

p
{
   margin: 0 0 .5em;
}

a
{
   color: #c6223a;
   text-decoration: none;
}

a:hover
{
   text-decoration: underline;
}

a:active, a:focus{
	outline:0;
}

   a.button
   {
      display: block;
      float: left;
      margin: 0 .5em 0 0;
      padding: 0 0 0 13px;
      text-align: left;
      text-decoration: none;
      background: url(../img/button.left.png) no-repeat 0 0;
      border: none;
      white-space: nowrap;
      cursor: default;
   }

      a.button span
      {
         display: block;
         height: 16px;
         margin: 0;
         padding: 0 13px 0 0;
         font: bold 9pt/16px Arial;
         color: #fff;
         background: url(../img/button.right.png) no-repeat 100% 0;
         cursor: default;
		 _width: 1px; 
         /*ie6 width: 1px;*/
      }

      a.button:hover
      {
         background-position: 0 -24px;
      }

      a.button:hover span
      {
         background-position: 100% -24px;
      }

img
{
   border: 0;
}

ul#header
{
   width: 960px;
   margin: 0 auto;
   padding: 20px 0;
   list-style: none;
   text-align: center;
}

   ul#header li
   {
      display: inline;
      font: normal 12pt/12pt Georgia;
   }

   ul#header a
   {
      margin: 0 25px 0 0;
      padding: 35px 30px 10px 0;
      border-right: 2px solid #000;
   }

#menu
{
   position: relative;
   height: 57px;
   background: url(../img/bg.menu.gif) repeat-x 0 0;
}

   #menu .language
   {
      position: absolute;
      left: 50%;
      z-index: 10;
      margin-left: 452px;
   }

   #menu .language a
   {
      padding: 0;
   }

   #menu .language img
   {
      border: 1px solid #cdc789;
   }

   #menu ul
   {
      position: relative;
      width: 960px;
      margin: 0 auto;
      padding: 0;
      list-style: none;
      text-align: center;
   }

   #menu li
   {
      display: inline;
   }

   #menu li.language
   {
      float: right;
   }

   #menu a
   {
      padding: 3px 20px 4px;
    * padding: 4px 20px 3px;
      font: normal 12pt/29px 'Trebuchet MS';
      text-decoration: none;
      white-space: nowrap;
      color: #000;
   }
   
   #menu a .highlighted
   {
      color: #690F11;
   }

   #menu ul li.active a
   {
      color: #fff;
      background: url(../img/bg.menu.active.gif) repeat-x 0 0;
      border: solid #6e6345;
      border-width: 0 1px;
   }
   
   #menu ul li.active a .highlighted
   {
      color: #fff;
   }

   #menu ul ul
   {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
   }
   
   #menu ul li.active ul
   {
      display: block;
   }

   #menu ul li ul a,
   #menu ul li.active ul a
   {
      font-size: 10pt;
      color: #fff;
      background: none;
      border: 0;
   }
   
   #menu ul li ul a .highlighted,
   #menu ul li.active ul a .highlighted
   {
      color: #690F11;
   }

   #menu ul li.active ul li.active a
   {
      color: #15ff00;
   }
   #menu ul li.active ul li.active a .highlighted
   {
      color: #15ff00;
   }

      #menu ul li.active ul ul
      {
         display: none;
      }

#placeholder
{
   width: 960px;
   margin: 26px auto;
}

   #placeholder .left-column
   {
      float: left;
      width: 480px;
      margin: 0 0 20px;
      padding: 0 9px;
      background: #fff;
   }
   
      #placeholder .left-column h2
      {
         border-color: #dfdfdf;
      }

   #placeholder .right-column
   {
      float: right;
      width: 210px;
      margin-left: 20px;
   }

.content
{
   padding-bottom: 5px;
   border-bottom: 1px solid #dfdfdf;
}

.content h3
{
   font: bold 10pt/16pt Georgia;
   color: #690f11;
}

.content-img
{
   float: left;
   margin: 0 10px 5px 0;
}

#footer
{
   position: relative;
   clear: both;
   margin: 20px 0;
   background: url(../img/bg.body.gif) repeat-x 0 100%;
}

   #footer ul
   {
      position: relative;
      width: 960px;
      height: 41px;
      margin: 0 auto;
      padding: 0;
      list-style: none;
   }

      #footer ul ul
      {
         display: inline;
      }
      
         #footer ul ul ul
         {
            display: none;
         }

   #footer li
   {
      display: inline;
      line-height: 41px;
      padding: 0 .25em;
      color: #690f11;
   }

   #footer h4
   {
      float: right;
      margin: 0;
      padding: 0;
      font: normal 1em/41px Arial;
      color: #690f11;
   }

   #footer a
   {
      text-decoration: none;
      color: #690f11;
   }

   #footer img
   {
      position: absolute;
      top: 7px;
      left: 466px;
   }

#search-results .highlight
{
   font-weight: bold;
   color: #11cd03;
}

#search-results h3
{
   cursor: pointer;
}

#search-results a
{
   color: #000;
}


   #search-results a.bestel,
   #search-results a.bestel:hover
   {
      color: #c6223a;
   }

   #search-results a.bestel:hover
   {
      text-decoration: underline;
   }


#search-results img
{
   float: left;
   margin: 4px 10px 4px 0;
}

#search-results h3:hover,
#search-results a:hover,
ul.specs:hover
{
   color: #2b1f68;
   text-decoration: none;
}

#search-results .clear
{
   /*float: right;*/ text-align:right;
}

   #search-results .clear a
   {
      text-decoration: underline;
      color: #11cd03;
   }

#search-results a.stocklink{
	font-weight:bold; color:#FFF; font-size:12px; display:block; background:url('../img/button_big.png') no-repeat 0 0; width:144px; height:16px; padding:2px 0 2px 0; text-align:center;
}
#search-results a.stocklink:hover{
	 background:url('../img/button_big.png') no-repeat 0 -20px;
}
#search-results a.printlink{
	font-weight:bold; color:#690F11; /*margin-right:20px;*/ font-size:13px;
}
#search-results a.printlink:hover{
	border-bottom:1px dotted #690F11;
}


ul.result-pages,
ul.order-by,
ul.specs,
ul.bestel,
ul.pager,
ul.winkel-buttons,
ul.betaalwijze
{
   margin: 0;
   padding: 0 0 1.25em;
   list-style: none;
}

ul.order-by
{
   text-align: center;
   border-bottom: 1px solid #dfdfdf;
}

   ul.result-pages li,
   ul.order-by li,
   ul.specs li,
   ul.bestel li,
   ul.pager li,
   ul.winkel-buttons li
   {
      display: inline;
   }

   ul.order-by li
   {
      font: normal 8pt/18pt Tahoma;
   }

   ul.order-by li.sorteren
   {
      float: left;
      margin-right: .25em;
   }

   ul.order-by li.aantal
   {
      float: right;
      margin-left: .25em;
   }

ul.specs
{
   clear: left;
   color: #777279;
   cursor: pointer;
}

ul.bestel
{
   font-weight: bold;
   color: #690f11;
   border-bottom: 1px dotted #777;
}

ul.winkel-buttons
{
   padding-top: 30px;
   text-align: center;
}

ul.betaalwijze input,
ul.betaalwijze label
{
   float:left;
}

ul.betaalwijze li
{
   clear: left;
}

ul.betaalwijze select
{
   position: relative;
   left: 25px;
}

table.results
{
   width: 100%;
}

   table.results td
   {
      padding: 0 .5em;
      text-align: left;
      vertical-align: top;
   }

   table.results td.first
   {
      padding-left: 0;
   }

   table.results td.last
   {
      padding-right: 0;
      white-space: nowrap;
   }

   table.results tr.header td
   {
      position: relative;
      padding-top: .5em;
      padding-bottom: 1em;
      font-weight: bold;
      color: #690f11;
      cursor: default;
   }

      table.results tr.header td .tooltip
      {
         display: none;
         position: absolute;
         z-index: 10;
         margin: -33px 0 0 -10px;
         padding: 5px 10px;
         background: #fff;
         border: 1px solid #690f11;
      }

      table.results tr.header td:hover .tooltip
      {
         display: block;
      }

#search-results ul.pager
{
   padding-top: 10px;
   text-align: center;
   color: #690f11;
}

   #search-results ul.pager a
   {
      font-weight: bold;
      text-decoration: none;
      color: #690f11;
   }

   #search-results ul.pager a.active
   {
      color: #000;
   }

.grey,
.salmon,
.sand,
.mint,
.gold
{
   margin: 0 0 20px;
   padding: 0 9px 10px;
}

.grey
{
   background: #efefef;
}

.salmon
{
   background: #f3e5e4;
}

.sand
{
   background: #f4efdc;
}

.mint
{
   background: #e3f3dc;
}

.gold
{
   background: #d8c57e;
}

   .grey a,
   .salmon a,
   .sand a,
   .mint a
   {
      color: #000;
   }

   .grey a:hover,
   .salmon a:hover,
   .sand a:hover,
   .mint a:hover
   {
      color: #2b1f68;
      text-decoration: none;
   }

   .grey ul.bestel a:hover,
   .salmon ul.bestel a:hover,
   .sand ul.bestel a:hover,
   .mint ul.bestel a:hover
   {
      color: #fff;
   }

   .grey img,
   .salmon img,
   .sand img,
   .mint img
   {
      float: left;
      margin: 0 10px 5px 0;
   }
   
table.bestelling
{
   width: 100%;
   border: 0;
   border-collapse: collapse;
   font-weight: bold;
}

   table.bestelling td.red
   {
      color: #690f11;
   }

#verkenner
{
   padding-bottom: 9px;
}

   #verkenner p
   {
      font: normal 8pt/10pt Tahoma;
   }

   ul.settings,
   ul.options,
   ul.options ul
   {
      margin: 0;
      padding: 0;
      list-style: none;
   }

   ul.settings
   {
      min-height: 63px;
      padding: 3px;
      background: #fff;
      border: 1px solid #c2c0c3;
      /*ie6 height: 63px;*/
   }

      ul.settings li.streek
      {
         padding-left: .5em;
      }
   
      ul.settings a
      {
         text-decoration: none;
         color: #c6223a;
      }

      ul.settings img
      {
         float: right;
         margin: 3px 2px 0 0;
      }

   ul.options
   {
      cursor: default;
   }

      ul.options a,
      ul.options span
      {
         display: block;
         height: 27px;
         padding: 0 9px;
         line-height: 27px;
         text-decoration: none;
         color: #000;
         background: url(../img/bg.verkenner.gif) repeat-x 0 0;
      }

      ul.options ul
      {
         padding: .5em 0 0;
         background: #fff;
      }

      ul.options ul a,
      ul.options ul span
      {
         height: auto;
         line-height: 12pt;
         color: #666666;
         background: none;
      }

      ul.options a:hover,
      ul.options span:hover,
      ul.settings li.bestBuy a,
      ul.settings li.collectible a
      {
         color: #c6223a;
      }
      
ul.breadcrumb
{
   margin: 0 0 1em;
   padding: 0;
   list-style: none;
}

   ul.breadcrumb li
   {
      display: inline;
      padding: 0 .5em 0 0;
   }

   ul.breadcrumb a.active
   {
      font-weight: bold;
   }

   #AppendMenuItem-breadcrumb ul.breadcrumb a.active
   {
      font-weight: normal;
   }

   #AppendMenuItem-breadcrumb ul.breadcrumb a.active:after
   {
      content: ' »';
   }
   
   .error
   {
      padding-left: 90px;
      height: 100px;
      background: url(../img/error.jpg) no-repeat 0 0;
   }


.left-column form
{
   margin: 15px 0;
   padding: 15px 0;
   border-top: 1px solid #dfdfdf;
   border-bottom: 1px dotted #777;
}

   .left-column form fieldset
   {
      margin: 0;
      padding: 0;
      border: 0;
   }

   .left-column form table
   {
      margin: 15px 35px 0 0;
      border: 0;
      border-collapse: collapse;
   }

   .left-column form td
   {
      text-align: left;
      vertical-align: top;
   }

   .left-column form td.required
   {
      text-align: right;
   }
   
   .left-column form th
   {
      padding: 0 0 0 5px;
      font: normal 8pt/12pt Arial;
      text-align: left;
   }

   .left-column form input,
   .left-column form textarea,
   .left-column form select
   {
      width: 290px;
      margin: 0 0 3px;
      padding: 1px 3px;
      font: normal 9pt/12pt Arial;
      border: 1px solid #9d9d9f;
   }

   .left-column form input.small,
   .left-column form input.user,
   .left-column form input.pass
   {
      width: 80px;
   }

   .left-column form input.medium,
   .left-column form input.name,
   .left-column form input.landnaam,
   .left-column form input.eng_landnaam,
   .left-column form input.streeknaam,
   .left-column form input.eng_streeknaam,
   .left-column form input.formaatnaam,
   .left-column form input.eng_formaatnaam,
   .left-column form input.wijnsoortnaam,
   .left-column form input.eng_wijnsoortnaam,
   .left-column form input.jaarnaam
   {
      width: 210px;
   }
   
   .left-column form select
   {
      width: 130px;
      padding: 0;
   }

   .left-column form textarea
   {
      height: 110px;
      overflow: auto;
   }

   .left-column form input.radio,
   .left-column form input.checkbox
   {
      width: auto;
      margin: 3px 6px;
      border: 0;
   }

form#search
{
   margin: 0 0 20px;
   padding: 0 9px 10px;
}

   form#search fieldset
   {
      position: relative;
      margin: 0;
      padding: 0;
      border: 1px solid #9d9d9f;
   }

   form#search input
   {
      width: 157px;
      padding: 5px 30px 2px 3px;
      background: #fff;
      border: 0;
   }

   form#search button
   {
      position: absolute;
      top: 0;
      right: 0;
      width: 23px;
      height: 23px;
      margin: 0;
      padding: 0;
      background: #fff url(../img/zoek.gif) no-repeat 50% 50%;
      border: 0;
   }

      form#search button span
      {
         display: none;
      }

div.suggestions
{
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   position: absolute;
   min-width: 190px;
   margin-top: 1px;
   background: #fff;
   border: 1px solid #9d9d9f;
}

   div.suggestions div
   {
      cursor: default;
      padding: 0 3px;
      white-space: nowrap;
   }
   
   div.suggestions div.current
   {
      background-color: #e3f3dc;
   }

form.fckframe,
.save
{
   display: none;
}

form.fckframe fieldset
{
   padding: 0;
   border: 0;
}

form.fckframe label
{
   font: normal 8pt/12pt Arial;
}

form.fckframe input,
form.fckframe textarea
{
   width: 98%;
   margin: 0 0 3px;
   padding: 2px 3px 1px;
   font: normal 9pt/12pt Arial;
   border: 1px solid #999;
   background: #fff;
}

.menu li,
.menu li.active li
{
   font-weight: normal;
}

.menu li.active,
.menu li li.active
{
   font-weight:bold;
}

table.winespecs
{
   width: 100%;
   border-collapse: collapse;
}

   table.winespecs td
   {
      vertical-align: top;
   }

form.winespecs
{
   padding: 0 0 15px;
   border-bottom: 0;
   border-color: #dfdfdf;
}

p.href-overview
{
   padding-top: 1em;
   border-top: 1px dotted  #777;
}

   p.href-overview a
   {
      color: #000;
   }