html, body
{
  margin: 0px;
  width: 100%;
  height: 100%;
}

body
{
  font-family: Frutiger, Lucida Sans Unicode, Trebuchet MS, Verdana, Arial;
  font-size: 12px;
  color: #FFF;
  line-height: 120%;
  background: #fcfcfb url(../img/body_background.gif) repeat-x top left;
  scrollbar-face-color: #ffffff;
  scrollbar-shadow-color: #ffffff; 
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #4487bb; 
  scrollbar-darkshadow-color: #4487bb;
  scrollbar-track-color: #ffffff; 
  scrollbar-arrow-color: #4487bb;
}

h2
{
  font-size: 13px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

h3
{
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

h4
{
  font-size: 13px;
  font-weight: bold;
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 5px 0px;
  background: url(../img/stipjes_kort.gif) repeat-x bottom left;
}

.clear
{
  clear: both;
}

a, a:visited
{
  color: #fff;
  text-decoration: underline;
}

a:active, a:hover
{
  color: #fff;
  text-decoration: none;
}

.input
{
  border: 3px solid #CCCCCC;
}

.select
{
  border: 3px solid #CCCCCC;
}

/* ######## LAAG 1 ######## */


#container
{
  z-index: 10;
  position: relative;
  margin: 0px auto;
  width: 783px;
  text-align: left;
}

#logo
{
  position: absolute;
  top: 5px;
  left: 0px;
  width: 235px;
  height: 226px;
}

#zebilink
{
  z-index: 400;
  position: absolute;
  width: 130px;
  height: 85px;
  top: 0px;
  left: 30px;
}


/* ######## LAAG 2 ######## */


#container_top
{
  z-index: 20;
  position: relative;
  margin: 0px auto;
  width: 783px;
  text-align: left;
}

#maintable
{
  width: 783px;
  margin: 0px;
  padding: 0px;
}

.left
{
  width: 196px;
}

.right
{
  width: 587px;
}

#righttable
{
  width: 587px;
  border: none;
}

.clickpath
{
  width: 578px;
  height: 82px;
  padding: 0px 0px 0px 45px;
  text-align: left;
  font-family: Frutiger, Lucida Sans Unicode, Trebuchet MS, Verdana, Arial;
  font-size: 13px;
  font-weight: bold;
  color: #FFF;
}


/* ######## INDEX ######## */


#index_panel1
{
  width: 293px;
  height: 399px;
  background: url(../img/index_panel1_background.gif) no-repeat top left;
  overflow: hidden;
  vertical-align: top;
  color: #FFF;
}
#index_panel1_title
{
  margin: 0px;
  padding: 16px 0px 0px 30px;
  height: 60px;
}
#index_panel1_content
{
  margin: 1px 0px 0px 30px;
  padding: 0px 10px 0px 0px;
  width: 230px;
  height: 290px;
  overflow: auto;
}


#index_panel2
{
  width: 294px;
  height: 399px;
  background: url(../img/index_panel2_background.gif) no-repeat top left;
  overflow: hidden;
  vertical-align: top;
  color: #585352;
}
#index_panel2_title
{
  margin: 0px 0px 7px 0px; 
  padding: 0px 0px 0px 30px;
  height: 65px; 
}
#index_panel2_content
{
  position: relative;
  margin: 0px 30px 0px 20px;
  padding-right: 10px;
  height: 255px;
  overflow: hidden;
}
#panel2_link
{
  width: 230px;
  margin: 20px 0px 0px 20px;
  padding: 0px;
}


#index_panel3
{
  width: 587px;
  height: 212px;
  background: url(../img/index_panel3_background.gif) no-repeat top left;
  overflow: hidden;
  vertical-align: top;
  padding: 0px 0px 0px 30px;
  color: #585352;
}
#index_panel3_title
{ 
  margin: 0px;
  padding: 0px 0px 0px 10px;
  width: 160px; /* breedte - padding = 180 - 20 */
  height: 70px;
}
#index_panel3_contentleft
{
  margin: 50px 0px 0px 0px;
  width: 180px;
  height: 130px;
  overflow: hidden;
}
#index_panel3_contentright
{
  margin: 50px 0px 0px 0px;
  width: 170px;
  height: 100px;
  overflow: hidden;
}
#panel3_link
{
  width: 170px;
  margin: 3px 0px 0px 0px;
}


#index_panel4
{
  width: 293px;
  height: 384px;
  background: url(../img/index_panel4_background.gif) no-repeat top left;
  overflow: hidden;
  vertical-align: top;
  color: #585352;
}
#index_panel4_title
{
  margin: 0px;
  padding: 20px 0px 0px 10px;
  width: 240px;
  height: 58px;
}
#index_panel4_content
{
  margin: 120px 0px 0px 30px;
  padding: 0px 10px 0px 0px;
  width: 230px;
  height: 130px;
  overflow: hidden;
}
#panel4_link
{
  width: 230px;
  margin: 9px 0px 0px 30px;
  padding: 0px 10px 0px 0px;
}


#index_panel5
{
  width: 294px;
  height: 384px;
  background: url(../img/index_panel5_background.gif) no-repeat top left;
  overflow: hidden;
  vertical-align: top;
  color: #FFF;
}
#index_panel5_title
{
  margin: 0px;
  padding: 0px 0px 0px 20px;
  width: 240px;
  height: 75px;
}
#index_panel5_content
{
  margin: 10px 0px 0px 20px;
  padding: 0px 10px 0px 0px;
  width: 230px;
  height: 140px;
  overflow: hidden;
}
#panel5_link
{
  width: 230px;
  margin: 112px 0px 0px 20px;
  padding: 0px 10px 0px 0px;
}


#index_panel6
{
  width: 587px;
  height: 443px;
  background: url(../img/index_panel6_background.gif) no-repeat top left;
  overflow: hidden;
  vertical-align: top;
  color: #585352;
}
#index_panel6_title
{
  margin: 20px 0px 0px 25px;
  width: 270px;
  height: 60px;
}
#index_panel6_content
{
  margin: 0px 0px 0px 30px;
  padding: 0px 10px 0px 0px;
  width: 510px;
  height: 270px;
  overflow: hidden;
}
#panel6_link
{
  width: 230px;
  margin: 0px 0px 0px 30px;
  padding: 0px 10px 0px 0px;
}


/* ######## NIEUWS ######## */


#background1_nieuws
{
  position: relative;
  background: url(../img/nieuws_background.gif) repeat-y top left; 
}

#background2_nieuws
{
  position: relative;
  background: url(../img/nieuws_top.gif) no-repeat top left;
}

#content_nieuws
{
  min-height: 510px;
  _height: 510px;
  margin: 0px 20px 0px 30px;
  font-size: 13px;
  color: #fff;
  line-height: 120%;
}

#title_nieuws
{
  margin: 13px 0px 0px 0px;
}

.paragraaf_nieuws_index
{
  margin: 0px 0px 10px 0px;
  _margin: 0px 0px 10px 0px;
  padding: 0px;
  _height: 100px;
}

.paragraaf_nieuws_summary
{
  margin: 0px 0px 10px 0px;
  padding: 0px;
  height: 140px;
}

.paragraaf_nieuws_full
{
  margin: 0px 5px 10px 0px;
  _margin: 0px 5px 0px 0px;
  height: 270px;
  padding: 0px;
  overflow: auto;
}

.nieuws_terug
{
  height: 15px;
  margin: 0px 3px 5px 0px;
  padding: 0px;
  text-align: right;
}

.afbeelding_nieuws
{
  border: 3px solid #a8a8a8;
}

#table_nieuwsarchief
{
  margin: 10px 0px 0px 0px;
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
}


/* ######## KORTEVERHALEN ######## */


#background1_korteverhalen
{
  position: relative;
  background: url(../img/korteverhalen_background.gif) repeat-y top left; 
}

#background2_korteverhalen
{
  position: relative;
  background: url(../img/korteverhalen_top.gif) no-repeat top left;
}

#content_korteverhalen
{
  min-height: 520px;
  _height: 520px;
  margin: 0px 20px 0px 30px;
  font-size: 13px;
  color: #585352;
  line-height: 120%;
}

#content_korteverhalen a, #content_korteverhalen a:visited
{
  color: #585352;
  font-weight: bold;
  text-decoration: none;
}

#content_korteverhalen a:active, #content_korteverhalen a:hover
{
  color: #585352;
  text-decoration: underline;
}

#title_korteverhalen
{
  margin: 13px 0px 0px 0px;
}

.paragraaf_korteverhalen
{
  position: relative;
  margin: 0px 0px 10px 0px;
  height: 140px;
  padding: 0px;
}

.korteverhalen_terug
{
  height: 15px;
  margin: 0px 3px 5px 0px;
  padding: 0px;
  text-align: right;
}

#afbeelding_korteverhalen
{
  margin: 8px 5px 0px 0px;
  _margin: 18px 5px 0px 0px;
  float: right;
}

#table_korteverhalenarchief
{
  margin: 10px 0px 0px 0px;
  font-size: 13px;
  font-weight: bold;
  color: #d2312a;
}

/* ######## SPELLETJES ######## */


#background1_spelletjes
{
  position: relative;
  background: url(../img/spelletjes_background.gif) repeat-y top left; 
}

#background2_spelletjes
{
  position: relative;
  background: url(../img/spelletjes_top.gif) no-repeat top left;
}

#content_spelletjes
{
  margin: 0px 20px 0px 30px;
  font-size: 13px;
  color: #fff;
  line-height: 120%;
}

#title_spelletjes
{
  margin: 13px 0px 0px 0px;
}

#afbeelding_spelletjes
{
  margin: 8px 5px 0px 0px;
  _margin: 18px 5px 0px 0px;
  float: right;
}

#inleiding_spelletjes
{
  margin: 5px 0px 0px 0px;
  width: 320px;
}

.paragraaf_spelletjes
{
  height: 180px;
  position: relative;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}

.txt_spelletjes
{
  float: right;
  margin: 5px 10px 0px 0px;
  padding: 0px 0px 0px 10px;
  width: 380px;
}

.thumb
{
  border: 3px solid #929292;
}


/* ######## PRIJSVRAAG ######## */

#background1_prijsvraag
{
  position: relative;
  background: url(../img/prijsvraag_background.gif) repeat-y top left; 
}

#background2_prijsvraag
{
  position: relative;
  background: url(../img/prijsvraag_top.gif) no-repeat top left;
}

#content_prijsvraag
{
  margin: 0px 20px 0px 30px;
  font-size: 13px;
  color: #585352;
  line-height: 120%;
}

#content_prijsvraag a, #content_prijsvraag a:visited
{
  color: #585352;
  font-weight: bold;
  text-decoration: underline;
}

#content_prijsvraag a:active, #content_prijsvraag a:hover
{
  color: #585352;
  text-decoration: none;
}

#title_prijsvraag
{
  margin: 35px 0px 0px -20px;
}

#afbeelding_prijsvraag
{
  padding: -18px 5px 0px 0px;
  _padding: 18px 5px 0px 0px;
  float: right;
}

#inleiding_prijsvraag
{
  margin: 5px 0px 0px 0px;
  width: 320px;
}

.paragraaf_prijsvraag
{
  height: 180px;
  position: relative;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}


/* ######## top5 ######## */


#background1_top5
{
  position: relative;
  background: url(../img/top5_background.gif) repeat-y top left; 
  margin-bottom: 30px;
}

#background2_top5
{
  position: relative;
  background: url(../img/top5_bottom.gif) no-repeat bottom left;
}

#content_top5
{
  min-height: 825px;
  _height: 825px;
  position: relative;
  margin: 30px 20px 0px 30px;
  font-size: 13px;
  color: #585352;
  line-height: 120%;
}

#contenttop5small
{
  min-height: 425px;
  _height: 425px;
  position: relative;
  margin: 30px 20px 0px 30px;
  padding-right: 20px;
  font-size: 13px;
  color: #585352;
  line-height: 120%;
}

#content_top5 a, #content_top5 a:visited
{
  color: #585352;
  font-weight: bold;
  text-decoration: none;
}

#content_top5 a:active, #content_top5 a:hover
{
  color: #585352;
  text-decoration: underline;
}

#title_top5
{
  z-index: 40;
  position: absolute;
  margin: 10px 0px 0px 30px;
}

#afbeelding_top5
{
  z-index: 40;
  position: absolute;
  margin: 5px 0px 0px 410px;
  float: right;
}

#inleiding_top5
{
  position: relative;
  margin: 0px 0px 10px 0px;
  width: 360px;
}

.paragraaf_top5
{
  position: relative;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}

.txt_top5
{
  margin: 0px 0px 10px 0px;
}


/* ######## SPREEKBEURTEN ######## */


#background1_spreekbeurten
{
  position: relative;
  background: url(../img/spreekbeurten_background.gif) repeat-y top left; 
  margin-bottom: 30px;
}

#background2_spreekbeurten
{
  position: relative;
  background: url(../img/spreekbeurten_bottom.gif) no-repeat bottom left;
}

#content_spreekbeurten
{
  min-height: 321px;
  _height: 321px;
  position: relative;
  margin: 40px 20px 0px 30px;
  font-size: 13px;
  color: #FFF;
  line-height: 120%;
}

#title_spreekbeurten
{
  z-index: 40;
  position: absolute;
  margin: 10px 0px 0px 30px;
}

#afbeelding_spreekbeurten
{
  z-index: 40;
  position: absolute;
  margin: 0px 0px 0px 400px;
  float: right;
}

#inleiding_spreekbeurten
{
  position: relative;
  margin: 5px 0px 40px 0px;
  width: 360px;
}

.paragraaf_spreekbeurten
{
  position: relative;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}

.spreekbeurten_terug
{
  height: 15px;
  margin: 0px 3px 5px 0px;
  padding: 0px;
  text-align: right;
}

#table_spreekbeurten
{
  margin: 10px 0px 0px 0px;
  font-size: 13px;
  font-weight: bold;
}


/* ######## ETALAGE ######## */


#background1_etalage
{
  position: relative;
  background: url(../img/etalage_background.gif) repeat-y top left; 
  margin-bottom: 30px;
}

#background2_etalage
{
  position: relative;
  background: url(../img/etalage_bottom.gif) no-repeat bottom left;
}

#content_etalage
{
  min-height: 321px;
  _height: 321px;
  position: relative;
  margin: 40px 20px 0px 30px;
  font-size: 13px;
  color: #585352;
  line-height: 120%;
}

#content_etalage a, #content_etalage a:visited
{
  color: #585352;
  font-weight: bold;
  text-decoration: none;
}

#content_etalage a:active, #content_etalage a:hover
{
  color: #585352;
  text-decoration: underline;
}

#title_etalage
{
  z-index: 40;
  position: absolute;
  margin: 10px 0px 0px 30px;
}

#afbeelding_etalage
{
  z-index: 40;
  position: absolute;
  margin: 10px 0px 0px 430px;
  float: right;
}

#inleiding_etalage
{
  position: relative;
  margin: 5px 0px 10px 0px;
  width: 360px;
}

.paragraaf_etalage
{
  position: relative;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}


/* ######## LINKS ######## */


#background1_links
{
  position: relative;
  background: url(../img/etalage_background.gif) repeat-y top left; 
  margin-bottom: 30px;
}

#background2_links
{
  position: relative;
  background: url(../img/etalage_bottom.gif) no-repeat bottom left;
}

#content_links
{
  min-height: 321px;
  _height: 321px;
  position: relative;
  margin: 40px 20px 0px 30px;
  font-size: 13px;
  color: #585352;
  line-height: 120%;
}

#content_links a, #content_links a:visited
{
  color: #585352;
  font-weight: bold;
  text-decoration: none;
}

#content_links a:active, #content_links a:hover
{
  color: #585352;
  text-decoration: underline;
}

#title_links
{
  z-index: 40;
  position: absolute;
  margin: 10px 0px 0px 30px;
}

#afbeelding_links
{
  z-index: 40;
  position: absolute;
  margin: 10px 0px 0px 410px;
  float: right;
}

#inleiding_links
{
  position: relative;
  margin: 5px 0px 10px 0px;
  width: 360px;
}

.paragraaf_links
{
  position: relative;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}

/* ######## FORMULIER ######## */


.atkemailattribute, .atkattribute, .formattribute, textarea, .atklistattribute
{
  border: 3px solid #929292;
  background: #fff;
  padding: 2px;
  font-family: Frutiger, Lucida Sans Unicode, Trebuchet MS, Verdana, Arial;
  font-size: 12px;
}

form
{
  margin: 0px;
  padding: 0px;
}

/* ######## CONTACT ######## */


#background1_contact
{
  position: relative;
  background: url(../img/spreekbeurten_background.gif) repeat-y top left; 
  margin-bottom: 30px;
}

#background2_contact
{
  position: relative;
  background: url(../img/spreekbeurten_bottom.gif) no-repeat bottom left;
}

#content_contact
{
  min-height: 321px;
  _height: 321px;
  position: relative;
  margin: 40px 20px 0px 30px;
  font-size: 13px;
  color: #FFF;
  line-height: 120%;
}

#title_contact
{
  z-index: 40;
  position: absolute;
  margin: 10px 0px 0px 30px;
}

#afbeelding_contact
{
  z-index: 40;
  position: absolute;
  margin: 10px 0px 0px 420px;
  float: right;
}

#inleiding_contact
{
  position: relative;
  margin: 5px 0px 40px 0px;
  width: 360px;
}

.paragraaf_contact
{
  position: relative;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}


/* ######## NAVIGATIE ######## */


#navigatie_spacer
{
  position: relative;
  width: 196px;
  height: 226px;
}

#navigatie_bottom
{
  position: relative;
  width: 196px;
  height: 243px;
}

#navigatie_items
{
  position: relative;
  width: 196px;
  margin: 0px;
  padding: 0px;
  background: url(../img/navigatie_background.gif) repeat-y top left;
}

#navigatie_items img
{
  border: none;
  margin: 0px;
  padding: 0px;
}

#navigatie_items a.navbutton
{
  display: block;
  text-decoration: none;
  border: none;
  padding: 2px 0px 0px 40px;
  width: 156px; 
  height: 18px;
  font-family: Tahoma, Lucida Sans Unicode, Trebuchet MS, Verdana, Arial;
  font-size: 14px;
  font-weight: bold;
  color: #636363;
  background: url(../img/navigatie_item.gif) no-repeat left top;
}

#navigatie_items a.navbutton:hover  
{ 
  background: url(../img/navigatie_item.gif) no-repeat -196px top; 
}


/* ######## OVERIG ######## */



.terug
{
  border: none;
}

.inleiding
{
  position: relative;
  margin: 0px 0px 10px 0px;
  width: 360px;
}