/*
 css SFK default style v0.01 
 Naamgeving: een woord => kleine letters, twee woorden eerste klein, restCamelCase.  
 Alles in het engels. 
 Als dingen maar 1 keer voorkomen: # -> id
 Als dingen meerdere keren voorkomen . -> class
 03-05-2004, Paul van der Linden 
 16-06-2005, PL: styles h1.main en a.sub voor het menu aan linkerzijde vervangen door <ul> en <li> 
 21-06-2005, MW: font-weight: bold toegevoegd aan h1.main en font-size: 12 px veranderd in 10px bij a.sub voor het menu aan linkerzijde 
 21-06-2005, PL: toegevoegd "#leftSide ul li.main a" en "#leftSide ul li.sub a" 
 23-06-2005, MW: padding-top: 10px toegevoegd aan "#rightSide" 
 28-06-2005, RR: 'fout' klasse onderaan toegevoegd 
 05-07-2005, FB: 'fout' klass hernoemd naar error + italic
 Tabel opmaak, legend, definitie elementen, p.footnote en ul toegevoegd, font-family naar body verplaatst
 11-07-2005, MW: padding-bottom: 10px toegevoegd aan "#rightSide" 
 11-07-2005, MW: padding-bottom: 10px toegevoegd aan "#leftSide" 
 12-07-2005, MW: line-height: 15px toegevoegd aan "p" 
 18-07-2005, FB: overflow: hidden toegevoegd aan #rightSide vanwege inconsistente overflow bij IE.
 25-07-2005, FB: op verzoek van MW wat elementen gewijzigd en toegevoegd (caption, newsProperties, summary, source, disclaimer)
 16-08-2005, RR: newsTitle, newsItem en newsProperties link en margin aangepast
 22-11-2005, FB: groep, groepsnamen in het linkermenu
 01-02-2006, FB: inactive
*/



/* common selectors */
body {
  font-family: verdana, arial, serif;
  background-color: white;
}

p {
  font-size: 12px;
  line-height: 15px;
}


h1 {
  font-size: 18px;
}


h2 {
  font-size: 14px;
}


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

legend { 
  font-size: 12px;
  font-weight: bold;
  color: black;
}

ul { 
  font-size: 12px;
  list-style-image: url('images/redsquare.gif');
  line-height: 15px;
  padding-bottom: 2px;
  padding-top: 2px; 
}

ol { 
  font-size: 12px;
  line-height: 15px;
}

dl { 
  font-size:12px;
}

dt { 
  font-style:italic;
}

dd { 
  padding-bottom: 6px;
}


table {
  font-size: 12px;
  border-collapse: collapse;
  border-width: 1px;
  border-style:solid;
  border-color: #D3D3D3;
}
 

th {
  background-color: #D3D3D3;
  border-width: 0px 1px;
  border-style:solid;
  border-color: #D3D3D3;
}

td {
 padding: 2px;
  border-width: 0px 1px;
  border-style:solid;
  border-color:#D3D3D3;
}

caption, p.caption
{ 
  font-style:italic;
 }

/* end common selectors */


/* special table formatting */


tr.even {
  background-color: white;
}

tr.odd {
  background-color: #F5F5F5;
}

/* Voor later
Dit werkt nu nog niet in IE en Firefox,
even en oneven in css3 kan als volgt:

tr:nth-child(even) {
  background-color: white;
}

tr:nth-child(odd) {
  background-color: #F5F5F5;
}
*/


col.number { 
  text-align: right;
 }
td.number {
  text-align: right;
}
/* end special table formatting */



/* main positioning */
#container {
  background: #F8F8FF; 
  margin: 0px auto;
  width: 975px; 
}

@media screen { 
  #leftSide {
    float: left; 
    width: 200px;
    height: auto;
    margin: 0px;
    background-color: #F5F5F5;
  }
}
@media print { 
  #leftSide { 
    display:none;
  }
}

#rightSide {
  float: left;
  width: 765px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow:hidden; 

  /*height: 500px;*/
}
/* end main positioning*/


/* styles leftSide */
#SFKLogo {
  border : 0;
  margin : 10px;
}

#leftSide ul {
  list-style-type: none;
  list-style-image: none;
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px; 
  font-size: 11px;
  line-height: 16px;
}


#leftSide ul li.main {
  margin-top: 10px;
  padding-left: 5px;
  font-size: 12px;
}


#leftSide ul li.sub {
  padding-left: 10px;
  font-size:11px;

}


#leftSide ul li.main a {
  text-decoration: none;
  color: black;
  font-weight: bold;
}


#leftSide ul li.sub a {
  text-decoration: none;
  color: black;
  font-weight: normal;

}


#leftSide ul li a:hover {
  color: blue;
}

#leftSide ul li.groep {
  
  padding-left: 10px;
  font-size: 11px;

}
#leftSide ul li.groep a {
  text-decoration: none;
  color: blue;
  font-weight: normal;

}

#leftSide ul li.groep a:hover {
  text-decoration: underline;
  color: blue;
  font-weight: normal;

}

/* end styles leftSide */

img.pijl {
  border: 0;
}

/* news items */
.newsProperties {
  font-size: 10px;
}

.newsTitle {
  font-size: 12px;
  font-weight: bold;
  margin-left: 5px;
}

.newsTitle a {
  color: #000000;
  text-decoration: None;
}

.newsTitle a:hover {
  text-decoration: underline;
}

.newsItem {
  margin-top: 0px;
}

.newsSummary { 
  font-weight: bold;
 }

.newsSource { 
  font-size: 10px;
  font-weight: bold;
 }


/* end news items */


p.footnote { 
  font-size: 10px;
  margin: 6px;
}

/* styles in formulieren: nieuwe_deelnemer, infoaanvraag */
p.error {
  font-size: smaller;
  font-style: italic;
  color: red;
}
/* end styles in formulieren */

/* Overige */

.inactive {
  color: silver;
}