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; 
	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;*/
}
/* tekst */
#introcopy {
	padding: 0px 56px 50px 56px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 20px;
}

/* buttonlijst uitlijnen */
#buttons {
	padding: 0px 56px 50px 56px;
	margin: 0px 0px 0px 0px;
}

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

/* bof flexible buttons*/
/* learn more */
a.button_learn {
/* Sliding right image */
background: transparent url('../images/right.jpg') no-repeat scroll top right; 
display: block;
float: left;
height: 125px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 35px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:36px;
white-space:nowrap;
}

a.button_learn span {
/* Background left image */ 
background: transparent url('../images/left.jpg') no-repeat; 
display: block;
line-height: 25px; /* line-height + padding top + bottom = image heights */
padding: 40px 0 60px 18px;
} 

a.button_learn:hover span {
color: #cccccc;
}

/* back */
a.button_back {
/* Sliding right image */
background: transparent url('../images/right_b.jpg') no-repeat scroll top right; 
display: block;
float: right;
height: 125px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 35px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:36px;
white-space:nowrap;
}

a.button_back span {
/* Background left image */ 
background: transparent url('../images/left_b.jpg') no-repeat; 
display: block;
line-height: 25px; /* line-height + padding top + bottom = image heights */
padding: 40px 0 60px 18px;
} 

a.button_back:hover span {
color: #cccccc;
}
/* eof flexible buttons*/