/* Algemene gegevens:
-----------------------------------------------------------------------------
project: website Forum voor Volkshuisvesting
auteur: Patrick van Tuijl
datum: 12-08-2010

Alle rechten voorbehouden. Het is niet toegestaan om de gehele site of 
gedeeltes voor commercieel gebruik te vermenigvuldigen op welke wijze dan 
ook zonder schriftelijke toestemming van de maker.
  
(c) 2005-2010 Patrick van Tuijl
----------------------------------------------------------------------------- */

/* Index:
----------------------------------------------------------------------------- 
1-Basiselementen
2-Hoofdstructuur
    a-#header
    b-#nav
    c-#categoryheader
    d-#nav-category
    e-#maincontent
    f-#pagetools
    g-#sitetools
    h-#footer
3-Headers
4-Links
5-Afbeeldingen
6-Tabellen
7-Formulieren
8-Lijsten
9-Overige
----------------------------------------------------------------------------- */

/* 1-Basiselementen
----------------------------------------------------------------------------- */
body, div, form, ul, li, p, h1, h2, h3, dl, dd, dt, table, tr, th, td
{
    padding: 0;
    margin: 0;
    border: none 0;
}

body
{
  color: #000000;
  font-family: Verdana, Geneva, sans-serif;
  text-align: center;
  background: #ffffff no-repeat center center fixed;
  font-size: 101%;
}

a, a:active 
{
  outline: none;
}

hr
{
    display: none;
}

/* 2-Hoofdstructuur: algemeen
----------------------------------------------------------------------------- */
#page-top {}

.grid960
{
    margin: 0 auto;
    text-align: left;
    width: 960px;
}

/* 2a-Hoofdstructuur: #header
----------------------------------------------------------------------------- */
#header 
{
  /*voeg 25px extra toe aan margin-top voor de hoogte van #sitetools: */
  /*margin: 50px 0 6px 0;*/
  padding-top: 50px;
  font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif;  
  width: 100%;
  overflow: hidden;
  /*border-bottom: 1px solid #999999; dit streepje heb ik op 27-02-2011 verwijderd*/
  background-color: #ffffff;
}

#header h1 {
  width: 100%;  
  height: 62px;
}

#header h1 a
{
    background: url(../media/design/layout.png) #ffffff no-repeat -480px top;
    text-indent: -999em;
    width: 640px;
    height: 62px;
    display: block;
}

#header p 
{
    display: none;
}

/* 2b-Hoofdstructuur: #nav
----------------------------------------------------------------------------- */
#nav-main {
  /*width: 100%;*/
  overflow: hidden;  
  background: #444444;
  float: left;
  margin: 20px 10px 0 10px;
}

#nav-main h2 {display: none;}

#nav-main ul
{
    list-style-type: none;
    text-transform: uppercase;
  overflow: hidden;
  margin-left: 160px;
  border-left: 1px solid #ffffff;
  width: 780px; /*IE6*/
}

#nav-main ul li
{
  font-size: 0.9em;
  letter-spacing: 1px;
  float: left;
  border-right: 1px solid #ffffff;
}

#nav-main a
{
    display: block;
    color: #ffffff;
    text-decoration: none;
  padding: 3px 15px;
}
#nav-main a:hover
{
  background: #669900;
  color: #ffffff;
}

#nav-main .selected a,
#nav-main .selected a:hover
{
  color: #444444;
  background: #eeeeee;
}



/* 2e-Hoofdstructuur: #nav-category
----------------------------------------------------------------------------- */
#nav-category {
  overflow: hidden;
  width: 100%; /*IE6*/  
  background: url(../media/design/layout.png) #eeeeee repeat-x center bottom;  
}

#nav-category .empty {
  height: 1.0em;
}

#nav-category h2 {display: none;}

#nav-category ul
{
    list-style-type: none;
  margin: 0 0 0 160px;
}

#nav-category ul li
{
    float: left;
    font-size: 0.8em;
}

