@charset utf-8;
/**
 * SenCSS - Sensible Standards CSS framework
 *
 * Copyright (c) 2008-2009 Kilian Valkhof (kilianvalkhof.com)
 * Visit sencss.kilianvalkhof.com for more information and changelogs.
 * Licensed under the MIT license. http://www.opensource.org/licenses/mit-license.php
 *
 */
html,body,div,span,object,iframe,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,fieldset,form,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{vertical-align:baseline;margin:0;padding:0}
body{background:#fff;color:#000;font:75%/1.5em Arial, Helvetica, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;position:relative}
textarea{font:101%/1.5em Arial, Helvetica, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;width:100%;margin:0;padding:.29em 0}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:none}
a{text-decoration:underline;border:0}
a:hover,a:focus{text-decoration:none}
a img{border:0}
abbr,acronym{border-bottom:1px dotted;cursor:help;font-variant:small-caps}
address,cite,em,i{font-style:italic}
blockquote p{margin:0 1.5em 1.5em;padding:.75em}
code,kbd,tt{font-family:"Courier New", Courier, monospace, serif;line-height:1.5}
del{text-decoration:line-through}
dfn{border-bottom:1px dashed;font-style:italic}
dl{margin:0 0 1.5em}
dd{margin-left:1.5em}
h1,h2,h3,h4,h5,h6{font-weight:700;padding:0}
h1{font-size:2em;margin:0 0 .75em}
h2,h3{font-size:1.5em;margin:0 0 1em}
h4{font-size:1em;margin:0 0 1.5em}
h5{font-size:.8333em;margin:0 0 1.8em}
h6{font-size:.666em;margin:0 0 2.25em}
img{display:inline-block;vertical-align:text-bottom}
ins{text-decoration:overline}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
ol{list-style:outside decimal}
p{font-weight:300;margin:0 0 1.5em}
pre{font-family:"Courier New", Courier, monospace, serif;margin:0 0 1.5em}
sub{top:.4em;font-size:.85em;line-height:1;position:relative;vertical-align:baseline}
sup{font-size:.85em;line-height:1;position:relative;bottom:.5em;vertical-align:baseline}
ul{list-style:outside disc}
ul,ol{margin:0 0 1.5em 1.5em;padding:0}
li ul,li ol{margin:0 0 1.5em 1.5em;padding:0}
table{border-collapse:collapse;border-spacing:0;margin:0 0 1.5em;padding:0}
caption{font-style:italic;text-align:left}
tr.alt td{background:#eee}
td{border:1px solid #000;vertical-align:middle;padding:.333em}
th{font-weight:700;vertical-align:middle;padding:.333em}
button{cursor:pointer;display:block;font-size:1em;height:2em;line-height:1.5em;margin:1.75em 0 0;padding:0 .5em}
button::-moz-focus-inner{border:0}
fieldset{border:0;position:relative;margin:0 0 1.5em;padding:1.5em 0 0}
fieldset fieldset{clear:both;margin:0 0 1.5em;padding:0 0 0 1.5em}
input{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;font-size:1em;height:1.5em;line-height:1.5em;width:100%;margin:0 0 .75em;padding:0}
input[type=file]{height:2.25em;padding:0}
select{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;font-size:1em;height:2.25em;_margin:0 0 1.3em;margin:0 0 .8em;padding:.2em 0 0}
optgroup{font-weight:700;font-style:normal;text-indent:.2em}
optgroup + optgroup{margin-top:1em}
option{font-size:1em;height:1.5em;text-indent:1em;padding:0}
label{cursor:pointer;display:block;height:auto;line-height:1.4em;width:100%;margin:0;padding:0}
label input{background:0;border:0;height:1.5em;line-height:1.5em;width:auto;margin:0 .5em 0 0;padding:0}
legend{font-size:1.1666em;font-weight:700;left:0;margin:0;padding:0}
dt,strong,b{font-weight:700}
.amp{font-family:Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", "URW Chancery L", Gentium, serif;font-style:italic}
.quo{font-family:Georgia, Gentium, "Times New Roman", Times, serif}
.lquo{font-family:Georgia, Gentium, "Times New Roman", Times, serif;margin:0 0 0 -.55em}
.introParagraphArticle:first-letter{float:left;font-size:3.2em;font-weight:700;line-height:1em;margin:0 0 -.2em;padding:.125em .1em 0 0}
.message{background:#eee;border:1px solid #999;margin:1.5em;padding:.666em}
.error{background:#fee;border:1px solid red;margin:1.5em;padding:.666em}
.notice{background:#eef;border:1px solid #00f;margin:1.5em;padding:.666em}
.success{background:#efe;border:1px solid #0f0;margin:1.5em;padding:.666em}
.warning{background:#ffe;border:1px solid #ff0;margin:1.5em;padding:.666em}
.aside-left{clear:left;float:left;overflow:hidden;margin:0 1.5em 1.5em 0}
.aside-right{clear:right;float:right;overflow:hidden;margin:0 0 1.5em 1.5em}
.horizontalForm button{clear:left;float:left;margin:.25em 0 0}
.horizontalForm input,.horizontalForm textarea{float:left;width:49%;margin:0 0 .8em}
.horizontalForm select{float:left;_margin:0 0 1.25em;margin:0 0 .75em}
.horizontalForm label{clear:left;float:left;width:42%;padding:.375em 0}
.horizontalForm label input{height:1em;line-height:1.5em;width:auto;margin:.25em .5em 0 0}
.horizontalForm label.singleLine{clear:both;float:none;height:1.5em;width:100%;padding:0}

.plugin_picture.align-left img {
  max-width:49%;
}

body {
  background:#421b0d url(../images/darkwood.jpg) fixed repeat center;
  font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
  color:#9f4c15;
}
a {color:#9f4c15;}
#wrap {
  position:relative;
  width:700px;
  margin:20px auto;
}
.cookielawbar {
    background: none repeat scroll 0 0 #FFFFDD;
    border-bottom: 1px solid #000000;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
}
#header{
  background:url(../images/headerbg.png) no-repeat 0 0;
  position:relative;
  height:138px;
}
  #header h1 {margin:0px;}
    #header h1 a {
      display:block;
      height:150px;
      width:260px;
      background:url(../images/logo.png) no-repeat 0 0;
      text-indent:-9999em;
      position:absolute;
      left:220px;
      top:0px;
      margin:0;
    }

#menu {
  overflow:hidden;
  list-style:none;
  margin:0;padding:0;
  background:#6e340e;
  margin-bottom:0;
  width:694px;
  border:3px solid #dc8f5c;
  border-top:0;
  border-bottom:0;
  text-align:center;
  padding:12px 0 5px;
}
  #menu li {
    display:inline-block;
  }
    #menu li a {
      display:inline-block;
      color:#dc8f5c;
      font-size:12px;
      font-variant:small-caps;
      text-decoration:none;
      padding:4px 2px;
      margin:0;
      text-shadow:0px 0px 2px #000;
    }

      #menu li a span {
        font-size:1.2em;
        font-style:italic;
        display:none;
      }
      #menu li a:hover,
      #menu li a.focus,
      #page-home li a.navhom span,
      #page-wijnen li a.navwij span,
      #page-champagne li a.navcha span,
      #page-sabreren li a.navsab span,
      #page-adviezen li a.navadv span,
      #page-contact li a.navcon span {
        color:#fff;
        text-shadow:0px 0px 5px #000;
      }
        #menu li a:hover span,
        #menu li a.focus span {
        color:#dc8f5c;
        }

