body{

	margin:0px;
	padding:0px;
	font-family:Verdana;
	color:#000;
	font-size:11px;
	background-image:URL('images/bg.jpg');
	background-repeat:repeat-x;
	background-color:#dbdcf1;
}

.container{
	width:900px;
	margin:0 auto;
	margin-top:0px;
	position:relative;
	background-color:#fff;
	margin-top:0px;

}

.header{
	width:900px;
	height:290px;
		background-image:URL('images/top.jpg');
	background-repeat:no-repeat;
	background-position:top center;
}

.menu{
	width:270px;
	height:250px;
	position:absolute;
	top:240px;
	float:left;
	left:28px;
	background-image:URL('images/menubg.jpg');
	background-repeat:no-repeat;
z-index:20;

}

.menu ul{
	list-style-type:none;
	margin:0px;
	padding:2px;
	margin-top:20px;

}

.menu ul li {
border-bottom:1px solid #010569;
padding-left:30px;
margin-bottom:5px;
padding-bottom:5px;
}

.menu ul li a:link,
.menu ul li a:visited{
	color:#fff;
	text-decoration:none;
	font-family:tahoma;
	font-size:17px;
}

.menu ul li a:hover{
	color:#010569;
}

.content{
	position:relative;
	width:845px;
	top:5px;
	left:0px;
	font-family:verdana;
	font-size:11px;
	word-spacing:2px;
	background-color:#fff;
	border-right:28px solid #c5da0f;
	border-left:28px solid #c5da0f;
	border-bottom:20px solid #c5da0f;
	border-top:20px solid #c5da0f;
	padding-bottom:10px;

}

.links{
	float:left;
	width:300px;


}

.links .inhoud{
	margin-left:10px;
	margin-top:200px;
			color:#020179;
			width:240px;
			
}



.rechts{
	float:left;
	width:540px;
		color:#020179;
		letter-spacing:1px;

}



.rechts a:link,
.rechts a:visited{
	text-decoration:none;
	color:#53565a;
}

.rechts table a:link,
.rechts table a:visited{
	color:#fff;
}

.rechts table a:hover{
	text-decoration:underline;
}

.rechts ul{
	list-style-type:square;
	margin:0px;
	padding:0px;
	margin-top:10px;

}

.rechts ul li{
	margin-left:40px;
}

.clear{
	clear:both;
}


.fotoitem{
background-color:#8488D1;
color:#fff;
padding:5px;
width:150px;
text-align:center;
float:left;
margin-right:5px;
margin-top:10px;
}


h1{
	color:#02087a;
	font-family:Tahoma;
	font-size:17px;
	letter-spacing:1px;
	border-bottom:1px solid #02087a;
	padding-bottom:10px;
	margin-top:10px;
	
}

h2{
	color:#53565a;
	font-family:Verdana;
	font-size:12px;
	border-bottom:1px dotted #53565a;
	padding-bottom:5px;
	width:300px;

}

h3{
	font-family:Verdana;
	font-size:12px;
	background-color:#C5DA0F;
	color:#fff;
	padding:5px;
	width:300px;

}

.footer{
	width:900px;
	background-color:#000569;
	height:15px;
	color:#fff;
	text-align:center;
	font-size:10px;
	padding-top:5px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:10px;
}

.footer2{
	width:850px;
	margin:0 auto;
	color:#fff;
	text-align:center;
	font-size:9px;
	margin-top:5px;

	
}

/*
* Styles specific for the calendar query styling
*/


/* divider voor kalender */
#calendar {
 width: 520px;
 border: none;
 padding: 2px;
 margin-top: 0px;

}

/* tabel */
#calendarTable {
   width: 520px;
   border: 1px solid rgb(51,153,204);
   border-collapse: collapse;
   font-family: verdana;
font-size:10px;
  
}


/* header van tabel, hierin komt de geselecteerde maand en jaar */
#calendarTable #calendarHeader {
   color: rgb(255,255,255);
   background: rgb(51,153,204);
   /*padding: 2px;*/
   cursor: default;
}
#calendarTable #calendarHeader th  {
     background: rgb(51,153,204);
   padding: 0px;
  }

