/* ------------------------------------------------------------------------------------------ */

/* Algemeen */

/* ------------------------------------------------------------------------------------------ */


body {  
 background-color: #040234;
 font: 10pt arial, helvetica, sans-serif;
 line-height: 20px;
}

ul, li {
 list-style-type: none;
}

ul {
 border-left: 1px solid #696969;
 border-right: 1px solid #696969;
 border-bottom: 1px solid #696969;
}

li {
 border-top: 1px solid #696969;
}

li.titel {
 background-color: #d3d3d3;
 font-weight: bold;
 text-align: center; 
}

table {
 position: absolute;
 top: 196px; 
 left: 234px;
 width: 727px;
 border-spacing: 0; 
 border-top: 1px solid #696969;
 border-right: 1px solid #696969;
}

th {
 background-color: #d3d3d3;
 border-left: 1px solid #696969;
 border-bottom: 1px solid #696969;
}

td {
 border-left: 1px solid #696969;
 border-bottom: 1px solid #696969;
}

img {
 border: none;
 display: block;
}

sup {
 font-size: 7pt;
 line-height: 0;
 color: gray;
}

a {
 display: block;
 outline: none;
 text-decoration: none;
 color: black;
}

* {
 margin: 0; 
 padding: 0;
}


/* ------------------------------------------------------------------------------------------ */

/* Template */

/* ------------------------------------------------------------------------------------------ */


div#template {
 margin: auto;
 margin-top: 20px;
 position: relative;
 width: 976px; 
 height: 904px; /* 20 pixels extra voor IE7 */
 background: no-repeat url('/afbeeldingen/template/template.gif');
 overflow: hidden;
}

div#xhtml, div#css {
 position: absolute;
 top: 31px; 
 left: 749px;
}

div#css {
 left: 857px;
}

div#tab_rss_feed, div#tab_contact, div#tab_weerlogboek, div#tab_fotologboek {
 position: absolute;
 top: 153px; 
}

div#tab_rss_feed {
 left: 749px;
}

div#tab_contact {
 left: 803px;
}

div#tab_fotologboek {
 left: 857px;
}

div#tab_weerlogboek {
 left: 911px;
}

div#lijn_1 {
 position: absolute;
 top: 616px;
 left: 591px;
 width: 13px;
 height: 211px;
 background: no-repeat url('/afbeeldingen/template/template_lijn_01.gif');
}

div#lijn_2 {
 position: absolute;
 top: 196px;
 left: 591px;
 width: 13px;
 height: 631px;
 background: no-repeat url('/afbeeldingen/template/template_lijn_02.gif');
}

div#lijn_3 {
 position: absolute;
 top: 189px;
 left: 453px;
 width: 13px;
 height: 323px;
 background: no-repeat url('/afbeeldingen/template/template_lijn_03.gif');
}

div#balk_1a, div#balk_1b, div#balk_1c, div#balk_2, div#balk_3a, div#balk_3b, div#balk_4 {
 position: absolute;
 left: 227px;
 width: 741px;
 height: 20px;
 background: no-repeat url('/afbeeldingen/template/template_balk.gif');
}


/* ------------------------------------------------------------------------------------------ */

/* Menu, Fotografie & Fotowissel */

/* ------------------------------------------------------------------------------------------ */


ul#menu span, ul#fotografie span, ul#extern span {
 position: absolute;
 right: 15px;
 color: gray;
}

/* ------------------------------------------------------------------------------------------ */

/* Menu */

/* ------------------------------------------------------------------------------------------ */


ul#menu {
 position: absolute;
 top: 196px;
 left: 15px;
 width: 197px;
}

ul#menu li a.uit {
 background-color: #f5f5f5;
 text-decoration: line-through;
 color: gray;
}

ul#menu a {
 padding-left: 25px;
 background: no-repeat url('/afbeeldingen/pagina.gif');
}

ul#menu a:hover {
 background-color: #d7e4ee;
}

ul#menu a.actief {
 background: no-repeat url('/afbeeldingen/pagina.gif') #d7f0c9;
}


/* ------------------------------------------------------------------------------------------ */

/* Fotografie */

/* ------------------------------------------------------------------------------------------ */


ul#fotografie {
 position: absolute;
 top: 301px;
 left: 15px;
 width: 197px;
}

ul#fotografie li a.uit {
 background-color: #f5f5f5;
 color: gray;
}

ul#fotografie a {
 padding-left: 25px;
 background: no-repeat url('/afbeeldingen/categorie.gif');
}

ul#fotografie a:hover {
 background-color: #d7e4ee;
}

ul#fotografie a.actief {
 background: no-repeat url('/afbeeldingen/categorie.gif') #d7f0c9;
}


