/*
	STYLE SHEET 'Documentaire'
	Doe hier aanpassingen voor de vormgeving, kleuren, fonts en plaatjes
	In het file style.css staat de opmaak, zoals breedtes, marges die voor alle minimovies sites gelden.

	KLEUREN AANPASSEN PER DOCUMENTAIRE
		- body background-color

		- linkerkolom background-color
		- marge_links background-color

		- midden .tekst color
		- div.clips	color
		- clipsmousover background-color

		- rechterkolom background-color
		- marge_rechts background-color


	PLAATJES AANPASSEN PER DOCUMENTAIRE
		- body background: url

		- linkerkolom .title background: url
		- top_links background: url
		- top_marge_links background: url
		- marge_links background: url

		- midden .title background: url
		- midden .subtitle background: url

		- rechterkolom .title background: url
		- top_marge_rechts background: url
		- top_rechts background: url
		- marge_rechts background: url

		- div.footer background: url

*/


body{
	background: #EADF96 url(bg.jpg) no-repeat top;
}
a {
	color: white;
	text-decoration: underline;
}
a:hover {
	color: #666;
	text-decoration: underline;
}
h1{
	margin: 0;
	font: bold 16px arial;
	color: white;
}
h2{
	margin: 0;
	font: italic 14px arial;
	color: white;
}
h3{
	margin: 0;
	font: bold 14px tahoma;
}
/* LINKER KOLOM */
.linkerkolom{
	background-color: #A6562B;
	
	font: normal 11px tahoma;
	color: #000000;
}
.linkerkolom .title{
	background: url(praatwolkje.gif) no-repeat top left;
	font: bold 12px tahoma;
	color: #FFFFFF;
}
.linkerkolom .tekst{
	
}
.linkerkolom a{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.linkerkolom a:hover{
	color: white;
	text-decoration: underline;
}
.top_links{
	background: url(table_marge_linkstop1.gif) no-repeat top left;
}
.top_marge_links{
	background: url(table_marge_linkstop2.gif) no-repeat top;
}
.marge_links{
	background: #773615 url(table_marge_links.gif) no-repeat top;
}

/* MIDDEN KOLOM */
.midden{

}
.midden .title{
	background: url(praatwolkje_title.gif) no-repeat top left;
}
.midden .subtitle{
	background: url(praatwolkje_subtitle.gif) no-repeat top left;
	font: bold 12px tahoma;
	color: white;
}
.midden .tekst{
	font: normal 11px tahoma;
	color: #A6562B;
}
div.clips{
	font: normal 11px tahoma;
	color: #A6562B;	
}
.clipsmousover{
	background-color:#D1B653;
}

/* RECHTER KOLOM */
.rechterkolom{
	background-color: #A6562B;
	
	font: normal 11px tahoma;
	color: #000000;
}
.rechterkolom .title{
	background: url(praatwolkje.gif) no-repeat top left;
	font: bold 12px tahoma;
	color: #FFFFFF;
}
.rechterkolom .tekst{

}
.rechterkolom a{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.rechterkolom a:hover{
	color: white;
	text-decoration: underline;
}
.top_marge_rechts{
	background: url(table_marge_rechtstop3.gif) no-repeat top;
}
.top_rechts{
	background: url(table_marge_rechtstop4.gif) no-repeat top left;
}
.marge_rechts{
	background: #773615 url(table_marge_rechts.gif) no-repeat top;
}

/* FOOTER */
div.footer{
	background: url(footer.gif) no-repeat top;
}
div.footer .tekst{
	font: normal 10px tahoma;
	letter-spacing: 0px;
	color: #666666;/*#CDD9AF;*/
}