body {
	font-family: Arial, Verdana, Helvetica, Sans Serif; font-size:11pt;color:#000000;
	line-height: 24px; 
	margin: 0; /* het is een goede gewoonte om de instellingen voor margin (marge) en padding (opvulling) van het element body op nul in te stellen en daarmee op de standaardinstellingen van de verschillende browsers */
	padding: 0;
	text-align: center; /* hiermee centreert u de container (het hoofdobject) in IE 5*-browsers Vervolgens wordt de tekst ingesteld op de standaardinstelling van links uitlijnen in de kiezer #container */
    background-image: url(images/Background.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
	background-position: 0 0;
}

.MouserLayout #MouserContainer {
	width: 980px;  /* door het gebruik van 20 pixels minder dan een volledige breedte van 800 pixels ontstaat ruimte voor de randen van het browservenster (vaak aangeduid met “browser chrome”) en wordt een horizontale schuifbalk vermeden */
	margin: 0 auto; /* de automatische marges (d.m.v. auto), in combinatie met een breedte, centreren de pagina */
	/*border: 1px solid #000000;*/
	margin-top:20px; /* zorg ervoor dat de header iets los komt van de bovenkant */
	text-align: left; /* hiermee wordt de instelling text-align: center voor het element body genegeerd. */

}
.MouserLayout #MouserHeader {
	padding: 0;  /* deze instelling voor padding (opvulling) komt overeen met de uitlijning links van de elementen binnen de div-elementen, die volgen op deze padding. Als een afbeelding wordt gebruikt in de #header in plaats van tekst, wilt u wellicht de padding (opvulling) verwijderen. */
	/*border: solid #000000;*/
	height:257px; 

}

.MouserLayout #MouserContent {
	padding: 0; /* vergeet niet dat onder padding (opvulling) wordt verstaan de ruimte binnen in het vak van het element div, terwijl margin (marge) betrekking heeft op de ruimte buiten het vak van het element div */
	background-image: url(images/BackgroundStrip.gif);
	background-repeat:repeat;
	background-position:center;
	/*border: solid #000000;*/
}

.MouserLayout #MouserText {
	padding: 0; /* vergeet niet dat onder padding (opvulling) wordt verstaan de ruimte binnen in het vak van het element div, terwijl margin (marge) betrekking heeft op de ruimte buiten het vak van het element div */
	margin-left: 275px;
	margin-right: 125px; /* 980 - 275 - 125 = 580 is de breedte van tekstveld, center is 275 + 580/2 = 565)
	margin-top: 0px; /* voor een bepaalde onbekende reden moet de hoogte van de text 19px hoger zijn, anders verschijnt er een randje tussen de header en deze div */
	/*margin-bottom: 25px;*/
	text-align:justify;
	vertical-align:text-top;
	overflow: auto; /*moet erin om de italic tekst met <i> of <em> naast een plaatje te kunnen krijgen, bug in IE7, Vista*/
/*	border: solid #000000;*/

}
.MouserLayout #MouserFooter {
	padding: 0; /* deze instelling voor padding (opvulling) komt overeen met de uitlijning links van de elementen binnen de div-elementen, die voorafgaan aan deze padding. */
	/*border: solid #000000;*/
}


.MouserLayout #MouserMenu {
	padding: 0;  /* deze instelling voor padding (opvulling) komt overeen met de uitlijning links van de elementen binnen de div-elementen, die volgen op deze padding. Als een afbeelding wordt gebruikt in de #header in plaats van tekst, wilt u wellicht de padding (opvulling) verwijderen. */
	position: absolute;
	margin-left: 17px;
	height: auto;
	width: 171px;
	top: 148px;
	/*border: solid #000000;*/
}

.MouserLayout #MouserGekkoNieuws {
	padding: 0;  /* deze instelling voor padding (opvulling) komt overeen met de uitlijning links van de elementen binnen de div-elementen, die volgen op deze padding. Als een afbeelding wordt gebruikt in de #header in plaats van tekst, wilt u wellicht de padding (opvulling) verwijderen. */
	position: absolute;
	margin-left: 250px;
	height: auto;
	width: 120px;
	top: 1130px;
	/*border: solid #000000;*/
}


.MouserLayout #MouserGekkoWelkom {
	padding: 0;  /* deze instelling voor padding (opvulling) komt overeen met de uitlijning links van de elementen binnen de div-elementen, die volgen op deze padding. Als een afbeelding wordt gebruikt in de #header in plaats van tekst, wilt u wellicht de padding (opvulling) verwijderen. */
	position: absolute;
	margin-left: 650px;
	height: auto;
	width: 120px;
	top: 565px;
	/*border: solid #000000;*/
}

body, td, th {
	color: #660066;
}

h1 {
	color: #660066;
}

h2 {
	color: #FF6600;
}

h3 {
    color: #20ad07;
}

h4, h5, h6 {
	color: #660066;
}

a {
	color: #FF3300;
	text-decoration: underline;
}	
a.web:link {
	color: #FF3300;
	text-decoration: underline;
}
a.web:visited {
	color: #FF3300;
	text-decoration: underline;
}
a.web:hover {
	color: #20ad07;
	text-decoration: underlin;
}
a.web:active {
	color: #FF3300;
	text-decoration: underline;
}