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

/* 1. Algemene stijlkenmerken
----------------------------- */
body 
{
  color: #535353; /* hoofd-fontkleur */
  font-family: Arial, Helvetica, sans-serif; /* hoofd-font */
  font-size: 10.5pt;
  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) */
  padding-top: 15px;
}

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

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

h1 
{
  color: #008281; /* 8b8e1c */
  font-size: 18px;
 /* font-variant: small-caps; */
  font-weight: lighter;
  margin-left:-5px;
  padding-bottom:4px;
}

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

h3 { font-size: 12.5pt; margin-bottom:15px; color:#9C9F2D;} /* */

h2, h3
{  margin-top:10px;}

p{
margin-bottom:15px; text-align:justify;
}

/* 4. Detailpagina- Menu links (voornamelijk positionering)
--------------------------------------------- */
#container_menu_links, #menu_links #thema_geselecteerd { float: left; }
#container_menu_links { width: 157px; }
#menu_links, #menu_links #thema_geselecteerd { width: 130px; }

#menu_links
{
  margin-left: 7px;
  padding-left:10px;
  padding-top: 135px; /* spatie boven ons menu */
}

/* 5. Specifieke stijlkenmerken voorpagina
------------------------------------------ */
#mijnnatuurpunt, #zoeken_voorpagina
{
	position: absolute;
	top: 21px;
	margin-left: 20px;
}

#menu_boven
{
  position: relative;
  float: left;
  width: 280px;
  margin-left: -35px;
  margin-top: 25px;
}

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

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

#zoeken_voorpagina
{
  background: url(../afbeeldingen/zoekbox.gif) no-repeat;
  width: 154px;
  height: 26px;
  left: 182px;
  margin-top: 5px;
}

#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_indekijker.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: #8b8e1c; }

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

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

#vp_thema5, #vp_thema4, #vp_thema3, #vp_thema2, #vp_thema1
{
  float: left;
  width: 150px;
}

#menu_voorpagina { margin: 8px 15px 0; }

/* 6. Hoofdpagina 
----------------- */
#inhoud_pagina 
{
  float: left;
  overflow: hidden;
  width: 780px;
}

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

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

#menu { height: 21px; }

/* knoppen bovenaan - gedeelde eigenschappen */
#forum, #contact, #waarnemingen
{
 background-repeat: no-repeat;
 height: 21px;
 position: absolute;
 top: 0px;
}

/* knoppen afbeeldingen (absoluut gepositioneerd op basis van grootte) */
#contact { background-image: url(../afbeeldingen/menu_contact.gif); left:81px; width:89px;}
#forum { background-image: url(../afbeeldingen/menu_forum.gif); left:174px; width:61px; }
#waarnemingen { background-image: url(../afbeeldingen/menu_waarnemingen.gif); left:243px; width:112px; }

/* knoppen afbeeldingen 'naar beneden verschuiven bij hover' (zie afbeeldingen zelf) */
#contact:hover, #forum:hover, #waarnemingen:hover
{ background-position: 0px -21px; }

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

#foto_bovenaan 
{
  left: 24px;
  top: 25px;
  height: 98px;
  width: 730px;
}

#zoeken 
{
  background: transparent url(../afbeeldingen/zoekbox.gif) no-repeat right top;
  float: right;
  height: 26px;
  left: 0px;
  top: 0px;
  width: 170px;
}

.zoektekst 
{
  background-color: transparent;
  border: 0px solid;
  color: #535353;
  height: 15px;
  margin-top: 7px;
  padding-left: 11px;
  width: 115px;
}

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

#kleine_tekst_onderaan 
{
  font-size: 10px;
  margin: 10px 0 0 10px;
}

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

/* nog te bekijken of bovenstaande elementen allemaal noodzakelijk zijn... */

/* stijlelementen voor menu... */


#nav ul
{
  margin: 0px;
  padding: 0px;
}

#nav a
{
  font-weight: normal;
  color: #202020; /* 535353 */
  font-size: 10.5pt;
  text-decoration: none;  
}

#nav a:hover { background-color: #008281;color:white;margin-right:-25px;} /*8b8e1c 5b5a5a */

#nav, #nav ul { /* all lists */
        padding: 0;
	margin: 0;
	list-style: none;
	line-height: 12px; 
        font-size: 10.5pt;
        z-index:999;
}

#nav a {
	display: block;
	width: 172px;
        padding:0.3em;
	}

#nav li { /* all list items */
        border: 0px solid #535353;
	float: left;
	width: 153px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background-color: white;
        /*opacity: 0.85;
        -moz-opacity: 0.85;
        filter: alpha(opacity=85);*/
	width: 180px;
	left: -999em; 
        border: 0.1em solid #535353;
     
}

.meer_links {
 background: url(../afbeeldingen/voorpagina_actua_meer_trans.gif) no-repeat 164px;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1.55em 0 0 180px;
       /* padding-right: 5px; */
        opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity=100);  
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover, #nav li.hover {
    position:static;
    }

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}

.greenwhitebox {
  background-color:#008281;color:white;padding:5px;
}

.waarnemingeniframe {
  height:600px;width:100%;overflow-y:scroll;margin-top:15px;margin-bottom:15px;border:1px solid #cacaca;
}

.foto_onderschrift
{
  font-size: 9pt;
}

.fotodiv_rechts
{ float:right;margin-bottom:15px;margin-left:15px;text-align:right;width:400px;font-size:9pt; }

.fotodiv_links
{ float:left;margin-bottom:15px;margin-right:15px;text-align:left;width:400px;font-size:9pt; }