@charset "utf-8";
/* CSS Document */

body {
	background-color:#FFFFFF; /*achtergrondkleur = wit*/
	font-family:Arial, Verdana,  Helvetica, sans-serif; /*letter type kanje veranderen door er een ander voor te zetten. vanaf arial de                                                           types laten staan*/
	font-size:12px; /*letter groote kan je hier aanpassen */
	color:#000000; /*letter kleur*/
}
#container {
	position:absolute; 
	top:0;
	left:0;  /*zorgt dat de pagina wel echt links boven in het venster staat*/
	width:100%;
}
a {
	color:#FFFFFF; /*maakt de linkjes wit*/
	text-decoration:none; /*zorgt dat ze niet onderstreept/schuingedukt zijn*/
	font-weight:bold; /*maakt de linkjes dik gedrukt*/
}
h1 {
	font-size:48px; /*grootte van de titel helemaal bovenaan*/
	font-weight:bold; /*dik gedrukt*/
	color:#FFFFFF; /*witte text kleur*/
	text-align:center; /*zet hem in het midden*/
}
h2 {
	font-size:36px; /*grootte van de titel op de pagina zelf (die in het donkerpaars)*/
	color:#330033; /*kleur (donkerpaars)*/
	text-align:center; /*centreren*/
}
h3 {
	font-size:24px; /*grootte titels van de teksten in Kolom*/
	color:#330033; /*kleur*/
	margin-left:5px; /*tabje ervoor naar rechts*/
}


#content {
	background-color:transparent;
	vertical-align:text-top; /*zorgt dat de tekst bovenaan begint*/
	overflow:auto;
	height:550px;
}
#header {
	background-color:#330033; /*achtergrond bovenste deel pagina (donkerpaars)*/
}
#topbalk {
	height:30px; /*hoogte van het kleine onzichtbare balkje waarin de 3 top linkjes zitten*/
	position:relative;  /*centreren van de 3 top linkjes*/
	margin:auto;		/*centreren van de 3 top linkjes*/
}
#menu {
	background-color:#330033; /*achtergrond kleur van het linker menu*/
	padding-left:10px; /*zorgt dat de linkjes ietse van de klinker kantlijn af staan*/
	vertical-align:text-top; /*zorgt dat ook bij een langere pagina het menu bovenaan staat*/
}

#topbalk a {
	margin-left:80px; 
	margin-right:80px; /*deze 2 eigenschappen zorgen voor de ruimte tussen de 3 top linkjes*/
}
#menu a {
	line-height:50px; /*ruimte tussen de linkjes in het linker menu*/
	padding-left:10px; /*ietsje af van de kant lijn links*/
}
#content a {
	color:#330033; /*kleur van de linkjes binnen de text (dus op de witte achtergrond)*/
}
#menu a:hover {
	font-style:italic; /*linkjes in het linkermenu schuin gedrukt als de muis erop staat*/
}
#topbalk a:hover{
	color: #440066;
	background-color:#FFFFFF; /*deze 2 eigenschappen zorgen dat als de muis op de 3 top linkjes staat ze een ander kleurtje krijgen*/
}
#content a:hover {
	color:#000099; /*kleur als de muis op een link is binne de text*/
}


.bloem {
	height:150px;
	width:200px;  /*grootte van het bloem plaatje*/
}
.active { /*actieve link (pagina waar je nu op staat)*/
	color:#FFFFFF; /*witte text*/
	font-style:italic; /*schuin gedrukt*/
	font-weight:bold; /*dik gedrukt*/
	line-height:50px; /*ruimte tussen de linkjes in het linker menu*/
	padding-left:10px; /*ietsje af van de kant lijn links*/
}
.activetop { /*actieve top link*/
	color: #440066; /*kleur*/
	background-color:#FFFFFF; /*kleur achter de letters*/
	font-weight:bold; /*dik gedrukt*/
	margin-left:80px;
	margin-right:80px;
}