#intro {

  height:150px;
  background:#fff url(../images/inthom.jpg) no-repeat center;
  width:694px;
  border:3px solid #dc8f5c;
  border-top:0;
  border-bottom:0;
}

#page-home #intro {}
#page-wijnen #intro {
  background-image:url(../images/intwij.jpg);
}
#page-champagne  #intro {
  background-image:url(../images/intcha.jpg);
}
#page-sabreren  #intro {
  background-image:url(../images/intsab.jpg);
}
#page-adviezen  #intro {
  background-image:url(../images/intadv.jpg);
}
#page-contact  #intro {
  background-image:url(../images/intcon.jpg);
}
#page-champagnetoren #intro,
#page-champagnetower #intro {
  background-image:url(../images/intchamptoren.jpg);
}

#content {
  width:694px;
  border:3px solid #dc8f5c;
  border-top:0;
  border-bottom:0;
  background:#fbe8dc;
}
#content .inner {padding:1.5em;overflow:hidden}

#content p {
  font-size:1.2em;
}

#content h2 {
  font-variant:small-caps;
  text-align:center;
  font-size:1.8em;
}
#content h3 {
  font-variant:small-caps;
  text-align:center;
}

#content .sabreur {
  margin-left:auto;
  margin-right:auto;
  display:block;
}

.wijnlinks {
  text-align:center;
}
.wijnlinks img {
  padding:4px;
}

.seperator {
  width:696px;
  margin-left:-1.55em;
  height:33px;
  background:url(../images/ornament.png) no-repeat 0 0;
  margin-bottom:1.5em;
}


#footer {
  position:relative;
  display:block;
  background:url(../images/footerbg.png) no-repeat 0 100%;
  text-align:center;
  overflow:hidden;
}
#footer p {
  padding-top:4em;
  background:url(../images/ornament.png) no-repeat 0 0;
}
.halfleft {float:left;width:45%;margin-right:5%}
.horizontalForm small,
.horizontalForm button {margin-left:42%;display:block;clear:both;}
.horizontalForm textarea {height:80px;}

.sabrerenlogo {
  float:left;
}
.afsluiter {
  background:#DC8F5C;
  color:#FBE8DC;
  overflow:hidden;
  width:400px;
  float:right;
}
.afsluiter img {
  float:right;
  margin-left:10px;
}
#content .afsluiter p {
  font-size:1.7em;
  font-style:italic;
  padding:5px;
  margin-bottom:0;
  text-align:right;
}
.afsluiter strong {float:right;padding:5px;}
.errorlist {
  margin: 0pt -35px 0pt 0pt; padding: 0pt; float: right; width: 55px; list-style-type: none; list-style-image: none; list-style-position: outside;clear:right;
}
.verzonden {font-variant:normal;font-style:italic}


.langselector {
  position:absolute;
  bottom:60px;
  right:24px;
}
.langselector a {border:1px solid #9F4C15;display:block;float:right;margin-right:2px;}
.langselector img {display:block;}
.langselector a.current {
  border:1px solid #fff;
}
.twitter-follow-button {
  position:absolute;
  left:10px;
  top:26px;
}

/* webshop */
.cart {
  background:#dc8f5c url(../images/basket.png) no-repeat center;
  height:20px;
  padding:3px;
  border-radius:3px;
  overflow:hidden;
  border-radius:0 3px 3px 0;
  width:auto;
  position:absolute;
  left:0px;
  bottom:-15px;
  color:#fff;
  text-decoration:none;
  padding-left:10px;
  padding-right:10px;
  text-align:center;
  width:20px;
  line-height:20px;
  font-size:14px;
  text-shadow: 0 0 1px #000;
  font-weight:bold;
}

.webshopform {
  position:relative;
  background:#dc8f5c;
  height:20px;
  padding:3px;
  border-radius:3px;
  overflow:hidden;
}
  #header .webshopform {
  border-radius:3px 0 0 3px;
    width:173px;
    position:absolute;
    right:0px;
    bottom:-15px;
  }
  .webshopform input,
  .webshopform button,
  .webshopform select {
    border-radius:3px;
    margin:0;
    display:inline-block;
    width:150px;
    height:100%;
    line-height:1.5;
    border:0;
    padding-left:2px;
    vertical-align:top;
  }
  .webshopform select {
    width:100px;
    float:right;
    margin-left:3px;
    padding:0;
   }
  .webshopform button {
    width:20px;
    padding:0;
    border:0;background:0;
    text-indent:-9999em;
    background:url(../images/search.png) no-repeat center;
  }


  .webshopmenu {
    margin:0;padding:0;
    list-style:none;
    text-align:center;
    line-height:1;
  }
  .webshopmenu li {
    display:inline-block;
    padding:3px 10px;
    border-radius:3px 3px 0 0;
    font-variant:small-caps;
    font-size:14px;
    margin:0 10px;
  }
  .webshopmenu li.selected {
    background:#dc8f5c;
  }
    .webshopmenu li a {
      text-decoration:none;
    }
    .webshopmenu li a:hover,
    .webshopmenu li a:focus {color:#000;}
    .webshopmenu li.selected a {color:#fff;}

.webshoptable {
  width:100%;
  border-radius:3px;
}
  .webshoptable tbody tr {border-radius:3px;border:0;cursor:pointer;}
  .webshoptable td {border:0;border-bottom:1px solid #ddd;padding-left:20px;}
  .webshoptable th {text-align:left;padding-left:20px;cursor:pointer;}
    th.headerSortUp {background:url(../images/arrow-up.png) no-repeat center left;}
    th.headerSortDown {background:url(../images/arrow-down.png) no-repeat center left;}
  .webshoptable tbody tr:nth-child(2n+1) {background:#fff;}


  .webshoptable .image {
    width:40px;
    border-radius:3px 0 0 3px;
    padding-left:0.333em
  }
  .webshoptable .image img {background:#333;}
  .webshoptable .name {font-size:14px;}
  .webshoptable .form {width:52px;}
.webshoptable img {
  width:40px;
  height:40px;
  display:block;
}

.webshoptable input {width:25px;display:inline-block;margin:0;padding:2px;text-align:center;}
.webshoptable button {
  background:url(../images/basket-add.png) no-repeat center;
  width:24px;
  height:24px;
  display:inline-block;
  padding:0;margin:0;
  text-indent:-9999em;
  border:0;
}

.webshoptitle { margin-left:20%;padding-left:20px;}

.webshopinfo {
  margin-top:-3em;
  float:left;
  width:20%;
  position:relative;
}
  .webshopinfo img {width:100%;background:#333;margin-bottom:1.5em;}

.webshopdescription {
  float:left;
  width:75%;
  margin-left:20px;
}
  .webshopdescription span {display:block;margin-top:-1.5em;font-weight:bold;margin-bottom:1.5em}

.webshopbuy {float:left;color:#fff;margin-left:20px;margin-top:1.5em;}
.webshopbuy form {
  position:relative;
  background:#dc8f5c;
  padding:3px 5px;
  border-radius:3px;
  overflow:hidden;
}
.webshopbuy form input {width:40px;display:inline-block;margin:0;padding:2px;text-align:center;margin-left:10px;}
.webshopbuy form button {
  background:url(../images/basket-add.png) no-repeat left center;
  height:24px;
  display:inline-block;
  padding:0 0 0 30px;margin:0 0 0 10px;
  border:0;
  color:#fff;
  text-decoration:underline;
}

.empty {margin-top:1.5em;text-align:center;}

.messages {margin:0;list-style:0;}
.messages li {border-radius:3px;list-style:none;text-align:center;}

.priceeach,
.quantity,
.pricetotal {
  width:70px;
  text-align:right;
}

.discountform {
  background: none repeat scroll 0 0 #DC8F5C;
  border-radius: 3px 3px 3px 3px;
  height: 20px;
  padding: 3px;
  position: relative;
  color:#fff;
  float:right;
  clear:right;
}
  .discountformlink {display:none;float:right;text-align:italic;}
  .discountform label,
  .discountform input,
  .discountform button {float:left;margin:0 10px 0 0 ;width:auto;vertical-align:baseline;}
  .discountform input {width:150px;height:20px;}
  .discountform button {height:auto;line-height:15px;margin-right:0;}

  .discountform .errorlist {
    position:absolute;
    bottom:-20px;
    float:none;
    width:200px;
    color:#000;
    left:90px;
  }

.step-backbutton {
  float:left;
  clear:both;
  margin-top:30px;
  color:#fff;
  background: none repeat scroll 0 0 #DC8F5C;
  border-radius: 3px 3px 3px 3px;
  padding:3px;
}

.step-button {
  float:right;
  font-size:14px;
  font-weight:bold;
  margin-top:30px;
  color:#fff;
  background: none repeat scroll 0 0 #DC8F5C;
  border-radius: 3px 3px 3px 3px;
  padding:10px;
  border:0;
  height:auto;
}

  .step-backbutton:hover,
  .step-backbutton:focus,
  .step-button:hover,
  .step-button:focus {
    background:#cc7f4c;
  }


  fieldset.delivery {display:none;}
  .horizontalForm label{
    width:82px;
    position:relative;
  }
  .horizontalForm input {height:auto;}
  .horizontalForm button{margin-left:180px;}

  .horizontalForm .errorlist {
    width:218px;
  }
@media all and (max-width:700px) {
  #wrap,
  #intro,
  #menu,
  #content {
    width:100%;
  }
  #header,
  #intro,
  #menu,
  #content,
  #footer,
  #footer p {background-position:center top;border:0 !important;}

  #footer {background-position:center bottom;}
  #header h1 a {
    left:50%;
    margin-left:-130px;
  }

  .twitter-follow-button {
    left: 50%;
    margin-left:-133px;
    position: absolute;
    top: 40px;
  }
  #footer p {
      padding-top: 5.5em;
  }

  .langselector {right:2px;}

  .horizontalForm .errorlist {
    position:static;
  }
    #content .webshopform {
    height:auto;
    text-align:center;
  }

  #content .webshopform select {
    width:60%;
    display:inline-block;
    margin:2px;
    float:none;
  }
  #content #id_price {clear:both;}
    .webshopbuy {
    width:auto;
  }
}

@media all and (max-width:320px) {
  #content .inner {padding:10px 2px;}
  .langselector {
    top:-18px;
    width:16px;
  }
  .langselector a {margin-bottom:2px;}
  .twitter-follow-button{display:none;}

  .webshoptable td {padding:2px;}

  .discountform input {
    width:50px;
  }

  .horizontalForm {padding:10px;}
  .horizontalForm label,
  .horizontalForm input,
  .horizontalForm textarea {
    width:100%;
    clear:both;
  }
  .horizontalForm input {height:1.5em;}
  .horizontalForm button {margin-left:0;}

  #header .webshopform input {width:48px;}
  #header .webshopform {width:72px;}

  .webshopmenu li {
    font-size: 12px;
    font-variant: small-caps;
    margin: 0 2px;
    padding: 3px 2px;
}


  .webshopbuy,
  .webshopdescription,
  .webshoptitle,
  .webshopinfo {
    margin-top:0;
    margin-left:0;
    padding-left:0;
    width:auto;
  }
}