/*
	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: #890000 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;
	color: white;
}

/* LINKER KOLOM */

.linkerkolom{
	background-color: #D5CFB5;
	font: normal 11px tahoma;
	color: black;
}

.linkerkolom .title{
	background: url(praatwolkje.gif) no-repeat top left;
	font: bold 12px tahoma;
	color: #00013A;
}

.rechterkolom .device{
	background: url(wolkje_device.gif) no-repeat top left;
	font: bold 10px tahoma, sans-serif;
	color: black;
}


.linkerkolom .tekst{
}

.linkerkolom a{
	font-weight: bold;
	color: #00013A;
	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: #B5B09A 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: #9c9c9c;
}

div.clips{
	font: normal 11px tahoma;
	color: #9c9c9c;	
}

.clipsmousover{
	background-color:#640202;
}



/* RECHTER KOLOM */

.rechterkolom{
	background-color: #D5CFB5;
	font: normal 11px tahoma;
	color: black;
}

.rechterkolom .title{
	background: url(praatwolkje.gif) no-repeat top left;
	font: bold 12px tahoma;
	color: #00013A;
}

.rechterkolom .tekst{
}

.rechterkolom a{
	font-weight: bold;
	color: #00013A;
	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: #B5B09A 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: #666;
}