body {
/*globale stijlen configuren voor hele bestand*/
/*body margin = 10px aan bovenkant, verder 0 voor uitlijnen, padding zelfde doel voor cross browser */
margin: 0px 0px 0px 0px;
padding: 0;
/* algemeen aangeven serif of sans, daarnaast fonts in volgorde*/  
/* zwarte font voor hele bestand behalve waar anders aangegeven */ 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000000;
/*IE 5 hack, hack om het hele design te centreren, eigenlijk moet deze eigenschap NIET worden gebruikt om elementen te centreren echter IE 5 maakt deze hack nodig, later moet dus ook voor individuele elementen de center eigenschap weer teniet worden gemaakt*/
text-align: center;
/* achtergrond hele pagina*/
/* background-color: #cccccc; */
background-color: #ffffff;
behavior: url(../fileadmin/csshover.htc); /*IE 5,6 rollover hack door behavior call, maakt alle elementen dus niet alleen <a rollover-able>*/
}

/*basis definities van id container die de gehele site inhoud omsluit*/
#container {
	/*de breedte inhoud 960px*/
	width: 960px;
	/*afstand van border naar binnen is 0*/
	padding: 0px 0px 0px 0px;
	/*afstand van border naar buiten*/
	/*trick om de hele container te centreren voor moderne browser dus ex IE 5,
	rechter en linker rand moeten op auto - dit in combinatie met vaste width centreerd de container,
	op deze manier in combinatie met body tekst-align center is dus cross browser gecentreerd*/
	margin: 0 auto 0 auto;
	background: #66cbff; /**light blue*/
	border-left: 2px solid gray;
	border-right: 2px solid gray;
	/*hier corrigeren van IE hack om tekst alsnog aan linker kant te krijgen*/
	text-align: left;
	/*HEEL BELANGRIJK, alle elementen worden relatief tot container gepostitioneerd,
	daarom hier aangeven*/
	position: relative;
	/*border: 1px solid red;*/
}

/* buttonlijst uitlijnen */
#buttons {
	padding: 0px 75px 50px 92px;/**table width 775px, page width 960px*/
	margin: 0px 0px 0px 0px;
	/*border: 1px solid black;*/
}

/* RTE field for back button text t.b.v. &nbsp; style as no line break */
/**p.bodytext {
margin: 0;
padding:0;
} */

/** panel styling */
#panel_red {
background: url('../images/red.jpg') no-repeat;
}

#panel_orange {
background: url('../images/orange.jpg') no-repeat;
}

#panel_purple {
background: url('../images/purple.jpg') no-repeat;
}

#panel_small_blue {
background: url('../images/small_blue.jpg') no-repeat;
}

#panel_small_red {
background: url('../images/small_red.jpg') no-repeat;
}

#panel_small_orange {
background: url('../images/small_orange.jpg') no-repeat;
}

#panel_small_purple {
background: url('../images/small_purple.jpg') no-repeat;
}

#panel_header {
font-size: 20px;
font-weight: bold;
padding: 25px 15px 0px 10px;
}

#panel_small_header {
font-size: 18px;
font-weight: bold;
padding: 25px 15px 0px 10px;
}

#panel_body {
font-size: 11px;
font-weight: bold;
padding: 0px 15px 0px 10px;
/**border: 1px solid black;*/
}

#panel_small_body {
font-size: 10px;
font-weight: bold;
padding: 0px 15px 0px 10px;
/**border: 1px solid black;*/
}

#button {
font-size: 24px;
padding: 0px 15px 0px 10px;
margin: 0px 0px 9px 0px;
text-align: center;
/**border: 1px solid black;*/
}

#button_small {
font-size: 22px;
padding: 0px 15px 0px 10px;
margin: 0px 0px 9px 0px;
text-align: center;
/**border: 1px solid black;*/
}

a#button_label {
	text-decoration: none;
}

/*onbezochte, bezochte en active links zijn groen*/
a#button_label:link, a#button_label:active, a#button_label:visited {
	 color: #ffffff;
}

a#button_label:hover {
	color: #000000;
}