/*--colors--
main						#063771
melanchthon			#9ABFDD
schiebroek			#F39400
prinses irene		#EA6A76
de blesewic			#13BCF0
de kring				#BA97C5
mbs             #BACF32
bergschenhoek		#EA5A00
berkroden				#E31C17
kralingen				#F9B700
laanslootseweg	#C6D200
via melanchthon	#E2007A
*/

/*---main---*/
*{margin:0; padding:0;}
img{-ms-interpolation-mode:bicubic;}
body{background:url(../img/bg.jpg) top repeat-x #D0D9E4; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#063771;}
table{border-collapse: collapse;}
.left{float:left}
.right{float:right}
.clear{clear:both;}
.hidden{display:none;}

/*---content---*/
.melanchthon{color:#9ABFDD;}
.schiebroek{color:#F39400;}
.irene{color:#EA6A76;}
.blesewic{color:#13BCF0;}
.kring{color:#BA97C5;}
.mbs{color:#BACF32;}
.bergschenhoek{color:#EA5A00;}
.berkroden{color:#E31C17;}
.kralingen{color:#F9B700;}
.laanslootseweg{color:#C6D200;}
.via{color:#E2007A;}
.mathenesse{color:#00B760;}

h1,h2,h3,h4{text-transform:uppercase;}
h1{margin-bottom:8px; font-size:16px;}
h2{margin-bottom:10px; font-size:14px;}
h3{margin-bottom:5px; font-size:12px;}
h4{font-size:14px;}
p{margin-bottom:1em;}
a{cursor:pointer; outline:none; color:#063771;}
a.grey{color:#666; text-decoration:none; font-weight:bold;}
a.grey:hover{color:#063771;}
a img{border:0;}
img.left{margin-right:5px;}
input.button{}
.highlight{background-color:#FFFF00;}
.capitalize{text-transform:capitalize;}
.uppercase{text-transform:uppercase;}
.rssimage{margin-bottom:10px;}
ol ul li{list-style-type:disc;}

#rss{margin:-3px 0 0 0; list-style-type:none;}
#rss li{border-bottom:1px solid #CCC;}
#rss li a{display:block; padding:3px 0; text-decoration:none;}
#rss li a:hover,
#rss li a.active{background:url(../img/bg_list.jpg) bottom repeat-x;}
#rss li .title{color:#063771; font-weight:bold;}
#rss li .description{display:block; padding:5px 0; color:#666;}
#rss li .description img{margin-right:5px; width:100px; height:75px;}
#rss li .pubdate{color:#999; font-size:11px;}

#rssticker{position:relative; margin-bottom:0; overflow:hidden; width:330px; height:33px;}
#rssticker li{position:absolute; top:33px; width:100%; padding:10px 0;}
#rssticker li:hover{background:url(../img/bg_list.jpg) bottom repeat-x;}

#navigation{margin-bottom:0; list-style-type:none; text-align:right;}
#navigation li{padding-bottom:10px;}
#navigation li a{display:inline-block; padding-right:12px; text-decoration:none; font-weight:bold; text-transform:uppercase; color:#063771; text-align:right;}
#navigation li.head{background:url(../img/collapsed.gif) right 3px no-repeat;}
#navigation li.open{background-image:url(../img/expanded.gif);}
#navigation ul{list-style-type:none;}
#navigation ul li{padding:5px 0 0 0; font-size:11px;}
#navigation ul li a{text-transform:none; color:#999;}

#sitemap,
#sitemap ul{margin-bottom:0; margin-left:0; list-style-type:none;}
#sitemap li{padding-bottom:10px;}
#sitemap li a{display:inline-block; padding-left:12px; text-decoration:none; font-weight:bold; text-transform:uppercase; text-align:right;}
#sitemap li.super,
#sitemap li.head{background:url(../img/collapsed_left.gif) no-repeat;}
#sitemap li.super{background-position:0 3px;}
#sitemap li.open{background-image:url(../img/expanded.gif);}
#sitemap ul{padding-left:12px;}
#sitemap ul li{padding:5px 0 0;}
#sitemap ul li.head{background-position:0 8px;}
#sitemap ul li a{color:#063771;}
#sitemap ul li ul{padding-left:0;}
#sitemap ul li ul li{padding-top:2px; font-size:11px;}
#sitemap ul li ul li a{text-transform:none; color:#999;}
#sitemap ul li ul li a:hover{color:#063771;}

div.gallery div{float:left; margin:0 10px 10px 0; width:100px; height:75px;}

#tooltip{position:absolute; padding:5px; border:1px solid #063771; background-color:#FFF; text-align:left;}
#tooltip img{margin-bottom:5px;}

div#educationDiagram #rss li a{font-weight:bold; color:#063771;}
div#educationDiagram #rss li span{display:block; padding:3px 0; color:#CCC; cursor:default;}
table#educationDiagram{width:380px; border:solid #CCC; border-width:1px 0 0 1px;}
#educationDiagram td{width:25%; padding:3px 0; border:solid #CCC; border-width:0 1px 1px 0; text-align:center; vertical-align:top; cursor:pointer;}
#educationDiagram td:hover,
#educationDiagram td.active{background-color:#EEE;}
#educationDiagram td.disabled{color:#CCC;}
#educationDiagram td.disabled:hover{background-color:#FFF; cursor:default;}

.header .topmenu a{text-transform:uppercase; font-weight:bold; text-decoration:none; font-size:11px; color:#063771;}
.header .topmenu a:hover,
.header .topmenu a.active{border-bottom:2px solid;}
.header .topmenu input.text{width:100px; border:0;}

.page .middle .content1 .image .address a{color:#063771;}
.page .middle .content1 .text h1{overflow:hidden;}
.page .middle .content1 .text ul,
.page .middle .content1 .text ol{margin-bottom:1em;}
.page .middle .content1 .text ul{margin-left:15px;}
.page .middle .content1 .text ol{margin-left:25px;}
.page .middle .content1 .text form{margin-bottom:1em;}
.page .middle .content1 .text .educationInfo{margin-top:10px;}
.page .middle .content1 .text .searchresults{margin-left:0; list-style-type:none;}
.page .middle .content1 .text .searchresults li{padding-bottom:5px; color:#666;}
.page .middle .content1 .text .searchresults li a{color:#063771;}
.page .middle .content1 select{}
.page .middle .content1 table.form{margin-bottom:1em;}
.page .middle .content1 table.form td{padding:0 4px 4px 0; vertical-align:top;}

.page .middle .content2 #rss{margin-top:-5px;}
.page .middle .content2 #rss li{padding:5px 0 0;}

.page .bottom .vestigingsmenu ul{}
.page .bottom .vestigingsmenu ul li{display:inline; padding-right:15px;} /* padding-right:13px; (met Via Melanchton) */
.page .bottom .vestigingsmenu ul li.last{padding-right:0;}
.page .bottom .vestigingsmenu ul li a{text-transform:uppercase; font-weight:bold; text-decoration:none;}
.page .bottom .vestigingsmenu ul li a:hover{border-bottom:2px solid;}

.footer strong{text-transform:uppercase;}

/*---content index---*/
.page .top .payoff h4{margin-top:8px; font-size:18px;}
.page .middle .index_content2 .news #rss{margin-bottom:5px;}
.page .middle .index_content2 .news #rss li .description img{width:80px; height:60px;}

/*---layout---*/
.container{margin:0 auto; padding:0 10px; width:1120px; text-align:left;}
.header{}
.header .topmenu{padding:20px 0 18px 0; text-align:center;}

.page{padding:10px 30px 10px 10px; background:url(../img/lines.gif) right top repeat-y #FFF;}
.page .top{height:96px; margin-top:20px; padding-right:50px;}
.page .top .logo{padding-left:25px;}
.page .top .rssticker{margin-top:15px; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
.page .middle{margin-bottom:25px; height:384px; overflow:hidden;}
.page .middle .menu{width:138px; height:10px; padding-right:12px;}
.page .middle .content1{width:678px; padding-left:10px; border-left:1px solid #063771; border-right:1px solid #063771;}
.page .middle .content1 .image{width:160px; height:360px; color:#FFF; overflow:hidden;}
.page .middle .content1 .image #cycle{width:160px; height:180px; overflow:hidden;}
.page .middle .content1 .image .address{padding:115px 5px 5px; font-size:11px; color:#063771;}
.page .middle .content1 div.text{width:498px; height:360px; padding:0 10px; overflow-x:hidden; overflow-y:auto;}
.page .middle .content2{width:219px; height:360px; padding-left:10px; overflow-x:hidden; overflow-y:auto;}
.page .bottom{}
.page .bottom .vestigingsmenu{padding-top:18px; border-top:1px solid #CCC; text-align:center;}

.footer{height:61px; margin-top:40px; background:url(../img/footer.gif) 0 10px no-repeat; background-position:center;}

/*---layout index---*/
.page .top .payoff{margin-top:15px; width:330px; height:40px;}
.page .middle .index_content1{ margin-right:30px;}
.page .middle .index_content1 .image{width:160px; height:360px; padding-right:10px;}
/*.page .middle .index_content1 .image2{background-color:#9ABFDD; cursor:pointer;}
.page .middle .index_content1 #cycle{height:305px; border-bottom:1px solid #FFF; overflow:hidden;}
.page .middle .index_content1 .text{padding:5px;}
.page .middle .index_content1 .image1 .box{margin-bottom:10px; height:175px; background-color:#063771; cursor:pointer;}
.page .middle .index_content1 .image1 .box #cycle{height:120px;}*/
.page .middle .index_content2{ margin-right:20px;}
.page .middle .index_content2 .news{width:410px; height:360px; padding-right:10px; border-right:1px solid #063771;}
.page .middle .index_content2 .map{width:240px; padding-left:10px;}
.page .middle .index_content2 .map #map{position:relative; width:240px; height:334px; background-image:url(../img/mapmelanchthon.png);}
.page .middle .index_content2 .map #map a{position:absolute; display:block; width:20px; height:20px;}

/*---scrollbar---*/
/*.page .middle .content1 .text{
	scrollbar-arrow-color:#FFF;
	scrollbar-track-color:#9ABFDD;
	scrollbar-face-color:#063771;
	scrollbar-highlight-color:#063771;
	scrollbar-3dlight-color:#063771;
	scrollbar-darkshadow-color:#063771;
	scrollbar-shadow-color:#063771;
}*/

/*---sifr---*/
.sIFR-flash{visibility:visible !important; margin:0;}
.sIFR-replaced{visibility:visible !important;}
.sIFR-alternate{position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}
.sIFR-flash + div[adblocktab=true]{display:none !important;}
.sIFR-hasFlash h1,
.sIFR-hasFlash h2,
.sIFR-hasFlash h4{visibility:hidden;}