/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  margin: 0;
  padding: 0;
}

body {
	font-family: Helvetica,Arial,sans-serif;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #333;
	background:#f4f4f4;
	height:100%;
	width:100%;
}
html, body, #wrap {height: 100%;}
body > #wrap{
	background: #F6F6F6;
	font-family: Arial;
	height: auto;
	height: auto;
	margin: 0px auto;
	min-height: 100%;
	width: 970px;
}
a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	text-decoration:underline;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
}
a.external{
	padding-right:16px;
	background:transparent url(../images/li_external.gif) no-repeat scroll right center;
	/*margin-left:-13px; */
	line-height:20px;
}
.moduletable_contact a.external{	/* external links rechts moeten wel die negatieve margin hebben */
	/* margin-left:-13px; */
}
input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; }

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
	/*padding: 0px 0;
	margin-bottom: 1px;
	height:auto;*/
}

div.center {
  text-align: center;
}

div.container{
	/*display: block;
	width:975px;
	height:auto;
	background:#fff;
	*/
	display:block;
	float:left;
	padding:0px 5px;
	width:960px;
	min-height:700px;
	height:auto;
	background:#FFF;
	
	
	
}
div#wrapper {
	/*margin-left: auto;
	margin-right: auto;*/
}

body.width_medium div#wrapper {
	width: 960px;
}

body.width_small div#wrapper {
	width: 960px;
}

body.width_fmax div#wrapper {
	/*min-width: 960px;
	max-width: 960px;*/
}

div#header{
	display:block;
	float:left;
	height:auto;
	width:960px;
	background:#fff;
}
	
	#header_top{ 					/*  <---- // div die het logo en adresgegevens bij elkaar houdt! */
		display: block;
		float: left;
		height: 95px;
		width: 960px;
	}
	#header #header_top #logo {
		display: block;
		left: 0;
		top: 0;
		float: left;
		width: 298px;
		height: 95px;
		text-align:left;
	}
	#header #header_top #contactinfo {
	float: right;
	width:320px;
	margin-right: 0px;
	margin-top:20px;
	height: 65px;
	text-align:right;
	font-size:11px;
	}
	#header #menu{
    	display: block;
    	float: left;
    	width: 960px;
    	padding:0px;
    	margin:0px;
    	margin-bottom: -2px;
    }
    #header #foto_slider{
    	display: block;
    	float: left;
    	height: 284px; /* include the top and bottom borders */
    	width: 960px;
    }
    .moduletablerandom{
    	height:264px;
    	border-bottom:12px solid #555253;
    }
	#mainarea_home{ 			/* <--- het vlak waar nieuws + thema + snel naar staan */
		display: block;
		float:right;
		height:auto;
		text-align: right;
		width:960px;
		background:#fff;
	}


/* LOGIN */

.moduletable_login{
	margin-top:30px;
	text-align: left;
}
.moduletable_slider{
	margin-left:29px; /* foto slider op gebouw en terrein */
}
.moduletable_tyltyl p img{
	margin-left:-5px!important;
}
.moduletable_login h3{
	background:none repeat scroll 0 0 #EBEBEB;
	color:#555253;
	display:block;
	font-weight:bold;
	height:15px;
	line-height:22px;
	margin-bottom:20px;
	margin-left:10px;
	padding:8px 8px 8px 20px;
	width:620px;
}

.contentpaneopen h4,
.moduletable_login #form-login,
#maincolumn_full p,
.contentpaneopen_news_vervolg > p{
	margin-left:30px;
}
.contentpaneopen_news_vervolg tbody tr td p {
margin-left:0 !important;
}
.moduletable_login #form-login,
#maincolumn_full p{

	margin-left:30px;
}
.contentheading_hidden{
	display:none;
}
#form-login #form-login-username input[type="text"],
#form-login #form-login-password input[type="password"]{
	border:1px solid #222;
	width:200px;
	height:20px;
}

