/* Stylesheet voor Robert Coppes Stichting */
/* Copyright grafisch ontwerp: Buro deburen */
/* http://www.burodeburen.nl */
/* Copyright XHTML/CSS Rian Rietveld Web Design */
/* http://www.rrwd.nl */
/* Januari 2009 */

/* donkerblauw: #003263 */
/* bruingeel: #bc9307 */
/* lichtbruin: #f1e2c4 */

/* main layout */

body {
  margin: 0;
  padding: 0;
	 background-color: #f1e2c4; 
	 font-size: 62.5%;
}

div, a, img, p, h1, h2, h3 {
  padding: 0;
  margin: 0;
}

img {
  border: 0;
}

#wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0; 
  width: 94.5em;
  background-color: white;
  min-height: 71em;
}

#logo {
  position: absolute;
  top: 3em;
  left: 6em; 
  width: 25.5em;
  height: 9.8em;
}

#top_menu {
  position: absolute;
  top: 0;
  right: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 3.8em;
}

#top_menu li {
  float: left;
  list-style: none;
}

#top_menu img {
  width: 3.8em;
  height: 3.8em;
}

#main_menu {
  position: absolute;
  top: 10em;
  right:0;
  list-style: none;
  margin: 0;
  padding: 0;
}

#main_menu li {
  float: left;
  list-style: none;
}

#main_menu li a {
  display: block;
  border-left: solid black 0.1em;
  padding-right: 1em;
  padding-left: 1em;
  float: left;
  text-decoration: none;
}

#los_menu, #los_menu li, #interviews, #interviews li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#los_menu li {
  list-style: none;
  text-align: center;
  font-size: 1em;
}

#los_menu li a {
  text-decoration: none;
  text-align: center;
  display: block;
}


h1 {
  font-family: Arial, Verdana, sans-serif;
  padding-top: 1.2em;
  text-align: center;
  display: block;
  font-size: 2.5em;
}

.subtitle {
  font-family: Arial, Verdana, sans-serif;
  display: block;
  padding-top: 1.3em;
  font-size: 1.8em;
  text-align: center;
}

.one_line {
  font-family: Arial, Verdana, sans-serif;
  padding-top: 3em;
  padding-bottom: 1.5em;
  text-align: center;
  display: block;
  font-size: 2.5em;
}

.three_lines {
  font-family: Arial, Verdana, sans-serif;
  padding-top: 1.8em;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 0;
  text-align: center;
  display: block;
  font-size: 2.5em;
}
.bg_light {
  color: #003263;
  background-color: #fff;
}

.bg_dark {
  color: #fff;
  background-color: #003263;
}

.bg_extra{
  color: #fff;
  background-color: #bc9307;
}

.bg_white {
  color: #000;
  background-color: #fff;
}

.bg_black {
  color: #fff;
  background-color: #000;
}

.hidden {
  position: absolute;
	 left: -1000em;
	 margin: 0;
  padding: 0;
}

#blok1 {
  position: absolute;
  top: 15em;
  left: 0;  
}

#blok2 {
  position: absolute;
  top: 15em;
  left: 19em;  
}

#blok3 {
  position: absolute;
  top: 15em;
  left: 38em;
 } 
#blok4 {
  position: absolute;
  top: 15em;
  left: 57em;  
}

#blok5 {
  position: absolute;
  top: 15em;
  left: 76em;  
}

#blok6 {
  position: absolute;
  top: 34em; 
  left: 0;  
}

#blok7 {
  position: absolute;
  top: 34em; 
  left: 19em;  
}

#blok8 {
  position: absolute;
  top: 34em; 
  left: 38em;
 } 
#blok9 {
  position: absolute;
  top: 34em;  
  left: 57em;  
}

#blok10 {
  position: absolute;
  top: 34em; 
  left: 76em;  
}

#blok11 {
  position: absolute;
  top: 53em; 
  left: 0;  
}

#blok12{
  position: absolute;
  top: 53em; 
  left: 19em;  
}

#blok13 {
  position: absolute;
  top: 53em; 
  left: 38em;
 } 
#blok14 {
  position: absolute;
  top: 53em;  
  left: 57em;  
}

#blok15 {
  position: absolute;
  top: 53em; 
  left: 76em;  
}

#blok16 {
  position: absolute;
  top: 53em; 
  left: 76em;  
}

#blok17 {
  position: absolute;
  top: 53em; 
  left: 85em;  
}


.blok_half {
  width: 9.5em; /* komt overeen met 95 pixels */
  height: 18.5em;
}
.blok_klein {
  width: 18.5em; /* komt overeen met 190 pixels */
  height: 18.5em;
}

.blok_groot {
  width: 37.5em;/* komt overeen met 380 pixels */
  height: 37.5em;
}

.blok_breed {
  width: 37.5em;/* komt overeen met 380 pixels */
  height: 18.5em;
}

.bruin {
  background-color: #bc9307;
}

.blue {
  background-color: #003263;
}

#footer{
  width: 94.5em;
  background-color: #f1e2c4;
}

.line-left {
  margin-top: 0;
  padding-top: 0.4em;
  float: left;
  font-size: 1.2em;
}
.line-right {
  margin-top: 0;
  padding-top: 0.4em;
  float: right ;
  font-size: 1.2em;
}

.line-right a{
  text-decoration: none;
}

/* layout content blocks */

#content_home {
  padding-top: 53.5em;
  padding-left: 39em;
  width: 36em;
  min-height: 18em;
}

#content_vrienden{ 
  padding-top: 34.5em;
  padding-left: 20em;
  width: 55em;
  min-height: 37em;
}

#content_interview {
  padding-top: 34.5em;
  padding-left: 39em;
  width: 36em;
  min-height: 37em;
}

#content_wonen {
  padding-top: 34.5em;
  padding-left: 20em;
  width: 36em;
  min-height: 37em;
}

#content_over_ons { 
  padding-top: 34.5em;
  padding-left: 39em;
  width: 36em;
  min-height: 37em;
}

#content_awb{
  padding-top: 34.5em;
  padding-left: 39em;
  width: 36em;
  min-height: 37em;
}

#content_actueel {
  padding-top: 34.5em;
  padding-left: 20em;
  width: 55em;
  min-height: 37em;
}


/* font presentation */
* {
	font-family: Verdana, Arial, sans-serif;
	color: #000;
}

#main_menu li a {
  font-size: 1.4em;
  color: black;
}
#main_menu li a:hover {
  color: #bc9307;
}
#main_menu li a.active {
  color: #bc9307;
}
.news_summary  {
 text-decoration: none;
}
.news_summary:hover  {
 text-decoration: underline;
 color: #bc9307;
}
.leesmeer {
 text-decoration: underline;
}
#content {
  font-size: 1.15em;
  line-height: 1.5em;
}

#content.interview_inside {
  font-size: 1.3em;
  line-height: 2em; 
}

#content h2 {
  font-size: 1.1em;
  margin-bottom: 0;
  padding-bottom: 0;
}

#content h3 {
  font-size: 1em;
  margin-bottom: 0;
  padding-bottom: 0;
}

#content p {
  margin-bottom: 1em;
}

#content ul {
  padding: 0;
  margin: 0;
  padding-left: 1.3em;
  padding-bottom: 1em;
}