body {

background: white;

color: white;

font-family: Verdana, Defoma, Arial;

font-size:small;

}



H1 {

font-size:large;

}





H2 {

font-size:medium;

}



.logo { /* is een gif in een container div. Div = .logo */

border-left: auto; 

border-right: auto;

text-align: center;

height: 80px;

}



IMG { /* geen borders svp */

border: 0px solid #000;

}







.navigation { /* navigation rules */

position: relative;

top: 20px;

float: left; 

}



.navigation IMG { /* nav plaatjes */

margin-top: 5px;

}





.bgcont { /* buitenste container: bevat de achtergrond image */

background-image:url(images/background3.jpg);

background-position: center top;

background-repeat: no-repeat;

height: 100%;

overflow: hidden;

}



.container { /* komt net binnen .bgcont, defineert grootte van content-area */

width: 900px;

height: 602px;

margin-left: auto;

margin-right: auto;

}



#pagecontent { /* daadwerkelijke tekst op pagina (dus sans nav en logo) */

width: 600px;

height: 448px;

overflow: auto;

float: right;

padding-right: 20px;

}



.right { /* niet gebruikt, wel handig */

	text-align: right;

}



.footer {

color: #ccc;

font-size: 70%;

display: none;

}



.footer a {

padding-left: 2px;

padding-right: 1px;

background-color: #ddd;

color: #fff;

}



.indent { /* niet gebruikt, wel handig */

	padding-left: 2%;

}



/* Link markup */

a:link, a:visited {

	/* todo */

	

}



a:hover {

	/*todo*/

}



a:active {

	/*todo*/

}



/* End of link markup */