/* suckerfish menu */
/* =======================================
    Top Menu aka Main Menu
    ======================================= */

    #menu .moduletable_topmenu{
	padding:0;
	color: #333;
	height: 28px;
	margin: 0;
	width: 960px;
	font-size: 90%;
	background:#fff;
	border-bottom:12px solid #007DC3;
    }

    #menu .moduletable_topmenu h3 {
       background:#fff;
       color:#fff;
       padding:0.25em 0;
       text-align:center;
       font-size:1.1em;
       margin:0;
    }

    #menu .moduletable_topmenu ul{
       list-style: none;
       margin: 0;
       padding: 0;
       position:relative;
       z-index:9999;
	   display:block;
	   float:right;
	   
       background:transparent;
	   margin-right:50px;
    }

    #menu .moduletable_topmenu li{
       margin-right: 0px;
       padding-right:2px;
       margin-top:2px;
       float: left;
       z-index:9999;
	
    }
	
    #menu .moduletable_topmenu li ul { 			/* <---- submenu items */
       position: absolute;
       width:228px;
       left: -999em;
       border: 1px solid #767676;
       border-bottom: none;
       position: absolute;
       top: 28px;
       z-index:9999;
	   margin-left:-1px;
	  }
	
	#menu .moduletable_topmenu li.item56{
		display:none;
	}
	
	/* afwijkende breedte submenu items */
	#menu .moduletable_topmenu li.item7 ul{ /* submenu Het onderwijs */
		width:233px;
	}
	#menu .moduletable_topmenu li.item8 ul{ /* submenu Werken bij */
		width:178px;
	}
	#menu .moduletable_topmenu li.item10 ul{ /* submenu Nieuwsj */
		width:128px;
	}
	#menu .moduletable_topmenu li.item33 ul{ /* submenu praktische informatie */
		width:223px;
	}
	#menu .moduletable_topmenu li.item39 ul{ /* submenu ambulante begeleiding */
		width:193px;
	}
	#menu .moduletable_topmenu li.item44 ul{ /* submenu Contact */
		width:128px;
	}
    #menu .moduletable_topmenu li:hover ul {
       left: auto;
       z-index:9999;
    }
    #menu .moduletable_topmenu li ul li {
       width: auto;
       padding: 0;
       z-index:9999;
    }
    #menu .moduletable_topmenu li ul li.item54,
	#menu .moduletable_topmenu li ul li.item29,
    #menu .moduletable_topmenu li ul li.item30,
	#menu .moduletable_topmenu li ul li.item50,
    #menu .moduletable_topmenu li ul li.item28,
	#menu .moduletable_topmenu li ul li.item43,
	#menu .moduletable_topmenu li ul li.item47,
	#menu .moduletable_topmenu li ul li.item48{
	  			/* <--- laatste menu item */
    	padding-bottom:1px; /* anders komt het niet uit */
		border-bottom:2px solid #474748!important;
	
    }

    #menu .moduletable_topmenu li a{
       display: block;
       padding: 4px;
       background-color:#D3D3D3!important;
       color: #000;
       font-weight: bold;
       text-decoration: none;
       font-size:10px;
       z-index:9999;
	   text-transform:uppercase;
	   margin-top:2px;
    }
   
    #menu div.moduletable_topmenu ul.menumoduletable li#current.active.item1 a{
		background:#007dc3!important;
		color:#fff;	
	}
    #menu div.moduletable_topmenu ul.menumoduletable li.parent.item2 a{	   /* MENU : de school */
		width:90px;
		height:16px;
		text-align:left;
		background:#D3D3D3 url(../images/arrow_down.png) no-repeat 75px 2px !important;
	}
		#menu div.moduletable_topmenu ul.menumoduletable li.parent.item2 a:hover{
		background:#007DC3;
	}
	
	#menu div.moduletable_topmenu ul.menumoduletable li.parent.item7 a{    /* MENU : het onderwijs */
		width:115px;
		height:16px;
		text-align:left;
		background:#D3D3D3 url(../images/arrow_down.png) no-repeat 105px 2px !important;
	}

	
	#menu div.moduletable_topmenu ul.menumoduletable li.parent.item8 a{     /* MENU : Werken bij */
		width:90px;
		height:16px;
		text-align:left;
		background:#D3D3D3 url(../images/arrow_down.png) no-repeat 80px 2px !important;
	}
	#menu div.moduletable_topmenu ul.menumoduletable li.parent.item10 a{     /* MENU : Nieuws */
		width:80px;
		height:16px;
		text-align:left;
		background:#D3D3D3 url(../images/arrow_down.png) no-repeat 65px 2px !important;
	}	
	
	
	#menu div.moduletable_topmenu ul.menumoduletable li.parent.item33 a{     /* MENU : praktische informatie */
		width:155px;
		height:16px;
		text-align:left;
		background:#D3D3D3 url(../images/arrow_down.png) no-repeat 145px 2px !important;
	}
		#menu div.moduletable_topmenu ul.menumoduletable li.parent.item33 a:hover{
				background:#007DC3;
		}
	#menu div.moduletable_topmenu ul.menumoduletable li.parent.item39 a{     /* MENU : Ambulante begeleiding*/
		width:165px;
		height:16px;
		text-align:left;
		background:#D3D3D3 url(../images/arrow_down.png) no-repeat 155px 2px !important;
	}
		#menu div.moduletable_topmenu ul.menumoduletable li.parent.item39 a:hover{
				background:#007DC3;
		}	
	
	#menu div.moduletable_topmenu ul.menumoduletable li.parent.item44 a{     /* MENU : Contact */
		width:80px;
		height:16px;
		text-align:left;
		background:#D3D3D3 url(../images/arrow_down.png) no-repeat 65px 2px !important;
	}	
		
		/*10 & 44 */
	/*
	#menu div.moduletable_topmenu ul.menumoduletable li#current.active a,
	#menu div.moduletable_topmenu ul.menumoduletable li#current.parent.active a,
	#menu div.moduletable_topmenu ul.menumoduletable li.parent.active a{ 			
		background:#007dc3 url(../images/arrow_down.png) no-repeat 120px 2px !important;
		color:#fff;
		font-weight:normal!important;
	}
	*/
	/* menu + submenu header */
	
