/*	Makeweb - info@makeweb.nl, www.makeweb.nl


	Opmerking 1. Text-align op tabelcellen Werkt in Firefox 1 in sommige gevallen
	niet goed samen met margins, align=right in html is meer betrouwbaar.

	Opmerking 2. Mouseovers in Javascript uitgevoerd in plaats van CSS 2.
	Internet Explorer 6 kan er niet goed mee overweg.

	Opmerking 3. List-items in menu vervangen voor IMG-tags in HTML,
	Internet Explorer en Mozilla gaan beiden anders om met marges voor list items.

	Opmerking 4. Pas op met background-images op table-rows. Firefox 1 gaat er goed
	mee om, maar IE 6 herhaalt de achtergrond voor elke tabelcel. Verstandiger is
	om een nieuwe tabel met background-color: transparent te nesten in een tabelcel
	waarop backround: url() de achtergrond toont.

	Opmerking 5. Voor de kaders in content geen width gezet op de tabel zelf,
	maar afgedwongen in de tabelrijen. Dat voorkomt dat CSS-eigenschappen van
	het kader van de opmaak van een bovenliggende tabel aanpassen.


	Zet de optie 'Automatische terugloop' in Kladblok uit voor een beter overzicht.
	Please turn off 'Word wrap' in Notepad for better view.

*/



body {
	margin: 0px 0px 0px 0px;
	height: 100%;
	background: #992100;
	font-family: Verdana, Helvetica, Sans Serif;
	font-size: 12px;
}


div.center {
	text-align: center;
	align: center;
}

table.hoofdtabel {
	width: 825;
	margin: 25px;
}

td.rand_boven {
	background: url(/images/rand_boven.gif) no-repeat;
	height: 20px;
}

td.rand_onder {
	background: url(/images/rand_onder.gif) no-repeat;
	height: 54px;
}

td.rand_links {
	background: url(/images/rand_links.gif); background-repeat: repeat-y;
	width: 17px;
	vertical-align: top;
}

td.rand_rechts {
	background: url(/images/rand_rechts.gif); background-repeat: repeat-y;
	width: 18px;
	vertical-align: top;
}

table.frame {
	width: 790px;
	margin: 0px;
	background: #F7F7F7;
}

td.footer {
	vertical-align: top;
	text-align: left;
	color: #919191;
	font: 10px arial;
}

td.footer a {
	color: #919191;
	font: 10px arial;
}







/* MENU'S MET HEADER */

td.topmenu {
	background: url(/images/topmenu.gif) no-repeat;
	vertical-align: top;
	height: 46px;
}

table.buttons {
	margin: 0px;
	height: 21px;
	font-family: Verdana, Helvetica, Sans Serif;
	font-size: 12px;
}

td.button1 {
	height: 21px;
	width: 89px;
	vertical-align: middle;
	text-align: center;
}

td.button2 {
	height: 21px;
	width: 103px;
	vertical-align: middle;
	text-align: center;
}

td.button3 {
	height: 21px;
	width: 89px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}

td.button4 {
	height: 21px;
	width: 72px;
	vertical-align: middle;
	text-align: center;
}

td.button5 {
	height: 21px;
	width: 30px;
	vertical-align: middle;
	text-align: center;
}

td.button6 {
	height: 21px;
	width: 22px;
	vertical-align: middle;
	text-align: center;
}

td.button7 {
	height: 21px;
	width: 104px;
	vertical-align: middle;
	text-align: center;
}

td.button8 {
	height: 21px;
	width: 87px;
	vertical-align: middle;
	text-align: center;
}

td.button9 {
	height: 21px;
	width: 69px;
	vertical-align: middle;
	text-align: center;
}

td.button10 {
	height: 21px;
	width: 72px;
	vertical-align: middle;
	text-align: center;
}

td.button11 {
	height: 21px;
	width: 72px;
	vertical-align: middle;
	text-align: center;
}

td.button12 {
	height: 21px;
	width: 183px;
	vertical-align: middle;
	text-align: center;
}