#nav-category a
{
    
    display: block;
    text-decoration: none;
    padding: 3px 15px;
  color: #666666;
  border-bottom: 6px solid #ffffff;
}

#nav-category a:hover 
{ 
    color: #669900; 
  border-bottom: 6px solid #669900;
}

/* 2d-Hoofdstructuur: #pagename
----------------------------------------------------------------------------- */

#pagename
{
    color: #ffffff;
    padding: 15px 0;   
  border-top: 6px solid #ffffff;
  border-bottom: 6px solid #ffffff;
  background: url(../media/design/layout.png) transparent no-repeat -769px center;  
  overflow: hidden;
  width: 100%;
}

#pagename h2
{
    color: #ffffff; 
    letter-spacing: 0.15em;
    font-size: 1.8em;
  font-weight:  normal;
  text-indent: 36px;
}


/* 2e-Hoofdstructuur: #maincontent
----------------------------------------------------------------------------- */
#maincontent
{
  font-size:0.75em;
  letter-spacing: 0.03em; 
  line-height: 1.5em;  
  background: #eeeeee;
  overflow: hidden;
  padding: 10px;
  width: 940px;
  
  /*tijdelijke oplossing voor positie footer*/
  /* alternatief: http://ryanfait.com/sticky-footer/ */
  min-height: 410px; 
  height:auto !important;
  height:410px;
}

#maincontent p
{
    margin-bottom: 1.0em;
}

.grid640 
{
    width: 620px;
    float: left;
    padding: 0 20px 0 0;
    /*margin-bottom: 20px;*/
    /*overflow: hidden;*/
}

.grid320
{
    width: 300px;
    float: left;
    padding: 0 20px 0 0;
    /*overflow: hidden;*/
}

.laatste
{
    padding: 0;
}

#maincontent h3
{
    margin: 2.0em 0 0.2em 0;
    font-size: 1.2em;
}

#maincontent h3:first-child
{
    margin-top: 0;
}

/* 2f-Hoofdstructuur: #pagetools
----------------------------------------------------------------------------- */
#pagetools 
{
    background: #eeeeee;
    font-size: 0.8em;
  /*float: left;*/
  padding: 0 10px;
  width: 940px; /*IE6 100%?*/
    overflow: hidden;
}

#pagetools h2 {display: none;}

#pagetools ul
{
    list-style: none;
  /*float: left;*/
  border-top: 1px solid #669900;
  margin: 0 0 20px 0;
  padding: 10px 0 0 0;
  overflow: hidden;
}


#pagetools ul li
{
    display: block;
    padding: 0;
    margin-right: 4px;
    float: left;
}

#pagetools li a
{
    text-decoration: underline;
    color: #558800;
    display: block;
    float: left;
    padding: 2px;
    text-indent: -999em;
    width: 16px;
    height: 16px;
}


/* 2g-Hoofdstructuur: #sitetools
----------------------------------------------------------------------------- */  
#sitetools
{
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    background: transparent;
    width: 100%;
    font-size: 0.7em; 
  float: left;
}

#sitetools h3 {display: none;}

#sitetools ul,
#sitetools p
{
    list-style-type: none;
    margin: 0 10px 0 0;
    background: #ffffff;
    text-transform: uppercase;
  float: right;
}

#sitetools ul li
{
    float: left;
    background: #ffffff;
    text-align: left;
    display: inline;
    margin-left: 20px;
}

#sitetools ul li#active
{
    background-color: #ffffff;
}

#sitetools a
{
    float: left;
    display: block;
    color: #444444;
    text-decoration: none;
    padding: 5px 0;
  border-bottom: 6px solid #ffffff;
  border-top: 6px solid #ffffff;
}

#sitetools a:hover 
{ 
    color: #669900; 
  border-bottom: 6px solid #669900;
}



/* 2h-Hoofdstructuur: #footer
----------------------------------------------------------------------------- */
#footer 
{
    width: 100%;
    background:url(../media/design/layout.png) transparent no-repeat center -160px;
    font-size: 0.7em;
    color: #444444;
  padding: 0 0 5px 0;
  font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif;
  /*overflow: hidden;*/
}

