@charset "utf-8";
/* CSS Document */
html{
	height: 100%; 
}



body{
	background: #74ACCF url(../images/design/body-bg.jpg) repeat-x top left;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: small;
	height: 100%; 
	outline: none;
}
table.tabl { width: 680px;margin-left:0px; vertical-align: top}
td.td { vertical-align: top;width:250px;}
td.td2{width:50px;vertical-align: top;text-align:left;}
th.th , td.th{ border-bottom:1px solid #e82d24; border-top:1px solid #e82d24;}
/*th.th ,th.prl { color:#646464; }*/
th.th span {font-weight:normal}
th.prl { height:10px;vertical-align: top;}
TABLE { 
	height: 100%;
	background: #ffffff; 
	width: 960px;
	border: none;
	margin: 0 auto;
	text-align: left;
}

a{
	color: #0072bc;
	text-decoration: none;
	
}

a:hover{
	text-decoration: underline;
}

a img{
	border: none;
}

p{
	line-height: 1.5em;
	clear: left;
}

h1{
	text-transform: uppercase;
	font-size: 1.5em;
	color:  #e42d24; /*#006BB6; *//*hoofdkleur*/
	margin: 0px 0 10px 0;
	padding: 0;
	line-height: 1em;
}

h2{
	font-size: 1.4em;
	margin: 20px 0 10px 0px;
	color: #333333;
	line-height: 1.5em;
}

h3{
	font-size: 1.3em;
	
}

h4{
	font-size: 1em;
	color: black;
}


ul{
	margin: 0;
}

li{
	line-height: 1.5em;
}

a:focus{
	outline: none;
}

#header{
	background: url(../images/design/header-bg.jpg) no-repeat top left; 	
	height: 160px;
}

#header-vijf{	
	background: url(../images/design/header-bg-vijf.jpg) no-repeat top left; 
	height: 160px;
}

#nav-toolbox{
	background: #ffffff;
	float: right;
	padding: 5px 10px 5px 15px;
	margin: 0 0 20px 0;
	height: 18px;
}

	#nav-toolbox ul, #nav-main ul, #footer ul{
		margin: 0;
		padding: 0;
	}

	#nav-toolbox li, #nav-main li, #footer li{
		display: inline;
		list-style: none;
	}
	
	#nav-toolbox li a, #nav-main li a, #footer li a{
		color: #333333;
		text-decoration: none;
		background: url(../images/design/bullet-off.gif) no-repeat center left;
		padding: 8px 5px 7px 15px;
	}
	
	#nav-toolbox li a:hover, #nav-main li a:hover, #footer li a:hover {
		color: #000000;
		text-decoration: none;
		background: url(../images/design/bullet.gif) no-repeat center left;
	}

	#nav-main li a.active, #footer li .active a{
		color: #000000;
		text-decoration: none;
		background: url(../images/design/bullet.gif) no-repeat center left;
		border-bottom: 1px #000000 solid;
		border-top: 1px #000000 solid;
	}

	#nav-toolbox li a.active{
		color: #000000;
		text-decoration: none;
		background: url(../images/design/bullet.gif) no-repeat center left;
	}

	
/*tooltip*/

.hotspot {cursor:pointer}

#tt {position:absolute; display:block; background:url(../images/design/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/design/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/design/tt_bottom.gif) top right no-repeat; overflow:hidden}

.login{
	float: right;
	background: white url(../images/design/bullet-off.gif) no-repeat center left;
	padding: 7px 10px 6px 15px;
	height: 15px;
	color: #333333;
}

.login a:hover{
	text-decoration: none;
}

#logo{
	float: left;
	margin: 35px 0 0 60px;
}

#nav-main{
	margin: 15px 20px 0 20px;
	padding: 7px 0 7px 0;
	height: 20px;
	clear: both;
	background: url(../images/design/nav-main-bg.gif) repeat-x top left; 
}


.paging a{
	margin: 0 5px;
}

.paging span{
	margin: 0 5px;
}