td.button13 {
	height: 21px;
	width: 140px;
	vertical-align: middle;
	text-align: center;
}

a.button:link, a:visited {
	color: #2b3876; text-decoration: none;
}

a.button:hover {
	color: #C43C03; text-decoration: none;
}

td.header {
	background: url(/images/header.gif) no-repeat;
	vertical-align: bottom;
	height: 142px;
}

td.header_subpagina {
	background: url(/images/header_subpagina.gif) no-repeat;
	vertical-align: bottom;
	height: 142px;
}

table.mededeling {
	vertical-align: top;
	font-family: Arial;
	font-size: 12px;
	color: black;
}






/* MENU */

td.menu {
	background: url(/images/content.gif); background-repeat: repeat-y;
	width: 790px; //790
	vertical-align: top;
}

td.hoofditem {
	font-family: Verdana, Helvetica, Sans Serif;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 15px 3px 10px;
	vertical-align: center;
}

a.hoofditem:link, a.hoofditem:visited {
	color: #2b3876;
	text-decoration: none;
}

a.hoofditem:hover {
	color: #C43C03;
	text-decoration: none;
}

/* NIET NODIG ----------------------------- 
td.menu {
	width: 220px;
	vertical-align: top;
	padding: 0px 0px 0px 15px;
}

td.menutitel {
	background: url(/images/menu.gif) no-repeat;
	vertical-align: middle;
	width: 194px;
	height: 48px;
	font-size: 13px;
	font-weight: bold;
	color: #2b3876;
	padding: 15px 0px 15px 15px;
	spacing: 10px 0px 0px 10px;
}

td.menuitem {
	font-family: Verdana, Helvetica, Sans Serif;
	font-size: 12px;
	color: #2b3876;
	padding: 3px 0px 3px 10px;
	vertical-align: center;
}


a.menuitem:link, a.menuitem:visited {
	color: #2b3876;
	text-decoration: none;
}

a.menuitem:hover {
	color: #C43C03;
	text-decoration: none;
}
----------------------------- NIET NODIG */




/* CONTENT */


td.contenthouder {
	width: 790px;
	text-align: left;
	vertical-align: top;
	padding: 0px 25px 0px 30px;  // Je kunt tot 735px breed gebruiken.
	background-color: transparent;
	font-family: Verdana, Helvetica, Sans Serif;
	font-size: 12px;
	color: black;
}

td.content {
	text-align: left;
	vertical-align: top;
	background-color: transparent;
	font-family: Verdana, Helvetica, Sans Serif;
	font-size: 12px;
	color: black;
}

.kop {
	font-size: 18px;
	color: black;
	font-weight: bold;
}


a.tekst:link, a.tekst:visited {
	color: #5a5aff;
	font-weight: bold;
	text-decoration: none;
}

a.tekst:hover {
	color: blue;
	font-weight: bold;
	text-decoration: none;
}

.code {
	font-family: Courier New, Courier;
	font-size: 12px;
	color: black;
}



td.kaderboven {
	background: url(/images/kader_boven.gif) no-repeat;
	height: 5px;
	width: 500px;
}

td.kaderonder {
	background: url(/images/kader_onder.gif) no-repeat;
	height: 5px;
	width: 500px;
}


td.kadermiddencontent {
	background: url(/images/kader_midden.gif); background-repeat: repeat-y;
	width: 500px;
	padding: 10px 10px 10px 15px;
	font-family: Verdana, Helvetica, Sans Serif;
	font-size: 12px;
	color: #2b3876;
	text-align: left;
	vertical-align: top;
	background-color: transparent;
}



td.kadermiddenmetlijn {
	background: url(/images/kader_midden_lijn.gif); background-repeat: repeat-y;
	width: 500px;
	padding: 10px 10px 10px 15px;
}

td.kadercontent {
	font-family: Verdana, Helvetica, Sans Serif;
	font-size: 12px;
	color: #2b3876;
	text-align: left;
	vertical-align: top;
	background-color: transparent;
}