#footer address
{
    display: inline;
    font-style: normal;
  padding: 0 6px;
  border-right: 1px solid #669900;
}

#content-update,
.content-create
{
  border-right: 1px solid #669900;
  padding: 0 6px;
}

#content-update a,
#footer a
{
  text-decoration: none;
color: #444444;
}

#content-update a:hover,
#footer a:hover
{
  text-decoration: none;
color: #669900;
}

#design
{
  padding: 0 6px;
}

#sponsors
{
  text-align: center;
  padding: 60px 0 40px 0;
}

#sponsors-logos
{
  padding: 10px 0;
}

#infopagina
{
  padding: 5px;
  background-color: #ffffff;
}

/* 4-Links
----------------------------------------------------------------------------- */
#maincontent a
{
    text-decoration: underline;
    color: #558800;
}

#maincontent a:hover
{
    background-color: #669900;
    color: #ffffff;
}

a img
{
    border: 0 none;
}


#maincontent a.imagelink:hover {
  display: block;
  background-color: #ccff00;
}


/* 5-Afbeeldingen
----------------------------------------------------------------------------- */
#tools-goto-top,
#tools-print,
#tools-senditem,
#tools-addthis
{
    background: transparent no-repeat center center;
}

#sitetools #tools-rss
{
    background: transparent no-repeat 2px center;    
    padding-left: 21px; /*text-indent: 21px;*/
}

#tools-goto-top {background-image:url(../media/design/icons/ga-terug.png);}
#tools-print {background-image:url(../media/design/icons/printer.png);}
#tools-senditem {background-image:url(../media/design/icons/mail.png);}
#tools-addthis {background-image:url(../media/design/icons/addthis.gif); width: 83px;}
#sitetools #tools-rss {background-image:url(../media/design/icons/rss.png);}

#pagetools #tools-addthis a {width: 83px;}

/*a.imagelink:hover img {
  background-color: #ccff00;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}*/


/* 6-Tabellen
----------------------------------------------------------------------------- */

.tabel-standaard,
.activiteit-kosten
{
  margin-bottom: 2px;
}

.tabel-standaard td
{
  padding-right: 10px;
}

.activiteit-kosten th,
.activiteit-kosten td
{
  padding: 0 10px 0 0;
}

/* 7-Formulieren
----------------------------------------------------------------------------- */
input, 
textarea, 
select { 
    margin: 0 11px 3px 2px;
}

.textbox {display: block;}

.uitgebreid
{
  background-color: #ccc;
  border: 5px solid #ccc;
  margin-top: 20px;
}

#maincontent .uitgebreid h3
{
    margin-top: 0;
}

/*overbodig?*/
.formulier p,
.formulier h3
{
    margin-bottom: 1.0em;
}

.!box
{
    float: left;
    clear: left;
    background: #cccccc;
    padding: 5px;
}

.formulier fieldset 
{
    border: 0 none;
    padding: 0;
    margin: 0;    
} 

.formulier dt {
  border: 0;
  margin: 0;
  padding: 0;
  float: left;
  width: 200px;
}

.formulier dd {
  border: 0;
  margin: 2px 0 2px 200px;
}

div.buttons {
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  text-align: left;
  border-top: 1px solid #666666;
  clear: both;
}

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

.validation
{
  display: block;
}

.box .textbox,
textarea,
.textbox
{
    width: 300px;
}

.radiobuttonlist-vertical,
.checkboxlist-vertical
{
  display: block;
  padding-bottom: 7px;
}

.formulier .extra-marge-onder
{
  margin-bottom: 20px;
}

/* 8-Lijsten
----------------------------------------------------------------------------- */
#maincontent ul,
#sitemap ul
{
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 1.0em;
}

/*ul { margin: 0 0 10px 15px; }

ol { margin: 0 0 10px 20px; }*/