#opleiding{
	background: none;
	float: left;
}
.check{
    margin-top: 5px;
    margin-right: 5px;
    padding:  5px 0 0 0;
    height:auto;
}
form{
	color: #ffffff;
	font-size: 0.85em;
}

label{
    float: left;
    width: 140px;
    margin-right: 20px;
}

.opleidingen-zoeken{
	float: left;
	width: 200px;
}
#contactform ul li{
	list-style-type: none;
	}
	
	#contactform{
	background: #f3c1bf; /*Lichte kleur*/
	padding: 20px;
	margin: 20px 0 0 0;
	overflow: hidden;
	float: left;
	}
	
#contactform li{
	list-style: none;
	margin: 0 0 10px 0;
	float: left;
    width: 400px;
	}
	
#contactform h2{
	margin: 0 0 20px 0;
	}

#contactform label{
/*	border: 1px red solid;*/
}


#contactform input{
	/*border: 1px green solid;	*/
}

#contactform input.check{
	border: 1px red solid;
}

#contacttable1{
    width: 400px;
    float: left;
}
#contacttable2{
    float: left;
}
#contacttable1 td {
        width: 40px;
    }
#contacttable1 input{
    width: 100px;
}
#contacttable2 input{
    width: 20px;
}
.error_msg{
    color: red;
    float: right;
}
.contactcheck
{
    width: 20px !important;
    margin: 0px 5px 10px 0;
    float: left;
    clear: both;
}
.image_error_empty{
    width: 20px;
}
#contact label{
    float: left;
    width: 140px;
    margin-right: 20px;
}

#contactform h5{
	margin: 20px 0 0 0;
	font-size: 1em;
}

#search{
	float: right;
	clear: right;
	width: 200px;
	overflow: hidden;
	height: 72px;
}

#search p{
	float: left;
	width: 170px;
	padding: 0;
	margin: 0px 0 5px 5px;
}

input{
	background: #ffffff;
	border: none;
	padding: 2px;
	margin: 0px 0 5px 0;
	height: 1.3em;
}

input #query{
	margin: 0 0 5px 0;
}

input.checkbox{
	border: 0;
	padding: 0;
	margin: 0 5px 0 0;
	background: none;
}



	#content-main form, #content form{
	color: #000000;
	line-height: 1em;
}

	#content-main #search, #content #search{
	float: right;
	clear: right;
	width: 200px;
}

	#content-main #search p, #content #search p{
	float: left;
	width: 200px;
	padding: 0;
	margin: 0px 0 5px 5px;	
}

.textfield{
	background: #ffffff;
	border: 1px #999999 solid;
	padding: 0px;
	width: 200px;
	height: 1.3em;
}

	#input.checkbox{
	border: none;
}

#content #opleiding{
	background: none;
	width: 20px;
}

#content .opleidingen-zoeken{
	float: left;
	width: 120px;
}

/*	#content-main .button, #content .button{
	background: #B8D67B;
	float: left;
	width: 40px;
	height: 20px;
	color: #000000;
	cursor: pointer;
	padding: 0px 1px 6px 1px;
	margin: 2px 0 0 0px;
	font-size: 1.1em;
	border: 1px #006BB6 solid; 
}*/
.button  {
	background: #0069B3;
    height: 20px;
	color: #fff;
    float: right;
	cursor: pointer;
	padding: 0px 1px 6px 1px;
	margin: 2px 2px 20px 0px;
	font-size: 1.1em;
	border: 1px #006AA6 solid;
}

#submit-buttons{
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
   
}
.searchInfo{
	clear: left;
	margin: 30px 0 0 0;
}

.button:hover{
	color: #000000;
}

.error{
	color: red;
}

#print{
	float: right;
	clear: right;
	margin: 25px 0 0 0;
	padding: 4px 0;
}

	#print a{
		background: url(../images/design/print.gif) no-repeat center right;
		padding: 15px 30px 15px 0;
		margin: 0 20px 0 0;
		color: #666666;
		text-decoration: none;
	}
	
	#print a:hover{
		color: #000000;
	}