/* SPECIFIEKE HOOFDMENU ITEMS */	
	#menu div.moduletable_topmenu ul.menumoduletable li.parent.active.item2 a{
		background:#007dc3 url(../images/arrow_down.png) no-repeat 75px 2px!important;
		color:#fff;
	}
		#menu div.moduletable_topmenu ul.menumoduletable li.parent.active.item2 ul li a{
				background:#D3D3D3!important;
				color:#222!important;
		}
	#menu div.moduletable_topmenu ul.menumoduletable li.parent.active.item7 a{				/* Het onderwijs */
		background:#007dc3 url(../images/arrow_down.png) no-repeat 105px 2px!important;
		color:#fff;
	}
		#menu div.moduletable_topmenu ul.menumoduletable li.parent.active.item7 ul li a{	
				background:#D3D3D3!important;
				color:#222!important;
		}
	#menu div.moduletable_topmenu ul.menumoduletable li.parent.active.item8 a{					/* werken bij */
		background:#007dc3 url(../images/arrow_down.png) no-repeat 80px 2px!important;
		color:#fff;
	}
		#menu div.moduletable_topmenu ul.menumoduletable li.parent.active.item8 ul li a{
				background:#D3D3D3!important;
				color:#222!important;
		}
	#menu div.moduletable_topmenu ul.menumoduletable li.parent.active.item10 a{					/* NIEUWS */
		background:#007dc3 url(../images/arrow_down.png) no-repeat 65px 2px!important;
		color:#fff;
	}
		#menu div.moduletable_topmenu ul.menumoduletable li.parent.active.item10 ul li a{
				background:#D3D3D3!important;
				color:#222!important;
		}		
	#menu div.moduletable_topmenu ul.menumoduletable li.parent.active.item33 a{
		background:#007dc3 url(../images/arrow_down.png) no-repeat 145px 2px!important;
		color:#fff;
	}
		#menu div.moduletable_topmenu ul.menumoduletable li.parent.active.item33 ul li a{	/* praktische info */
				background:#D3D3D3!important;
				color:#222!important;
		}
	#menu div.moduletable_topmenu ul.menumoduletable li.parent.active.item39 a{				/* Amsbulante begeleiding */
		background:#007dc3 url(../images/arrow_down.png) no-repeat 155px 2px!important;
		color:#fff;
	}
		#menu div.moduletable_topmenu ul.menumoduletable li.parent.active.item39 ul li a{
				background:#D3D3D3!important;
				color:#222!important;
		}
	#menu div.moduletable_topmenu ul.menumoduletable li.parent.active.item44 a{					/* Contact */
		background:#007dc3 url(../images/arrow_down.png) no-repeat 65px 2px!important;
		color:#fff;
	}
		#menu div.moduletable_topmenu ul.menumoduletable li.parent.active.item44 ul li a{
				background:#D3D3D3!important;
				color:#222!important;
		}			
	
