body {
width:724px;
margin:0 auto;
margin-top:30px;

	font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;
	font-size:100.1%; /*** Don't change this setting. Make all other
font-sizes in % (preferred) or ems ***/
	color:#BF030C;
	background-image: url(http://www.gertienaskroost.nl/plaatjes/achtergrond.jpg);
	background-repeat: repeat;
	}
a {
	text-decoration: underline;
	outline: none;
	color:#BF030C;
	}
a:visited {	color:#6d0509;
	}
a:active {	color:##6d0509;
	}
a:hover {text-decoration: underline;
		font-weight: bold;
	}

strong, b {
	font-weight: bold;
	}



/* ----- HEADER ----- */



#header {
width:720px;
height:150px;
background-color:#bf030c;
background: transparent url(http://www.gertienaskroost.nl/plaatjes/nieuwlogo2.jpg) no-repeat;
border: 2px solid #bf030c;
}



/* ----- NAVIGATION ----- */



#navigation {
	width:720px;
	height:25px;
	background-color:#bf030c;
	margin-top:4px;
	text-align: center;
border: 2px solid #bf030c;
}


/* ----- MAIN CONTENT ----- */



#content { 
width:720px;
min-height:550px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:550px; /* for IE5.x and IE6 */
background-color:#ffffff;
margin-top:4px;
border: 2px solid #bf030c;
	overflow: auto;
	overflow-x : hidden;

   scrollbar-face-color:#bf030c;
   scrollbar-arrow-color:#bf030c;
   scrollbar-track-color:#bf030c;
   scrollbar-shadow-color:#8a0208;
   scrollbar-highlight-color:#ffffff;
   scrollbar-3dlight-color:#bf030c;
   scrollbar-darkshadow-Color:#8a0208;
}

#text { 
width:690px;
min-height:550px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:550px; /* for IE5.x and IE6 */
background-color:#ffffff;
margin-top:4px;
margin-left:20px;
}



/* ----- FOOTER ----- */



#footer { 
width:720px;
height:25px;
background-color:#bf030c;
margin-top:4px;
border: 2px solid #bf030c;
}

/* ----- overige codes ----- */

.laag1 { position: absolute;
	left: 50%;
	top: 225px;
	width: 303px;
	height:297px;

	z-index:1;}