#content{
	padding: 20px;
	position: relative;
	height: 100%;
}

	#content ul{
		list-style: none;
		padding: 0;
	}

	#content-left li{
		padding: 0 0 10px 0px;
		margin: 0 0 10px 0;
		background: url(../images/design/dotted-line.gif) repeat-x bottom left;
	}

	#content-left h3{
		background: url(../images/design/bullet.gif) no-repeat 0px 0.2em;
		padding: 0 0 0 15px;
	}

	#content-left p{
		padding: 0 0 0 15px;
	}
	
	#content-left{
		width: 445px;
		float: left;
	}

	#content-left img{
		margin: 0 0 20px 20px;
		float: right;
	}

	
	#content-right{
		width: 445px;
		float: right;
	}
	
	#content-main{
		width: 680px;
		float: right;
	}

	#content-main h1{
		margin: 10px 0 0 0;
		padding: 0;
	}


	#content-main h4{
		margin: 10px 0 0 0;
		padding: 0;
	}

	#content-main ul{
		margin: 10px 0 0 0;
}

	#content-main li{
		list-style: disc;
		margin: 0 0 0 20px;
		line-height: 1.8em;
	}


	
/*_______________________________________________________________HOME PAGE*/
	
	#zoek-een-school{
		background: url(../images/design/zoek-een-school.gif) no-repeat top left;
		height: 180px;
		padding: 15px;
	}
	
	#zoek-een-school p{
		margin: 5px 0 0px 0px;
		color: #ffffff;
		font-size: 14px;
		line-height: 26px;
		font-weight: bold;
		*line-height: 23px;
	}	
	
	#zoek-een-school a{
		color: #666666;
		text-decoration: none;
		font-weight: bold;
		float: right;
		margin: 18px 25px 0 0;
		cursor: pointer;
		padding: 5px 40px 5px 20px;
		*padding: 0px 40px 5px 20px;
	}
	
	#zoek-een-school a:hover{
		color: #000000;
		
	}
	
	#ligging{
	width: 210px;
	float: right;
	margin: 0px 0 0 0;
}

	#ligging h1{
	margin: 0 0 10px 0;
}

#slideshow-home{
	margin: 20px 0 0 0;
	float: left;
}


/*_______________________________________________________________SCHOOL DETAIL PAGE*/
#school-detail-left{
	width:445px;
	float: left; 
	margin: 0 0 0 25px;
}

#school-detail-left img{
	float: left;
	margin: 0 0 20px 0;
}

#school-detail-left h1{
	margin: 0;
	padding: 0;
}

.overzicht a{
	color: #999999;
}

.adres{
	margin: 0 0 15px 0;
	padding: 0;	
	font-size: 0.9em;
}

#slogan{
	background: url(../images/design/quote-up.gif) no-repeat top left;
	padding: 0 0 0 30px;
	margin: 0 0 20px 0;
	color: #666666;
	font-size: 1.3em;
	font-style:italic;
	font-weight: bold;
	width: 240px;
	float: right;
}

#slogan p{
	background: url(../images/design/quote-down.gif) no-repeat bottom right;
	margin: 0;
	padding: 0 20px 0 0;
}

#school-intro{
	background: url(../images/design/dotted-line.gif) repeat-x top left; 
	padding: 5px 0 0 0;
	clear: both;
}

#school-nieuws{
	width: 100%;
	padding: 5px 0 0 0;
	clear: both;
}

	#school-nieuws h2{
	color: #006BB6 /*hoofdkleur*/
}

#school-nieuws h3{
	background: url(../images/design/dotted-line.gif) repeat-x top left; 
	padding: 10px 0 0 0;
}

	#school-nieuws li{
	background: url(../images/design/bullet.gif) no-repeat 0 0.2em;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
}

#school-detail-right{
	float: right;
	width: 210px;
	padding: 0;
}

#school-praktisch{
	background: #e6f1d1;
	padding: 10px 10px 2px 10px;
	margin: 0 0 20px 0;
}

	#school-praktisch h3{
		padding: 0;
		margin: 0;
		color: #006BB6; /* hoofdkleur*/
		font-size: 1.2em;
	}
	
	#school-praktisch p{
		padding: 0;
		margin: 0 0 10px 0;
	}