/* EINDE SPECIFIEKE HOOFDMENU ITEMS */

	/* !!!!!!! SUBEMENU items */	
	#menu div.moduletable_topmenu ul.menumoduletable li.parent.active.item2 ul li#current.active a,
	#menu div.moduletable_topmenu ul.menumoduletable li.parent.active.item7 ul li#current.active a,
	#menu div.moduletable_topmenu ul.menumoduletable li.parent.active.item8 ul li#current.active a,
	#menu div.moduletable_topmenu ul.menumoduletable li.parent.active.item10 ul li#current.active a,
	#menu div.moduletable_topmenu ul.menumoduletable li.parent.active.item33 ul li#current.active a,
	#menu div.moduletable_topmenu ul.menumoduletable li.parent.active.item39 ul li#current.active a,
	#menu div.moduletable_topmenu ul.menumoduletable li.parent.active.item44 ul li#current.active a{	
		color:#fff!important; 
		background:#777!important;
		font-weight:bold!important;
		font-size:10px;
	}
	#menu div.moduletable_topmenu ul.menumoduletable li#current.parent.active ul li a, 				/* submenu items van een geselecteerd hoofdmenu item */
	#menu div.moduletable_topmenu ul.menumoduletable li#current.active ul li a	{
		background:#D8D8D8!important;
		color:#222!important;
	}
	#menu div.moduletable_topmenu ul.menumoduletable li#current.parent.active ul li a:hover, 		/* HOVER submenu items van een geselecteerd hoofdmenu item */
	#menu div.moduletable_topmenu ul.menumoduletable li#current.active ul li a:hover{
		color:#fff!important;
	 	background:#555!important;	
	}
	
	 #menu div.moduletable_topmenu ul.menumoduletable li.parent.item2 ul li a,
	 #menu div.moduletable_topmenu ul.menumoduletable li.parent.item7 ul li a,
     #menu div.moduletable_topmenu ul.menumoduletable li.parent.item8 ul li a,
	 #menu div.moduletable_topmenu ul.menumoduletable li.parent.item10 ul li a,
	 #menu div.moduletable_topmenu ul.menumoduletable li.parent.item33 ul li a,
	 #menu div.moduletable_topmenu ul.menumoduletable li.parent.item39 ul li a,
	 #menu div.moduletable_topmenu ul.menumoduletable li.parent.item44 ul li a{
	 	background:#d8d8d8!important;
	
	 	width:220px;
	 	color:#222!important;
	 	margin-bottom:-2px;
		margin-top:-2px; /* dit zorgt voor betere handling met IE - anders spring submenu weg */
		font-weight:normal!important;
	 }
	 #menu div.moduletable_topmenu ul.menumoduletable li.parent.item7 ul li a{   /* SUBMENU: Het ONDERWIJS */
	 	width:225px!important;
		/*margin-top:-1px;*/
	 }
	 
	 #menu div.moduletable_topmenu ul.menumoduletable li.parent.item8 ul li a{  /* SUBMENU : werken bij */
	 	width:170px!important;
	 }
 	#menu div.moduletable_topmenu ul.menumoduletable li.parent.item10 ul li a{  /* SUBMENU : Nieuws */
	 	width:120px!important;
	 }	 
	 
	  #menu div.moduletable_topmenu ul.menumoduletable li.parent.item33 ul li a{   /* SUBMENU: praktische info */
	 	width:215px!important;
		/*margin-top:-1px; */
	 }
	  #menu div.moduletable_topmenu ul.menumoduletable li.parent.item39 ul li a{   /* SUBMENU: ambulante begeleiding */
	 	width:185px!important;
		/*margin-top:-1px; */
	 }
	  #menu div.moduletable_topmenu ul.menumoduletable li.parent.item44 ul li a{  /* SUBMENU : Contact */
	 	width:120px!important;
	 }
	 
	 /* SUBMENU:    hoe de submenu items eruit zien */	 
	  #menu div.moduletable_topmenu ul.menumoduletable li.parent.item2 ul li a:hover,
	  #menu div.moduletable_topmenu ul.menumoduletable li.parent.item7 ul li a:hover,
	  #menu div.moduletable_topmenu ul.menumoduletable li.parent.item8 ul li a:hover,
	  #menu div.moduletable_topmenu ul.menumoduletable li.parent.item10 ul li a:hover,
	  #menu div.moduletable_topmenu ul.menumoduletable li.parent.item33 ul li a:hover,
	  #menu div.moduletable_topmenu ul.menumoduletable li.parent.item39 ul li a:hover,
	  #menu div.moduletable_topmenu ul.menumoduletable li.parent.item44 ul li a:hover{
	  	color:#fff!important;
	 	background:#555!important;
		filter: alpha(opacity=90); /* internet explorer */
		-khtml-opacity: 0.9;      /* khtml, old safari */
		-moz-opacity: 0.9;       /* mozilla, netscape */
		opacity: 0.9;           /* fx, safari, opera */	 	
  	}
    html>body .moduletable_topmenu li a {
       width: auto;
       z-index:9999;
    }

    .moduletable_topmenu li ul li a {
       width: 175px;
       background-color: #221f20!important;
       color: #fff;
       /* ---
       filter:alpha(opacity=80);
       -moz-opacity: 0.8;
       opacity: 0.8;*/
       z-index:9999;
    }


    .moduletable_topmenu li a:hover,a#active_menu:link,a#active_menu:visited{
       color: #007DC3;
       text-decoration: none;
       z-index:9999;
       /* ---
       filter:alpha(opacity=100);
       -moz-opacity: 1.0;
       opacity: 1.0;*/
    }

    .moduletable_topmenu li ul li a:hover {
       background-color: #221f20;
       color: #fff;
       z-index:9999;
      
    }

    .moduletable_topmenu li:hover ul, .moduletable_topmenu li.sfhover ul {
       left: auto;
       z-index:9999;
    }


    .moduletable_topmenu ul li.active a {
       color: #fff;
       text-decoration: none;
       z-index:9999;
       background:#555253!important;

    }
    .moduletable_topmenu li.parent.active a {
      /* color: #fff; */
       text-decoration: none;
       z-index:9999;
    }
    .moduletable_topmenu li.parent.active a:hover {		/* menu + submenu HOVER */
       color: #eaeaea;  
       z-index:9999;
    }

    .moduletable_topmenu li.parent.active ul li a {
       text-align: left;
       color: #fff;
       text-decoration: none;
       z-index:9999;
    }
    .moduletable_topmenu li.parent.active ul li a:hover {
       text-align: left;
       color: #ff0000;
       text-decoration: none;
       z-index:9999;
	   
    }


/* einde header + MENU */



/* ############################################################################# */
/* 						HOMEPAGE 3 deling 										 */
/* 										 										 */
/* Op de homepage is er een 3 deling te zien voor nieuws, thema en quicklinks	 */
/* hier de opmaak voor die 3deling - waarbij thema express hoog is..			 */
/* 										 										 */
/* ############################################################################# */

.navigatie h3{
	background:#555253;
	color:#fff;
	font-style: italic;
	/* margin:5px; */
	padding:8px;
	padding-left:16px;
	margin-bottom: 15px;
	font-family: Georgia;
	font-weight: normal!important;
	font-size:1.4em;

}

