body,html,img {
	background-color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#ffffff;
	border:none;
	margin-top:0px;}
	
a:link {text-decoration: none;color:#fff;}
a:visited {text-decoration: none;color:#fff;}
a:hover {color:#fff;text-decoration: underline;}
a:active {text-decoration: none;}

#bottom a:link {text-decoration: none;color:#97bf1c;}
#bottom a:visited {text-decoration: none;color:#97bf1c;}
#bottom a:hover {color:#97bf1c;text-decoration: underline;}
#bottom a:active {text-decoration: none;}

#contactgegevens a:link {text-decoration: none;color:#97bf1c;}
#contactgegevens a:visited {text-decoration: none;color:#97bf1c;}
#contactgegevens a:hover {color:#97bf1c;text-decoration: underline;}
#contactgegevens a:active {text-decoration: none;}

#toplogin a:link {text-decoration: none;color:#fff;}
#toplogin a:visited {text-decoration: none;color:#fff;}
#toplogin a:hover {color:#fff;text-decoration: underline;}
#toplogin a:active {text-decoration: none;}

#middle {position: center; top: 20%;}

#container {
	vertical-align:middle;
	margin:auto;
	width:755px;}

/* BEGIN BOVEN */
#toplogin {
	float:left;
	width:755px;
	height:23px;
	background-color:#181818;}
#boven {
	float:left;
	width:755px;
	height:204px;}
#logo {
	float:left;
	width:224px;
	height:204px;
	background-image:url(../images/logo.jpg);}
#header {
	float:left;
	width:531px;
	height:204px;
	background-image:url(../images/header.jpg);}
/* EINDE BOVEN */
#midden {
	float:left;
	width:755px;
	height:583px;
	background-color:#181818;}
/* BEGIN RECHTERKOLOM */
#navigatie {
	float:left;
    width:224px;}

/* NAVIGATIE */
#navigatie ul {
	width:224px;
	margin:0;
	padding:0;
	list-style:none outside;}
#navigatie li a span{
	display:none;}
#navigatie li a {
	width:224px;
	color:#fff;
	display:block;
	float:left;}
	
/* NAVIGATIE HOME */
li#home {
	float: left; margin: 0;  display: block; clear:both;
	background-image:url(../images/navigatie/home.jpg);
	background-repeat: no-repeat; background-position:top;}
li#home a{
	width:224px;
	height:31px;
	background-image:url(../images/navigatie/home.jpg);
	background-repeat: no-repeat; background-position:top;}
li#home a:hover {
	background-image:url(../images/navigatie/home_over.jpg);}
	
/* NAVIGATIE OVERONS */
li#overons {
	float: left; margin: 0;  display: block; clear:both;
	background-image:url(../images/navigatie/overons.jpg);
	background-repeat: no-repeat; background-position:top;}
li#overons a{
	width:224px;
	height:25px;
	background-image:url(../images/navigatie/overons.jpg);
	background-repeat: no-repeat; background-position:top;}
li#overons a:hover {
	background-image:url(../images/navigatie/overons_over.jpg);}
	
/* NAVIGATIE RASINFORMATIE */
li#rasinformatie {
	float: left; margin: 0;  display: block; clear:both;
	background-image:url(../images/navigatie/rasinformatie.jpg);
	background-repeat: no-repeat; background-position:top;}
li#rasinformatie a{
	width:224px;
	height:25px;
	background-image:url(../images/navigatie/rasinformatie.jpg);
	background-repeat: no-repeat; background-position:top;}
li#rasinformatie a:hover {
	background-image:url(../images/navigatie/rasinformatie_over.jpg);
	}
	
/* NAVIGATIE SHOWUITSLAGEN */
li#showuitslagen {
	float: left; margin: 0;  display: block; clear:both;
	background-image:url(../images/navigatie/showuitslagen.jpg);
	background-repeat: no-repeat; background-position:top;}
li#showuitslagen a{
	width:224px;
	height:24px;
	background-image:url(../images/navigatie/showuitslagen.jpg);
	background-repeat: no-repeat; background-position:top;}
