﻿

* {
	margin: 	0px;
	padding: 	0px;
	border: 	0px;
	}

html, body {
	width: 		100%;
	height: 	100%;
	}
html {
	background: url('../images/interface/bg.jpg');  /* vult alles op buiten de container */
	}
	
body {
	text-align:	center;		/* centreren van de site (Werkt alleen in IE) */
	}

	 
img, div, span, a.img { 
	behavior: url('scripts/iepngfix.htc');
	}

/* ---------- ---------- SITE OPMAAK / DIV INDELING ---------- ---------- */

#container {
	margin:				0 auto;				/* centreren van de site op alle browsers */
	width:				990px;				/* Breedte van de website */	
	text-align:			center;
	margin-top: 		-50px;				
	}

#header {
	width:			990px;
	height:			245px;
	background: 	url('../images/interface/header.png') 50% 0% no-repeat;
	text-align:		center;
	margin-top:			0px;
	}


#site {
	width:			990px;		/* Site breedte minus de vrije ruimte in de content links en rechts */
	height:			auto;
	position:		relative;	
	text-align:		left;
	padding-top:	0px;
	background: 	url('../images/interface/content.png') 50% 0%;
	font-family:		Arial;
	font-size:			11px;
	color: 				#333333;
	}

#menu {
	width:			195px;
	float:			left;
	margin-left:	16px;
	border-right:	1px solid #000000;
	}

.logos {
	width:			195px;
	float:			left;
	margin-left:	0px;
}
	
	
.logos a {
	font-family:	Arial;
	font-size:		16px;
	font-style:		normal;
	letter-spacing:	1px;
	color:			#FFCC66;
	text-decoration:none;
	background: 	none;
	width:			185px;
	height:			20px;
	display:		block;
	padding-top:	0px;
	padding-bottom:	0px;
	padding-left:	0px;
}
	
#avdw {
	magin-bottom: 	0px;
	width:			210px;
	margin-right:	15px;
	float:			right;
	min-height:		520px;
	/*margin-top:		-22px;*/
	border-left:	1px solid #000000;
	/*border-top:		1px solid #000000;*/
	background: 	#dedede;
	text-align:		center;
	}
	
#content {
	width:			550px;
	float:			left;	
	}

#contenthome {
	width:			550px;
	float:			left;	
	}

	
.clear {
	clear:	both;
	}

#footer	{
	width:			990px;
	height:			21px;
	background:		url('../images/interface/footer.png') 0% 0% no-repeat;
	font-family:	Arial;
	font-size:		9px;
	font-style:		normal;
	color:			#999999;	
	text-align:		center;
	margin-top:		0px;
	padding-top:	5px;
	}

/* ---------- ---------- MENU OPMAAK ---------- ---------- */


#menu a:link, #menu a:visited  {						/* opmaak van een link in de sidebar */
	font-family:	Arial;
	font-size:		16px;
	font-style:		normal;
	letter-spacing:	1px;
	color:			#FFCC66;
	text-decoration:none;
	background: 	url('../images/interface/button.jpg');
	width:			185px;
	height:			20px;
	display:		block;
	padding-top:	2px;
	padding-bottom:	1px;
	padding-left:	10px;
	}
	
#menu a:hover, #menu a:active {						/* opmaak van een link in de sidebar bij mouseover*/
	font-family:	Arial;
	font-size:		16px;
	font-style:		normal;
	letter-spacing:	1px;
	color:			#333333;
	text-decoration:none;
	background: 	url('../images/interface/button-on.jpg');
	width:			175px;
	height:			20px;
	display:		block;
	padding-top:	2px;
	padding-bottom:	1px;
	padding-left:	20px;
	}


.logo {
	padding:		1px;
	border:			1px solid #333333;
	}

#logos {
	text-align: center;
	}

	
#logos img{
	background:		none;
	padding:		1px;
	margin-bottom:	8px;
	}

#logos a:link, #logos a:active, #logos a:visited, #logos a:hover{
	background:		none;
	padding-left:	0px;
	}
	
.infothumb {
	margin-left: 10px;
}




/* ---------- ---------- PAGINA CONTENT OPMAAK ---------- ---------- */

.slide {
	padding:		1px;
	background:		#FFCC66;
	border:			1px solid #333333;
	}

.foto {
	float: 			right;
	background:		#FFCC66;
	padding:		1px;
	border:			1px solid #333333;
	margin-left:	20px;
	margin-right:	10px;
	}
	
.kop {
	margin-left:	1px;		
	margin-top: 	0px;			/* vrije ruimte boven de tekst H1 */
	padding-bottom:	3px;			/* vrije ruimte onder de tekst H1 */
	}
	
	
h1	{	
	margin-left:	15px;		
	margin-top: 	10px;			/* vrije ruimte boven de tekst H1 */
	padding-bottom:	10px;			/* vrije ruimte onder de tekst H1 */
	font-family:	Arial;
	font-size:		14px;
	font-style:		bold;
	color:			#333333;
	}
	
h2	{
	margin-left:	15px;
	margin-right:	25px;
	padding-bottom:	10px;			/* vrije ruimte onder de paragraaf zodat er echt tekstblokken onstaan */
	font-family:	Arial;
	font-size:		12px;
	font-weight:	bold;
	color:			#333333;	
	}

h3	{
	margin-left:	15px;
	margin-right:	25px;
	padding-bottom:	10px;			/* vrije ruimte onder de paragraaf zodat er echt tekstblokken onstaan */
	font-family:	Arial;
	font-size:		18px;
	font-weight:	bold;
	color:			#333333;
	text-align:		center;	
	}