.moduletable_news_vervolg,
.moduletable_news_homepage,
.moduletable_thema,
.moduletable_quick{
	/*border-top:2px solid #777;*/
	margin:25px 20px 35px 0px;
	/*padding:15px 10px; */
	display:block;
	float:left;
	width: 400px;
	min-height:100px;
	height:auto;
	text-align: left;
	/*background:#f8f8f8;*/
/*	border-bottom:2px solid #777;*/
}
	.moduletable_news_vervolg{
	margin-top:0px;
		width:620px;
	}
	.moduletable_news_homepage{
		width:460px;
	}
		.moduletable_news_homepage table.contentpaneopen_news_homepage tbody tr td p{
			width:440px!important;
		}
		
	.moduletable_thema{
		height:400px;
	}
	
	.moduletable_news_homepage h3,
	.moduletable_news h3,
	.moduletable_quick h3{
	background:#555253;
	color:#fff;
	font-style: italic;
	/* margin:5px; */
	padding:8px;
	padding-left:12px;
	margin-bottom: 8px;
	font-family: Georgia;
	font-weight: normal!important;
	font-size:1.4em;
}

	.moduletable_thema h3{
		background:#007DC3;
		color:#fff;
		font-style: italic;
		padding:8px;
		padding-left:12px;
		margin-bottom: 8px;
		font-family: Georgia;
		font-weight: normal;
		font-size:1.4em;
	}

	.moduletable_thema,
	.moduletable_quick{
		width:230px;
		
		margin-right:20px;
	}
	.moduletable_quick{
		display:block;
		float:left;
		height:130px!important; /* andere elementen moeten nog hieronder komen */
		margin: 25px 0px 10px 0px;
		border-bottom:1px solid #ccc;
	}
	.moduletable_actie,
	.moduletable_contact{
		display:block;
		float:left;
		width:230px;
		margin-top: 5px;
		border-bottom:1px solid #ccc;
	}
	.moduletable_contact{
		width:240px;
		margin-top:15px;
	}
		.moduletable_contact h3,
		.moduletable_actie h3,
		.moduletablenieuwsbrief h3{
			background:#555253;
			color:#fff;
			/* margin:5px; */
			padding:8px;
			padding-left:12px;
			margin-bottom: 8px;
			font-family: arial;
			font-weight: normal!important;
			font-size:0.99em;
			margin-bottom:10px;
		}
		.moduletable_contact p{
			margin-left:15px!important;
		}
		
		.moduletable_contact h3{
			font-family:Georgia;
			font-size:1.4em;
			font-style:italic;
			font-weight:normal !important;
			margin-bottom:15px;
		}
			.moduletable_actie h3 a{
				text-decoration:underline;
				color:#fff!important;
				line-height:14px;
			}
		.moduletable_actie h4{
			background:#007DC3;
			color:#fff;
			padding:8px;
			padding-left:12px;
			margin-bottom: 8px;
			font-family: arial;
			font-weight: normal;
			font-size:0.99em;
			text-align:left;
			margin-bottom:15px;	
		}	
			.moduletable_actie h4 a{
				text-decoration:underline;
				color:#fff!important;
			}
	.moduletable_nieuwsbrief{
		display:block;
		float:left;
		width:240px;
		margin-top: 15px;

		border-bottom:1px solid #ccc;
		padding-bottom:10px;
	}
		.moduletable_nieuwsbrief h3{
			/*background:#555253;
			color:#fff;
			padding:8px;
			padding-left:12px;
			margin-bottom: 8px;
			font-family: arial;
			font-weight: normal!important;
			font-size:0.99em;
			margin-bottom:10px;	
			font-family:Georgia;
			font-size:1.4em;
			font-style:italic;
			font-weight:normal !important;
			margin-bottom:15px;*/
background: #555253;
color: white;
font-family: Georgia;
font-size: 1.4em;
font-style: italic;
font-weight: normal !important;
margin-bottom: 15px;
padding: 8px 8px 8px 16px;
padding-left: 16px;
padding-left: 16px;
		}
			.moduletable_nieuwsbrief p{
				margin-left:15px!important;
			}
			.moduletable_nieuwsbrief h3 a{
				text-decoration:underline;
				color:#fff!important;
				line-height:14px;
			}

	.moduletable_newsindex{
		width:900px;
		height:auto;
		text-align: left;
	}

/* CONTENT */
table.contentpaneopen tbody tr{
	height:22px!important;
	
}
table.contentpaneopen tbody tr td.contentheading,
contentheading_test,
.moduletable_news_vervolg h3{
	padding-left:20px;
	color:#555253;
	background:#ebebeb;
	margin-left:10px;
	padding:8px;
	padding-left:20px;
	line-height:22px;
	height:15px;
	display:block;
	margin-bottom:20px;
	width:610px!important;
	font-weight:bold;
}

table.contentpaneopen tbody tr td p{
	/*padding-left:30px; */
	line-height:17px;
	width:600px;
	margin-bottom:16px;
}


/* NEWS */
	/*.readmore{
	displaY:block;
		width:600px;
		float:left;
		text-align: right;
	}*/
	.contentpaneopen_news_homepage .readmore,
	.contentpaneopen_news_vervolg .readmore{
		displaY:block;
		width:440px;
		float:left;
		text-align: right;
	}
		.contentpaneopen_news_vervolg .readmore{
			width:640px;
		}
	
	.contentheading_news,
	.contentheading_news_vervolg,
	.contentheading_news_homepage,
	.contentheading_news_homepage a.contentpagetitle_news_homepage{
		text-transform:uppercase;
		font-weight:bold;
		padding:5px 0;
		color:#222;	
		text-decoration:none;
	}
	table.contentpaneopen_news_homepage{
			margin-left:12px;
	}
	table.contentpaneopen_news_vervolg{
		margin-left:30px;
	}
	
	
	table.contentpaneopen_news tr td.linktext{
		border-bottom:1px #888 solid;	
		padding-left:-12px;
	}
	.lire_suite_news{
		float:right;
		text-align:right;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		margin:5px 0 5px 0;
		padding-bottom:5px;
		font-weight:normal!important;
		color:#333;
		text-transform:lowercase!important;
		text-decoration:underline!important;
	}
.boite_news_news{
	padding-left:10px;
}	
.moduletable_news_vervolg span a{
	text-transform: uppercase;
	color:#555;
	font-weight: bold;
}	
/* quicklinks opmaak */
ul.mostread_quick{
	margin:0px 27px;
	list-style-type:disc	;
	
}

ul.mostread_quick li.mostread_quick{
	font-size:12px;
	line-height: 17px;
	color:#555;
}
ul.mostread_quick li.mostread_quick a.mostread_quick{ /* 09-08-2010 */
	color:#555!important;
	text-transform:none;
	text-decoration:underline;
}


/* rechterkant contentpagina - het vlak dat bij de contentpagina's de rechterkant dynamisch maakt */

