html, body
{
	background:#FFFFFF;
	text-align:center;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#0a1758;
	line-height:18px;
}
textarea {
  font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}
p
{
	margin-top:0;
}
#Container
{
	width:968px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(/site_files/img/shade.gif);
	background-position:left top;
	background-repeat:repeat-y;
	text-align:left;
	padding:0 11px 0 11px;
}
#innercontainer
{
	width:968px;
}
#header{
	background-image: url(/site_files/img/header_onderwijs.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:968px;
	padding:0;
	margin:0;
}
#Submenu
{
	font-size:90%;
	width:206px;
	height: 445px;
	float:left;
	clear:both;
	padding:3px 0 0 0;
	background-image: url(/site_files/img/subnav_onderwijs.gif);
	background-position:left 29px;
	background-repeat:no-repeat;
}

#Submenu ul
{
	clear:both;
	list-style-type:none;
	margin: 0 0 0 0px;
	border: none;
	padding:2px 0 0 0;

}

#Submenu li
{

}

.subLi a
{
	display:block;
	padding: 1px 0 1px 18px;
	width: 188px;
	border-bottom: 1px solid #9A923F;
	text-decoration:none;
	color:#1f2055;
	font-weight: bold;
}
.subLi a:hover
{
	border-bottom: 1px solid #0B155D;
	background:url(/site_files/img/menuarrow_dik.gif) 4px 5px no-repeat;
}
.subActiveLi
{
  background:url(/site_files/img/menuarrow_dik.gif) 4px 5px no-repeat;
}
.subActiveLi a
{
	display:block;
	text-decoration:none;
	font-weight: bold;
	color:#1f2055;
	padding: 1px 0 1px 18px;
	width: 189px;
	border-bottom: 1px solid #0B155D;
}

.subsubLi a
{
	display:block;
	padding: 1px 0 1px 18px;
	width: 189px;
	border-bottom: 1px solid #9A923F;
	text-decoration:none;
	text-indent: 10px;
	color:#1f2055;
}
.subsubLi a:hover
{
	border-bottom: 1px solid #0B155D;
}

.subsubActiveLi{
  background:url(/site_files/img/menuarrow_dun.gif) 2px 4px no-repeat;
}
.subsubActiveLi a
{
	display:block;
	padding: 1px 0 1px 18px;
  	width: 189px;
 	width: 189px;
  	line-height: 20px;
	color:#1f2055;
	border-bottom: 1px solid #9A923F;
	text-decoration:none;
	text-indent: 10px;
	background:url(/site_files/img/menuarrow_dun.gif) 0px 0px no-repeat;
  	background-color: #fff;
}
.subsubActiveLi a:hover{
	border-bottom: 1px solid #0B155D;
}


.subsubsub{
  	width: 250px;
  	border-bottom: 1px solid #9A923F;
	padding:0;
	margin:0;
	float:left;
	clear:both;
}
.subsubsub a{
	display:block;
	padding: 1px 0 1px 0;
	text-decoration:none;
  	color:#1f2055;
}

.subsubsub a:hover
{
	display:block;
	padding: 1px 0 1px 0;
	font-weight:bold;
}

#Content
{
	font-size:90%;
	float:left;
	margin: 0 0 0 3px;
	padding:3px 40px 20px 15px;
	width:508px;
	background-color:#fff;
	min-height: 400px;
	overflow: hidden;
}

.link_bold{
  padding: 5px 20px 5px 0px;
  text-decoration: none;
  color: #0a1758;
  font-weight: bold;
}

.paragraph ul {
	padding:0 0 0 16px;
	margin:0;
}
.paragraph a, .nieuws_footer li a
{
color:#0a1758;
}
/*.paragraph a:hover, .nieuws_footer li a:hover
{
color:#000;
}*/
.paragraph a:visited {
	color:#551a8b;
}
.devider {
  background-color: #0a1758;
  width: 100%;
}
a.XSLsitemap_site_sub {
color:#0a1758;
text-decoration:none;
}
a.XSLsitemap_site_subsub {
color:#0a1758;
text-decoration:none;
}
#MainMenu
{
	background-color:#faf997;
	margin:3px 0 0 3px;
	padding:0 0 0 0;
	float:left;
	width:564px;
	background-image:url(/site_files/img/menubg.gif);
	background-repeat:repeat-y;
}
#MainMenu ul
{
	list-style-type:none;
	margin:0;
	padding:2px 0 0 0;
	height:21px;
}
#MainMenu li
{
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
	color:#fff;
}
#MainMenu a
{
	margin:0 0 0 14px;
	color:#fff;
	text-decoration:none;
	font-size:100%;
	font-weight:bold;
}
#MainMenu a:hover
{
	margin:0 0 0 14px;
	color:#f7f632;
	text-decoration:none;
	font-size:100%;
	font-weight:bold;
}
#MainMenu .active a
{
	color:#f7f632;
}
#Iconmenu
{
	float:right;
	display:block;
	margin:0 0 3px 0;
	height:23px;
	width:205px;
	background-color:#fbfba3;
}
#Iconmenu img
{
	border:0;
	margin:0;
	padding:0;
	display:block;
}
#Iconmenu a{
 background-color:#fff;
 display:block;
 float:left;
 padding:0;
 margin:0;
}
#Iconmenu a:hover, #Iconmenu a.icoonaktief {
 background-color:#f7f632;
 display:block;
 margin:0;
 padding:0;
}
#footer
{
	clear:both;
	height:11px;
	background:url(/site_files/img/footer2.gif) left bottom no-repeat;
	margin: 0;
	padding: 0;
	width:968px;
}
.BreadBar
{
	font-size:90%;
	clear:both;
	color:#000;
	margin:6px 0 0 0;
}
.BreadBar a
{
	color:#000;
	text-decoration:none;
}
h1
{
	font-size:100%;
	margin:10px 0 0 0;
}
#zoeken
{
	float:right;
	margin:-23px 0px 5px 2px;
	padding: 2px 5px 2px 17px;
	width:170px;
	height:20px;
	background-color:#fbfba3;
	color:#0a1758;
	font-size:90%
}
.zoekbutton
{
	background-image:url(/site_files/img/zoeken.gif);
	width:17px;
	height:17px;
	margin:0;
	padding:0;
	border:0;
}
.zoekbutton2 {
    vertical-align: bottom;
}
A.zoeken_vervolglink
{
	text-decoration:none;
}
A.zoeken_vervolglink:hover , A.zoeken_vervolglinkactief
{
	text-decoration:underline;
	font-weight:bold;
}

.paragraph {
  width: 100%;
  padding-bottom: 15px;
  float:left;
  clear: both;
}

#blockright
{
	float:left;
	margin:0 0 0 3px;
	width:172px;
}
#rightbar
{
  min-height: 400px;
  font-size:80%;
	float:left;
	margin: -2px 0 0 3px;
	padding: 0 10px 100px 0;
	background-color:#f7f632;
	width:182px;
}
#rightbar strong{ color:#E21D5D; font-size:110%}
#rightbar a{
    text-decoration:none;
}
#rightbar .paragraph
{
	padding:10px 0 10px 17px;
	width:165px;
	/*background:url(/site_files/img/rightbar_line.gif) no-repeat bottom left;*/
}
#rightbar .paragraph a:visited {
	color:#0a1758;
}
#blockright img, #rightbar img
{
	border:0;
}

.cms_afbeeldinglinks
{
	float:left;
	margin:0 8px 0 0px;
}
.cms_afbeeldingrechts
{
	float:right;
	margin: 0;
	padding : 0 0 0 8px;
}
.rblock
{
	margin:5px 5px 6px 15px;

}
.rblock h3
{
	color:#e21d5d;
	font-size:12px;
	margin:0;
	padding:0;
	font-weight:bold;
}
.arrowmore
{
	margin:10px 0 0 0;
	border:0;
}

h2.abc_letter {
	font-size: 160%;
	font-weight: bold;
}

h3 a {
	font-size: 100%;
	font-weight: bold;
	text-decoration:none;
	color:#0a1758;
}
h3 a:visited {
	color:#551a8b
}
.leesverderlink {
	color:#0a1758;
}
.leesverderlink:visited {
	color:#551a8b
}
ul.nieuws_footer {
	border-top: 1px solid #DDD;
	margin: 0;
	width: 510px;
	padding: 0;
	clear: both;
}

ul.nieuws_footer li {
	list-style: none;
	margin: 0;
	padding: 5px 20px 3px 0;
	display: inline;
	float: left;
}

ul.nieuws_footer li a {
	text-decoration: none;
}
ul.nieuws_footer li a:hover {
	text-decoration: underline;
}
/**********************************************************************************************************/
/****************************************** JOHAN'S ROMMEL ************************************************/
/**********************************************************************************************************/

/****************************************** ALGEMENE STYLES ***********************************************/
.cleaner {
  clear: both;
}
.pijltjeLink {
  background: #FFFFFF url(/site_files/img/arrow_blauw.gif) no-repeat right 50%;
  padding: 5px 20px 5px 0px;
  text-decoration: none;
  color: #0a1758;
  font-weight: bold;
}
.continueCursusLink {
  background: #FFFFFF url(/site_files/img/arrow_grijs.gif);
  width: 16px;
  height: 16px;
  display: block;
}
.continueCursusLink:hover {
  background: #FFFFFF url(/site_files/img/arrow_blauw.gif);
}
.td_left {
  float: left;
  width: 150px;
  font-weight: bold;
}
.td_right {
  float: left;
  width: 350px;
}
/****************************************** STYLES FOR CONTACTFORM ****************************************/
.contactformulier {
  margin: 0px;
}
.reactieFormContainer {
  margin: 0px;  padding: 8px;
  background-color: #E8E8F2;
}
.contactformulier .error {
  color: #CC0000;
  display: block;
  width: 310px;
  margin-left: 160px;
  clear : both;
}
.contactformulier label {
  width: 160px;
  display: block;
  float: left;
  margin: 4px 0px 0px 0px;
}
.contactformulier input, .inputContainer, .contactformulier textarea {
  width: 315px;
  display: block;
  float: left;
  margin: 3px 0px;
}
.contactformulier input, .contactformulier textarea {
  border: 1px inset #a0a3b4;
}
.contactformulier .radio {
  clear: both;
  vertical-align: middle;
  width: 20px;
  float: left;
}

