body	{ 
	background-color	: rgb(185,162,196) ; /* dit is licht lila */ /* kan ook hexadeciaal #AA0040;*/
	text-align			: center;
	margin				: 0; /* dit lijkt alleen met de bovenkant te maken te hebben */
	border-width		: 0;
	overflow-y			: hidden;	
}

a.linknaarsas {
	color : rgb(185,162,196); /* deze link moet niet zichtbaar zijn, dus zelfde kleur als achtergrondkleur van body */
}

div.titel { /* gebruikt telkens boven het menu */
	font-family : arial;
	font-size : 17pt;
	color : black;
	padding : 15 0 15 0;
	/*text-align : center ;*/
	cursor:default;
	margin-left:auto;
	margin-right:auto;
	width : 500px;
	} /* font-variant : small-caps; */

div.home-page-link { /* de staggered teksten, die evt. doorlinken */
	font-family : tempus sans itc; 
	font-size : 19pt; 
	font-weight:900; 
	text-decoration : none; /* onderstrepen onderdrukken */
	cursor:default;
}

a { /* voorlopige geen class link-without-underline nodig */
	text-decoration : none; /* onderstrepen onderdrukken */
}

ul.menu-container {
	margin-left : auto;
	margin-right : auto;
	width : 500px;
	}

li.menu-item:active,
li.menu-item:link,
li.menu-item {
	display:inline;
/*waarom?	text-align : center; */
	padding: 7px 5px ; /*6 20 6 20;*/
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px ;
	-moz-margin-start : 5px; -webkit-margin-start : 5px; margin-start : 5px ;/* voor de ruimte tussen de menu-items, alleen in FF */
	/*-ms voor internet explorer */
	
 	font-family : arial; 
	font-size : 14pt; 
	color : white ; 
	text-decoration : none;

	background : rgb(176,105,223) ; /* lila ,66, */
	cursor:default;
	-moz-user-select: none; -khtml-user-select: none; user-select: none;
	}

/*li.menu-item.selected:hover, dit juist niet, want je kunt niet klikken op geselecteerd menu-item */
li.menu-item:hover {
	background : rgb(166,10,219) ; /* iets donkerder lila */
	cursor:pointer; /* voor firefox */
	/*cursor:hand; /* voor welke browser? */
	}
	
li.menu-item.selected {
	background : rgb(140,40,219) ; /* iets lichter dan het iets donkerdere lila */
	cursor:default;
	}
	
li.menu-item a { /* voor de menu item tekst */
	color : white ; 
	text-decoration : none;
	}
	
div.gewonetekst  {
	text-align : left;
	width : 500px;
	cursor:default;
	margin-left:auto;
	margin-right:auto;
	overflow: auto;
	height:340px;
	}

div.curriculum-tekst  {
	text-align : left;
	width : 500px;
	cursor:default;
	margin-left:auto;
	margin-right:auto;
	overflow: auto;
	height:440px; /* dit wordt niet gebruikt */
	}

@media all and (max-height: 1045px) {
div.curriculum-tekst  {
	height:900px;
	}
}

@media all and (max-height: 845px) {
div.curriculum-tekst  {
	height:700px;
	}
}

@media all and (max-height: 645px) {
div.curriculum-tekst  {
	height:500px;
	}
}

div.scattered_links {
	width : 500px;
	margin-left:auto;
	margin-right:auto
	}

img.pasfoto {
	width : 25%;
	float : right;
	}