/* 
Achtergrond kleur website + achtergrondplaatje website. 
Denk er wel om dat plaatjes in de map assets/site moeten zitten
*/

body {
	background-color: #FFFFFF;				/* de achtergrondkleur, als er geen achtergrondplaatje wordt geladen */
	background-image: url(back.jpg);			/* backup.jpg staat de achtergrond in */
	background-attachment: fixed;
}



/* -------------------------------------------------------- */





/* de gehele tabel van de website */

#hoofdtabel {
	border: 0px solid #FFFFFF;  		 		/* rand kleur aanpassen */
	width: 750px;
	table-layout: fixed;
	background-image: url(backcontent.png);			/* backup.jpg staat de achtergrond in */
}





/* -------------------------------------------------------- */





/* dit is de balk waar de pagetrail zoek en sitemap in staan */

#pagesitezoek {
	background-image: url(contentmenuback.png);
	background-repeat: repeat;
	padding-top: 1px;
	height: 35px;

}

/* dit geeft de tekst aan u bevindt zich in: */

.pagetrail {
	float: left; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006666 ;						/* letterkleur aanpassen */
	width: 111px;
	height: 15px;
	border: 1px solid #666666;				/* rand kleur aanpassen */
	background-color: #FFFFFF;				/* achtergrond kleur aanpassen */

	}

/* in dit venster staat waar u zich momenteel bevindt op de website */

.pagetrailresults {
	float: left; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006666 ;						/* letterkleur aanpassen */
	width: 450px;
	height: 15px;
	border: 1px solid #666666;				/* rand kleur aanpassen */
	background-color: #FFFFFF;				/* achtergrond kleur aanpassen */
	margin-left: 31px;
}

.sitemapzoek {
	float: left;
	margin-left: 10px;

}

.spacer {
	float: left; 
}




/* -------------------------------------------------------- */




/* Dit zorgt voor de werking van de website */


#frame {
	background-image: url(contentmenuback.png);
	background-repeat: repeat-y;
	border-right: medium solid #006600;	/* dit is rand aan de zijkant, waar de titel en teksten staan */
	width: 750px;
}

.menubalk {
	float: left;
	width: 150px;
	height: 100%;
}




/* -------------------------------------------------------- */





/* Leftmenu zorgt voor de opmaak van de menu's aan de linkerkant */

.leftmenu {
	width: 132px;
	margin-left: 10px;
	margin-top: 5px;
}


.leftmenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif; 	/* lettertype aanpassen */
	font-size: 12px;					/* lettertype grootte */
	font-weight: bold;					/* dikgedrukt of normal */
	text-decoration: none;
	color: #FFFFFF;						/* lettertype kleur */
	display: block;
	line-height: 22px;
}

.leftmenu a:hover {						/* De kleur die een link krijgt als je erover heen gaat  */
	font-family: Verdana, Arial, Helvetica, sans-serif;	/* lettertype aanpassen */
	font-size: 12px;					/* lettertype grootte */
	font-weight: bold;					/* dikgedrukt of normal */
	text-decoration: none;
	color: #FF3366;						/* lettertype kleur */
}


/* -------------------------------------------------------- */


/* Leftmenu zorgt voor de opmaak van de menu's aan de linkerkant maar dan voor de bedrijven template */

.leftmenub {
	width: 132px;
	margin-left: 6px;
	margin-top: 7px;
}



/* -------------------------------------------------------- */




/* Zorgt ervoor dat alle titels en teksten op de juiste plek komen te staan */


.content {
	float: left; 
	width: 578px;
	margin-top: 5px;
	margin-left: 10px;
}


/* De titel van een pagina  */

.titel {
	font-family: Arial, Sans-Serif;				/* lettertype aanpassen */
	font-size: 12px;					/* lettertype grootte */
	font-weight: bold;					/* dikgedrukt of normal */
	color:#006666 ;						/* lettertype kleur */
 	letter-spacing: 1px;					/* letter ruimte */
	word-spacing: normal;
	width: 575px;
	margin-bottom: 10px;
}


/* De tekst van een pagina  */

.contentpage {
	font-family: Arial, Sans-Serif;				/* lettertype aanpassen */
	font-size: 13px;					/* lettertype grootte */
	color: #006666 ;						/* lettertype kleur */
	padding: 5px 0% 0% 0%;
	letter-spacing: 1px;					/* letter ruimte */
	word-spacing: normal;
	width: 575px;
	min-height:350px;
	margin-bottom: 10px;

}


/* De navigatiebar met o.a. printen erop  */

.navbar {
	margin-top: 15px;
	margin-bottom: 15px;
}


/* -------------------------------------------------------- */




/* hier staat de copyright, design en een link naar de tool */

#copyright {
	background-color: #006600;				/* achtergrond kleur aanpassen */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 18px;
}

#copyright a {
	color: #FFFFFF;						/* kleur voor copyright, design en powered */
	text-decoration: none;
}

.copyrightvenster {
	float: left;
	width: 348px;
	height: 16px;
	margin-top: 1px;
}

.design {
	float: left;
	width: 200px;
	height: 16px;
	margin-top: 1px;
}

.powered {
	float: left;
	width: 194px;
	height: 16px;
	margin-top: 1px;
}





/* -------------------------------------------------------- */





/* De kleur die alle dikgedrukte tekst moet krijgen (groen) */

strong {
	color: #006666 ;							/* kleur aanpassen */
}

/* De kleur die een link krijgt (Blauw) */

a { 
	color: #0000CC; 						/* kleur aanpassen */
	text-decoration: underline;					/* wel of geen lijn. geen lijn is: none */
}

/* De kleur die een link krijgt als je erover heen gaat (groen) */

a:hover {
	color: #009966; 						/* kleur aanpassen */
	text-decoration: underline;					/* wel of geen lijn. geen lijn is: none */
}


/* Geeft de locatie aan voor de opsommingsteken-plaatjes */

ul {

	list-style-image: url("li.gif");

}

/* -------------------------------------------------------- */





/* Geeft de kleur aan van het zoekvenster */

.FSF_input {
	font-family: Verdana, Arial, Helvetica, sans-serif; 		/* lettertype aanpassen */
	font-size: 11px;						/* lettergrootte aanpassen */
	color: #0000CC;							/* letterkleur aanpassen */
	width: 130px;							/* grootte van het zoekinvulveld */
}

/* Geeft de kleur aan van het zoek submit knopje (color = tekstkleur, background = achtergrond */

.FSF_submit {
	font-family: Verdana, Arial, Helvetica, sans-serif; 		/* lettertype aanpassen */
	font-size: 11px;						/* lettergrootte aanpassen */
	color: #0000CC;							/* letterkleur aanpassen */
	background-color: #CCCCCC;					/* achtergrondkleur aanpassen */
}




/* -------------------------------------------------------- */