/***********************/
/* header blok         */

div.header {
  width: 810px;
  height: 160px;

  background-image: url(images/pageheader_main.jpg);
  background-repeat: no-repeat;
}


/***********************/
/* welkom blok         */


div.welkom {
 	position: absolute;
	top: 160px;
 	width: 810px;
 	height: 198px;
 	background-image: url(images/welkom_shadow.jpg);
    background-repeat: no-repeat;
}


div#welkom_tekst {
	margin-left: 20px;
 	width: 375px;
 	overflow: hidden;
 	color: #fff7e6;
}
 
div#welkom_tekst h1 {
 	margin-top: 25px;
 	
 	font-size: 18px;
 	color: #E97F11;

}

div#welkom_tekst p {
	font-size: 14px;
}


/***********************/
/* contents blok       */


div.contents {
 	position: absolute;
	top: 360px;
}

div.leftcol {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 382px;
}

div.tekst {
  position: absolute;
  left: 382px;
  top: 0px;
  width: 430px;
}

h3 {
	margin: 0px;
	padding: 0px;
	height: 12px;
	overflow: hidden;
}


/***********************/
/* leftcol menu        */

#menu ul, li {
  margin: 0px;
  padding: 0px;
  text-indent: -3000px; 
}

#menu li {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: inline;
}

#menu a {
  float: left;
  padding: 110px 0px 0px 0px;
  margin-left: 0px;
  margin-right: 0px;
  overflow: hidden;
  width: 350px;
  height: 0px !important;
  height /**/:105px;
}




#menu a:hover {
  background-position: 0px -110px;
}


/* elk aatje een eigen plaatje */
a#menu_ontdek  {
  background: url(images/main_ontdek_menu.jpg) top left no-repeat;
}
a#menu_reisleiders  {
  background: url(images/main_reisleiders_menu.jpg) top left no-repeat;
}
a#menu_mening  {
  background: url(images/main_mening_menu.jpg) top left no-repeat;
}
a#menu_about  {
  background: url(images/main_about_menu.jpg) top left no-repeat;
}
a#menu_nieuws {
  background: url(images/main_nieuws_menu.jpg) top left no-repeat;
}
a#menu_fotoboek {
  background: url(images/main_fotoboek_menu.jpg) top left no-repeat;
}



/***********************/
/* tekst item          */

div.item p {
	margin-left: 10px;
	margin-right: 20px;
}

/* de kopjes hebben dezelfde afmetingen */
.tekst h2 {
  width: 430px;
  height: 32px;
  margin: 0px;
  padding: 0px;
  padding-top: 5px;
  
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  color: white;
}

/* en de kopjes hebben per onderwerp een eigen kleur */
h2#ontdek {
  background: url(images/home_header_blue_shadow.jpg) top left no-repeat;
}

h2#reisleiders {
  background: url(images/home_header_red_shadow.jpg) top left no-repeat;
}

h2#mening {
  background: url(images/home_header_yellow_shadow.jpg) top left no-repeat;
}

h2#about {
  background: url(images/home_header_alu_shadow.jpg) top left no-repeat;
}

/* zo ook de footer (h3): hebben dezelfde afmetingen */
.tekst h3 {
	padding: 0px;
	margin: 0px;
	height: 20px;
	color: yellow;
}


/* en de footers (h3) hebben per onderwerp een eigen kleur */
div#navigate_ontdek.navigate h3 {
	background-image: url(images/home_footer_blue_shadow.jpg);
}
div#navigate_reisleiders.navigate h3 {
	background-image: url(images/home_footer_red_shadow.jpg);
}
div#navigate_mening.navigate h3 {
	background-image: url(images/home_footer_yellow_shadow.jpg);
}
div#navigate_about.navigate h3 {
	background-image: url(images/home_footer_alu_shadow.jpg);
}


/* per item is er een navigatiebalkje */
div.navigate {
	height: 20px;
	text-align: center;
	background-repeat: repeat-y;
}

div.navigate a { 
	color: #E97F11;
	font-size: 12px; 
}

div.navigate a:hover {
	color: #E97F11;
	text-decoration: underline;
}


/* de linkjes in de onderwerpen hebben een iets donkerder achtergrond als de tekst */
div#navigate_ontdek.navigate {
	background-image: url(images/home_text_dark_blue_shadow.jpg);
}

div#navigate_reisleiders.navigate {
	background-image: url(images/home_text_dark_red_shadow.jpg);
}

div#navigate_mening.navigate {
	background-image: url(images/home_text_dark_yellow_shadow.jpg);
}

div#navigate_about.navigate {
	background-image: url(images/home_text_dark_alu_shadow.jpg);
}


/* en de tekst heeft een achtergrond kleur per item */
div.item-ontdek {
	background-image: url(images/home_text_light_blue_shadow.jpg);
	background-repeat:  repeat-y;
}

div.item-reisleiders {
	background-image: url(images/home_text_light_red_shadow.jpg);
	background-repeat:  repeat-y;

}

div.item-mening {
	background-image: url(images/home_text_light_yellow_shadow.jpg);
	background-repeat:  repeat-y;

}

div.item-about {
	background-image: url(images/home_text_light_alu_shadow.jpg);
	background-repeat:  repeat-y;

}

/* de plaatjes rechts uitlijnen */

div.plaatje  img {
  float: right;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 0px;
  padding-top: 0px;
  margin-left: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
  margin-top: 0px; /**/

}