.moduletable_submenu{
	display:block;
	float:left;
	width:210px;
	padding:15px;
	padding-top:0px;
	border-bottom:1px solid #CCCCCC;
}
.moduletable_image{
	width:240px;
	display:block;
	float:left;
	text-align: center;
	margin-top:15px;
}
	.moduletable_image p{
		margin-left:13px!important;
		text-align: center!important;
	}
	.moduletable_image p img{
		border:1px solid #222!important;
	}
.moduletable_submenu h3{ 								/* HEADERS boven het menu */
	color:#555253!important;
}

.moduletable_submenu ul#submenu li{						/* line height submenu items */
	line-height:18px;
}
.moduletable_submenu ul#submenu li a{					/* normale links */
	font-weight: normal!important;
	color:#555253!important;
	text-decoration:none;
}
.moduletable_submenu ul#submenu li a:hover{					/* normale links */
	font-weight: normal!important;
	color:#555253!important;
	text-decoration:underline;
}

.moduletable_submenu ul#submenu li#current.active a{	/* actieve link */
	font-weight: bold!important;
	color:#007DC3!important;
}


.moduletable_extra{
	margin-top:20px;
	display:block;
	float:left;
	width:210px;
	padding:15px;
	border:1px solid #CCCCCC;
}

/* END RECHTERKANT CONTENTPAGINA */

/* ################################################################################################### */
/* SITEMAP 	- mmschool sitemap 

	Alle subitems worden hier getoond - moet nog een specifieke opmaal voor worden gemaakt...
	
*/
/* ################################################################################################### */
div.moduletable_sitemap_head{			/* sitemap vermelding naast de Sitemap */
	display:block;
	float:left;
	width:960px!important;
	height:auto;
	background:#EBEBEB ;
	margin:0;
	padding:0;
}
div.moduletable_sitemap_head p{		/* het woord Sitemap */
	background:#fff;
	color:#222;
	height:20px;
	text-align:left;
	padding-top:2px;
	padding-left:5px;
	font-style:italic;
	font-family:Georgia;
	font-weight:bold;
}

div.moduletable_sitemap{
clear:both;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	width:960px;
}
#sitemap.menu_sitemap{
	display: block;
	float:left;
	/*width:960px; */
	width:960px;
	background: #EBEBEB;
}
#sitemap.menu_sitemap li{
	display:block;
	float:left;
	width:149px;
	text-align:left;
}
ul#sitemap.menu_sitemap li.item1,	/* DIT zijn de headers van de sitemap en daarom hebben die een andere */
ul#sitemap.menu_sitemap li.item2,	/* kleur etc														  */
ul#sitemap.menu_sitemap li.item7,
ul#sitemap.menu_sitemap li.item8,
ul#sitemap.menu_sitemap li.item10,
ul#sitemap.menu_sitemap li.item33,
ul#sitemap.menu_sitemap li.item39,
ul#sitemap.menu_sitemap li.item44{
	background:#007DC3;
	line-height:15px;
	text-transform:uppercase;
	font-size:9px;
}


ul#sitemap.menu_sitemap li.item1,
ul#sitemap.menu_sitemap li.active.item1{	/* HOME item hoeft maar klein te zijn */
	width:61px!important;
	padding-left:5px;
	
}
ul#sitemap.menu_sitemap li.parent.item2,
ul#sitemap.menu_sitemap li.parent.item7,
ul#sitemap.menu_sitemap li.parent.item8,
ul#sitemap.menu_sitemap li.parent.item10,
ul#sitemap.menu_sitemap li.parent.item33,
ul#sitemap.menu_sitemap li.parent.item39,
ul#sitemap.menu_sitemap li.parent.item44{
		margin-bottom:4px;
		display: block;
		float: left;
}
	ul#sitemap.menu_sitemap li.parent.item8{
		
	}
	ul#sitemap.menu_sitemap li.parent.item7{
	margin:0px!important;
	/*		height:92px;*/
	}
	
	ul#sitemap.menu_sitemap li.parent.item39{
		margin:0px!important;
/*		height: 50px!important;

		display: block;
		float: left; */
	}	
	ul#sitemap.menu_sitemap li.parent.item44{
		/*margin-left:76px; */
	}
	ul#sitemap.menu_sitemap li.parent.item1 ul li a span{
		display:none;
		}
	
ul.menu_sitemap li a > span {
	font-weight: bold;
	color:#fff;
	width:145px;
	display: block;
	padding-left:4px;
	line-height:20px;
}


	ul#sitemap.menu_sitemap li.parent.item44 ul li { /* afwijkend voor laatste menu item sitemap */
		/*width:384px;*/
		
	}
ul#sitemap.menu_sitemap li ul{
	/*display: block;
	float:left;
	background: #EBEBEB; */
;
}
ul#sitemap.menu_sitemap li ul li{

	
}
ul#sitemap.menu_sitemap li ul li a > span{
	background: #EBEBEB!important;
	line-height: 14px;
	font-weight: normal;
	color:#555253;
	text-transform:lowercase;
	font-size:9px!important;
}

ul#sitemap.menu_sitemap li.item8 ul li.item23 a span, /* dit zijn De Witte Vogel en De MMSchool items */
ul#sitemap.menu_sitemap li.item8 ul li.item41 a span{
	text-transform:none;

}

#sitemap.menu_sitemap li.parent a,
#sitemap.menu_sitemap li.parent ul li a{
	text-decoration: none!important; 		/* linkjes in de sitemap geen underlines */
}

