html
{
  height: 100%;
  padding: 0px;
}

body
{
  margin: 0px;
  height: 100%;
  padding: 0px;
  color: #464646;
  background: #f6f4f0;
}

div#spotlight
{
  padding-bottom:             10px;
}

div#header
{
  min-height: 100%;
  position:                   relative;
  text-align:                 left;
  width:                      982px;
  margin:                     0 auto;
  padding:                    0 0 0 0;
  background: transparent;
}

div#wrapper
{
  padding: 0px;
  position: relative;
  min-height: 100%;
  background: transparent url( '../img/bg_home_2.gif' ) repeat-x 0 0;
}

div#page
{
  margin: auto auto;
  min-height: 300px;
  background: #f6f4f0;
  position: relative;
  width: 982px;
  padding-bottom: 20px;
}

div#subpage
{
  margin: auto auto;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 982px;
}

div#content
{
  border-top:    1px #E2E0DC solid;
  background:    #f6f4f0;
  width:         100%;
  min-height:    400px;
}

div#footer
{
  height:           25px;
  text-align:       center;
  background:       #695b46 url(../img/bg_footer.gif) repeat-x 0 0;
  width:            100%;
  position:         absolute;
  bottom:           0;
  padding-top:      11px;
  vertical-align:   middle;
  font-family:      "Tahoma";
  letter-spacing:   1px;
  font-size:        8pt;
  color:            #fff;
  bottom: 0;
}

input, textarea
{
  outline-style:none;
}

div#subfooter a,
div#subfooter a:link,
div#subfooter a:active,
div#subfooter a:visited,
div#subfooter a:hover
{
  color:                      #bbb;
}

/****************
 *  TYPOGRAPHY  *
 ****************/

a, a:link, a:visited, a:active, a:hover
{
  color:                      #7d6a55;
  text-decoration:            underline;
  border:                     none;
}

a:hover
{
  color:                      #A28C76;
  text-decoration:            none;
}

a.graphic, a.graphic:link, a.graphic:visited, a.graphic:active, a.graphic:hover
{
  text-decoration:            none;
}

h1
{
  font-family:                 "Lucida Sans Unicode","Lucida Grande", Verdana,Arial,Helvetica,sans-serif;
  color:                       #f6901e;
  font-size:                   18px;
  font-weight:                 normal;
  margin:                      0;
  line-height:                 1.4em;
  padding-bottom:              7px;
  margin-bottom:               7px;
  border-bottom:               solid 1px #D1D2CD;
}

h2
{
  font-size:                   13px;
  font-weight:                 bold;
  color:                       #008F82;
  margin:                      0.12em 0 0.1em 0;
  line-height:                 1.4em;
}

h3
{
  font-size:                   12px;
  font-weight:                 bold;
  color:                       #008F82;
  margin:                      0.1em 0 0.15em 0;
  line-height:                 1.1em;
}

h4
{
  font-size:                   1.2em;
  line-height:                 1.6em;
  color:                       #008F82;
  display:                     block;
  padding-top:                 5px;
  border:                      none;
}

h5
{
  font-size:                   1.1em;
  line-height:                 1.5em;
  color:                       #333333;
  display:                     block;
  padding-top:                 5px;
}

h6
{
  font-size:                   19px;
  line-height:                 1.4em;
  color:                       #316595;
  display:                     block;
}

p
{
  text-align:                 left;
  line-height:                1.5em;
}

ul
{
  padding-left:               15px;
  list-style-type: disc;
  /*list-style-image:           url(../img/bullet.gif);*/
}

li
{
  padding-bottom:             5px;
  line-height:                1.5em;
}

ol
{
  padding-left:               15px;
}

b
{
  color:                      #58585A;
}

img
{
  border:                     none;
}

table
{
  font-family:                "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  font-size:                  11px;
}

td
{
  vertical-align:             top;
}

input
{
  width:                      98%;
}

textarea
{
  width:                      98%;
}

a#overlay
{
  position:                   absolute;
  z-index:                    1;
  display:                    block;
  left:                       0px;
  top:                        5px;
  width:                      222px;
  height:                     124px;
}

#menu
{
  height:                     85px;
  padding:                    60px 0 0 0;
}

#spotlight h1
{
  margin-bottom:              0px;
  border-bottom:              none;
}

/*************************************************
 *                                               *
 *                      MENU                     *
 *                                               *
 *************************************************/

#menu a,
#menu a:link,
#menu a:active,
#menu a:visited,
#menu a:hover
{
  width:                      90px;
  text-decoration:            none;
  color:                      #fff;
  display:                    block;
  float:                      left;
  font-size:                  13pt;
  font-family:                "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  height:                     40px;
}

.locationtext
{
  font-family:                "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  font-size:                  9pt;
  color:        #58585A;
  font-weight:                 bold;
  text-decoration:            none;
}

.locationtext a:link
{
  text-decoration:            none;
}

.locationtext a:hover
{
  text-decoration:            underline;
}

div#submenu
{
  background: #3b90b7;
  width: 180px;
  padding-top: 20px;
  min-height:70px;
  margin-right: 20px;
  margin-left: 2px;
}


div.blueblock
{
  background: #3b90b7;
  padding-top: 5px;
  padding-left: 5px;
  min-height:70px;
  margin-right: 20px;
}

div#submenu a:link, div#submenu a:visited
{
  color: white;
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
}

div#submenu a:hover
{
  color: white;
  text-decoration: underline;
  font-size: 10pt;
}

div#submenu ul
{
  list-style-type: none;
}

div.menu-item
{
  text-align:   center;
  height:       50px;
  float:        left;
}

div.menu-item:hover
{
  background:                 transparent url("../img/nav/arrow.gif") no-repeat center 25px;
}

div#logo
{
  display:                    block;
  float:                      left;
  width: 230px;
  height:                     124px
}


#menu a:hover
{
  background-position:        0 -30px;
}

a#menu-home
{
  background:                 transparent url("../img/nav/home.gif") no-repeat 0 0;
  width:                      48px;
  height:                     30px;
}

a#menu-over-ons-nl
{
  background:                 transparent url("../img/nav/over-ons.gif") no-repeat 0 0;
  width:                      85px;
  height:                     30px;
}

a#menu-over-ons-en
{
  background:                 transparent url("../img/nav/about-us.gif") no-repeat 0 0;
  width:                      88px;
  height:                     30px;
}

a#menu-producten-nl
{
  background:                 transparent url("../img/nav/producten.gif") no-repeat 0 0;
  width:                      95px;
  height:                     30px;
}

a#menu-producten-en
{
  background:                 transparent url("../img/nav/products.gif") no-repeat 0 0;
  width:                      87px;
  height:                     30px;
}

a#menu-nieuws-nl
{
  background:                 transparent url("../img/nav/nieuws.gif") no-repeat 0 0;
  width:                      73px;
  height:                     30px;
}

a#menu-nieuws-en
{
  background:                 transparent url("../img/nav/news.gif") no-repeat 0 0;
  width:                      64px;
  height:                     30px;
}

a#menu-faq
{
  background:                 transparent url("../img/nav/faq.gif") no-repeat 0 0;
  width:                      51px;
  height:                     30px;
}

a#menu-contact
{
  background:                 transparent url("../img/nav/contact.gif") no-repeat 0 0;
  width:                      62px;
  height:                     30px;
}

/*************************
 *       BLOGVIEW        *
 *************************/

div.blogview
{
}

h2.blogview
{
  margin:                     0;
}

div.blogview-archive
{
  text-align:                 right;
}

div.blogview-readmore
{
  width: 100%;
  margin-bottom:              8px;
  text-align: left;
}

div.blogview-readmore a
{
}

div.blogview-archive a
{
}

div.datebox
{
  border:                     solid 1px #614726;
  margin-right:               5px;
  color:                      #fff;
}

div.datebox-border
{
  border:                     solid 1px #fff;
}

div.datebox-inner
{
  background:                 #7d6a55;
  color:                      #fff;
  font-weight:                bold;
  line-height:                1em;
  padding:                    1px;
  text-align:                 center;
}

div.datebox-wday
{
  margin-bottom:              1px;
  font-size:                  10px;
  color:                      #fff;
}

div.datebox-day
{
  font-size:                  16px;
  position:                   relative;
  color:                      #fff;
}

div.datebox-month
{
  color:                      #fff;
}

div.datebox-year
{
  font-size:                  10px;
  color:                      #fff;
}

a.knop, a.knop:link, a.knop:visited, a.knop:active, a.knop:hover
{
  color:                      #505050;
  text-decoration:            none;
  border:                     none;
  float: left;
  background: transparent url( '../img/button.png' ) repeat-x 0 0;
  width: 150px;
  height: 24px;
  text-align: center;
  vertical-align: middle;
  padding-top: 6px;
  font-size: 10pt;
}

a.knop:hover
{
  background: transparent url( '../img/button_1.png' ) repeat-x 0 0;
}