body {
	margin: 0;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/achtergrond_site.jpg) center top no-repeat fixed;
	font-size: 13px;
	color: #666666;
	line-height: 25px;
}


/*
hoofdkader
*/

#outline {
	width:959px;
	margin-left:auto;
	margin-right:auto;
	}



#main_container {
	float: left;
	width:100%;
	min-height: 100%;
	_height: 100%;
	/*margin: -50px 0 0;*/
	margin: 0px 0 0;
	background: url(images/bg_main.jpg) repeat-y left top;
	/*border: thin solid #CC6699;*/
/* background-color: #66aaaa;*/
	}



 /*
kop voor navigatie
onderkop voor afbeelding, slideshow
*/

#kop {
	width:100%;
	height: 100px;
	padding: 0px 0 0 0;
	background: url(images/kop_02.jpg)  no-repeat top center;
}


#onder_kop {
	width:100%;
	height: 342px;
	background: url(images/Onderkop01.jpg) no-repeat top center;
	text-align:center;
	padding-top: 35px;
}


	/* kop en onderkop panoramafoto's*/

#kop_pano {
	width:100%;
	height: 100px;
	padding: 0px 0 0 0;
	background: url(images/kop_pano.jpg)  no-repeat top center;

}


#onderkop_pano {
	width: 100%;
	height: 342px;
	text-align: center;
	padding-top: 35px;
	background-image: url(images/OnderkopPano.jpg);
	background-repeat: no-repeat;
	background-position: center top;	/*border: thin solid #CC0000;*/
}


	/* kop en onderkop fotoshoot's*/

#onder_kop_fs {
	width:100%;
	height: 800px;
/*	height: 392px;*/
	/*background-color: #66ffff;*/
	background: url(images/Onderkop02.jpg) no-repeat top center;
	text-align:center;
	padding-top: 35px;
	/*border: thin solid #CC0000;*/

}


#menu {
	width:100%;
	margin: 0 0 0 0;
	height: 28px;
	top: 20px;
	/*border: thin solid #110000;*/
	
}

#menu_content {
	width:100%;
	color: #666666;
	background-color: #06fc01;
	/*border: thin solid #000000;*/
	}

#menu_content A:link {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	font-size:13px;
	font-weight: bold;
	padding:0 12px;
	}


#menu_content A:hover {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding:0 12px;
}	
	

a:link  {
	text-decoration:none;
	color:green;
}

a:hover  {
	color:red;
	}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;

}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	margin-top: 5px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #666666;
}


h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #F8361A;
}

br {
	border-bottom:
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	border-bottom-width: thick;
}


/*a:visited {color:blue;}



a:active  {color:yellow;} /*





/* bovenste twee kolommen. */




#kolom_01a {
	float: left;
	width: 659px;
	}

#kolom_02a {
	float: right;
	width: 300px;
}



#links_01{
	background: url(images/bg_kol_01.jpg) no-repeat left top;
	}


#rechts_01	{
	background: url(images/bg_kop_03.jpg) repeat-y left top;
	} 

#rechts_01, #links_01 {
 padding: 10px 30px 0 20px;
}




/*inhoud van de kaders die gemaakt zijn (kop, kolommen en voettekst) 
Dat is gedaan om bewegingsvrijheid te hebben met betrekking tot de inhoud. 
Je wilt dadelijk je teksten gaan positioneren. Dat ga je doen met margins en paddings. 
Als je dat direct in die container divs gaat doen heb je kans dat je de boel uit elkaar drukt. 
Op deze manier heb je wat meer speling. (aldus de tutorial van sceneone.nl*/


/* Inhoud van de bovenste twee kolommen*/





#voetregel {
	clear: both;
	/*margin-left:auto;
	margin-right:auto;*/
	background: #DFDFDF url(images/footer.jpg) no-repeat center top;
	height: 75px;
 /*	height: auto;*/
	width: 100%;
	text-align:center;
	padding: 0px 0 0 0;
	color: #F23714;
	}