li#showuitslagen a:hover {
	background-image:url(../images/navigatie/showuitslagen_over.jpg);}
	
/* NAVIGATIE REUEN */
li#reuen {
	float: left; margin: 0;  display: block; clear:both;
	background-image:url(../images/navigatie/reuen.jpg);
	background-repeat: no-repeat; background-position:top;}
li#reuen a{
	width:224px;
	height:24px;
	background-image:url(../images/navigatie/reuen.jpg);
	background-repeat: no-repeat; background-position:top;}
li#reuen a:hover {
	background-image:url(../images/navigatie/reuen_over.jpg);}
	
/* NAVIGATIE TEVEN */
li#teven {
	float: left; margin: 0;  display: block; clear:both;
	background-image:url(../images/navigatie/teven.jpg);
	background-repeat: no-repeat; background-position:top;}
li#teven a{
	width:224px;
	height:23px;
	background-image:url(../images/navigatie/teven.jpg);
	background-repeat: no-repeat; background-position:top;}
li#teven a:hover {
	background-image:url(../images/navigatie/teven_over.jpg);
	}
	
/* NAVIGATIE PUPS */
li#pups {
	float: left; margin: 0;  display: block; clear:both;
	background-image:url(../images/navigatie/pups.jpg);
	background-repeat: no-repeat; background-position:top;}
li#pups a{
	width:224px;
	height:23px;
	background-image:url(../images/navigatie/pups.jpg);
	background-repeat: no-repeat; background-position:top;}
li#pups a:hover {
	background-image:url(../images/navigatie/pups_over.jpg);
	}
	
/* NAVIGATIE NIEUWS */
li#nieuws {
	float: left; margin: 0;  display: block; clear:both;
	background-image:url(../images/navigatie/nieuws.jpg);
	background-repeat: no-repeat; background-position:top;}
li#nieuws a{
	width:224px;
	height:25px;
	background-image:url(../images/navigatie/nieuws.jpg);
	background-repeat: no-repeat; background-position:top;}
li#nieuws a:hover {
	background-image:url(../images/navigatie/nieuws_over.jpg);}
	
/* NAVIGATIE FOTOBOEK */
li#fotoboek {
	float: left; margin: 0;  display: block; clear:both;
	background-image:url(../images/navigatie/fotoalbum.jpg);
	background-repeat: no-repeat; background-position:top;}
li#fotoboek a{
	width:224px;
	height:23px;
	background-image:url(../images/navigatie/fotoalbum.jpg);
	background-repeat: no-repeat; background-position:top;}
li#fotoboek a:hover {
	background-image:url(../images/navigatie/fotoalbum_over.jpg);}
	
/* NAVIGATIE GASTENBOEK */
li#gastenboek {
	float: left; margin: 0;  display: block; clear:both;
	background-image:url(../images/navigatie/gastenboek.jpg);
	background-repeat: no-repeat; background-position:top;}
li#gastenboek a{
	width:224px;
	height:25px;
	background-image:url(../images/navigatie/gastenboek.jpg);
	background-repeat: no-repeat; background-position:top;}
li#gastenboek a:hover {
	background-image:url(../images/navigatie/gastenboek_over.jpg);}
	
/* NAVIGATIE CONTACT */
li#contact {
	float: left; margin: 0;  display: block; clear:both;
	background-image:url(../images/navigatie/contact.jpg);
	background-repeat: no-repeat; background-position:top;}
li#contact a{
	width:224px;
	height:25px;
	background-image:url(../images/navigatie/contact.jpg);
	background-repeat: no-repeat; background-position:top;}
li#contact a:hover {
	background-image:url(../images/navigatie/contact_over.jpg);}
	
	/* NAVIGATIE LINKS */
li#links {
	float: left; margin: 0;  display: block; clear:both;
	background-image:url(../images/navigatie/links.jpg);
	background-repeat: no-repeat; background-position:top;}
li#links a{
	width:224px;
	height:25px;
	background-image:url(../images/navigatie/links.jpg);
	background-repeat: no-repeat; background-position:top;}
li#links a:hover {
	background-image:url(../images/navigatie/links_over.jpg);}
	
#nieuwsheadlines_header {
	float:left;
    width:224px;
	height:55px;
	background-image:url(../images/nieuws_headlines.jpg);
	background-position:top;
	clear:both;}	
#nieuwsheadlines {
	float:left;
    width:224px;
	height:120px;
	background-color:#222222;
	background-position:top;
	clear:both;}	
#contact_header {
	float:left;
    width:224px;
	height:45px;
	background-image:url(../images/contact_header.jpg);
	background-position:top;
	clear:both;
	}	
#contactgegevens {
	float:left;
    width:224px;
	height:69px;
	background-color:#222222;
	background-position:top;
	clear:both;}	
/* EINDE RECHTERKOLOM */

/* BEGIN LINKERKOLOM */
#content_rechts {
	float:left;
	width:531px;
	height:587px;
	background-color:#181818;}	
#content_rechts_header {
	float:left;
	width:531px;
	height:158px;
	background-image:url(../images/content_header.jpg);
	clear:both;}	
#home_content {
	float:left;
	width:323px;
	height:389px;}
.content {
	padding-left:10px;
	padding-right:10px;}
#contentkolom {
	float:left;
	width:531px;
	height:389px;
	background-color:#181818;
	clear:both;}
div.scroll {
height: 389px;
width: 531px;
overflow: auto;
background-color:#181818;
scrollbar-arrow-color:#fff;
scrollbar-base-color:#181818;
scrollbar-darkshadow-color:#181818;
scrollbar-face-color:#181818;
scrollbar-highlight-color:#181818;
scrollbar-shadow-color:#181818;}
#showuitslagen_shaqueel_header {
	float:left;
	width:208px;
	height:67px;
	background-image:url(../images/showuitslagen.jpg);}
#showuitslagen_shaqueel_content {
	float:left;
	width:208px;
	height:50px;
	background-color:#222222;}
#showuitslagen_barbosa_content {
	float:left;
	width:208px;
	height:50px;
	background-color:#222222;}
#showuitslagen_dunja_content {
	float:left;
	width:208px;
	height:50px;
	background-color:#222222;}
#showuitslagen_senna_content {
	float:left;
	width:208px;
	height:50px;
	background-color:#222222;}
#showuitslagen_reza_content {
	float:left;
	width:208px;
	height:50px;
	background-color:#222222;}
#showuitslagen_yunah_content {
	float:left;
	width:208px;
	height:50px;
	background-color:#222222;}
/* EINDE LINKERKOLOM */

/* BEGIN BOTTOM */
#bottom {
	float:left;
	width:531px;
	height:40px;
	background-color:#181818;
	text-align:center;}
	
/* EINDE BOTTOM */

form {
	margin: 10px 0px;
	padding: 15px;}
fieldset {
	width:300px;
	margin:0px;
	border:0px solid #D8D8D8;}
legend {
	color:#FFFFFF;
	padding: 5px;}
.invoerveld { 
 font-size: 12px; 
 color: #666666;
 background-color: #ffffff; 
 border: 1px solid #c7e877;
 margin-left:10px;
 overflow:hidden;}
.buttons { 
 font-size:13px; 
 font-weight:bold;
 background-color:#181818; 
 color:#ffffff; 
 margin-right:6px;
 margin-top:10px; 
 border:1px solid #97bf1c; }
.rechterkant {
	padding-left:23px;
	padding-right:10px;
	}
.linkerkant {
	padding-left:25px;
	padding-right:10px;
	}
#hideshow {
	BORDER-RIGHT: #ff9900 1px solid; 
	BORDER-TOP: #ff9900 1px solid; 
	LEFT: 50%; MARGIN: -500px 0px 0px -350px; 
	BORDER-LEFT: #ff9900 1px solid; WIDTH: 250px; 
	BORDER-BOTTOM: #ff9900 1px solid; 
	POSITION: absolute; TOP: 50%; 
	HEIGHT: 250px; 
	BACKGROUND-COLOR: #666666; 
	TEXT-ALIGN: center
}