iframe{
	width: 208px;
}

small a{
	color: red;
	font-size: 1.3em;
	background: #C3E1F3;
	display: block;
	width: 200px;
	padding: 5px 0 5px 10px;
}
	
.school-overzicht{
	width: 215px;
	float: left;
}

.school-overzicht h2{
	font-size: 1.2em;
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
}

.school-overzicht li{
	background: url(../images/design/dotted-line.gif) repeat-x bottom left;
	padding: 0px 0 3px 0;
	line-height: 1.4em;
}

.school-overzicht li a{
	color: #000000;
	padding: 3px 0 10px 0;
	display: block;
	margin: 0;
	text-decoration: none;
}

.school-overzicht li a:hover{
	background: #e6f1d1;
}

	
#nav-left{
	width: 210px;
	float: left;
}

	#nav-left h2{ 
		margin: 0 0 5px 0;
		font-size: 1.2em;
	}

	#nav-left li{
		background: url(../images/design/dotted-line.gif) repeat-x top left;
		padding: 5px 0 5px 0;
	}

	#nav-left a{
		color: #000000;
		text-decoration: none;
		display: block;
		padding: 0px;
		font-weight: bold;
	}

	#nav-left a.active{
		color:  #e42d24; /*#006BB6; /*hoofdkleur*/
}

	
	#nav-left li.closed a{
		background: url(../images/design/plus.gif) no-repeat center right;
	}
	
	#nav-left li.open a{
		background: url(../images/design/minus.gif) no-repeat center right;
		color:  #e42d24; /*#006BB6; /*hoofdkleur*/
	}
	
	#nav-left li ul li{
		background: none;
		padding: 0 0 5px 5px;
	}
	
	#nav-left li.open ul li a{
		background: none;
		padding: 0 0 2px 15px;
		color: #666666;
		font-weight: normal;
	}
	
	#nav-left li.open ul li a:hover{
		color: #000000;
	}
	
	#nav-left li.open ul li a.active {
		background: url(../images/design/bullet.gif) no-repeat 0px 0.2em;
		color: #000000;
	}

	#nav-left ul li ul li ul li a{
		background: none;
		padding: 0 0 5px 15px;
		color: red;
		font-size: 0.9em;
		line-height: 1.5em;
	}


ul li .level2 li a{
	font-weight: normal;
	color: #666666;
}
	
	
#in-de-kijker{
	width: 210px;
	float: left;
}

#kalender{
	width: 210px;
	float: right;
}

#footer{
	text-align: center;
	background: url(../images/design/footer-line.gif) no-repeat top left;
	padding: 30px 0 10px 0;
	margin: 10px 20px;
}

#footer li{
	background: url(../images/design/bullet.gif) no-repeat center left;
	padding: 0 0px 0 15px;
}

#nav-footer{
	text-align: center;
	color: #B3B3B3;
	margin: -10px auto 10px auto;
	font-size: 0.8em;
	list-style: none;
}

#nav-footer li{
	display: inline;
	margin: 0 10px 0 0;
}

#nav-footer a{
	color: #959595;
}


#hor-minimalist-b{font-family: "Trebuchet MS", "Lucida Grande", Sans-Serif;font-size:12px;background:#fff;border-collapse:collapse;text-align:left;margin:0px; width: 100%;}
#hor-minimalist-b th{font-size:14px;font-weight:normal;color:#464646;border-bottom:2px solid #006BB6; /*hoofdkleur*/ padding:10px 0px;}
#hor-minimalist-b td{border-bottom:1px solid #ccc;color:#464646;padding:6px 0px; width: 100%px;}
#hor-minimalist-b tbody tr:hover td{color:#000;}
#hor-minimalist-b td a{text-decoration: none;
}

#itemtoggle1 {
	padding: 10px;
	background: #fad5d3; /*Lichte kleur*/
}

#itemtoggle1 h4{
	margin: 10px 0 5px 0;
}

#itemtoggle1 li{
	list-style: disc;
	margin: 0 0 0 20px;
}
	
#toggle1{
	clear: both;
	color: #006BB6 /*hoofdkleur*/
	margin: 0;
}

.toggle{
	margin: 10px 0 10px 20px;
}

.toggle h3{
	clear: both;
	color: #000000;
	margin: 0;
}

.toggle_content {
	padding: 10px;
	background: #fad5d3; /*Lichte kleur*/
}

.toggle_content h4{
	margin: 10px 0 5px 0;
}

.toggle_content li{
	list-style: disc;
	margin: 0 0 0 20px;
}

.toggleon {
	cursor: pointer;
	background: #E6F1D1 url(../images/design/minus.gif) no-repeat 97% 50%;
	padding: 10px 0 10px 10px;
}

.toggleon p{
	margin: 0;
	
}

.toggleoff {
	cursor: pointer;
	background: #E6F1D1 url(../images/design/plus.gif) no-repeat 97% 50%;
	padding: 10px 0 10px 10px;
	overflow: hidden;
}

.toggleoff p{
	margin: 0;
	
	overflow: hidden;
}

p.detail{
	padding: 0;
	margin: 0;
}

#infodocs ul{
	margin: -10px 0 0 0;
}

#infodocs .toggleon {
	cursor: pointer;
	background: #E6F1D1 url(../images/design/minus.gif) no-repeat 97% 50%;
	padding: 2px 0 2px 10px;
}

#infodocs .toggleoff {
	background: #E6F1D1 url(../images/design/plus.gif) no-repeat scroll 97% 50%;
	cursor: pointer;
	overflow: hidden;
	padding: 2px 0pt 2px 10px;
}

/*----------------------------------------------General Classes-----------*/

img.fl{
	float: left;
	padding: 0 25px 10px 0;
}

img.fr{
	float: right;
	padding: 0 0 10px 0px;
}

.dotted-line{
	height: 20px;
	background: url(../images/design/dotted-line.gif) repeat-x bottom left;
}


a[href$='.pdf']{
	background: url(../images/icons/pdf.gif) no-repeat top right;
	padding: 0 20px 0 0 ;
}

a[href$='.doc']{
	background: url(../images/icons/doc.gif) no-repeat top right;
	padding: 0 20px 0 0 ;
}

a[href$='.xls']{
	background: url(../images/icons/xls.gif) no-repeat top right;
	padding: 0 20px 0 0 ;
}

ul.search-results{
	padding: 0;
	margin: 0;
}

.search-results li{
	list-style-type: none;
	background: url(../images/design/dotted-line.gif) repeat-x bottom left;
	padding: 5px 0;
	margin: 0;
}

.search-results p{
	margin: 0 0 10px 0;
}

.search-results .small{
	font-size: 9pt;
	margin-bottom: 10px;
}

.graph { 
	position: relative;
	width: 50px; 
	border: 1px solid #B1D632; 
	padding: 2px; 
	float: left;
	margin-left: 10px;
	margin-top: 3px;
}
.graph .bar { 
	display: block;	
	position: relative;
	text-align: center; 
	color: #333; 
	height: 10px; 
	line-height: 10px;									
}
.graph .bar span { 
	position: absolute; 
	left: 1em; 
	font-size: 8pt;
}

.blind{
	border: 1px red solid;
	display: none;
}

#Sitemap li{
 	color: #000000;
 	list-style: disc;
	margin: 5px 0 5px 15px;
}

 #Sitemap a{
 	color: #000000;
 	list-style: disc;
}

#Sitemap a:hover{
	color: #0069a6; /*hoofdkleur*/
}

 #Sitemap li  ul{
	margin: 0 0 20px 15px;
}
.anchorlink
{
    color: black;
}
.anchorlink:hover
{
    text-decoration: none;
}

a.sheet{background: none;
margin: 50px 0 0 0;}

.vakantie{
	background: #CCE1ED;
}