/*
stijlen/layout
Rob de Beer
DeBeer Webservices
Versie:  maart 2005
© Alle rechten voorbehouden
Laatste wijziging: 
31-08-2005 Foto links onder vaste plaats gegeven i.p.v. floating.
08-09-2005 Afstand rechter navigatiemenu verkleind voor uitbreiding naar acht realisaties
*/

body {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #369;
	margin: 0;
	padding: 0;
	}


/*******

         stijlen voor de enter pagina *******/

#entree {
	position: relative;
	text-align: center;
	margin-top: 50px;
	z-index: 1;
	}
#enter {
	font-weight: normal;
	}
#enter a {
	position: absolute;
	top: 390px;
	left: 51.5%;
	color: #800;
	font-size: 22px;
	text-decoration: none;
	z-index: 2;
	}
#enter a:hover {
	color: #369;
	text-decoration: underline;
	}
#footer {
	position: relative;
	left: 50%;
	font-size: 9px;
	text-align: center;
	margin: 2.0em;
	}
#footer div {
	position: relative;
	left: -50%;
	}

/******* einde enter pagina 

         stijlen voor de menu navigatie *******/

div#menu_links {
	background-image: url(../grphcs/achtergrond_menu.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #ccc;
	padding: 30px 0 0 40px;
	width: 240px;
	height: 490px;
	color: #000;
	position: absolute;
	}
ul#hoofdnav {
	padding: 0;
	margin: 0;
	list-style-type: none;
	}
ul#hoofdnav li {
	display: block;
	}
ul#hoofdnav li a {
	padding: 6px 6% 0 6%;
	display: block;
	margin: 0;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	width: 71%;
	color: #636;
	text-decoration: none;
	}
ul#hoofdnav li a:hover {
	color: #800;
	text-decoration: underline;
	}
ul#hoofdnav li a:active {
	font-style: italic;
	}
ul#hoofdnav ul.subnav {
	padding: 0;
	margin: 0;
	list-style-type: none;
	}
ul#hoofdnav ul.subnav li {
	padding: 2px 0;
	}
ul#hoofdnav ul.subnav li a {
	margin: 0;
	font-weight: normal;
	font-size: 10px;
	line-height: 18px;
	color: #43616b;
	}
ul#hoofdnav ul.subnav li a:hover {
	color: #800;
	text-decoration: underline;
	}
ul#hoofdnav ul.subnav li a:active {
	font-style: italic;
	}


/******* einde menu navigatie

         content pagina *******/

#content_rechts	{
	background-image: url(../grphcs/achtergrond_content.jpg);
	}
#content_scholen {
	background-image: url(../grphcs/achtergrond_scholen.jpg);
	}
#content_pinbox {
	background-image: url(../grphcs/achtergrond_pinbox.jpg);
	}
#content_vch {
  background-image: url(../grphcs/achtergrond_vch.jpg);
	}
#menu_vch {
	background: url(../grphcs/achtergrond_menu.jpg);
	}
#content_rechts,
#content_pinbox,
#content_scholen,
#content_vch,
#content_gebouwen	{
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 780px;
	height: 490px;
	position: absolute;
	}
#content_rechts h1,
#content_scholen h1,
#content_pinbox h1 {
	font-size: 14px;
	font-weight: normal;
	padding-top: 36px;
	padding-left: 40px;
	}
#content_rechts h2,
#content_scholen h2,
#content_pinbox h2 {
	color: #636;
	font-size: 12px;
	font-weight: normal;
	padding-left: 40px;
	}
#content_rechts p,
#content_scholen p,
#content_pinbox p {
	font-size: 10px;
	color: #43616b;
	padding: 0 140px 0 40px;
	}	
#content_rechts a {
	font-size: 10px;
	color: #43616b;
	line-height: 20px;
	text-decoration: none;
	}
#content_rechts a:hover {
	color: #800;
	text-decoration: underline;
	}
#contact_links td {
	position: relative;
	margin: 0;
	padding: 0;
	}
#contact_rechts {
	position: absolute;
	top: 40px;
	left: 200px;
	}
#contact_links td {
	position: relative;
	margin: 0;
	padding: 0;
	}
#contact_rechts {
	position: absolute;
	top: 40px;
	left: 200px;
	}