dl.program { margin-bottom: 15px; }

dl.program dt {
  border: 0;
  margin: 0;
  padding: 0;
  float: left;
  width: 120px;
}

dl.program dd {
  border: 0;
  margin: 2px 0 2px 120px;
  font-weight: bold;
}

dl.program dd em
{
    font-weight: normal;
    font-style: italic;
}

/* 9-#vhv-bulletin
----------------------------------------------------------------------------- */
#vhv-bulletin-index h2 
{
    background: #666666;
    color: #ffffff;
    margin: 10px 0;
    padding: 10px 5px;
}

#vhv-bulletin-index h3 
{
    background: #cccccc;
    color: #333333;
    border-bottom: 1px solid #eeeeee;
    padding: 5px;
    font-size: 1.0em;
    text-transform: uppercase;
}

#vhv-bulletin-index dt  
{
    letter-spacing: 0;  
    padding: 0 0 0 20px; 
    background: url(../media/design/icons/bullet-grijs.png) transparent no-repeat left center;
    font-size: 0.9em;
}

#vhv-bulletin-index dd {
  border: 0;
  margin: 0;
  padding: 0 0 5px 20px;
  font-weight: bold;
  font-size: 0.9em;
}

#uitgave {
  margin-top: 10px;
  padding: 5px;
  background-color: #cccccc;
}

#uitgave p {
  margin: 0;
  padding: 0;
}

#uitgave p label {
  width: 6.0em;
  display: inline-block;
}

#maincontent .vhv-bulletin-indexpagina
{
    list-style-type: none;
    padding: 10px 0;
    margin: 0 0 20px 0;
    clear: both;
    overflow: hidden;
    border-top: 1px solid #669900;
    border-bottom: 1px solid #669900;
}

.vhv-bulletin-indexpagina .devider
{
    display: none;
}

.vhv-bulletin-indexpagina li
{
    display: block;
    margin-bottom: 10px;
    float: left;
}

.vhv-bulletin-indexpagina li.oneven
{
    margin-right: 10px;
}

#maincontent .vhv-bulletin-indexpagina a
{
    display: block;
    width: 295px;
    height: 100px;
    background: #ffffff no-repeat right center;
    text-decoration: none;
    border: 5px solid #ffffff;
}

#maincontent .vhv-bulletin-indexpagina a:hover
{

    background-color: #669900;
    text-decoration: none;
    border: 5px solid #669900;
}

.vhv-bulletin-indexpagina .titel,
.vhv-bulletin-indexpagina .uitgave
{
    display: block;
    margin-right: 110px;
}

.vhv-bulletin-indexpagina .titel
{
    font-size: 1.2em;
    font-weight: bold;
    height: 80px;
}

.vhv-bulletin-indexpagina .nummer
{
    color: #000000;
    font-weight: bold;
}

.vhv-bulletin-indexpagina .datum
{
    font-size: 0.9em;
}

.vhv-bulletin-indexpagina a .uitgave .devider
{
    display: inline-block;
    text-indent: -999em;
    border-left: 1px solid #669900;
    padding: 0 5px 0 0;
margin-left: 5px;
    /*color: #669900;*/
}

.vhv-bulletin-indexpagina a:hover .uitgave .devider
{
    border-left-color: #ffffff;
}


/* 10-#activiteiten
----------------------------------------------------------------------------- */
#maincontent #activiteitenlijst,
#maincontent #activiteitenlijst ul
{
    list-style: none;
padding: 0;
margin: 0;
}

#maincontent #activiteitenlijst li
{
    font-weight: bold;
    font-size: 1.2em;
    padding: 10px 0;
}

#maincontent #activiteitenlijst li:first-child
{
    padding-top: 0;
}

#maincontent #activiteitenlijst ul,
#maincontent #activiteitenlijst ul li
{
    font-weight: normal;
    font-size: 0.9em;
}

#maincontent #activiteitenlijst ul li
{
    margin-left: 5px;
    padding: 0 0 0 20px; 
    background: url(../media/design/icons/bullet-grijs.png) transparent no-repeat left center;
}

#maincontent #activiteitenlijst .datum
{
    color: #666666;
}

#maincontent #tabs-activiteiten
{
  list-style-type: none;
  margin: 0;
  margin-bottom: 10px;
  clear: both;
  overflow: hidden;
  background: url(../media/design/greenline.png) #eeeeee repeat-x center bottom;
}

#maincontent #tabs-activiteiten li
{
    float: left;
    text-align: center;
    margin-right: 5px;
    font-weight: bold;
    font-size: 1.1em;
}

#maincontent #tabs-activiteiten a
{
    display: block;
    text-decoration: none;
    padding: 3px 10px;
    background-color: #dddddd;
    color: #666666;
    border: 1px solid #669900;
}

#maincontent #tabs-activiteiten .actief
{
    border-bottom: 1px solid #eeeeee;
    background-color: #eeeeee;
    color: #000000;
}

#maincontent #tabs-activiteiten a:hover
{
    color: #ffffff;
    background-color: #669900;
}

#maincontent #tabs-activiteiten .actief:hover
{
    color: #000000;
    background-color: #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

/* 11-#voorpagina
----------------------------------------------------------------------------- */
#voorpagina-activiteiten p,
#voorpagina-nieuws p,
#voorpagina-prikbord p
{
    padding-top: 5px;
}

#voorpagina-prikbord
{
    padding-top: 15px;
clear: both;
overflow: hidden;
}


#maincontent #voorpagina-nieuws h3,
#maincontent #voorpagina-prikbord h3,
#maincontent .voorpagina h3
{
    display: block;
    background: #cccccc;
    color: #333333;
    padding: 5px;
    text-transform: uppercase;
    margin-top: 0;  
}

#maincontent #voorpagina-activiteiten .meer,
#maincontent #voorpagina-nieuws .meer,
#maincontent #voorpagina-prikbord .meer,
#maincontent .voorpagina .meer
{
    margin: 0;
padding: 2px 15px 2px 10px;
background: url(../media/design/icons/pijl-enkel-rechts.gif) #eeeeee no-repeat right center;
float: right;
clear: both;
display: inline;
border-right: 3px solid #eeeeee;
}

#maincontent #voorpagina-activiteiten .meer:hover,
#maincontent #voorpagina-nieuws .meer:hover,
#maincontent #voorpagina-prikbord .meer:hover,
#maincontent .voorpagina .meer:hover
{
background: url(../media/design/icons/pijl-enkel-rechts-hover.gif) #669900 no-repeat right center;
border-right: 3px solid #669900;
}

#voorpagina-activiteiten a 
{
text-decoration: none;
display: block;}

#voorpagina-activiteiten ul 
{
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #669900;
}
    
#voorpagina-activiteiten .toggle
{
    display: block;    
}

#voorpagina-activiteiten li 
{
  margin-bottom: 20px;
  border-bottom: 1px solid #669900;
  display: block;
}

#voorpagina-activiteiten li a 
{
    display: block;
}

#voorpagina-activiteiten li a:hover 
{
    background-color: #669900;
}
  
#voorpagina-activiteiten .toggle-closed 
{
    cursor:pointer;
  background: #eeeeee url(../media/design/icons/pijl-enkel-omhoog.gif) no-repeat 285px center;
}

#voorpagina-activiteiten .toggle
{
    text-decoration: none;
    overflow: hidden;
    padding: 2px 15px 2px 5px;
}

#voorpagina-activiteiten .toggle-open
{
    border-bottom: 1px solid #ffffff;
  background: #444444 url(../media/design/icons/pijl-enkel-omlaag-selected.gif) no-repeat 285px center;
  color: #ffffff;
}

#voorpagina-activiteiten .afbeelding 
{
  background: #000000 no-repeat center center;
  display: block;
  height: 190px;
cursor:pointer;

}

#voorpagina-activiteiten a:hover .afbeelding 
{

}

#voorpagina-activiteiten .datum 
{
  display: block;
  padding: 2px 15px 2px 5px;
  border-top: 1px solid #ffffff;
  background-color: #444444;
  color: #ffffff;
  text-align: right;
}
/*
#voorpagina-activiteiten a:hover .datum-hover 
{
  font-weight: bold;
}*/

#voorpagina-activiteiten .omschrijving 
{
  padding: 2px 5px;
  visibility: hidden;
  height: 186px;
}

#voorpagina-activiteiten a:hover .omschrijving 
{
  background-color: #000000;
display: block;
visibility: visible;
  color: white;
/*z-index: 99;  */
font-size: 1.5em;
font-weight: 100;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
line-height: 1.2em;
}

#voorpagina-activiteiten a:hover .omschrijving em
{
/*display: block;*/
float: right;
font-size: 0.7em;
font-style: normal;
color: #669900;
padding: 0 15px 0 10px;
margin: 15px 10px 0 0;
background: url(../media/design/icons/pijl-enkel-rechts.gif) transparent no-repeat right center;
}

#voorpagina-activiteiten a:hover .omschrijving .leesmeer-hover
{
background: url(../media/design/icons/pijl-enkel-rechts-hover.gif) #669900 no-repeat right center;
color: #ffffff;
margin-right: 7px;
border-right: 3px solid #669900;
}

#voorpagina-activiteiten .jscript 
{
    margin-bottom: 0;
  border-top: 0 none;
}

#voorpagina-activiteiten .toggle-hover 
{
    background: #669900 url(../media/design/icons/pijl-enkel-omhoog-hover.gif) no-repeat 285px center;
    color: #ffffff;
}

#voorpagina-nieuws ul,
#voorpagina-prikbord ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #669900;
}