/* BREADCRUMBS */
	
		#header #pathway {
			display: block;
			float:left;
			background:#555253;
			padding: 10px 0;
			width: 960px;
			margin-bottom: 5px;
			text-align: left;
			color:#fff;
			font-size:11px;
			font-weight:bold;
			text-transform:lowercase;
		}
		#header #pathway a{
			color:#fff;
			text-decoration:underline;
			font-weight:normal;
		}

	#foto-elementen{
		display:block;
		float:left;
		height:260px!important;
		width:960px!important;
		background:#f1f1f1;
	}
	/* FNS slider */
	
		#s3slider {
			width: 960px; 
			height: 260px; 
			position: relative; 
			overflow: hidden; 
		}        
		
		#s3sliderContent {
			width: 400px; 
			position: absolute; 
			top: 0;  
			margin-left: 0; 
		}
		
		.s3sliderImage {
			float: left; 
			position: relative; 
			display: none; 
		}
		
		.s3sliderImage span {
			position: absolute; 
			left: 0;
			font: 14px/18px Arial, Helvetica, sans-serif;
			padding: 10px 13px;
			width: 946px;
			background-color: #000;
			filter: alpha(opacity=70); /* internet explorer */
				-khtml-opacity: 0.7;      /* khtml, old safari */
				-moz-opacity: 0.7;       /* mozilla, netscape */
				opacity: 0.7;           /* fx, safari, opera */
			
			color: #fff;
			display: none; /* important */
			bottom:0;
			text-align:right;
		}
		
		.clear {
			clear: both;
		}
	
div#newsflash {
	width: auto;
	margin-left: 350px;
	margin-right: 30px;
	border: 1px solid #00f;
}

#footer{
	clear:both;
	padding:0;
	margin:0;
	display: block;	
	float:left;
	width:960px;
	height:auto;
	background:#EBEBEB;
	margin:0 auto;
	margin-bottom:5px;			
}


div#footer_r a:link, div#footer_r a:visited  {
	color: #999;
}

div#footerspacer {
display:block;
float:left;
background:pink;
	height: 10px;
}


#mainarea{
	clear:both;
	display:block;
	float:left;
	width:960px;

	height:auto;
}


form#searchForm input {
	vertical-align: middle;
}

form#searchForm table {
	border-collapse: collapse;
}

form#searchForm td {
	padding:0;
}

#mod_search_searchword {
	padding-left: 3px;
}

#area {
	padding: 0;
}




#leftcolumn {
	padding: 0;
	margin: 0;
	width: 20%;
	float:left;
}

#maincolumn,
#maincolumn_full {
	margin-left: 20%;
	padding-left: 15px;
	width: 75%;
}

#maincolumn_full {
	margin-left: 0;
	padding: 0;	
	width: 100%;
}

table.nopad {
	width: 100%;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	margin-top:15px;
}

table.nopad td.middle_pad {
	width: 20px;
}

#area #maincolumn_full table.nopad tbody tr td{
	text-align: left;
	vertical-align: top;
}
/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}

span.pathway {
  display: block;
  margin: 0 20px;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
}

/* headers */
div.componentheading {
  padding-left: 0px;
}

h1 {
	padding: 0;
	font-family:Helvetica ,Arial,sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	vertical-align: bottom;
	color: #666;
	text-align: left;
	width: 100%;
}

h2, td.contentheading {
	padding: 0;
	font-family: Arial, Helvetica,sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	vertical-align: bottom;
	color: #333;
	text-align: left;
	width: 610px!important;
	line-height: 2em;
	margin-left:10px;
}

table.contentpaneopen{
	text-align: left!important;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #007DC3!important;
}

p hr{
	margin:0!important;
}

h3{
	text-align:left;
}
.componentheading, table.moduletable th, legend {
  margin: 0;
  font-weight: bold;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 1.5em;
  padding-left: 0px;
  margin-bottom: 10px;
  text-align: left;
  color:#fff;
  font-weight: normal;
  display:none; /* 09-08-2010 */
}

hr{
	clear:both;
	padding:0;
	margin:0;
	width:620px;
	margin-left:30px;
}

/* small text */
.small {
    display:none; /* waarom staat dit aan ?? */
	font-size: .90em;
	color: #999;
	font-weight: normal;
	text-align: left;
}

.modifydate {
  height: 20px;
  vertical-align: bottom;
	font-size: .90em;
	color: #999;
	font-weight: normal;
	text-align: left;
}

.createdate {
	height: 20px;
	vertical-align: top;
	font-size: .90em;
	color: #999;
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 0px;

}

a.readon {
	margin-top: 10px;
	display: block;
	float: left;
	background: url(../images/mw_readon.png) top right no-repeat;
	padding-right: 20px;
	line-height: 14px;
	height: 16px;
}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
	background-color: #f6f6f6;
}

.ol-background {
	background-color: #666;
}

.ol-textfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.ol-captionfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f6f6f6;
	font-weight: bold;
}
.ol-captionfont a {
	color: #0B55C4;
	text-decoration: none;
	font-size: 12px;
}

.ol-closefont {}

/* menu links */
a.mainlevel:link, a.mainlevel:visited {
	padding-left: 5px;
	display:block;
	float:left;
	min-width:80px;

	border-right:1px solid pink;
}

a.mainlevel:hover {

}

/* spacers */
span.article_separator {
	display: block;
	height: 20px;
}

.article_column {
	padding-right: 5px;
}

.column_separator {
	border-left: 1px dashed #e0e0e0;
	padding-left: 10px;
}

td.buttonheading {
	vertical-align: middle;
}

td.buttonheading img {
	border:none;
}

.clr {
	clear: both;
}

td.greyline {
  width: 20px;
  /* background: url(../images/mw_line_grey.png) 50% 0 repeat-y; */
}

div#maindivider {
  border-top: 1px solid #ddd;
  margin-bottom: 10px;
  overflow: hidden;
  height: 1px;
}

table.blog span.article_separator {
	display: block;
	height: 20px;
}

/* edit button */
.contentpaneopen_edit{
	float: left;
}

/* table of contents */
table.contenttoc {
  margin: 5px;
  border: 1px solid #ccc;
  padding: 5px;
  float: right;
}

table.contenttoc td {
  padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
  background: #efefef;
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
}


/* content styles */
table.contentpaneopen, table.contentpane {
	margin: 0;
	padding: 0;
	width: 650px;
}

table.contentpaneopen li {
	margin-bottom: 5px;
}

table.contentpaneopen fieldset {
	border: 0;
	border-top: 1px solid #ddd;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

table\ {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

.highlight {
	background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable {
	margin-bottom: 0px;
}

div.moduletable, div.module {
  /*margin-bottom: 25px;*/
}

div.moduletable h3{
	color:#555253;
display:block;
font-weight:bold;
height:15px;
line-height:22px;
margin-bottom:20px;
margin-left:10px;
padding:8px 8px 8px 20px;
width:620px;
}
div.module_menu h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #eee;
	margin: -23px -4px 5px -5px;
	padding-left: 10px;
	padding-bottom: 2px;
}



#leftcolumn div.module {
	padding: 0 10px;
}

#leftcolumn div.module table {
	width: auto;
}

/* forms */
table.adminform textarea {
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}

div.search input {
	width: 145px;
	border: 1px solid #ccc;
	margin: 15px 0 10px 0;
}

form#form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
form#form-login ul { padding-left: 20px; }

form#com-form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
form#com-form-login ul { padding-left: 20px; }

/* thumbnails */
div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #666; }

div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #666; text-align: center; }

/* Parameter Table */
table.paramlist {
	margin-top: 5px;
}

table.paramlist td.paramlist_key {
	width: 128px;
	text-align: left;
	height: 30px;
}

table.paramlist td.paramlist_value {
}

div.message {
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 14px;
	color : #c30;
	text-align: center;
	width: auto;
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	margin: 3px 0px 10px;
	padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.bannergroup {
}

.banneritem img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Text advert style */

.banneritem_text {
	padding: 4px;
	font-size: 11px;
}

.bannerfooter_text {
	padding: 4px;
	font-size: 11px;
	background-color: #F7F7F7;
	text-align: right;
}

/* System Messages */
/* see system general.css */

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

/* Polls */
.pollstableborder td {
	text-align: left;
}

/* WebLinks */
span.description {
	display:block;
	padding-left: 30px;
}

/* Frontend Editing*/
fieldset {
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 15px;
}

legend {
	margin: 0;
	padding: 0 10px;
}

td.key {
	border-bottom:1px solid #eee;
	color: #666;
}

/* Tooltips */

.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}

#syndicate{
	float:left;
	padding-left: 25px;
}

#power_by{
	float:right;
	padding-right: 25px;
}

/* Component Specific Fixes */

#component-contact table td {
	padding: 2px 0;
}

.moduletablefns_{
	
	border-bottom:12px solid #555253;
	display: block;
	float: left;
	height: 260px;
	width: 960px;
	}
#images_slide{
	/*border-bottom:12px solid #555253;*/
}

.moduletablerandom{
	margin-top:-25px;
}
    
/* Google Maps */
form.mapdirform input[type="radio"]{
	margin-bottom:15px;
}

form.mapdirform input.radio{
	margin-top:10px;
}
form.mapdirform #saddr{
	margin:15px 0;
	width:235px;
}
form.mapdirform input.button{
	margin-top:15px!important;
	margin-bottom:15px!important;
}
.map{
	margin-left:24px!important;
}

/* links */

a[href $='.pdf'] { 
   padding-right: 20px;
   background: transparent url(../images/icon_pdf.gif) no-repeat center right;
}
a[href^="mailto:"] {
	background:url("../images/icon_mailto.gif") no-repeat scroll center right transparent;
	height:20px;
	padding:5px 20px 5px 5px;
	text-align:left;
}
.moduletablefoto_random {
	padding:5px;
	border-bottom:1px solid #CCCCCC;
}
.moduletablefoto_random img{
	padding-top:8px;
}
table.tableInline{
	margin-left:30px;
}
#ver{			/* vacature systeem */
	border:5px solid #EEEEEE;
	background:none repeat scroll 0 0 #F5F5F5;
	width:600px;
	margin-left:30px;
}

#idTextPanel p{
	margin:0!important;
	padding:10px;
}
#ver h4.toggler{
	padding-left:10px!important;
	background:#ccc!important;
	text-transform: none!important;
}
#ver .element{
	padding:0!important;
	margin:0;
}
#design{
	text-align:right;
	font-size:12px;
}
#design a{
	color:#16A0D4!important;
}
/* Juli 2011 */

[if IE 9] #cboxIframe{
		width:999px!important;
		height:900px!important;
}

