/* css Test Khalida */
/* css zen garden als voorbeeld gebruikt  */

/* basic elements */
body
{
	font: 10pt/16pt verdana;
	color: #ffffff;
	background: #fff url(images/RAKS2010_preview2.jpg) no-repeat top left;
	margin-right: 0px;
}
p
{
	font: 10pt/16pt ;
	margin-top: 0px;
	text-align: left;
}
h
{
	font: italic normal 12pt verdana;
	letter-spacing: 1px;
	margin-bottom: 0px;
	text-align: right;
	/*color: #cc0066;*/
	
	
}


/* table properties */
table
{
	width:650px;
	font: 10pt/16pt verdana;
	
}
th 
{
	font: bold;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
	border-left: 1px solid #A2ADBC;
	width: 60;
}

td {
	border-left: 1px solid #A2ADBC;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 60px;
	height: 20px;
	text-align: left;
	
}



/*link colors */
a:link
{
	text-decoration: underline; 
		/*link colorscolor:  #0000E3;	 */
		/*color:  #FFFF66;*/
		color: #ffffff;
	
	

}

a:visited
{
	text-decoration: underline;
	/*color: #FF9900;*/
	
	color:ButtonHighlight;  	
  
}

a:hover, a:active
{
	text-decoration: underline;
	
	/*color:  #000033;	*/
}



#DivImage
{
	position: absolute;
	background: url(images/2009-1.jpg) no-repeat top left;
	top: 500px;
	left: 20px;
	width:160px;
	height:100px;
	
}


/*Menu list*/
#linkList
{
		
	
font-family: Verdana;
font-weight:bold;
font-size:12pt;
	margin-left: 55px;
	margin-top: 140px;
	position: absolute;
	left: 0px;
	top: 95px;
	padding: 10px;
	
}

#linkList a:link, #linkList a:visited
{
	text-decoration: none; 
	color: #ffffff;
}

#linkList a:active, #linkList a:hover 
{
	background-color: Navy; 
	
}
/*second linklist - left */
#linkListB
{
	position: absolute;
	left: 64px; 
	width: 155px; 
	top: 702px; 
	height: 377px;
	text-align:center;
 	font-family: Verdana;
    font-size:12pt;
	
}

#linkListB a:link, #linkListB a:visited
{
	text-decoration: none; 
	color: #ffffff;
}

#linkListB a:active, #linkListB a:hover 
{
	background-color: Navy; 
	
}


/*Header*/
#pageHeader
{
	margin-bottom: 20px;
	margin-right: 10px;
}

#pageHeader h1
{
	position: absolute;
	top: 10px;
	left: 0px;
	height: 10px;
	margin-right: 10px;
}

/*Title section*/
#Div1
{
	position: absolute;
	left: 779px;
	top: 395px;
	right: 25px;
	
	
}


#Div2
{
	margin-left: 350px;
	margin-top: 105px;
	margin-right: 25px;
	font-size: 24pt;
	font-family: Century Gothic;
	
}

#Div2Subtext
{
	position: absolute;
	left: 810px;
	top: 140px;
	font-family: Century Gothic;
	font-size: 10pt;
	
}

/*Bodytext*/
#supportingText
{
	position: absolute;
	width: 680px;
	left: 63px; 
	top: 295px;
	
}

#supportingtextindex
{
	position: absolute;
	width: 438px;
	left: 63px; 
	top: 295px;

}

#supportingtextteachers
{
	position: absolute;
	width: 849px;
	left: 63px; 
	top: 295px;

}

#facebook
{
	
		
}

#updates
{
	position: absolute;
	left: 507px; 
	width: 229px; 
	top: 295px;
	font-size: 8pt;
	
}

/*Footer*/
#Footer2
{
	margin-left: 50px;
	margin-top: 5px;
	text-align: left;
	font: 10px verdana;
}



#Footer
{
	text-align: left;
	font: 10px verdana;
	margin-top: 50px;
	
}
#footer a:link, #footer a:visited
{
	margin-right: 20px;
}




/*Newsletter signup box*/
#DivCursus
{
	
	position: absolute;
	top: 545px;
	left: 57px;
	width: 205px;
	height: 560px;
	text-align: left;
}


/*Links page*/
#linkList2
{
	font: 12px verdana;
	margin-left: 5px;
	margin-top: 90px;
	position: absolute;
	left: 310px;
	top: 25px;
	height: 239px;
	width: 370px;
	padding: 10px;
}



/*Image gallery*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer
{
	position: absolute;
	top: 160px;
	left: 38px;
	height: 600px;
	text-decoration: none;	
}

.gallerycontainer_sub
{
	position: absolute;
	top: 200px;
	left: 360px;
	height: 600px;
	text-decoration: none;
	width: 750px;
}

.gallerycontainer_subkrant
{
	position: absolute;
	top: 200px;
	left: 360px;
	height: 600px;
	width: 550px;
	text-decoration: none;
}

.thumbnail
{	
	text-align:center;
	text-decoration: none;
}

.thumbnail img
{
	border: 1px solid blue;
	text-decoration: none;
}

.thumbnail a
{
	text-decoration: none;
}


.thumbnail:hover
{
	background-color: transparent;
	text-decoration:none;
	
}

.thumbnail:hover img
{
	border: 1px solid blue;
	text-decoration: none;

}

.thumbnail span
{
	/*enlarged image*/
	position: absolute;
	border: 1px solid blue;
	top: 80px;
	left: -1000px;
	visibility: hidden;
	cursor:default;
	text-decoration:none;
	}


.thumbnail:active span, .thumbnail:focus span
{
	/*enlarged image*/
	visibility: visible;
    top: 20px;
	left: 250px;
	z-index: 50;
	text-decoration: none;

	}