* {
margin: 0px;
padding: 0px;
/* default font*/
font-family: 'Lucida Sans Unicode','verdana',sans-serif;
font-size: 13px;
line-height: 18px;
}

body, a {
color: #369;
}

img {
 border: 0px solid red;
	}

html, body, #contents {
	min-height: 100%;
	width: 99%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #contents {
	height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */

body {
background-color: #CCC;
}

#footer {
/*Balk onderaanpagina*/
	position: absolute;
	bottom: 0;
	width: 70%; /* See note below */
	height: 25px;
	text-align: center;
	padding: 4px 15%;
	background-color: #000066;
	background-image: url('../images/header_background.jpg');
	color: #FFF;
	clear: left;
/*border: 1px solid red;*/
}

#footer img {
position: absolute;
top: 3px;
right: 2px;
padding: 2px;
}
#footer a:visited,
#footer a {
color: #ccccff;
}

#contents {
/*tekst inhoud*/
position: absolute;
padding-bottom: 0px;
background-color: white;
}

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 */
#footer {
    \width: 99%;
    w\idth: 70%;
}

#main {
	margin-bottom: 5em;
	height: auto;
}

/*start extra code voor footer*/
html, body, #main {
	min-height: 100%;
	width: 99%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #main {
	height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */

a{
text-decoration: none;
}
a:hover{
color: #F06;
}

h1 {
font-family: arial-narrow, verdana;
font-size: 35px;
/*border: 1px solid red;*/
}

h2 {
font-family: arial-narrow, verdana;
margin-top: 0px;
font-size: 22px;
/*border: 1px solid red;
line-height: 8px;*/
}

h3 {
font-family: arial-narrow, verdana;
margin-top: 0px;
font-size: 12px;
/*border: 1px solid red;
line-height: 8px;*/
}

#header {
/*Balk bovenaanpagina*/
width: 100%;
background-color: #000066;
background-image: url('../images/header_background.jpg');
text-align: right;
color: #FFF;
/*border: 1px solid red;*/
}

#titel {
/*Balk bovenaanpagina*/
margin-top: -3px;
margin-left: 30px;
padding: 5px;
/*border: 1px solid red;*/
}

#menu, #menumain {
/*menu bovenaan pagina*/
padding: 5px;
background-color: #FFF;
}

#menu {
color: #F06;
/*border: 1px solid red;*/
}
#menu a{
color: #369;
}
#menu  a:hover{
color: #F06;
}


#tekst, #tekstmain {
/*tekst inhoud*/
display: block;
width: 300px;
margin-top: 50px;
margin-left: 425px;
background-color: #FFF;
text-align: left;
}

#tekstmain {
margin-top: 10px;
/*border: 1px solid red;*/
}

p {
margin-top: 15px;
}

#tekst a, #tekstmain a, #kolom a {
/*links binnen tekst*/
font-weight: bold;
}

#tekst a:hover, #tekstmain a:hover {
/*links binnen tekst*/
font-weight: bold;
color: #C00;
}

#afbeelding{
/*afbeeldingen en tekst links*/
float: left;
clear: left;
position: relative;
margin-top: 20px;
margin-left: 30px;
background-color: #FFF;
text-align: right;
/*border: 1px solid red;*/
}

#afbeelding.breed{
/*afbeeldingen en tekst links, brede foto's*/
margin-left: 10px;
}

#afbeelding_rechts{
/*afbeeldingen en tekst aan de rechterkant*/
width: 300px;
margin-left: 425px;
position: relative;
margin-top: 15px;
background-color: #FFF;
text-align: right;
/*border: 1px solid red;*/
}

#kolom{
/*pagina's met 1 kolom*/
position: relative;
left: 175px;
top: 30px;
width: 550px;
background-color: #FFF;
text-align: left;
/*border: 1px solid red;*/
}

#kolom p{
/*pagina's met 1 kolom*/
margin-top: 0px;
margin-bottom: 35px;
}

#afbeelding p, #afbeelding_rechts p, #kolom p  {
/*teksten onder de plaatjes*/
width: 350px;
font-size: 11px;
line-height: 16px;
}

.tussenlijn {
/* lijn tussen de menu-items*/
margin-top: 5px;
margin-bottom: 5px;
}
.mededeling_blauw,
.mededeling {
padding: 1em;	
}
.mededeling {
/* mededeling op de hoofdpagina */
background-color: red;
color: white;
}
.mededeling_blauw {
/* mededeling op de hoofdpagina */
background-color: #369;
color: white;
}
.mededeling_blauw p,
.mededeling p{
color: white;
margin: 0 0 1em 0;
}

#extraMedeling {
/* speciale mededeling links boven de afbeelding */
float: left;
width: 350px; heigth: 80px; margin-left: 20px;	margin-top: -5px;
background: #FF4F5F; 
padding: 2px;	
}

#extraMedeling p, #extraMedeling h3 {
margin-top: 0px;
color: white;
}