#voorpagina-nieuws li,
#voorpagina-prikbord li
{
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #669900;
display: block;
}

#voorpagina-nieuws a,
#voorpagina-prikbord a
{
    display: block;
    text-decoration: none;
    overflow: hidden;
    padding: 2px 5px;
margin: 0;
}

#voorpagina-nieuws a:hover,
#voorpagina-prikbord a:hover
{
    background-color: #669900;
}

#voorpagina-nieuws .devider,
#voorpagina-prikbord .devider
{
    display: none;
}

#voorpagina-nieuws .datum,
#voorpagina-prikbord .datum
{
    display: inline-block;
    font-size: 0.9em;
    width: 5.0em;
}

#voorpagina-nieuws .titel,
#voorpagina-prikbord .titel
{
    /*display: inline-block;*/
    /*float: left;*/
    color: #000000;
}

#voorpagina-nieuws a:hover .datum,
#voorpagina-prikbord a:hover .datum
{
    color: #000000;
}

#voorpagina-nieuws a:hover .titel,
#voorpagina-prikbord a:hover .titel
{
    color: #ffffff;
}

#maincontent #voorpagina-vhvbulletin
{
display: block;
}

#voorpagina-vhvbulletin .devider,
#voorpagina-vhvbulletin br,
#maincontent .zijkolom h3,
#maincontent .zijkolom p
{
    display: none;
}

#voorpagina-vhvbulletin a
{
     display: block;
    height: 130px;
    background: #ffffff no-repeat center center;
    text-decoration: none;
    padding: 250px 0 0 0;
}

#voorpagina-vhvbulletin .titel
{
    display: block;
    background-color: #ffffff;
    color: #ffffff;
overflow: hidden;
    filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  padding: 30px 10px;
}

#voorpagina-vhvbulletin a:hover .titel
{
    background-color: #669900;
}

#voorpagina-vhvbulletin .hoofdtitel
{
    display: block;
    font-size: 1.5em;
    font-weight: bold;    
    color: #669900;
}

#voorpagina-vhvbulletin .subtitel
{
    display: block;
    padding-left: 15px;
    background: url(../media/design/icons/pijl-enkel-rechts.gif) transparent no-repeat left center;
    color: #000000;
}