/* ------------------------------------------------------------------------------------------ */

/* Fotobestand - Data */

/* ------------------------------------------------------------------------------------------ */


div#koppelstuk {
 position: absolute;
 top: 743px;
 left: 8px;
 width: 213px;
 height: 20px;
 background: no-repeat url('/afbeeldingen/template/template_koppelstuk.gif');
}

ul#data {
 position: absolute;
 top: 763px;
 left: 15px;
 width: 197px;
}

li.data_01, li.data_02 {
 cursor: help;
 width: 98px;
 text-align: center;
 float: left;
}

li.data_01 {
 border-right: 1px solid #696969;
 background: no-repeat url('/afbeeldingen/data_01.gif') #eceacc;
}

li.data_02 {
 background: no-repeat url('/afbeeldingen/data_02.gif') #eceacc;
}


/* ------------------------------------------------------------------------------------------ */

/* Extern */

/* ------------------------------------------------------------------------------------------ */


ul#extern {
 position: absolute;
 top: 826px;
 left: 15px;
 width: 197px;
}

ul#extern li a.uit {
 background-color: #f5f5f5;
 text-decoration: line-through;
 color: gray;
}

ul#extern a {
 padding-left: 25px;
 background: no-repeat url('/afbeeldingen/pagina_extern.gif');
}

ul#extern a.actief {
 background: no-repeat url('/afbeeldingen/pagina_extern.gif') #d7f0c9;
}

ul#extern a:hover {
 background-color: #d7e4ee;
}


/* ------------------------------------------------------------------------------------------ */

/* Startpagina */

/* ------------------------------------------------------------------------------------------ */


div#balk_1a {
 top: 449px;
}

ul.categorie_navigatie {
 position: absolute;
 top: 196px;
 left: 234px;
 border: 1px solid #696969;
 border-top: none;
 z-index: 1;
}

ul.categorie_navigatie li {
 width: 20px;
 float: left;
}

ul.categorie_navigatie li.titel {
 width: 320px;
 border-left: 1px solid #696969;
 border-right: 1px solid #696969;
}

div#categorie_1 {
 display: block;
}

div#categorie_2, div#categorie_3, div#categorie_4, div#categorie_5 {
 display: none;
}

table.categorie_slide img {
 margin: 1px;
 width: 360px;
 height: 228px;
}

table.categorie_slide a {
 position: relative;
}

table.categorie_slide td.tekst {
 background: no-repeat url('/afbeeldingen/achtergrond_tekst.gif');
 vertical-align: top;
}

table.categorie_slide div {
 position: relative;
 width: 362px;
}

table.categorie_slide p {
 position: absolute;
 top: 43px;
 left: 15px;
 width: 332px;
 text-align: justify;
}

span.actief {
 position: absolute;
 top: 98px;
 left: 165px;
 width: 32px;
 height: 32px;
 background: no-repeat url('/afbeeldingen/actief.gif');
}

span.categorie_naam {
 position: absolute;
 top: 15px;
 left: 15px;
 font-weight: bold;
}

span.aantal {
 position: absolute;
 top: 15px;
 right: 15px;
 font-weight: bold;
}

span.naam, span.bijgewerkt {
 font-size: 7pt;
 position: absolute;
 top: 201px;
 color: gray;
}

span.naam {
 left: 15px;
}

span.bijgewerkt {
 right: 15px;
}


/* ------------------------------------------------------------------------------------------ */

/* Startpagina - Toegevoegd

/* ------------------------------------------------------------------------------------------ */


div#balk_1b {
 top: 596px;
}

table#toegevoegd {
 top: 469px;
}

table#toegevoegd img {
 margin: 1px;
 width: 118px;
 height: 81px;
}

table#toegevoegd span {
 position: absolute;
 top: 24px;
 left: 44px;
 width: 32px;
 height: 32px;
 background: no-repeat url('/afbeeldingen/actief.gif');
}

table#toegevoegd a {
 position: relative;
}

td.datum_toegevoegd {
 cursor: help;
 padding-left: 40px;
 background: no-repeat url('/afbeeldingen/datum_toegevoegd.gif') #eceacc;
}


/* ------------------------------------------------------------------------------------------ */

/* Overzicht / Database

/* ------------------------------------------------------------------------------------------ */


table.jaar_overzicht {
 top: 616px;
}

table.jaar_overzicht td.nieuw a {
 color: blue;
}

table.jaar_overzicht, table.overzicht {
 width: 357px;
}

table.vervolg {
 left: 604px;
}

tr.uit {
 background-color: transparent;
}

tr.gegevens_aan {
 background-color: #d7f0c9;
}

tr.aantal_aan td.aantal {
 background-color: #f6c4a1;
}

th.datum, th.categorie {
 width: 145px;
}

td.datum_uit {
 background: no-repeat url('/afbeeldingen/datum.gif');
 text-align: center;
}

td.categorie_uit {
 background: no-repeat url('/afbeeldingen/categorie_naam.gif');
 text-align: center;
}

td.aantal {
 cursor: help;
 background: no-repeat url('/afbeeldingen/aantal.gif') #eceacc;
 text-align: center;
}

td.aantal a:hover {
 background: no-repeat url('/afbeeldingen/aantal.gif') #f6c4a1;
}

a.datum {
 padding-left: 33px;
 background: no-repeat url('/afbeeldingen/datum.gif');
}

a.categorie {
 background: no-repeat url('/afbeeldingen/categorie_naam.gif');
 text-align: center;
}

a.datum:hover, a.categorie:hover {
 background-color: #d7e4ee;
}


/* ------------------------------------------------------------------------------------------ */

/* Wallpapers */

/* ------------------------------------------------------------------------------------------ */


div#balk_3a { 
 top: 680px;
}

div#wallpapers {
 position: absolute;
 top: 196px;
 left: 234px;
 padding: 1px;
 width: 723px;
 height: 480px;
 border: 1px solid #696969;
}

table#downloads {
 top: 700px;
}

table#downloads img {
 margin: 1px;
 width: 118px;
 height: 81px;
}

table#downloads span {
 position: absolute;
 top: 24px;
 left: 44px;
 width: 32px;
 height: 32px;
 background: no-repeat url('/afbeeldingen/actief.gif');
}

a.wallpaper_tn {
 position: relative;
}

a.opslaan {
 padding-left: 30px;
 background: no-repeat url('/afbeeldingen/opslaan.gif');
}

a.opslaan:hover {
 background-color: #d7e4ee;
} 


/* ------------------------------------------------------------------------------------------ */

/* Template Fotografie */

/* ------------------------------------------------------------------------------------------ */


div#template_fotografie {
 position: absolute;
 top: 189px;
 left: 227px;
 width: 741px;
 height: 687px;
 background: no-repeat url('/afbeeldingen/template/template_fotografie.gif');
}


/* ------------------------------------------------------------------------------------------ */

/* Thumbnails */

/* ------------------------------------------------------------------------------------------ */


ul#thumbnails {
 position: absolute;
 top: 7px;
 left: 7px;
 width: 230px;
 border: none;
}

ul#thumbnails li {
 position: relative;
 margin: 0 7px 7px 0;
 padding: 1px;
 width: 102px;
 height: 74px;
 border: 1px solid #696969;
 float: left;
}

ul#thumbnails span {
 position: absolute;
 top: 22px;
 left: 36px;
 width: 32px;
 height: 32px;
 background: no-repeat url('/afbeeldingen/actief.gif');
}


/* ------------------------------------------------------------------------------------------ */

/* Foto */

/* ------------------------------------------------------------------------------------------ */


div#foto_groot {
 position: absolute;
 top: 7px;
 left: 239px;
 padding: 1px;
 width: 491px;
 height: 329px;
 border: 1px solid #696969;
}


/* ------------------------------------------------------------------------------------------ */

/* Foto - Navigatie */

/* ------------------------------------------------------------------------------------------ */


ul#foto_navigatie {
 position: absolute;
 top: 355px;
 left: 239px;
 border: 1px solid #696969;
 border-top: none;
}

ul#foto_navigatie li {
 width: 20px;
 float: left;
}

ul#foto_navigatie li.titel {
 width: 451px;
 border-left: 1px solid #696969;
 border-right: 1px solid #696969;
}


/* ------------------------------------------------------------------------------------------ */

/* Foto - Omschrijving */

/* ------------------------------------------------------------------------------------------ */


div#omschrijving {
 position: absolute;
 top: 392px;
 left: 239px;
 width: 493px;
 height: 212px;
 border: 1px solid #696969;
 background-color: #eceacc;
}

div#notificatie {
 position: absolute;
 top: 138px;
 left: 15px;
 width: 463px;
 height: 20px;
 background: no-repeat url('/afbeeldingen/notificatie.gif');
 font-weight: bold;
 text-align: center;
}

span.datum {
 position: absolute;
 top: 15px;
 left: 15px;
 font-weight: bold;
}

span.locatie  {
 position: absolute;
 top: 15px;
 right: 15px;
 font-weight: bold;
}

p.tekst, p.copyright {  
 width: 463px;
 text-align: justify;
}

p.tekst {  
 position: absolute;
 top: 45px;
 left: 15px;
}

p.copyright {
 font-size: 7pt;
 position: absolute;
 top: 162px;
 left: 15px;
 color: gray;
}


/* ------------------------------------------------------------------------------------------ */

/* Foto - Informatie */

/* ------------------------------------------------------------------------------------------ */


ul#informatie {
 position: absolute;
 top: 621px;
 left: 239px;
 border: 1px solid #696969;
 border-top: none;
 border-right: none;
}

ul#informatie li {
 width: 246px;
 border-right: 1px solid #696969;
 background-color: #d7f0c9;
 text-align: center;
 float: left;
}

ul#informatie a:hover {
 background-color: #d7e4ee;
}

a.fotograaf {
 background: no-repeat url('/afbeeldingen/fotograaf.gif');
}

a.camera {
 background: no-repeat url('/afbeeldingen/camera.gif');
}


/* ------------------------------------------------------------------------------------------ */

/* Foto - Specificaties */

/* ------------------------------------------------------------------------------------------ */


div#balk_4 { 
 top: 512px;
}

div#sluiten {
 position: absolute;
 top: 197px;
 left: 910px;
 z-index: 1;
}

div#camera_boven, div#camera_onder {
 position: absolute;
 top: 196px;
 left: 234px;
 padding: 1px;
 width: 215px;
 height: 151px;
 border: 1px solid #696969;
}

div#camera_onder {
 top: 357px;
}

div#camera_boven span, div#camera_onder span {
 position: absolute;
 top: 60px;
 left: 93px;
 width: 32px;
 height: 32px;
 background: no-repeat url('/afbeeldingen/actief.gif');
}

div#camera_groot {
 position: absolute;
 top: 196px;
 left: 466px;
 padding: 1px;
 width: 491px;
 height: 312px;
 border: 1px solid #696969;
}

div.tabbladen {
 position: absolute;
 top: 532px;
 left: 234px;
 width: 224px;
 border: 1px solid #696969;
 z-index: 1;
}

div.tabbladen a {
 width: 56px;
 font-weight: bold;
 text-align: center;
 color: gray;
 float: left;
}

div.tabbladen a:hover {
 text-decoration: underline;
 color: black;
}

div.tabbladen a.actief {
 color: black;
}

div#tabblad_1 {
 display: block;
}

div#tabblad_2, div#tabblad_3, div#tabblad_4 {
 display: none;
}

table.specificaties {
 top: 532px; 
 left: 234px;
}

tr.uit {
 background-color: transparent;
}

tr.specificaties_aan {
 background-color: #d7f0c9;
}

tr.kenmerk_aan td.kenmerk {
 background-color: #d7e4ee;
}

th.details {
 width: 224px;
 background: no-repeat url('/afbeeldingen/tabbladen.gif');
}

td.kenmerk {
 cursor: help;
 padding-left: 25px;
 background: no-repeat url('/afbeeldingen/kenmerk.gif');
}

td.beschrijving {
 padding-left: 15px;
 background: no-repeat url('/afbeeldingen/beschrijving.gif');
}

td.blanco {
 padding-left: 0;
 text-align: center;
}


/* ------------------------------------------------------------------------------------------ */

/* Foto - Paginatie */

/* ------------------------------------------------------------------------------------------ */


ul#paginatie {
 position: absolute;
 top: 658px;
 left: 239px;
 width: 493px;
 background-color: #d3d3d3;
 text-align: center;
 border: 1px solid #696969;
}

ul#paginatie li {
 width: 20px;
 border-right: 1px solid #696969;
 border-top: none;
 float: left;
}

ul#paginatie a {
 font-weight: bold;
 color: gray;
}

ul#paginatie a:hover {
 text-decoration: underline;
 color: black;
}

ul#paginatie a.actief {
 color: black;
}


/* ------------------------------------------------------------------------------------------ */

/* Subnavigatie */

/* ------------------------------------------------------------------------------------------ */


div#balk_1c, div#balk_2, div#balk_3b {
 top: 827px; 
}

ul#subnavigatie {
 position: absolute;
 top: 847px;
 left: 234px;
 border-left: none;
}

ul#subnavigatie li {
 width: 98px;
 background-color: #d3d3d3;
 border-left: 1px solid #696969;
 font-weight: bold;
 text-align: center;
 float: left;
}

ul#subnavigatie li.knop_uit {
 text-decoration: line-through;
 color: gray;
}

ul#subnavigatie li.aan, ul#subnavigatie li.uit {
 width: 65px;
}

ul#subnavigatie li.uit, ul#subnavigatie li.uit a  {
 color: gray;
}

ul#subnavigatie li.uit a:hover {
 text-decoration: underline;
 color: black;
}

a.effect {
 background-color: #808080;
}

a.effect:hover {
 background-color: #000000;
}