/* opmaak voor navigatiepijltjes in header */
#calendarTable #calendarHeader th.arrow{
   font-family: verdana;
   font-size: 9px;
   color: rgb(255,255,255);
   text-decoration: none;
   cursor: pointer;
   padding: 0px;
}


/* MA DI WO DO VR ZA ZO */
#calendarTable #daysofweek {
   background: rgb(200,200,200);
   color: rgb(20,20,20);
   cursor: default;
}

/* algemene opmaak voor een cel in de kalender */
#calendarTable #tableBody td {
 height: 20px;
 color: rgb(20,20,20);
 background: rgb(245,245,245);
 text-decoration: none;
}

/* wanneer muis over een cell beweegt */
#calendarTable #tableBody td.cellover {
 cursor: pointer;
 background: rgb(235,235,150);
}
/* geselecteerde cell */
#calendarTable #tableBody td.cellselected {
 color: rgb(255,255,255);
 background:  rgb(51,153,204);
}

/* muis over geselecteerde cell */
#calendarTable #tableBody td.cellselectedover {
 cursor: pointer;
 color: rgb(255,255,255);
 background: rgb(51,153,204);
}

/* voor dagen die niet tot geselecteerde maand behoren*/
#calendarTable #tableBody td.hidden {
 color: rgb(100,100,100);
 background: rgb(245,245,245);
 cursor: default;
}

/* opmaak voor tekst (! niet de cell) van datum van vandaag */
#calendarTable #tableBody td a.today {
 color: rgb(200,0,0);
}

/* opmaak voor tekst (! niet de cell) van datum van vandaag, als er een activiteit is */
#calendarTable #tableBody td a.todayact {
 color: rgb(200,0,0);
 font-weight: bolder;
}

/* opmaak voor tekst (! niet de cell) van datum van vandaag, als geselecteerd is */
#calendarTable #tableBody td.cellselected a{
 color: rgb(255,255,255);
 background: rgb(51,153,204);
}

/* opmaak voor tekst (! niet de cell) van datum van vandaag, als geselecteerd is en muis erover */
#calendarTable #tableBody td.cellselectedover a{
 color: rgb(255,255,255);
 background: rgbrgb(51,153,204);
}

/* opmaak voor tekst (! niet de cell) voor een dag zonder activiteiten*/
#calendarTable #tableBody td a.day {
}

/* opmaak voor tekst (! niet de cell) voor een dag mét activiteiten*/
#calendarTable #tableBody td a.dayact {
 font-weight: bolder;
}

/* opmaak van select-boxes als "dropdown=true" */
#chooseDate select {
 border: none;
 color: rgb(255,255,255);
 font-weight: bold;
 background: rgb(200,0,0);
}
#actList{
list-style-type:none;
font-size: 100%;
padding: 0;
margin-left: 0;
}
#actList li{

padding-left: 0;
margin-left: 0;
}

.button{
	background-color:#8488D1;
	border:1px solid #000;
	font-family:verdana;
	font-size:10px;
	color:#fff;
}

.sidebarmenu ul{

list-style-type: none;

width: 260px; /* Main Menu Item widths */

}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
	display:block;

}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
color:#fff;
}

.sidebarmenu ul li a:visited{

}

.sidebarmenu ul li a:hover{
	color:#010569;
}


/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 144px; /*Sub Menu Items width */
top: -26px;
left:120px !important;
visibility: hidden;
background-color:#070B6C;
z-index:2000;
}

.menu ul li ul li {
border-bottom:0px solid #8488D1;
padding-left:10px;
margin-bottom:2px;
padding-bottom:2px;
z-index:2000;

}

.sidebarmenu ul li ul li a:link,
.sidebarmenu ul li ul li a:visited{
	font-size:12px;
	color:#fff;

}

.sidebarmenu ul li ul li a:hover{
	font-size:12px;
	color:#8488D1;
}


.sidebarmenu a.subfolderstyle{

}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */