html 
{
    height: 100%;
}

body 
{
    font-family: Arial;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    height: 100%;
}

h1 
{
	padding: 0px;
	margin: 0px;
}

.directie {
	border-width: 0px;
}

.directie tr td {
	border-width: 0px;
}


img 
{
	text-decoration: none;
}

a:visited, a:active, a:link 
{
    /*color: #919492;*/
    color: #404343;
    text-decoration: underline;
    font-size: 11px;
}

a:hover 
{
    /*color: #919492;*/
    color: #404343;
    text-decoration: none;
    font-size: 11px;
}

.hidden 
{
	display: none;
}

.width_100 
{
    width: 100%;
}

.padding_2 
{
	padding: 2px;
}

.padding_5 
{
	padding: 5px;
}

.padding_10 
{
	padding: 10px;
}

.margin_4 
{
	margin: 4px;
}

.textright 
{
    text-align: right;
}

.center 
{
	text-align: center;
}

.red 
{
	color: #EC1D25;
}

.bold 
{
    font-weight: bold;
}

.italic 
{
    font-style: italic;
    font-size: 12px;
}

.h5 
{
	font-size: 16px;
	font-weight: bold;
}

#main 
{
    width: 1000px;
    text-align: left;
}

#shade_left 
{
    width: 15px;
    min-height: 15px;
    background-image: url('Images/shade_left.jpg');
    background-repeat: repeat-y;
    height: 100%;
}

#shade_right 
{
    width: 15px;
    min-height: 15px;
    background-image: url('Images/shade_right.jpg');
    background-repeat: repeat-y;
    height: 100%;
}

#midframe 
{
    width: 970px;
    background-color: #FFFFFF;
    background-image: url('Images/bg_container.jpg');
    background-repeat: repeat-y;
}

.clear 
{
    clear: both;
    line-height: 0px;
    height: 0px;
    font-size: 0px;
}

.header 
{
}

#mainlogo 
{
    float: left;
    width: 198px;
    height: 48px;
    margin: 0px;
    padding: 0px;
}

#header_right 
{
    float: left;
    width: 772px;
    height: 48px;
    margin: 0px;
    padding: 0px;
    background-color: #EC1D25;
}

.header_links 
{
	float: left;
    height: 48px;
    width: 185px;
    color: #ffffff;
    position: relative;
    left: 560px;
}

.header_links td a:visited, .header_links td a:active, .header_links td a:link 
{
    color: #ffffff;
    font-size: 10px;
    text-decoration: none;  
}

.header_links td a:hover 
{
    color: #ffffff;
    font-size: 10px;
    text-decoration: none;
}

#breadcrumbs 
{
    width: 970px;
    height: 23px;
    background-image: url('Images/bg_breadcrumb.jpg');
}

a.breadcrumb:visited, a.breadcrumb:active, a.breadcrumb:link 
{
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

a.breadcrumb:hover 
{
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

.td_breadcrumb 
{
	height: 23px;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	padding-left: 5px;
}

.left_column 
{
    width: 198px;
    height: 100%;
    float: left;
}

.menu 
{
    background-color: #E6ECEA;
    width: 198px;
    min-height: 117px;
}

.menu a:visited, .menu a:active, .menu a:link 
{
    color: #363836;
    font-size: 11px;
    text-decoration: none;
}

.menu a:hover 
{
    color: #ffffff;
    font-size: 11px;
    text-decoration: none;
}

.pijl_menu 
{
    margin-right: 3px;
    margin-left: 5px;
}

.menu_selected 
{
	background-color: #AAAAAA;
	margin: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 11px;
}

.menu_selected span
{
	color: #ffffff;
}

.menu_item_color_over 
{
    color: #ffffff;
    font-weight: bold;
}

.menu_item_color_out 
{
    color: #363836;
    font-weight: bold;
}

#menu_items 
{
    width: 100%;
    margin: 0px;
}

#menu_items td 
{
	font-size: 11px;
}

.menu_item 
{
    margin: 1px;
    padding-top: 1px;
    padding-bottom: 2px;
    cursor: pointer;
    font-size: 11px;
}

.div_subnav 
{
    margin-left: 15px;
    cursor: pointer;
}

.div_detnav 
{
    margin-left: 30px;
    cursor: pointer;
}

	.laatstenieuws 
	{
	}

    .laatstenieuws .nieuws h3 
    {
        color: #ffffff;
    }
    
    .laatstenieuws .nieuws 
    {
		width: 188px;
		padding: 5px;
		color: #ffffff;
		font-size: 11px;
		background-color: #EC1D25;
		min-height: 200px;
    }
    
    .laatstenieuws .nieuws a:link, .laatstenieuws .nieuws a:active, .laatstenieuws .nieuws a:visited 
    {
        color: #ffffff;
        text-decoration: none;
        font-size: 11px;
    }
    
    .laatstenieuws .nieuws a:hover 
    {
        color: #ffffff;
        text-decoration: underline;
        font-size: 11px;
    }
    
    .laatstenieuws_items 
    {
    	width: 178px;
        min-height: 115px;
        overflow: auto;
    }
    
    .archieflink 
    {
        text-align: right;
    }
    
    .archieflink a 
    {
        font-size: 9px;
    }

.calendar 
{
    width: 188px;
    padding: 5px;
    background-color: #E6ECEA;
    text-align: center;
    margin-top: 5px;
}

.left_bottom 
{
    width: 188px;
    padding: 5px;
    background-color: #E6ECEA;
    min-height: 25px;
   
}

.content 
{
    margin: 0px;
    font-size: 12px;
    color: #404343;
    float: left;
    width: 772px;
}

.contentfield table 
{
	/*border-style: solid;
	border-width: 1px;
	border-color: #404343;*/
	padding: 0px;
	margin: 0px;
}

.contentfield tr 
{
	border-style: none;
	padding: 0px;
	margin: 0px;
}

.contentfield td 
{
	border-style: solid;
	border-width: 1px;
	border-color: #404343;
	padding: 2px;
	margin: 0px;
}

.contenfield a 
{
	font-size: 12px;
}

.content div h1 
{
    color: #606060;
}

.footer 
{
    width: 968px;
    padding-left: 2px;
    height: 15px;
    background-color: #687070;
}

.readmore 
{
    margin-top: 5px;
    text-align: right;
}

.readmore a:visited, .readmore a:active, .readmore a:link 
{
    color: #ffffff;
    text-decoration: none;
    font-size: 10px;
}

.readmore a:hover 
{
    color: #ffffff;
    text-decoration: underline;
    font-size: 10px;
}

.vticalendar 
{
    background-image: url('Images/bg_calendar3.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    position: relative;
    left: 9px;
}

.vticalendar a 
{
    text-decoration: none;
}

.vticalender_container 
{
    text-align: left;
}

.vticalendar_title 
{
    width: 150px;
}

.calendar .title
{
    padding-top: 6px;
    margin-left: 10px;
    text-align: left;
}

.smartschool 
{
    width: 198px;
    height: 52px;
    padding-top: 10px;
}

.sint_michiel 
{
    width: 198px;
    height: 95px;
    padding-top: 10px;
    margin-top: 10px;
}

.contactdiv 
{
	margin-top: 20px;
	background-color: #EC1D25;
	width: 158px;
	padding-top: 10px;
	padding-bottom : 10px;
	padding-left: 20px;
	padding-right: 20px;
	color: #ffffff;
	font-size: 11px;
}

.PagerNormal
{
    font: 10px Arial;
    color: #919492;
    border: solid 1px #919492;
    padding: 1px 4px;
    text-decoration:none;
}
.PagerCurrent
{
    font: 10px Arial;
    border: solid 1px #919492;
    padding: 1px 4px;
    color: #ffffff;
    background-color: #EC1D25;
}

#sitemap 
{
    padding-left: 10px;
}

#sitemap_sub 
{
    padding-left: 15px;
}

#sitemap_det 
{
    padding-left: 15px;
}

div.lessentabel 
{
	text-align: left;
    width: 275px;
    border-top: solid 1px #919492;
    border-left: solid 1px #919492;
    border-right: solid 1px #919492;
}

table.lessentabel 
{
    width: 275px;
    border-width: 0px;
}

.lessentabel_title 
{
	border: solid 1px #000000;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	padding: 2px;
	color: #687070;
	background-color: #EEEEEE;
}

.lessentabel_bgcolor 
{
    color: #687070;
    background-color: #EEEEEE;
    font-weight: bold;
    border-bottom: solid 1px #919492;
}

.urencell 
{
    border-left: solid 1px #919492;
}

.totaalvak 
{
    border-top: solid 1px #919492;
}

div.logos 
{
	width: 100%;
	vertical-align: middle;
	margin: 0 au?o;
	text-align: center;
}

.activiteiten_home 
{
	width: 732px;
}

.laatstenieuws_home 
{
	width: 475px;
	padding-left: 40px;
}

	.laatstenieuws_home table 
	{
		width: 100%;
	}

.ballon_mid 
{
	background-image: url('images/tekstballon_mid.jpg');
	background-repeat: repeat-y;
	padding-left: 5px;
	padding-right: 5px;
}

.niveautitel 
{
	font-size: 16px;
}

.template_right_column 
{
	width: 150px;
	height: 700px;
	background-color: #E6ECEA;
}

#site_banners 
{
	padding: 0px;
	margin: 0px;
	height: 130px;
	width: 772px;
	float: left;
}

.tbl_template 
{
	width: 772px;
	min-height: 350px;
}

.tbl_template td 
{
	
}

.tbl_template a 
{
	font-size: 12px;
}

.afdelingslogo 
{
	margin-top: 20px;
}

.redbar 
{
	background-color: #EC1D25;
	height: 20px;
	width: 772px;
}

.margin_4 img 
{
	width: 133px;
}

.input
{
	border: solid 1px #687070;
}

.searchheader 
{
	width: 100%;
	background-color: #DDDDDD;
	color: #000000;
	height: 30px;
	vertical-align: middle;
	cursor: pointer;
}

.searchHeaderTable 
{
	height: 30px;
	width: 100%;	
}

.searchbox 
{
	width: 300px;
	border: solid 1px #687070;
}

.greyborder 
{
	border: solid 1px #666666;
	padding: 2px;
}

.link_categorie 
{
	color: #EC1D25;
	font-size: 16px;
	font-weight: bold;
}

/*-------------*/
.upload
{
	width: 400px;
    border: solid 1px #004792;
    margin: 10px 0px;
    padding: 10px 25px;
    background-color: #F0F8FF;
}
.upload H3
{
	margin:0;
	padding-bottom:5px;
	font-size:14px;
}        
.upload IFRAME
{
	text-align:center;
	vertical-align:middle;
	border-style:none;
	margin:0px;
	width:100%;
	height:35px;
}
#status, .commands{ height:25px; line-height:25px; }
.upload .commands{ float:right; }
.hidden { display:none; }        
#status { float:left; }
#status.error{ color:Red;}
#status.info{ color:#333;}
#status.success{ color:green;}
#message.success{ color:green;}

/*----------------------------------------------------------------*/


/* -- MENU -- */

.jquerycssmenu{
font-size: 11px;
background-color: #E6ECEA;
margin-bottom: 1px;
min-height: 114px;
}

.jquerycssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jquerycssmenu ul li{
position: relative;
display: block;
}

/*Top level menu link items style*/
.jquerycssmenu ul li a{
display: block;
background: #E6ECEA url(Images/pijl_menu.png) no-repeat 4px center; /*background of tabs (default state)*/
padding: 2px 2px 3px 16px;
border-bottom-width: 0;
color: #2d2b2b;
text-decoration: none;
font-weight: bold;
}

.jquerycssmenu ul li a:hover{
 /*tab link background during hover state*/
 background: #AAAAAA url(Images/pijl_menu_over.png) no-repeat 4px center ;
}
	
/*1st sub level menu*/
.jquerycssmenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
border-top: 1px solid black;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a{
font-size: 11px;
width: 198px; /*width of sub menus*/
background: #E6ECEA url(Images/pijl_menu.png) no-repeat 4px center ;
color: #2d2b2b;
padding: 2px 2px 3px 16px;
margin: 0;
border-top-width: 0px;
border-left: 1px solid black;
border-bottom: 1px solid black;
border-right: 1px solid black;
}

.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/
background: #AAAAAA url(Images/pijl_menu_over.png) no-repeat 4px center ;
color: white;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 7px;
right: 5px;
}

.rightarrowclass{
position: absolute;
top: 5px;
right: 5px;
}


/* -- END MENU -- */

.CustomTabStyle a 
{
	font-size: 11px;
}

.indekijker_text ? 
{
	font-size: 12px;
}

.disabled 
{
	color: #ffffff;
}