html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }
html {
  font-family: "Ubuntu", Arial, sans-serif; }


body {
    margin  :0px 10px 50px 10px;
}

body {
  background: url(/website/design/background-home-2.jpg) no-repeat center top #354b09;
  background-attachment: fixed;
  background-size: 1400px;
  padding-top: 40px; }

p {
   margin: 0px;
   line-height: 26px;
}

#container {
    margin              :0 auto ;
    width               :999px ;
    position            :relative;
    background: #ffffff;
    box-shadow: 0px 0px 5px #000;
}
#header_over {
   height: 115px;
   clear: both;
   margin-bottom: 5px;
}
#header_over .padding {
   padding: 20px 20px 0px 20px;
}
#grey_border_bak {
   width: 940px;
   height: 140px;
   border-top: 20px #BABABA solid;
   border-left: 20px #BABABA solid;
   background-color: #ffffff;
}
#logo {
    width       : 300px ;
    text-align  : right ;
    float       : left ;
}
#logo img {
    border      :0px ;
}
#zoeken {
    float: right;
    margin: 0px 0px 0px 0px;
}
#zoeken .top_navigation {
   margin-top: 8px;
}
#zoeken .top_navigation a {
   margin-left: 25px;
   border-bottom: 1px solid transparent;
   color: #5cb503;
}
#zoeken .top_navigation a:hover {
   color: #346601;
}
#zoeken .taalkeuze {
   margin-bottom: 10px;
   float: right;
}
.zoeken {
    width: 200px ;
    height: 25px;
    line-height: 25px;
    padding-left: 3px;
   border: 1px solid #ccc;
   color: #333;
}
.zoeken2 {
    width: 200px ;
    height: 25px;
    line-height: 25px;
    padding-left: 3px;
    border: 1px solid #ccc!important;
    color: #333;
    margin-bottom: 20px;
}

#header {
    width   : 710px ;
    height  : 200px ;
}
#hoofdmenu {
    width   :950px ;
    height  :30px ;
    clear   :both ;
}
#hoofdmenu ul {
    margin-left         :270px ;
    padding             :0px ;
}
#hoofdmenu li {
    line-height         :30px ;
    padding-right       :30px ;
    float               :left ;
    list-style          :none ;
}
a.hoofdmenu {
    font-size           :18px ;
    text-decoration     :none ;
    line-height: 20px;
    border-bottom: 0px;
}
#left_column {
    width               :250px ;
    float               :left ;
    margin-left: 20px;
}
div#dochtermenu {
    width               :250px ;
    padding-top         :5px ;
    padding-bottom      :10px ;
    margin-bottom       :40px ;
    min-height: 260px;
}
#dochtermenu .padding {
   padding: 0px 5px 0px 20px;
}

a.dochtermenu {
    font-size           :15px ;
    text-decoration     :none ;
    display             :block ;
}
#dochtermenu ul {
   padding-left: 10px;
}
#main {
    position    :relative ;
}
#main .padding {
   padding: 30px 50px 50px 50px;
}
#main,
#elm1 {
    width   :710px ;
    float   :left ;
}
#elm1 {
    height  :500px ;
}

#main img, #elm1 img {
   border: 0px solid #225836;
   margin: 2px 5px 2px 5px;
}
.padding {
    padding     :20px 20px 20px 20px ;
}
#right_column {
    width           :180px ;
    float           :left ;
    margin-right    :20px ;
    padding         :20px 0px 30px 0px ;
}
#footer {
    margin              :0 auto ;
    width               :998px ;
    padding             :0px 0px 8px 0px ;
    position            :relative ;
    background: #ffffff;
}
#footer-shadow {
    
}
.clearboth {
    clear       :both ;
}

.trouwee {
    font-family     :arial,verdana;
    margin-top      :20px ;
    margin-left     :20px ;
    font-size       :11px ;
    color           :#bbb ;
    text-decoration :none ;
    line-height     :25px ;
}
.trouwee:hover {
    text-decoration :underline ;
    color           :#555 ;
}
.trouwee img {
   display: inherit;
}
h1, h2, h3, h4 {
    margin      :0px ;
}
h1 {
    font-size       :24px ;
    line-height     :30px ;
}
h2, h2 a {
    font-size       :20px ;
    line-height     :27px ;
}
h3, h3 a {
    font-size       :18px ;
    line-height     :30px ;
}
h4, h4 a {
    font-size       :18px ;
    line-height     :19px ;
}
h1.paginaNaam {
    margin-bottom   :10px ;
    color: #225836;
    font-size: 26px;
}
h2.nieuws {
   font-weight: 300;
   font-size: 18px;
}
li.zoek,
li.nieuws {
    margin          :0px ;
    margin-left     :20px ;
    padding         :0px ;
    list-style      :circle ;
}
li.zoek:hover,
li.nieuws:hover {
    list-style      :disc ;
}
.nieuws_datum {
    color       :#aaa ;
    font-style  :italic ;
    float       :left ;
    margin-right    :5px ;
}
a.zoek,
a.nieuws {
    display     :block ;
}
span.nieuws-archief {
    float       :left ;
    color       :#aaa ;
    font-size   :12px ;
    margin-right    :8px ;
}
.alert {
    color       :red;
}


/* Webwinkel instellingen */
.product {
    padding     :0px 10px 10px 10px ;
}
ul.webwinkelmenu {
    padding-top     :3px ;
    margin-top      :0px ;
}
ul.webwinkelmenu li {
    list-style      :circle ;
}
ul.webwinkelmenu li:hover {
    list-style      :disc ;
}
.filtergroep {
    margin-bottom   :15px ;
}
.filtergroep ul {
    margin      :0px ;
    padding     :0px 0px 0px 15px ;
}
.filtergroep ul li {
    list-style      :circle ;
}
.filtergroep ul li:hover {
    list-style      :disc ;
}
.filtergroep a {
    display         :block ;
}
.winkelwagenAlert {
    position            :absolute ;
    top                 :50px ;
    left                :20px ;
    width               :400px ;
    border              :10px solid #ccc ;
    background-color    :#fff;
    padding             :20px ;
    z-index             :1 ;
}
.winkelwagen {
    border          :1px solid #ccc ;
    padding         :10px ;
    width           :135px ;
    margin-bottom   :15px ;
}

#nieuwsbrief {

}
#nieuwsbrief .padding {
   
}

#cookie_alert {
    position: fixed;
    right: 0px;
    bottom: 0px;
    background-color: #333;
    border-radius: 5px 0px 0px 0px;
    color: #fff;
}
#cookie_alert p {
    color: #fff;
}
#cookie_alert .padding {
    padding: 10px;
}



@media screen and (min-width: 980px) {
  #left_column {
      max-height: 3000px!important;
  }
}



.mobiel {
    display: none;
}