/* Stylesheet voor "Natuurpunt" nieuwe-stijl look */

/* 1. Algemene stijlkenmerken
----------------------------- */
body 
{
  background-color: #e9e5a8; /* achtergrondkleur */
  color: #535353; /* hoofd-fontkleur */
  font-family: Arial, Helvetica, sans-serif; /* hoofd-font */
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}

a /* algemene stijlkenmerken links <a href...> */
{
  color: #8B8E1C;
  font-weight: bold;
  outline-style: none;
  text-decoration: none;
}

#container_pagina
{
  width: 780px;
  margin:0 auto; /* voor auto-centrering (auto-margin) */
}

img { border: 0px solid; } /* geen randjes rond afbeeldingen */
ul { line-height: 14px; }

/* 2. Fonts (algemeen)
---------------------- */
h1, h2
{
  margin: 0px;
  padding: 0px;
}

h1 
{
  color: #8B8E1C;
  font-size: 16px;
}

h2
{
  font-size: 14px;
  color: #5b5a5a;
}

h3 { font-size: 12px; }

/* 3. Specifieke stijlkenmerken voorpagina
------------------------------------------ */
#menu_boven
{
  position: relative;
  float: left;
  width: 780px;
  margin-left: -15px;
  margin-top: 30px;
}

.logo_boven, #voorpagina_actua, #voorpagina_indekijker { float: left; }

#header
{
  height: 77px;
  margin: 0px;
  padding: 0px;
}

#kader_voorpagina
{
  background-image: url(../afbeeldingen/voorpagina_kader.gif);
  height: 308px;
  width: 780px;
}

#voorpagina_fotos { position: relative; }
#voorpagina_foto1, #voorpagina_foto2, #voorpagina_foto3 { position: absolute; }

#voorpagina_foto1 {	left: 26px;	top: 25px; }
#voorpagina_foto2 { left: 464px; top: 25px; }
#voorpagina_foto3 { left: 465px; top: 193px; }

.voorpagina_actua /* afbeelding voor bullets */
{
  list-style-image: url(../afbeeldingen/lijstitem.gif);
  margin: 0 0 0 31px;
  padding: 0px;
  line-height:20px;
}

#voorpagina_actua { width: 454px; }
#voorpagina_indekijker { width: 310px; }
#voorpagina_actua h3 { background-image: url(../afbeeldingen/voorpagina_actua.gif); }
#voorpagina_indekijker h3  { background-image:url(../afbeeldingen/voorpagina_eerstvolgendeactiviteiten.gif); }

#voorpagina_actua h3, #voorpagina_indekijker h3 
{
  background-repeat: no-repeat;
  background-position: top;
  margin: 0px;  
  padding-bottom: 20px;
}

.voorpagina_actua a, .indekijker_tekst a
{
  color: #535353;
  text-decoration: none;
  font-weight: normal;
}

.voorpagina_actua a:hover { color: #535353; }

#voorpagina_indekijker_inhoud 
{
  margin: 0 0 0 15px;
  width: 300px;
}

.indekijker_tekst { margin: 0 7px 0 0; }

/* 4. Hoofdpagina 
----------------- */
img.left { float: left; margin: 1em 2em 2em 0; border: 0px solid #999; clear: left; }
img.right { float: right; margin: 0.5em 0 1em 1em; border: 0px solid #999; clear: right; }

#inhoud_pagina 
{
  float: none;
  overflow: hidden;
  width: 780px;
}

#logo 
{
  background: url(../afbeeldingen/logo_pag1.gif) no-repeat left top;
  height: 77px;
  width: 570px;
}

#menu, #foto_bovenaan_kader, #foto_bovenaan, #zoeken 
{ position: relative; }

#menu { height: 22px; }

#foto_bovenaan_kader 
{
  background: url(../afbeeldingen/kader_achtergrond.gif) no-repeat;
  height: 180px;
  width: 780px;
}

#foto_bovenaan 
{
  left: 26px;
  top: 25px;
  height: 127px;
  width: 727px;
}

#pagina_titel { margin: 5px 0 0 11px; }
#tekstvak { margin: 10px 10px 20px 11px; }
.inhoud_pagina, #kleine_tekst_onderaan, .indekijker_tekst { text-align: justify; }
.clear { clear:both; }

#kleine_tekst_onderaan 
{
  font-size: 10px;
  margin: 25px 0 0 10px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

#footer 
{
  float:left;
  margin: 0 10px 10px 0;
}