/* css-style voor nieuwe ksj site (test) */ 


/* body */

body{
			background:#BDBDBD; color:#0F0F0F; 		
			font:15px/20px Arial, Helvetica, sans-serif; margin:0 0; padding:0;
}

/*menupanel (dropdown menu)*/

#menupanel{
			position:absolute;
			left:365px;
			top:160px;
}








/*Banner (achtergrond menupanel & links achtergr)*/

#bannerpanel{
			background-image: url(images/banner12.gif);
			background-repeat: no-repeat; 
			width:1200px; 
			height:1510px; 		
			position:absolute; 
			margin:0 auto; 
			padding:0;
}



/*sidebanner (rechts achtergr)*/

#sidebanner{
			background-image: url(images/sidebanner.gif);
			background-repeat: inherit; 
			width:300px; 
			height:1500px; 		
			position:absolute;
			left:920px;
			top:50px; 
			margin:0 auto; 
			padding:0;
}


/*BODY*/

#bodyPanel{ 
			width:860px;  
			position:absolute;
			left: 220px;top:370px;
			margin:0 auto; 
			padding:0;
			font:Trebuchet MS;
}

#bodyPanel h2{ 
			display:block; 
			width:680px; 
			height:55px; 
			margin:0; 
			font:33px/33px  Comic Sans MS, Georgia, "Times New Roman", Times, serif;
 			font-weight:bold; 
			padding:4px 0 0 50px; 
			color:#172561/*FF7113*/;
}


#bodyPanel p{
			margin:0 0 0 54px; 
			padding:0 45px 15px 0px; 
			color:#0F0F0F;
			font:  Trebuchet MS,Comic Sans MS, Georgia, Times New Roman, Times, serif;
}

#bodyPanel p. span{
			font-weight:bold;
			color:#17256;
}

#bodyPanel p.dotline{
			background:url(images/dot-line.gif) 0 0 repeat-x #fff; 
			padding:0; 
			margin:0 40px 0 25px;
			color:#000;
}

#bodyPanel p.capstext{ 	font:18px/24px Georgia, "Times New Roman", Times, serif; 
			font-style:italic; 
			color:#555555; padding:2px 10px 0 80px ; 
			margin:0 35px 10px 0;
}


#bodyPanel p.titel{
			bottom right no-repeat #fff;
			font:18px/24px Georgia, "Times New Roman", Times, serif; 
			font-style:italic; 			color:#555555; 
			padding:2px 0px 0 55px ;
			margin:0 35px 10px 0; 
}

#bodyPanel p.more{
			height:26px; 
			padding:0; 
			background:none; 
			margin:0;
}

#bodyPanel p.more a{
			width:76px; 
			height:26px; 
			display:block; 
			margin:314px 20px 19px 618px; 
			background:url(images/more.gif) 0 0 			no-repeat #fff; 
			color:#555; 
			text-decoration:none; 
			font:15px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; 
			padding:0 0 0 10px; 
			text-transform:uppercase; 
			position:absolute; top:0px; right:0px;
}

#bodyPanel p.more a:hover{
			background:url(images/more.gif) 0 0 no-repeat #fff; 
			color:#216EBD; 
			text-decoration:none;
}

#bodyPanel h3{			
			display:block; 
			width:400px; 
			height:50px; 
			margin:0; 
			font:30px/30px Arial, Georgia, "Times New Roman", Times, serif;
 			font-weight:bold; 
			padding:4px 0 0 50px; 
			color:#172561/*FF7113*/;
}


#bodyPanel table{
			position:relative; 
			margin:0 0 0 54px; 
			padding:0 42px 35px 0px; 
			color:#0F0F0F;
}

#bodyPanel li{
			font:15px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; 
			position:relative; 
			left:100px; 
			top:0px; 
			padding:0 0px 0px 0px;
}



/*sidebar (in side banner)*/

#picsengine{ 
			width:190px;  
			position:absolute;
			left: 3px;top:920px;
			margin:0 auto; 
			padding:0;
}

#kalender{ 
			width:190px;  
			position:absolute;
			left: 8px;top:520px;
			margin:0 auto; 
			padding:0;
}
#news{ 
			width:190px;  
			position:absolute;
			left: 3px;top:920px;
			margin:0 auto; 
			padding:0;
}

/*FOOTER*/
#footer{
			background-image: url(images/footer.gif);
			background-repeat: no-repeat; 
			width:940px; 
			height:180px; 		
			position:absolute; 
			top:1500px;
			left: 14%;

			margin:0 auto; 
			padding:0;}

#footerPanel{		width:800px; 
			position:relative;
 			color:white; 
			font-size:15px; 
			font:Trebuchet MS; 
			margin:0 
			auto; 
			padding:0;
}


#footerbodyPanel{	width:800px;
			height:80px; 
			position:absolute; 
			margin:0 
			auto; 
			padding:0;
}


#footerPanel ul{	width:400px;
			font:25px;
			display:block;
			position:relative;
			left:200px; 
			top:90px; 
}

#footerPanel li{	float:left; 
			font:20px Arial, Helvetica, sans-serif; 
			font-weight:bold;
}

#footerPanel ul li a{	padding:0 6px; 
			color:white;  
			text-decoration:none;
}

#footerPanel ul li a:	
hover{			text-decoration:underline;
}

#footerPanel ul 
li a.padl{		padding:0 0 0 6px;
}


#footerPanel 
p.webmaster{ 		display:block; 
			position:absolute; 
			top:105px; 
			right:65px; 
			color:white;
}

#footerPanel 
p.copyright{ 		display:block; 
			position:absolute; 
			top:125px; 
			right:138px; 
			color:white;
}