html, body,
div, p, form, input, textarea, select, ul, ol, dl, dt, dd, li,
h1, h2, h3, h4, h5, h6 {
   font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
   margin: 0;
   padding: 0;
}


/**
* Layout together
*/
body {
   font-size: 12px;
   background-color: #fff;
}

a {
   color: blue;
}

h1{
   font-size: 20px;
   margin-bottom: 10px;
}


   #footer {
      height: 47px;
      font-size: 11px;
      color: #fff;
      text-align: center;
      width: 862px;
      margin: 15px auto 0;
   }
      #details, #newsletterPlaceholder {
      }
      #details {
         float: left;
      }
      #newsletterPlaceholder {
         height: 30px;
         float: right;
      }
         #newsletterPlaceholder form,
         #newsletterPlaceholder input,
         #newsletterPlaceholder img,
         #newsletterTitle {
            float: left;
            display: inline;
            margin: 1px 0 0 0;
         }
         #newsletterForm #newsletterInput {
            height: 16px;
            width: 120px;
            border: 0px;
            margin-left: 4px;
         }
         #newsletterForm #newsletterSubmit {
            cursor: pointer;
         }
         #returnMsg {
            clear: both;
         }

   #subSite {
      position: absolute;
      right: 3px;
      bottom: 3px;
      clear: both;
      text-align: right;
   }
      #subSite,
      #subSite a {
         font-size: 10px;
         color: #28495a;
      }
      #subSite a:hover {
         color: #ececec;
      }


   #productTopContainer {
      position: relative;
      padding: 0 0 30px;
      background: top right no-repeat #2a2a28;
   }

      #bgslider{
         position: absolute;
         left: 0px;
         top: 0px;
         right: 0px;
         bottom: 0px;
         z-index: 1;
         overflow: hidden;
      }

         #bgslider img{
            position: absolute;
            top: 0px;
            left: 0px;
         }

      #productTopContainer .contentContainer {
         position: relative;
         margin: 0px 430px 0 40px;
         background-color:#FFFFFF;
         padding:18px 24px;
         z-index: 5;
         line-height: 15px;
      }

   #categoryOverview {
      width: 858px;
      overflow: hidden;
   }
      #categoryOverview li {
         position: relative;
         width: 284px;
         height: 169px;
         border-top: 2px solid #fff;
         border-right: 2px solid #fff;
      }
         #categoryOverview a {
            position: absolute;
            display: block;
         }
         #categoryOverview a.linkBlock {
            width: 428px;
            height: 169px;
            z-index: 4;
         }
         #categoryOverview a.linkButton {
            top: 133px;
            left: 10px;
            width: 183px;
            height: 20px;
            padding: 2px 4px 0;
            color: #000;
            text-decoration: none;
            border: 1px solid #000;
            background: url(../gfx/arrowButton2.png) top right no-repeat #fff;
         }


   #productOverview,
   #right #categoryOverview,
   #container-image-container {
      width: 566px;
      overflow: hidden;
      padding: 2px;
      background: #fff;
      margin: 15px 0px 15px -24px;
      height: auto;

   }
      #productOverview li,
      #right #categoryOverview li {
         position: relative;
         width: 281px !important;
         height: 169px;
         border-top: 2px solid #fff;
         border-right: 2px solid #fff !important;
         margin-left: 0px;
      }
         #productOverview a,
         #right #categoryOverview a{
            position: absolute;
            display: block;
         }
         #productOverview a.linkBlock,
         #right #categoryOverview a.linkBlock {
            width: 282px;
            height: 169px;
            z-index: 4;
         }
         #right #categoryOverview a.linkbutton,
         #productOverview a.linkButton {
            top: 133px;
            left: 10px;
            width: 183px;
            height: 20px;
            padding: 2px 4px 0;
            color: #000;
            text-decoration: none;
            border: 1px solid #000;
            background: url(../gfx/arrowButton2.png) top right no-repeat #fff;
         }


      .bestel-button:hover{
         text-decoration: underline;
      }

      #image-container{
         position: relative;
         height: 389px;
         width: 566px;
         overflow: hidden;
      }
      #image-container div{
         overflow: hidden;
         position: absolute;
      }

      #image-container div img{
         height: 389px;
      }

.menu {
   list-style: none;
}
   .menu li,
   .menu a {
      float: left;
      display: inline;
   }

.clear {
   display: block;
   height: 1px;
   overflow: hidden;
   margin-top: -1px;
   clear: both;
   font-size: 1px;
   line-height: 1px;
}

.nbsp {
   white-space: nowrap;
}

/* * */

a {
   color: #28495a;
}
   a:hover {
      color: #eee;
   }

img {
   border: 0;
}

.titlePrefix{
   color: #28495a;
}

#orderForm_bericht{
   width: 250px;
   height: 150px;
}

#form-right{
   float: right;
   margin: 0 0 20px 20px;
}

div.price{
   font-size: 13px;
   margin-bottom: 10px;
}

.bestel-button{
   display: block;
   padding: 1px 8px;
   background: #7698a9;
   color: #fff;
   text-decoration: none;
   line-height: 20px;
   border: 0px;
}

.contentContainer ul li{
   margin-left: 15px;
   }

/* nieuwspagina */
.newsmenu{
   position: absolute;
   right: 50%;
   z-index: 100;
   top: 0px;
   margin-right: -430px;
   width: 225px;
}
.newsmenu select{
}
.date{
   display: block;
   float: right;
   font-size: 11px;
   margin: 10px 0 0 0;
}
.datehome{
   display: block;

   font-size: 11px;
   margin: -10px 0 5px 0;
}
h2{
   font-weight: normal;
   font-size: 16px;
   margin: 10px 0 15px 0;
}
h2 a{
   text-decoration: none;
}
h2 a:hover{
   color: #28495a;
}
.thumbnail{
   max-width: 100px;
   max-height: 100px;
   float: left;
   margin: 0 10px 5px 0;
   padding-top: 0px!important;
   padding-bottom: 0px!important;
}
.image{
   max-width: 100px;
   max-height: 100px;
   float: left;
   margin: 0 10px 5px 0;
   padding-top: 0px!important;
   padding-bottom: 0px!important;
}
.newsmenu{
   background: #fff;
   color: #000;
   /*padding: 5px;*/
}
.newsmenu div span{
   padding: 5px 10px;
   position: relative;
   cursor: pointer;
   display: inline-block;
   color: #000;
}
.newsmenu div span.arrow{
   background: #fff;
   position: relative;
   width: 4px;
   float: right;
}
.newsmenu span.arrow:after{
   content: "";
   position: absolute;
   right: 8px;
   top: 8px;
   color: #fff;
   font-size: 14px;
   font-weight: normal;
   background: url(../gfx/down.png);
   width: 10px;
   height: 6px;
}
.newsmenu:hover span.arrow:after{
   background: url(../gfx/up.png);
}
.newsmenu ul{
   max-height:0;
   width: 200px;
   position: absolute;
   background: #fff;
   padding: 0 0 0 25px;
   transition: max-height 1s linear;
   overflow: hidden;
}
.newsmenu ul li{
   /*padding: 5px 5px;*/
}
.newsmenu:hover ul{
   max-height: 800px;
}
.newsmenu ul li a{
   text-decoration: none;
   display: block;
   padding: 8px 5px 8px 0;
   font-size: 11px;
   color: #000;
}
.newsmenu ul li a:hover{
   color: #000;
   background: #fff;
}