#contact_links td a {
	color: #369;
	text-decoration: none;
	}
#contact_links td a:hover {
	color: #800;
	text-decoration: underline;
	}
#cont {
  color:#fff;
  font-size: 0;
  }
#foto_lo {
	position: absolute;
/*	top: 200px;*/
	bottom: 88px;
	left: 40px;
        }

/******* einde content pagina 
	 
	 project selectie *******/

#menu_rechts {
	position: absolute;
	margin: 0;
	bottom: 68px;
	left:527px;
	font-size: 12px;
  padding-top: 12px;
	color: #636;
	text-align: left;
	}
ul#pronav {
	font-size: 10px;
	margin-left: 0;
  margin-top: 6px;
	list-style-type: none;
	}
ul#pronav li {
	display: block;
	text-align: left;
	}
	
/* Child van DIV hack om unsorted list items links te laten lijnen */
#menu_rechts>ul#pronav li {
  margin-left: -40px;
	}
/* Einde IE hack */

ul#pronav li a {
	line-height: 21px;
	color: #43616b;
	text-decoration: none;
	}
ul#pronav li a:actief{
	color: #f00;
	}
ul#pronav li a:hover {
	color: #800;
	text-decoration: underline;
	}
ul#pronav li a:active {
	font-style: underline;
	}


/******* einde stijlen project selectie 
	 
	 fotonavigatie *******/

#menu_onder {
	position: absolute;
	top: 410px;
	right:340px;
	font-size: 10px;
	color: #636;
	}
#menu_onder a {
	margin: 0;
	line-height: 30px;
	color: #43616b;
	text-decoration: none;
	}
#menu_onder a:hover {
	color: #800;
	text-decoration: underline;
	}

/******* einde fotonavigatie 
	 
	 contactformulier *******/
	 
#contact_links ul {
	font-size: 10px;
	margin: 0px;
	list-style-type: none;
	}
#contact_links ul li {
	display: block;
	text-align: left;
	}
#tel,
#tel_p,
#fax,
#fax_p,
#mail,
#mail_p,
#vch_tel,
#vch_tel_p,
#vch_mobiel,
#vch_mobiel_p,
#vch_fax,
#vch_fax_p {
	position: absolute;
	}
#tel_p,
#fax_p,
#mail_p {
	left: 40px;
	}
#tel,
#tel_p {
	top: 200px;
	}
#fax,
#fax_p {
	top: 215px;
	}
#mail {
  top: 241px;
	}
#mail_p {
	top: 245px;
	}
#tel,
#mobiel,
#fax {
  left: 70px;
	}
#mail {
	left: 80px;
	margin: 0;
	padding: 0;
	}
#vnaam_p,
#vnaam,
#anaam_p,
#anaam,
#vrplcht_1,
#adres_p,
#adres,
#email_p,
#email,
#vrplcht_2,
#pcode_p,
#pcode,
#plaats_p,
#plaats,
#bedrijf_p,
#bedrijf,
#telefoon_p,
#telefoon,
#opmerking_p,
#opmerking,
#brochure_p,
#brochure,
#contact_p,
#contact,
#submit,
#vch_vnaam,
#vch_vnaam_p,
#vch_anaam,
#vch_anaam_p,
#vch_vrplcht_1,
#vch_adres,
#vch_adres_p,
#vch_email,
#vch_email_p,
#vch_vrplcht_2,
#vch_pcode,
#vch_pcode_p,
#vch_plaats,
#vch_plaats_p,
#vch_bedrijf,
#vch_bedrijf_p,
#vch_telefoon,
#vch_telefoon_p,
#vch_opmerking,
#vch_opmerking_p,
#vch_submit,
#vch_tel,
#vch_tel_p,
#vch_mobiel,
#vch_mobiel_p,
#vch_fax,
#vch_fax_p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	font-size: 10px;
	}
#vnaam_p,
#anaam_p,
#adres_p,
#email_p,
#pcode_p,
#plaats_p,
#bedrijf_p,
#telefoon_p,
#opmerking_p,
#brochure_p,
#contact_p,
#vch_vnaam_p,
#vch_anaam_p,
#vch_adres_p,
#vch_email_p,
#vch_pcode_p,
#vch_plaats_p,
#vch_bedrijf_p,
#vch_telefoon_p,
#vch_opmerking_p,
#vch_submit,
#vch_tel,
#vch_tel_p,
#vch_mobiel,
#vch_mobiel_p,
#vch_fax,
#vch_fax_p {
	padding-top: 5px;
	}
#vnaam_p,
#vnaam,
#anaam_p,
#anaam,
#vrplcht_1,
#vch_vnaam,
#vch_vnaam_p,
#vch_anaam,
#vch_anaam_p,
#vch_vrplcht_1 {
	top: 105px;
	}
#adres_p,
#adres,
#email_p,
#email,
#vch_adres,
#vch_adres_p,
#vch_email,
#vch_email_p {
	top: 130px;
	}
#pcode_p,
#pcode,
#plaats_p,
#plaats,
#vch_pcode,
#vch_pcode_p,
#vch_plaats,
#vch_plaats_p {
	top: 155px;
	}
#bedrijf_p,
#bedrijf,
#telefoon_p,
#telefoon,
#vrplcht_2,
#vch_bedrijf,
#vch_bedrijf_p,
#vch_telefoon,
#vch_telefoon_p,
#vch_vrplcht_2 {
	top: 180px;
	}
#opmerking_p,
#opmerking,
#vch_opmerking,
#vch_opmerking_p {
	top: 205px;
	}
#brochure_p,
#brochure {
	top: 220px;
	}
#contact_p,
#contact {
	top: 250px;
	}
#submit {
	left: 80px;
	top: 310px;
	}
#vnaam_p,
#adres_p,
#pcode_p,
#bedrijf_p,
#opmerking_p {
	left: 40px;	
	}
#vnaam,
#adres,
#pcode,
#bedrijf,
#opmerking {
	left: 120px;
	}
#anaam_p,
#email_p,
#plaats_p,
#telefoon_p {
	left: 280px;
	}
#anaam,
#email,
#plaats,
#telefoon {
	left: 360px;
	}
#brochure,
#contact {
	left: 340px;
	}
#brochure_p,
#contact_p {
	left: 360px;
	width: 180px;
	}

/******* einde contactformulier
	 
	 VCH contact opmaak *******/
	 
#vch_container {
  position: absolute;
	top: 50px;
	left: 0;
	font-size: 10px;
	background-color: #ff0;
	}
#menu_vch {
  position: absolute;
	top: 0;
	left: 0;
	width: 560px;
	height: 490px;
	}
#menu_vch h1 {
	font-size: 14px;
	}
#menu_vch h2 {
	font-size: 12px;
	}
#menu_vch p {
  position: relative;
	left: 70px;
	}
#content_vch {
	position: absolute;
	top: 0px;
	left: 200px;
	height: 490px;
	width: 800px;
	padding-top: 26px;
	}
#content_vch h1 {
	font-size: 14px;
	}
#content_vch h2 {
	font-size: 12px;
	}
#vch_tel,
#vch_tel_p {
  top: 180px;
	}
#vch_mobiel,
#vch_mobiel_p {
  top: 195px;
	}	
#vch_fax,
#vch_fax_p {
	top: 210px;
	}
#vch_tel_p,
#vch_mobiel_p,
#vch_fax_p {
  left: 0px;
	margin: 0;
	list-style-type: none;
	}
#vch_tel,
#vch_mobiel,
#vch_fax {
  left: 44px;
	list-style-type: none;
	}
#vch_vnaam_p,
#vch_adres_p,
#vch_pcode_p,
#vch_bedrijf_p,
#vch_opmerking_p {
	left: 160px;	
	}
#vch_vnaam,
#vch_adres,
#vch_pcode,
#vch_bedrijf,
#vch_opmerking {
	left: 240px;
	}
#vch_anaam_p,
#vch_email_p,
#vch_plaats_p,
#vch_telefoon_p {
	left: 465px;
	}
#vch_anaam,
#vch_email,
#vch_plaats,
#vch_telefoon {
	left: 545px;
	}
#vch_submit {
	left: 240px;
	top: 310px;
	}
#vrplcht_1,
#vrplcht_2 {
  left: 484px;
	}	
#vch_vrplcht_1,
#vch_vrplcht_2 {
  left: 664px;
	}

/******* einde vch container

	 Einde Code *******/