h4	{
	margin-top: 	10px;
	padding-bottom:	10px;			/* vrije ruimte onder de paragraaf zodat er echt tekstblokken onstaan */
	font-family:	Arial;
	font-size:		14px;
	font-weight:	bold;
	color:			#333333;
	text-align:		center;	
	text-decoration:	underline;
	}

	
#content P	{
	margin-left:	15px;
	margin-right:	25px;
	padding-bottom:	10px;			/* vrije ruimte onder de paragraaf zodat er echt tekstblokken onstaan */
	font-family:	Arial;
	font-size:		11px;
	font-style:		normal;
	color:			#333333;	
	}

#content a:link, #content a:visited  {						/* opmaak van een link in de content */
	font-family:	Arial;
	font-size:		11px;
	font-style:		normal;
	color:			#333333;
	text-decoration:	underline;
	}
	
#content a:hover, #content a:active {						/* opmaak van een link in de content bij mouseover*/
	font-family:	Arial;
	font-size:		11px;
	font-style:		italic;
	color:			#000000;
	text-decoration:	underline;
	}

#contenthome P	{
	margin-left:	15px;
	margin-right:	25px;
	padding-bottom:	10px;			/* vrije ruimte onder de paragraaf zodat er echt tekstblokken onstaan */
	font-family:	Arial;
	font-size:		11px;
	font-style:		normal;
	color:			#333333;	
	}


#contenthome a:link, #content a:visited  {						/* opmaak van een link in de content */
	font-family:	Arial;
	font-size:		16px;
	font-style:		normal;
	color:			#333333;
	text-decoration:	underline;
	}
	
#contenthome a:hover, #content a:active {						/* opmaak van een link in de content bij mouseover*/
	font-family:	Arial;
	font-size:		16px;
	font-style:		italic;
	color:			#000000;
	text-decoration:	underline;
	}



.italic	{
	font-family:	Arial;
	font-size:		11px;
	font-style:		italic;
	}

.italichome	{
	font-family:	Arial;
	font-size:		16px;
	font-style:		italic;
	}


.bold	{
	font-family:	Arial;
	font-size:		11px;
	font-weight:	bold;
	}

.boldhome	{
	font-family:	Arial;
	font-size:		16px;
	font-weight:	bold;
	}


.bolditalic	{
	font-family:	Arial;
	font-size:		11px;
	font-style:		italic;
	font-weight:	bold;
	}

.bolditalichome	{
	font-family:	Arial;
	font-size:		16px;
	font-style:		italic;
	font-weight:	bold;
	}


.klein {
	font-size:	10px;
	}

.left {
	display: 	block;
	width:		260px;
	float:		left;
	}

.left P {
	font-size:		26px;
	font-style:		normal;
	color:			#333333;	
	}


#left1 {
	display: 	block;
	width:		260px;
	float:		left;
	}
	
#left1 P {
	font-size:		16px;
	font-style:		normal;
	color:			#333333;	
	}

#left1 a  {						/* opmaak van een link in de content bij mouseover*/
	font-family:	Arial;
	font-size:		16px;
	font-style:		italic;
	color:			#000000;
	text-decoration:	underline;
	}

	

#left1 a a:hover, #left1 a:active {						/* opmaak van een link in de content bij mouseover*/
	font-family:	Arial;
	font-size:		16px;
	font-style:		italic;
	color:			#000000;
	text-decoration:	underline;
	}





#left2 {
	display: 	block;
	width:		270px;
	float:		left;
	}
	
#left2 P {
	font-size:		16px;
	font-style:		normal;
	color:			#333333;	
	}





.medewerkers {
	display:		block;
	margin-left:	15px;
	margin-bottom:	15px;
	font-family:	Arial;
	font-size:		11px;
	color:			#333333;
	}

.medewerker {
	display:	block;
	float: 		left;
	width:		320px;
	}

.naam {
	font-family:		Arial;
	font-size:			11px;
	color: 				#333333;
	font-weight:		bold;
	}
	
.medewerkerfoto {
	padding:		1px;
	background:		#FFCC66;
	border:			1px solid #333333;
	margin:			15px;
	float: 			right;
	}
	
hr {
	border:		1px solid #000000;
	height:		1px;
	}

ul {
	list-style:	square;
	margin-left:	60px;
	}

.border {
	padding:		1px;
	background:		#FFCC66;
	border:			1px solid #333333;
	margin-top:		15px;
	margin-bottom:	15px;
	}

.imageleft {
	padding:		1px;
	background:		#FFCC66;
	border:			1px solid #333333;
	margin-bottom:	15px;
	margin-right:	15px;
	}

.imageright {
	padding:		1px;
	background:		#FFCC66;
	border:			1px solid #333333;
	margin-bottom:	15px;
	margin-left:	15px;
	}

.googlemaps {
	width: 520px;
	height: 400px;
	padding:		1px;
	background:		#FFCC66;
	border:			1px solid #333333;
	margin-top:		15px;
	margin-bottom: 0px;
}
/* ---------- ---------- FOOTER OPMAAK ---------- ---------- */	


#footer a:link {					/* opmaak van een link in de footer */
	font-family:	Arial;
	font-size:		9px;
	font-style:		normal;
	color:			#999999;
	text-decoreation:	none;
	}

#footer a:visited {				/* opmaak van een link in de footer wanneer al eens is geklikt*/
	font-family:	Arial;
	font-size:		9px;
	font-style:		normal;
	color:			#999999;
	text-decoreation:	none;
	}
	
#footer a:hover {					/* opmaak van een link in de footer bij mouseover*/
	font-family:	Arial;
	font-size:		9px;
	font-style:		normal;
	color:			#333333;
	text-decoreation:	underline;
	}
	
#footer a:active {					/* opmaak van een link in de footer bij click*/
	font-family:	Arial;
	font-size:		9px;
	font-style:		normal;
	color:			#333333;
	text-decoreation:	overline;
	}