#voorpagina-vhvbulletin a:hover .hoofdtitel
{
    color: #000000;
}

#voorpagina-vhvbulletin a:hover .subtitel
{
    color: #ffffff;
    background: url(../media/design/icons/pijl-enkel-rechts-hover.gif) transparent no-repeat left center;
}

#voorpagina-banner-onder
{
  width: 100%;
  background: #eeeeee;
  overflow: hidden;
  color: #ffffff;  
  border-top: 10px solid #eeeeee;
  padding: 0;
  margin: 0;
  align: center;
}

#voorpagina-banner-onder a
{
  text-decoration: none;
  width: 100%;
  display: block;
  color: #ffffff;
  padding: 0;
  margin: 0;
  background: #669900;
  padding: 15px 0;
  text-indent: 15px;
  font-size: 1.5em;
  overfow: hidden;
}

#voorpagina-banner-onder a:hover
{
  background: #444444;
}


/* xxx
----------------------------------------------------------------------------- */
#maincontent ul.fotoverslag {list-style: none; padding: 0; margin: 0;}
#maincontent ul.fotoverslag li {display: inline; margin: 0; padding: 0;}
#maincontent ul.fotoverslag li a {width: 120px; display: inline-block; text-align: center; margin: 0 5px 5px 0; padding: 5px; background: #ffffff;}
#maincontent ul.fotoverslag li a:hover {background: #669900;}

p.informatie {
    margin-top: 5px;
    padding: 0 0 0 22px;
    background: url(../media/design/icons/informatie.png) transparent no-repeat left top;
}

p.verder {
    margin-top: 5px;
    padding: 0 0 0 22px;
    background: url(../media/design/icons/verder.png) transparent no-repeat left top;
}

p.succes {
    margin-top: 5px;
    padding: 0 0 0 22px;
    background: url(../media/design/icons/vinkje.png) transparent no-repeat left top;
}

.foutmelding {
    margin-top: 5px;
    padding: 1px 0 1px 22px;
    background: url(../media/design/icons/foutmelding.png) transparent no-repeat left top;
}

.waarschuwing {
    margin-top: 5px;
    padding: 0 0 0 22px;
    background: url(../media/design/icons/uitroepteken.png) transparent no-repeat left top;
}

p.scheidingonder 
{
    border-bottom: 1px solid #669900;
    padding-bottom: 10px;
}

/* deze moeten op het einde*/
#maincontent .eerste {margin-top: 0;}
.validationsummary{
  display: block;
  background-color: #eeeeee;
  background-position: 5px 5px;
  padding: 5px 5px 5px 27px;
  border: 1px solid #cc0000;
}

/*
-------------------------------------------------------------------------------------
Lay-out gebaseerd op het 960 grid systeem. Voor meer informatie, zie: http://960.gs/.

gebruikte variant: 12 kolommen van 60px met 10px margin (12 x 60+10+10 = 12 x 80 = 960)
alternatieve variant: 16 kolommen van 40px met 10px margin (16 x 40+10+10 = 16 x 60 = 960)

-------------------------------------------------------------------------------------

Hulptabel:
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
|  1  |  2  |  3  |  4  |  5  |  6  |  8  | 10  | 12  | 15  | 16  | 20  | 24  | 30  |
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
| 960 | 480 | 320 | 240 | 192 | 160 | 120 | 96  | 80  | 64  | 60  | 48  | 40  | 32  |
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+

+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
| 32  | 40  | 48  | 60  | 64  | 80  | 96  | 120 | 160 | 192 | 240 | 320 | 480 | 960 |
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+ 
| 30  | 24  | 20  | 16  | 15  | 12  | 10  |  8  |  6  |  5  |  4  |  3  |  2  |  1  |
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+

-------------------------------------------------------------------------------------
Kleurenschema:
Groentinten: #558800, #669900, #669900
Grijstinten: #222222, #333333, #cccccc

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








































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */