/* css Test Khalida */

/* css zen garden als voorbeeld gebruikt  */



/* basic elements */

body

{

	font: 10pt/16pt verdana;

	color: #ffffff;

	background: #fff url(images/RAKS2012.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:Hobo Std;



font-size:12pt;

	margin-left: 55px;

	margin-top: 140px;

	position: absolute;

	left: 0px;

	top: 98px;

	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;



	}