html, body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-family: Arial;
	font-size: 11pt;
	background: #494949;
}

/***  Omhulsel voor centrering van pagina's binnen browser (#div-content resp. #div-contact)   ***/
#div-center{
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;	
}

/***  Inhoud gedeelte op alle pagina's behalve contact ***/
/***  Gecentreerd in de browser door plaatsing binnen #div-center 
/***  i.c.m. top = height / 2  en margin-left = width / 2   ***/
#div-content
{
	width: 1024px;
	height: 670px;
	margin-left: -512px;  
	position: absolute;
	top: -335px;
	left: 50%;
	background-color: white;
	color: #494949;
	text-align: left;
   font-family: inherit;
}

/***  Layout linker gedeelte van alle pagina's behalve contact ***/
#div-links
{
	float: left;
	width: 500px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

/***  Layout logo  ***/
#div-logo
{	
	width: 201px;
	height: 106px;
	border: none;
	margin-top: 10px;
	margin-bottom: 10px;
}

/***  Layout menu met links ***/
.div-menu
{
	width: 100%;
	height: 30px;
	font-family: inherit;
	font-size: 11pt;
	border: none;
	margin-top: 10px;
	margin-bottom: 10px;	
	margin-left: 5px;
}

.div-menu a:link, .div-menu a:visited {
	color: #494949;
	text-decoration: none;
	font-weight: bold;
}
.div-menu a:hover {
	color: #de9adf;
	text-decoration: none;
	font-weight: bold;
}

/***  Layout tekst op homepage ***/
#div-hometekst {
	width: 100%;
	height: 115px;
	border: none;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 5px;
}

/***  Layout tekst op foto pagina's ***/
div.opdrachttekst {
	width: 100%;
	height: 115px;
	border:none;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 5px;
}

/***  Layout tekst op foto pagina's ***/
iframe.opdrachttekst {
	position: relative;
	top:-10px;
	left:1px;
	width: 100%;
	height: 100%;
	border: none;
	margin: 0;
	padding: 0;
}

/***  Layout rechter gedeelte van alle pagina's behalve contact ***/
#div-rechts {
	width: 500px;
	float: right;
	display: table-cell;
}

/***  Layout afbeelding rechter gedeelte op homepage ***/
#img-home {
	margin-top:20px;
	margin-right:10px;
	height: 630px;
	width: 480px;
}

/***  Inhoud gedeelte op pagina contact ***/
/***  Gecentreerd in de browser door plaatsing binnen #div-center 
/***  i.c.m. top = height / 2  en margin-left = width / 2   ***/
#div-contact
{
	width: 1024px;
	height: 670px;
	margin-left: -512px;
	position: absolute;
	top: -335px;
	left: 50%;
	color: #494949;
	font-style: inherit;
	background-image: url(../afbeeldingen/algemeen/ch-contact.jpg);
	background-repeat: no-repeat;
	border: none;
}

/***  Overlay filter voor achtergrond afbeelding contact pagina  ***/
#div-contactfilter {
	border: 1px solid #494949;
	width: 1026px;
	height: 672px;
	margin: 0px;
	background-color: white;
	/**  CSS3  **/
	opacity:0.7; 
	/**  IE  **/
	filter:alpha(opacity=70); 
	-moz-opacity:0.70; 
	-khtml-opacity:0.7;
}

/***  Layout contact pagina: bovenste gedeelte ***/
#div-boven
{
	float: top;
	height: 45%;
	width:100%;
	margin-top:0px;
	margin-left:0;
}

/***  Layout contact pagina: onderste gedeelte ***/
.div-onder
{
	float: bottom;
	height: 45%;
	width: 100%;
	font-family: inherit;
	font-size: large;
	font-weight: bold;
	text-align: center;
	margin-left:0;
	margin-bottom:10px;
}

/***  Afwijkende opmaak voor tel nr op contact pagina ***/
#span-contacttel {
	font-size: larger;
}

/***  Afwijkende opmaak voor e-mail adres link op contact pagina ***/
.div-onder a:link, .div-onder a:visited {color: #494949;}

/***  Algemene opmaak voor h1 en h2 ***/
h1 
{
    color: #de9adf;
    font-weight: bold;
    font-family: inherit;
    font-size: inherit;
}

h2 
{
    color: #494949;
    font-weight: bold;
    font-family: inherit;
    font-size: inherit;
}

/********************************************/
/*****    foto galerij                  *****/
/********************************************/

/***  Basis layout galerij ***/
.div-galerij {
	position:absolute;
	left: 15px;
	width: 500px;
	height: 472px;
	border:none;
}

/***  Doorzichtigheid, afhankelijkheid van actie  ***/
.div-galerij a img {
	opacity:0.6; 
	filter:alpha(opacity=60); 
	-moz-opacity:0.60; 
	-khtml-opacity:0.6; 
}
.div-galerij a:visited img {
	opacity:0.6; 
	filter:alpha(opacity=60); 
	-moz-opacity:0.60; 
	-khtml-opacity:0.6; 
}
.div-galerij a:hover img {
	opacity:0.9; 
	filter:alpha(opacity=90); 
	-moz-opacity:0.90; 
	-khtml-opacity:0.9; 
}

/***  Layout van thumbnails  ***/
.thumb {
	float: left;
	width: 115px;
	height: 115px;
	margin-left: 10px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 10px;
	border:none;
}

/***  Zichtbaarheid afhankelijkheid van actie  ***/
.thumb a img {display:table-cell; }
.thumb a span {display:none;}
.thumb a:hover, .thumb a:active, .thumb a:focus {background:transparent; }

/***  Layout van foto rechts  ***/
.div-galerij a:hover span {
	display: table;
	position: absolute;
	top: -285px;
	left: 520px;
	width: 460px;
	height: 600px;
	border: none;
	background-color: white;
}

/***  p voor verticale centrering van foto rechts  ***/
p.p-foto {
	display: table-cell; 
	vertical-align: middle
}

.thumb a {
text-decoration:none;
}

/***  geen rand om afbeeldingen   ***/
a img {
	border: none;
}

a img.img-foto {
	display: block; 
	margin: 1em auto;
}

/***  afsluiting opmaak  ***/
.clear {
	height:0;
	line-height:0px;
	font-size:0;
	clear:both;
}