.contactformulier .submit {
  background: #FFFFFF url(/site_files/img/arrow_blauw.gif) no-repeat right top;
  padding-right: 20px;
  width: 185px;
  border: 1px inset #a0a3b4;
  text-align: left;
  color: #0A1758;
  font-size: 80%;
}
.nepInvulVeld {
  border: 1px inset #a0a3b4;
  float: left; margin: 0px; padding: 0px;
  height: 16px;
}
.nepInvulVeld input {
  border: 0px;
}
/****************************************** STYLES FOR INSCHRIJFFORM CURSUSSEN ****************************************/
.inschrijfformulier {
  margin: 0px;  padding: 0px;
}
.inschrijfformulier .error {
  color: #CC0000;
  display: block;
  width: 310px;
  margin-left: 175px;
}
.inschrijfformulier label {
  width: 175px;
  display: block;
  float: left;
  margin: 4px 0px 0px 0px;
}
.inschrijfformulier input, .inputContainer, .inschrijfformulier textarea {
  width: 310px;
  display: block;
  float: left;
  margin: 3px 0px;
}
.inschrijfformulier .radio {
  clear: both;
  vertical-align: middle;
  width: 20px;
  float: left;
}
/****************************************** STYLES BESTELFORM PUBLICATIES ****************************************/
.bestelformulier {
  margin: 0px;  padding: 0px;
}
.bestelformulier .error {
  color: #CC0000;
  display: block;
  width: 310px;
  margin-left: 175px;
}
.bestelformulier label {
  width: 175px;
  display: block;
  float: left;
  margin: 4px 0px 0px 0px;
}
.bestelformulier input, .inputContainer, .bestelformulier textarea {
  width: 310px;
  display: block;
  float: left;
  margin: 3px 0px;
}
.bestelformulier .radio {
  clear: both;
  vertical-align: middle;
  width: 20px;
  float: left;
}
.bestelformulierContainer {
  margin: 0px;  padding: 8px;
  background-color: #E8E8F2;
}
/****************************************** STYLES FOR PUBLICATIEFORM ****************************************/
.publicaties input, .bestelformulier input {
  border-top: 1px solid #ABADB3;
  border-left: 1px solid #ABADB3;
  border-bottom: 0px;
  border-right: 0px;
  background-color: #FFFFFF;
}
.publicaties .submit, .bestelformulier .submit {
  background: #FFFFFF url(/site_files/img/arrow_blauw.gif) no-repeat right top;
  padding-right: 20px;
  font-size: 80%;
  text-align: left;
}
.publicaties .submit:hover, .bestelformulier .submit:hover {
  background: #FFFFFF url(/site_files/img/arrow_blauw.gif) no-repeat right top;
}
.pubDesc {
  width: 415px;
  float: left;
}
.pubDesc a { color: #ABADB3; }
.pubDesc a:hover { color: #0A1758; }

/****************************************** STYLES FOR PRIKBORD ****************************************/
.blogOneven {
  background-color: #DFDFDF;
}
.blogEven {
  background-color: #FFFFFF;
}
.blogOneven, .blogEven {
  padding: 8px;
}
.blogTitle {
  font-size: 120%;
  font-weight: bold;
}
.blog dl, .blog dt {
  margin: 0px; padding: 0px;
}
.blogOnderschrift, .blogOnderschrift a, .blogOptions, .blogOptions a, .archiefPageResults, .archiefPageResults a {
  color: #9F9F9F;
}
.blogOnderschrift, .blogOptions, .blogContent {
  margin: 10px 0px;
}
.archiefPageResults {
  font-size: 120%;
}
.blogOnderschrift a:hover, .blogOptions a:hover, .archiefPageResults a:hover {
  color: #0A1758;
}
.blogContainer hr {
  border: 0px;
  border-bottom: 1px solid #0A1758;
}
.reactionBar {
  background-color: #E8E8F2;
  padding: 12px;
  border: 1px solid #0A1758;
}
.reactionBar a {
  color: #0A1758;
}
.loginFormReactions {
  padding: 12px; margin: 0px;
}
.loginFormReactions textarea {
  width: 98%;
  height: 150px;
}
.loginFormReactions label {
  float: left;
  width: 120px;
  display: block;
  margin: 4px 0px;
}
.loginFormReactions input {
  float: left;
  width: 360px;
  margin: 4px 0px;
  display: block;
}
.loginFormReactions .submit {
  width: 200px;
  float: right;
}
.loginFormReactions input, .cursusOverview input {
  border-top: 1px solid #ABADB3;
  border-left: 1px solid #ABADB3;
  border-bottom: 0px;
  border-right: 0px;
}
.loginFormReactions .submit, .cursusOverview .submit {
  background: #FFFFFF url(/site_files/img/arrow_blauw.gif) no-repeat right top;
  padding-right: 20px;
  font-size: 80%;
  text-align: left;
  width: 140px;
}
#reactions {
  margin-top: 20px;
}
#reactions dl {
  margin: 0px; padding: 0px;
  background-color: #f5f5f5;
  border: 1px solid #0A1758;
  padding: 9px;
  margin-bottom: 17px;
}
#reactions dt {
  font-weight: bold;
  line-height: 18px;
}
#reactions dd {
  margin: 0px;
  padding: 12px 0px 6px 0px;
  line-height: 20px;
}
.error {
  color: #FF833E;
  font-weight: bold;
  padding: 8px;
  width: 350px;
  background-color: #ffe5d7;
  border: 2px solid #FF833E;
}
.ok {
  color: #0A1758;
  font-weight: bold;
  padding: 8px;
  background-color: #e1e3ee;
  border: 2px solid #0A1758;
}
.searchResult {
  color: #0A1758;
  text-decoration: none;
  float: left;
}
.searchResultPijl {
  background: url(/site_files/img/arrow_grijs.gif) no-repeat right top;
  padding: 1px;
  float: right;
}
.searchResultPijl:hover {
  background: url(/site_files/img/arrow_blauw.gif) no-repeat right top;
}
.hyperlinkAlinea img {
  vertical-align: bottom;
}
.publicatieOverzicht a {
  color: #0A1758;
}

.inlogOptions a{
	text-decoration: underline;
}

.inlogInput{
  border-top: 1px solid #ABADB3;
  border-left: 1px solid #ABADB3;
  border-bottom: 0px;
  border-right: 0px;
  width: 160px;
}

.inschrijfInput{
  border-top: 1px solid #ABADB3;
  border-left: 1px solid #ABADB3;
  border-bottom: 0px;
  border-right: 0px;
  width: 250px;
}

.inlogButton{
    background: url(/site_files/img/zoeken.gif) no-repeat right top;	
	width:160px;
	margin:0;
	padding:0px 0px 0px 8px;
	border-top: 1px solid #ABADB3;
	border-left: 1px solid #ABADB3;
	border-bottom: 0px;
	border-right: 0px;
	text-align: left;
}

.inschrijfButton{
    background: url(/site_files/img/zoeken.gif) no-repeat right top;	
	width:200px;
	margin:0;
	padding:0px 0px 0px 8px;
	border-top: 1px solid #ABADB3;
	border-left: 1px solid #ABADB3;
	border-bottom: 0px;
	border-right: 0px;
	text-align: left;
}
/************* KALENDER ****************/
.grey{
	color: #0a1859;
}
 
#calendar{
	font-size: 9px;
	line-height: normal;
	margin-top:10px;
}

.normalFontsize{
	font-size: 12px;
}

#calendar a{
	text-decoration: none;
}

#calendar span{
	color: #000000;
	text-decoration: none;
}


/*
 *   hoover popup
 */
 
.doPopup{
	display: block;
}

#calendar .doPopup .info{
	position: absolute;
	padding: 0px;
}

#calendar span .info .titel{
	font-weight: bold;
	color: #cc021b;
}

#calendar span:hover .info{
	position: absolute;
/*	display: block;*/
}

#calendar table{
	width: 100%;
}

#calendar .header{
	text-align:center;
	color: #000000;
	width: 75px;
	padding: 4px 0px;
}

#calendar .currentMonth{
	display: inline;
	font-size: 11px;
	margin: 0px 0px 0px 7px;
	padding: 0px 0px 0px 0px;
	font-weight:bold;
	vertical-align: top;	
}
 
#calendar .lightBackground, #calendar .lightBackground td {
	background-color: #E8E8F2 !important;
}

#calendar .weekNummer, #calendar .tijd, .weekNummerHeader{
	background:url(/site_files/img/white.gif) repeat-x bottom #cccedb;
	font-size: 10px;
	width:22px;
	text-align: center !important;
	border-top: 1px solid #FFFFFF;
	font-weight: bold;
}

.weekNummerHeader {
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    padding: 4px 0px;
    font-weight: normal;
}

#calendar .greyBackground{
	background-color: #d1d4d7;
}

#calendar .darkGrey{
	color: #7c899b;
}

#calendar .otherMonth{
	color: #9fa5af;
	width: 75px;
	background: url(/site_files/img/kalendar_grey.gif) repeat-x #FFFFFF;
	border: 1px solid #cecce1;
}

#calendar .thisDay{
	color: #FFFFFF;
	width: 75px;	
	background: url(/site_files/img/kalendar_red.gif) repeat-x #FFFFFF;
	border: 1px solid #cecce1;
}

/*for weekview*/


#calendar .weekView td{
	background-color: #FFFFFF;
}

#calendar .weekView .tijd{
	background-color: #E8E8F2;
	width: 20px;
}

#calendar .thisMonth{
	color: #0a1859;
	width: 75px;	
	background: url(/site_files/img/kalendar_grey.gif) repeat-x #FFFFFF;
	border: 1px solid #cecce1;
}

#calendar .datum{
	width: 100%;
	text-align: right;
	height: 19px;
	background-color: #e8e8f2;
}
#calendar .currentDay {
	color: #FFFFFF;
	background-color: #0a1859 !important;
}
#calendar .thisDay .datum {
    background-color: #0a1859 !important;
}
.itemLine{
    display: none;
	width: 3px;
	height: 20px;
	float: left;
	border-right: 1px solid #ffffff;
}


/*
 *	Rollover images and buttons
 */
 
#calendar .buttonHeader{
	padding: 6px 1px 6px 0px;
}

 
a.day{
	float: right;
	width: 27px;
	height: 23px;
	background:url(/site_files/img/ico_calendar_day.png) no-repeat center bottom;
	border-left: 1px solid #FFF;
}

a.week{
	float: right;
	width: 27px;
	height: 23px;
	background:url(/site_files/img/ico_calendar_week.png) no-repeat center bottom;
	border-left: 1px solid #FFF;
}


a.month{
	float: right;
	width: 27px;
	height: 23px;
	background:url(/site_files/img/ico_calendar_month.png) no-repeat center bottom;
	border-left: 1px solid #FFF;
}

a.agenda{
	float: right;	
	width: 27px;
	height: 23px;
	background:url(/site_files/img/ico_calendar_agenda.png) no-repeat center bottom;
	border-left: 1px solid #FFF;
}

a.day:hover, a.week:hover, a.month:hover, a.agenda:hover, a.active{
	background-position: top;
}

.textfield{
	width: 200px;
}

.popup_beschrijving{
	height: 165px;
	overflow: auto;
	padding-right: 8px;
}

.form_toevoegen input, .form_toevoegen select, .form_toevoegen textarea{	
	color:#7c899b; 
	margin-bottom:11px;
	font-family: Arial, Helvetica, sans-serif;
}

.lightBackgroundHeader td {
    background-color: #E8E8F2 !important;
    padding: 6px 0px;
    text-align: center;
}

.plainViewRow td {
    padding: 3px;
    font-size: 11px;
}
/************ EINDE KALENDER ***************/
.weblogItem {
    background-color: #FFFFFF;
    border-bottom: 1px solid #330066;
    padding: 12px 0px 12px 0px;
}
.weblogItem .link_bold {
    text-decoration: underline;
}
.weblogItem .date {
    color: #CCCEDB
}
/************ wie-zijn-wij ***********************/
.groepBlok {
    background-color: #e8e8f2;
    bordeR: 1px solid #c2c1c7;
    padding: 6px;
    width: 228px;
    float: left;
    margin: 0px 8px 8px 0px;
}
.groepBlok strong {
    display: block;
    margin-bottom: 3px;
}
.groepBlok img {
    float: left;
    margin-right: 6px;
}
.groepBlok a {
    font-weight: bold;
}
/************ einde wie-zijn-wij *****************/

.cms_2kolommen{
    width: 100%;
    clear : both;
}

.cms_2kolommen div{
    width: 235px;
    float: left;
    margin-right: 16px;
}

.cms_3kolommen{
    width: 100%;
}

.cms_3kolommen div{
    width: 30%;
    float: left;
}

.cms_3kolommen_last_row{
    padding-right:0px;
}

.cms_3kolommen_row{
    padding-right:20px;
}
.cms_afbeeldingrechts{
    padding: 5px 0px 6px 6px;
    float : right;
}

.cms_afbeeldinglinks{
    padding: 5px 6px 6px 0px;
    float : left;
}

.cms_afbeelding{
    padding: 0;
    margin : 0;
    float : left;
}

.cms_cleaner{
    height : 1px;
    width : 100%;
    float : left;
    display:inline;
}

.devider {
  background-color: #006987;
  width: 100%;
}

.paragraph {
  width: 100%;
  padding-bottom: 15px;
  float:left;
  clear: both;
}