/* ======================================================================================================
GENERAL TYPOGRAPHY 
=======================================================================================================*/

/* ================= 1. CSS Reset ================= */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, dl, dt, dd, ol, ul, li{margin:0;padding:0;border:0;outline:0;font-family:'Ubuntu',sans-serif;font-weight:400;}
strong, b {font-weight:500;}

/* ================= General tags ================= */
body {font: 12px/1.7 'Ubuntu', sans-serif;color:#000;background:#fff;}
h1, h2, h3, h4, h5, h6 {margin-bottom:12px;font-weight:700;color:#000;margin-left:10px;width:536px;}
h1 {font-size:25px;}
h2 {font-size:22px;}
h3 {font-size:19px;}
h4 {font-size:16px;}
h5 {font-size:13px;margin-left:0}

a:link, a:visited, a:hover, a:active, a:focus {text-decoration:underline;outline:none;}
a {color:#000;text-decoration:underline;}
a:hover {text-decoration:underline;}
p {color:#000;font-size:15px;}

p.content-line {background-color:#fff;padding: 6px 10px 18px 10px;line-height:120%;}
p.footer {margin:-42px 0 0 0; font-size:13px;line-height:154%;font-weight:400;width: 300px;padding: 0;}
p.adres {width: 205px;margin-top:10px;font-size:12px;font-weight:400}
p.english-footer {float:right;margin:-58px 15px 10px 10px;display:none;}

dl, hr, h1, h3, h5, h6, table{margin-bottom:40px;}
h2, h4 {margin-bottom:-14px;padding-top:6px;}
h1, h3, h5 {width:310px;}

.alignleft {float: left; margin: 5px 100px 5px -10px;}

p.content-line a:link, .flex-caption a:link, .title.clearfix a:link, .sponsors-footer a:link,.nbm-footer a:link, .col-toegangsprijzen a:link, .col-adres a:link, .col-openingstijden a:link{text-decoration:underline;}

ul, ol { margin-left:25px; padding-left:0px;margin-top:4px;font-size:15px;padding-left:15px;}
li {margin-bottom:-4px;}
.deel {padding-top:20px;padding-bottom:10px;padding-left:10px;}

/* ================= Tabellen ================= */
td {background-:#7E83B7;color:black;border-bottom-style:dotted;border-bottom:1px dotted black;}
table {width:95%;margin:15px;}
caption {font-size:16px;text-align:left;padding-top:5px;padding-bottom:4px;font-weight:bold;border-bottom-style:solid;}

/* ================= Aanmeldformulier ================= */
.contourNavigation {padding:10px;}
.contourFieldSet {border:none;}
legend {font-size:16px;padding-top:5px;font-weight:bold;border-bottom-style:solid;}

label.fieldLabel {width:500px;display:block;margin-left:5px:}

/* ================= Headers ================= */
p.content3 {color:#fff;font-size:20px;font-weight:500;padding:15px;}
.header-overzicht {font-size:30px;line-height:120%;font-weight:500;margin-left:15px;padding:4px;float:left;}
p.content3-2-special {font-size:30px;font-weight:500;padding-top:0px;margin-top:-45px;color:white;margin-left:15px;width:300px;line-height:120%;}

h3.content3-1-special {font-size:30px;font-weight:700;margin-top: -18px;color:white;line-height:100%;margin-left:15px;width:300px;}
p.content3-2-special {font-size: 28px;font-weight: 400;padding-top:0px;margin-top:-40px;color:white;margin-left:15px;width:300px;line-height: 120%;}

.content3-3-special {color:#fff;font-size:15px;font-weight:400;padding-left:20px;line-height:120%;background:none;margin-top:10px;}
.content3-3-special-slider {color:#fff;font-size:15px;font-weight:400;padding-left:15px;line-height:120%;margin-top:10px;width:264px}

.zwart {color:black !important;}
/* ================= Deviders ================= */
.clear {content:".";display:block;clear:both;height:0;visibility:hidden;}

.padding10 {padding-top:10px;font-size:0;line-height:0;}
.padding20 {padding-top: 40px;font-size:0;line-height:0;}
.padding30 {padding-top:30px;font-size:0;line-height:0;}
.padding40 {padding-top:40px;font-size:0;line-height:0;}
.padding80 {padding-top:80px;font-size:0;line-height:0;}
/* ======================================================================================================
GENERAL STRUCTURE
=======================================================================================================*/

/* ================= Header en Logo ================= */
.container {width:971px;margin:0 auto;}
.logo {display:block;float:none;text-align:center;margin-left:-70px;margin-top:20px;padding-bottom:20px}

/* ================= Zoekfunctie ================= */
.search-header {background:url(../images/graphics/search_header.gif) no-repeat right;float:right;width:550px	;height:50px;margin:-52px 1px 0 20px;}
.search-function {float:left;padding:12px;}
.english {float:left;margin:15px 3px 0 85px;font-size:14px;padding-left:10px;padding-top:0px;background:url(../images/graphics/arrow_right.png) no-repeat;line-height:130%;}
.zoek {font-size:16px;background:url(../images/graphics/arrow_right.png) no-repeat;border:none;color:white;padding:0 0 0 18px;margin-top: 4px;cursor:pointer;}
.zoek a {color:white;text-decoration:none;}

.links {margin-left:8px;text-decoration:none !important;}
input#name {width:135px !important;padding-top:5px;}

/* ================= Sponsors ================= */
.sponsors {text-align: center;}
.sponsors a {margin: 20px;font-size: 18px;text-decoration: none;display: inline-block;white-space: nowrap;}

/* ================= Breadcrumbs ================= */
#breadcrumbs {float:right;font-size:11px;margin:10px 0 0 0;}
#breadcrumbs a, #breadcrumbs link, .coltest a, .coltest link {text-decoration:none;}

/* ================= Adres Header ================= */
.col-openingstijden, .col-adres, .col-toegangsprijzen {width:205px;float:right;line-height:117%;}
.col-openingstijden, .col-adres {margin:0 20px 0 0;}
.coltest {background:url(../images/graphics/arrow_right.gif) no-repeat;width:10px;height:20px;padding-left:20px;font-size:15px;font-weight:700;color:#000;margin-bottom:2px;line-height:117%;}
.col-toegangsprijzen-footer, .col-adres-footer, .col-openingstijden-footer {display:none}
.coltest a, .coltest a:link {font-size:15px;font-weight:700;color:#000;text-decoration:none;}

.lines {background:url(../images/graphics/line.gif);padding-top:10px;}


/* ================= Educatie ================= */
.educatie-header a, .educatie-header{
	/*color: #fff;*/
	text-decoration: none;
}

.edu-titel {
	color:#000;	
	
}

.educatie-header a {
	padding: 10.5px;
}

.educatie-header {
	float:right;
}

.UITeducatie-header .active {
	background-image: -ms-linear-gradient(bottom right, #10A9F5 0%, #2678C7 100%);
	background-image: -moz-linear-gradient(bottom right, #10A9F5 0%, #2678C7 100%);
	background-image: -o-linear-gradient(bottom right, #10A9F5 0%, #2678C7 100%);
	background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #10A9F5), color-stop(1, #2678C7));
	background-image: -webkit-linear-gradient(bottom right, #10A9F5 0%, #2678C7 100%);
	background-image: linear-gradient(to top left, #10A9F5 0%, #2678C7 100%);
	padding: 9px;
	font-weight: bold;
	
}

a.active  {
	color:#000;
	font-weight: bold;
}

.vakken, .groepen, .klassen {
	float: left;
	margin: 9px 0 0 0;	
	padding: 5px 5px 4px 5px;
}

.UITvakken {
	background: #da0084
}

.UITgroepen {
	background: #da004a
}

.UITklassen {
	background: #da0081; /* Old browsers */
	background: -moz-linear-gradient(left,  #da0081 0%, #da0054 50%, #da0040 51%, #da0006 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#da0081), color-stop(50%,#da0054), color-stop(51%,#da0040), color-stop(100%,#da0006)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #da0081 0%,#da0054 50%,#da0040 51%,#da0006 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #da0081 0%,#da0054 50%,#da0040 51%,#da0006 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #da0081 0%,#da0054 50%,#da0040 51%,#da0006 100%); /* IE10+ */
	background: linear-gradient(to right,  #da0081 0%,#da0054 50%,#da0040 51%,#da0006 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da0081', endColorstr='#da0006',GradientType=1 ); /* IE6-9 */
}

.UITeducatie-header a:active {
	color: #000;
}
/* ================= Creditline ============== */
.credit {
	bottom: 6px;
	color:#eee;
	font-size: 8pt;
	left: 10px;
	position: absolute;
	/*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
}
.creditAlt {
	display: block;
	padding: 0px;
	margin: 0 0 -24px 0;
	bottom: 34px;
	color:#eee;
	font-size: 8pt;
	left: 10px;
	position: relative;
}
/* ================= TopMenu ================= */
.header_bg .container { position: relative; height: 260px; z-index: 60; }

.topmenu { background:url(../images/graphics/arrow_open.png) no-repeat right; color:#fff;display: block;float: right; font-size:20px !important; margin: 1px 20px 0 0; padding: 0 40px 5px 0; text-decoration: none !important; }
.menu a.topmenu:hover { font-weight: normal; }

.menu {
	background: url("../images/graphics/menu_balk.gif") no-repeat 0 0;
	left: 0;
	overflow: hidden;
	position: absolute; 
	top: 240px;
	width: 320px;
	z-index: 9999;
}

.menu:hover {
	height: 520px;
}

.menu ul, .menu li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu .root {
	display: none;
	position: relative;
	margin-top: 40px;
	width: 100%;
}

.menu:hover .root {
	display: block;
}

.menu a:hover {
	font-weight: bold;
}

.menu .root .opensubmenu,
.menu .submenu a {
	background: url(../images/graphics/menu_balk2.gif) no-repeat 0 0; 
	height: 40px;
	line-height: 40px; 
	float: left; width: 95%; 
	padding-left: 5%; 
	text-decoration: none;
}

.menu .root .opensubmenu {
	background: url(../images/graphics/menu_balk3.gif) no-repeat 0 0;
}


.menu .submenu {
	display: none;
	left: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}

.menu .submenu.current {
	display: block;
	z-index: 101;
}

.menu .submenu .headitem {
	background: url(../images/graphics/menu_balk3.gif) no-repeat 0 0;
	font-weight: bold;
}

/* ================= Footer ================= */ 
.left-col-footer {width:330px;float:left;margin-top:50px;}
.nbm-footer {width:321px;float:left;margin-top:10px;}
.sponsors-footer {width:150px;float:left;margin-top:10px;}
.carousel-footer {width:167px;float:left;}
.logo-footer {float:left;margin-top:-100px;}
.footer-line {background:url(../images/graphics/footer_line.gif);padding:5px;}
.social-footer {padding-left:2px;}


/* ================= Footer ================= */ 
.col-pivot {height:600px;background:#7E83B7;width:970px;}


/* ======================================================================================================
SPECIFIC PAGE STYLES
=======================================================================================================*/

/* ================= Klikbare div Columns ================= */
a.homepageblock {display:block; text-decoration:none;}
a.homepageblock:hover {text-decoration:none;}

/* ================= Homepage Columns ================= */
.col-image-8, .col-image-9, .col-image-10 {height:70px;width:330px;background:url(../images/graphics/content_last_bg.png);z-index:9999;position:absolute;}
.col-image-8, .col-image-9, .col-image-10 {width:330px;}

p.extra_1, p.extra_2, p.extra_4 {font-size:27px;font-weight:700;color:#fff;line-height:120%;}
p.extra_1, p.extra_2 {padding:16px}
p.extra_2 {color:#000;padding-top:18px;}
p.extra_4 {padding:17px;width:275px;}

.col-top-bg, .col-top-bg-detail {background:url(../images/graphics/col_top_bg.gif);height:20px}
.col-top-bg {width:970px;}
.col-top-bg-detail {width:630px;margin:6px 0 -10px 10px;}
.content-balk{color:#FFF;padding:5px 0 0 12px;text-decoration:none;}

.reserveren {float:right;margin-top:-20px;margin-right:10px;background:red;height:25px;width:150px;line-height:25px;text-align:center;color:white;}
.reserveren a {color:white;text-decoration:none;}
/* ======================================================================================================
ALLE BLOK KLEUREN KLEIN/GROOT
=======================================================================================================*/

/* ================= BLOK CONTENT KLEUREN KLEIN ================= */
.content-blauw-donkerblauw .title, .content-blauw-groen .title, .content-geel-groen .title, .content-geel-oranje .title, .content-groen-geel .title, .content-oranje-rood .title, .content-paars-donkerblauw .title, .content-roze-paars .title, .content-roze-rood .title {width:310px;line-height:100%;}

.content-blauw-donkerblauw .title {background:url(../images/graphics/blok-content/blauw-donkerblauw.gif);background-position:left bottom;background-repeat:no-repeat;min-height:50px;}
.content-blauw-groen .title {background:url(../images/graphics/blok-content/blauw-groen.gif);background-position:left bottom;background-repeat:no-repeat;min-height:50px;}
.content-geel-groen .title {background:url(../images/graphics/blok-content/geel-groen.gif);background-position:left bottom;background-repeat:no-repeat;min-height:50px;}
.content-geel-oranje .title {background:url(../images/graphics/blok-content/geel-oranje.gif);background-position:left bottom;background-repeat:no-repeat;min-height:50px;}
.content-groen-geel .title {background:url(../images/graphics/blok-content/groen-geel.gif);background-position:left bottom;background-repeat:no-repeat;min-height:50px;}
.content-oranje-rood .title {background:url(../images/graphics/blok-content/oranje-rood.gif);background-position:left bottom;background-repeat:no-repeat;min-height:50px;}
.content-paars-donkerblauw .title {background:url(../images/graphics/blok-content/paars-donkerblauw.gif);background-position:left bottom;background-repeat:no-repeat;min-height:50px;}
.content-roze-paars .title {background:url(../images/graphics/blok-content/roze-paars.gif);background-position:left bottom;background-repeat:no-repeat;min-height:50px;}
.content-roze-rood .title {background:url(../images/graphics/blok-content/roze-rood.gif);background-position:left bottom;background-repeat:no-repeat;min-height:50px;}

/* ================= BLOK CONTENT KLEUREN AGENDA ================= */

section.container.agenda-tentoonstelingen {float:left;margin-top:80px;}
section.container.agenda-tentoonstelingen .col-image-1 {height:100px;background-position:center !important;}
.content-blauw-donkerblauw .agendatitle {background:url(../images/graphics/blok-content-agenda/blauw-donkerblauw.gif);background-position:left bottom;background-repeat:no-repeat;min-height:50px;}
.content-blauw-groen .agendatitle {background:url(../images/graphics/blok-content-agenda/blauw-groen.gif);background-position:left bottom;background-repeat:no-repeat;min-height:50px;}
.content-geel-groen .agendatitle {background:url(../images/graphics/blok-content-agenda/geel-groen.gif);background-position:left bottom;background-repeat:no-repeat;min-height:50px;}
.content-geel-oranje .agendatitle {background:url(../images/graphics/blok-content-agenda/geel-oranje.gif);background-position:left bottom;background-repeat:no-repeat;min-height:50px;}
.content-groen-geel .agendatitle {background:url(../images/graphics/blok-content-agenda/groen-geel.gif);background-position:left bottom;background-repeat:no-repeat;min-height:50px;}
.content-oranje-rood .agendatitle {background:url(../images/graphics/blok-content-agenda/oranje-rood.gif);background-position:left bottom;background-repeat:no-repeat;min-height:50px;}
.content-paars-donkerblauw .agendatitle {background:url(../images/graphics/blok-content-agenda/paars-donkerblauw.gif);background-position:left bottom;background-repeat:no-repeat;min-height:50px;}
.content-roze-paars .agendatitle {background:url(../images/graphics/blok-content-agenda/roze-paars.gif);background-position:left bottom;background-repeat:no-repeat;min-height:50px;}
.content-roze-rood .agendatitle {background:url(../images/graphics/blok-content-agenda/roze-rood.gif);background-position:left bottom;background-repeat:no-repeat;min-height:50px;}

.extra-content-blauw-donkerblauw {background:url(../images/graphics/blok-content/extra-blauw-donkerblauw.gif);}
.extra-content-blauw-groen {background:url(../images/graphics/blok-content/extra-blauw-groen.gif);}
.extra-content-geel-groen {background:url(../images/graphics/blok-content/extra-geel-groen.gif);}
.extra-content-geel-oranje {background:url(../images/graphics/blok-content/extra-geel-oranje.gif);}
.extra-content-groen-geel {background:url(../images/graphics/blok-content/extra-groen-geel.gif);}
.extra-content-oranje-rood  {background:url(../images/graphics/blok-content/extra-oranje-rood.gif);}
.extra-content-paars-donkerblauw {background:url(../images/graphics/blok-content/extra-paars-donkerblauw.gif);}
.extra-content-roze-paars {background:url(../images/graphics/blok-content/extra-roze-paars.gif);}
.extra-content-roze-rood {background:url(../images/graphics/blok-content/extra-roze-rood.gif);}

.extra-content-calendar {background:url(../images/graphics/blok-content/extra-roze-paars.gif) repeat-x 0 0; height: 50px;}

/* ================= BLOK CONTENT KLEUREN GROOT ================= */
.content-blauw-donkerblauw-groot .title, .content-blauw-groen-groot .title, .content-geel-groen-groot .title, .content-geel-oranje-groot .title, .content-groen-geel-groot .title, .content-oranje-rood-groot .title, .content-paars-donkerblauw-groot .title, .content-roze-paars-groot .title, .content-roze-rood-groot .title {width:630px;line-height:100%;}

.content-blauw-donkerblauw-groot .title {background:url(../images/graphics/blok-content/blauw-donkerblauw-groot.gif);background-position:left bottom;background-repeat:no-repeat;min-height:100px;}

.content-blauw-groen-groot .title {background:url(../images/graphics/blok-content/blauw-groen-groot.gif);background-position:left bottom;background-repeat:no-repeat;min-height:100px;}
.content-geel-groen-groot .title {background:url(../images/graphics/blok-content/geel-groen-groot.gif);background-position:left bottom;background-repeat:no-repeat;min-height:100px;}
.content-geel-oranje-groot .title {background:url(../images/graphics/blok-content/geel-oranje-groot.gif);background-position:left bottom;background-repeat:no-repeat;min-height:100px;}
.content-groen-geel-groot .title {background:url(../images/graphics/blok-content/groen-geel-groot.gif);background-position:left bottom;background-repeat:no-repeat;min-height:100px;}
.content-oranje-rood-groot .title {background:url(../images/graphics/blok-content/oranje-rood-groot.gif);background-position:left bottom;background-repeat:no-repeat;min-height:100px;}
.content-paars-donkerblauw-groot .title {background:url(../images/graphics/blok-content/paars-donkerblauw-groot.gif);background-position:left bottom;background-repeat:no-repeat;min-height:100px;}
.content-roze-paars-groot .title {background:url(../images/graphics/blok-content/roze-paars-groot.gif);background-position:left bottom;background-repeat:no-repeat;min-height:100px;}
.content-roze-rood-groot .title {background:url(../images/graphics/blok-content/roze-rood-groot.gif);background-position:left bottom;background-repeat:no-repeat;min-height:100px;}

.extra-content-blauw-donkerblauw-groot {background:url(../images/graphics/blok-content/extra-blauw-donkerblauw-groot.gif);}
.extra-content-blauw-groen-groot {background:url(../images/graphics/blok-content/extra-blauw-groen-groot.gif);}
.extra-content-geel-groen-groot {background:url(../images/graphics/blok-content/extra-geel-groen-groot.gif);}
.extra-content-geel-oranje-groot {background:url(../images/graphics/blok-content/extra-geel-oranje-groot.gif);}
.extra-content-groen-geel-groot {background:url(../images/graphics/blok-content/extra-groen-geel-groot.gif);}
.extra-content-oranje-rood-groot {background:url(../images/graphics/blok-content/extra-oranje-rood-groot.gif);}
.extra-content-paars-donkerblauw-groot {background:url(../images/graphics/blok-content/extra-paars-donkerblauw-groot.gif);}
.extra-content-roze-paars-groot {background:url(../images/graphics/blok-content/extra-roze-paars-groot.gif);}
.extra-content-roze-rood-groot {background:url(../images/graphics/blok-content/extra-roze-rood-groot.gif);}

/* ================= BLOK EXTRA CONTENT KLEUREN KLEIN  ================= */
.blok-extra-blauw-donkerblauw, .blok-extra-blauw-groen, .blok-extra-geel-groen, .blok-extra-geel-oranje, .blok-extra-groen-geel, .blok-extra-oranje-rood, .blok-extra-paars-donkerblauw, .blok-extra-roze-paars, .blok-extra-roze-rood {height:80px;width:310px}

.blok-extra-blauw-donkerblauw {background:url(../images/graphics/blok-extra/blauw-donkerblauw.gif)}
.blok-extra-blauw-groen {background:url(../images/graphics/blok-extra/blauw-groen.gif)}
.blok-extra-geel-groen {background:url(../images/graphics/blok-extra/geel-groen.gif)}
.blok-extra-geel-oranje {background:url(../images/graphics/blok-extra/geel-oranje.gif)}
.blok-extra-groen-geel {background:url(../images/graphics/blok-extra/groen-geel.gif)}
.blok-extra-oranje-rood {background:url(../images/graphics/blok-extra/oranje-rood.gif)}
.blok-extra-paars-donkerblauw {background:url(../images/graphics/blok-extra/paars-donkerblauw.gif)}
.blok-extra-roze-paars {background:url(../images/graphics/blok-extra/roze-paars.gif)}
.blok-extra-roze-rood {background:url(../images/graphics/blok-extra/roze-rood.gif)}

/* ================= BLOK EXTRA CONTENT KLEUREN GROOT ================= */
.blok-extra-blauw-donkerblauw-groot, .blok-extra-blauw-groen-groot, .blok-extra-geel-groen-groot, .blok-extra-geel-oranje-groot, .blok-extra-groen-geel-groot, .blok-extra-oranje-rood-groot, .blok-extra-paars-donkerblauw-groot, .blok-extra-roze-paars-groot, .blok-extra-roze-rood-groot {height:120px;width:310px}

.blok-extra-blauw-donkerblauw-groot {background:url(../images/graphics/blok-extra/blauw-donkerblauw-groot.gif)}
.blok-extra-blauw-groen-groot {background:url(../images/graphics/blok-extra/blauw-groen-groot.gif)}
.blok-extra-geel-groen-groot {background:url(../images/graphics/blok-extra/geel-groen-groot.gif)}
.blok-extra-geel-oranje-groot {background:url(../images/graphics/blok-extra/geel-oranje-groot.gif)}
.blok-extra-groen-geel-groot {background:url(../images/graphics/blok-extra/groen-geel-groot.gif)}
.blok-extra-oranje-rood-groot {background:url(../images/graphics/blok-extra/oranje-rood-groot.gif)}
.blok-extra-paars-donkerblauw-groot {background:url(../images/graphics/blok-extra/paars-donkerblauw-groot.gif)}
.blok-extra-roze-paars-groot {background:url(../images/graphics/blok-extra/roze-paars-groot.gif)}
.blok-extra-roze-rood-groot {background:url(../images/graphics/blok-extra/roze-rood-groot.gif)}

/* ================= BLOK SLIDER KLEUREN ================= */
.tentoonslider .flex-blauw-donkerblauw, .tentoonslider .flex-blauw-groen, .tentoonslider .flex-geel-groen, .tentoonslider .flex-geel-oranje, .tentoonslider .flex-groen-geel, .tentoonslider .flex-oranje-rood, .tentoonslider .flex-paars-donkerblauw, .tentoonslider .flex-roze-paars, .tentoonslider .flex-roze-rood {margin-right:-1px;}

.flex-blauw-donkerblauw {background:url(../images/graphics/blok-slider/blauw-donkerblauw.gif);}
.flex-blauw-groen {background:url(../images/graphics/blok-slider/blauw-groen.gif);}
.flex-geel-groen {background:url(../images/graphics/blok-slider/geel-groen.gif);}
.flex-geel-oranje {background:url(../images/graphics/blok-slider/geel-oranje.gif);}
.flex-groen-geel {background:url(../images/graphics/blok-slider/groen-geel.gif);}
.flex-oranje-rood {background:url(../images/graphics/blok-slider/oranje-rood.gif);}
.flex-paars-donkerblauw {background:url(../images/graphics/blok-slider/paars-donkerblauw.gif);}
.flex-roze-paars {background:url(../images/graphics/blok-slider/roze-paars.gif);}
.flex-roze-rood {background:url(../images/graphics/blok-slider/roze-rood.gif);}

/* ================= BLOK UITGELICHT KLEUREN ================= */
.blok-uitgelicht-blauw-donkerblauw, .blok-uitgelicht-blauw-groen, .blok-uitgelicht-geel-groen, .blok-uitgelicht-geel-oranje, .blok-uitgelicht-groen-geel, .blok-uitgelicht-oranje-rood, .blok-uitgelicht-paars-donkerblauw, .blok-uitgelicht-roze-paars, .blok-uitgelicht-roze-rood {height:320px;width:320px;}     

.blok-uitgelicht-blauw-donkerblauw {background:url(../images/graphics/blok-uitgelicht/blauw-donkerblauw.gif)}
.blok-uitgelicht-blauw-groen {background:url(../images/graphics/blok-uitgelicht/blauw-groen.gif)}
.blok-uitgelicht-geel-groen {background:url(../images/graphics/blok-uitgelicht/geel-groen.gif)}
.blok-uitgelicht-geel-oranje {background:url(../images/graphics/blok-uitgelicht/geel-oranje.gif)}
.blok-uitgelicht-groen-geel {background:url(../images/graphics/blok-uitgelicht/groen-geel.gif)}
.blok-uitgelicht-oranje-rood {background:url(../images/graphics/blok-uitgelicht/oranje-rood.gif)}
.blok-uitgelicht-paars-donkerblauw {background:url(../images/graphics/blok-uitgelicht/paars-donkerblauw.gif)}
.blok-uitgelicht-roze-paars {background:url(../images/graphics/blok-uitgelicht/roze-paars.gif)}
.blok-uitgelicht-roze-rood {background:url(../images/graphics/blok-uitgelicht/roze-paars.gif)}

/* ================= HOMEPAGINA COLUMNS ================= */
.col-content-1 {float:left;width:310px;background:#7E83B7;padding-left:10px;padding-right:10px;}
.col-content-2 {float:left;width:310px;background:#7E83B7;padding-left:10px;padding-right:10px;margin-left:-10px;}
.col-content-3 {float:left;width:320px;background:#7E83B7;padding-left:10px;margin-left:-10px;}

.content-1-1, .content-1-2, .content-1-extra, .content-1-last, .col-uitgelicht-img, .content-2-1, .content-2-2, .content-2-extra, .content-2-last, .col-uitgelicht, .content-3-1, .content-3-2, .content-3-last, .content-4-1, .content-4-2, .content-4-extra {width:310px;float:left;}

.content-1-1, .content-1-2, .content-1-extra, .col-uitgelicht-img, .content-2-1, .content-2-2, .content-2-extra, .content-3-1, .content-3-2, .content-3-last {margin-bottom:10px;}
.content-4-extra {margin-bottom:10px;}
.col-uitgelicht {margin-left:-10px;margin-bottom:10px;}
.content-4-1, .content-4-2 {margin:0;}
.content-44-last{width:310px;float:left;}
.content-last {margin: -10px 0 0 -10px;width: 320px;float:left;}

.col-image-1 {background:url(../images/content-col-image-1.jpg);height:210px;width:310px;}
.col-image-2 {background:url(../images/content-col-image-2.jpg);height:320px;width:310px;}
.col-image-4 {background:url(../images/content-col-image-4.jpg);height:210px;width:310px;}
.col-image-5 {background:url(../images/content-col-image-5.jpg);height:210px;width:310px;}

/* ============== DETAIL PAGINA COLUMNS =====================================*/	
.detail-col-content-1 {float:left;width:651px;background:#7E83B7;}
.detail-content-1-1 {width:640px;float:left;margin-bottom:10px;}
.detail-content-1-2 {width:640px;margin:10px 0 0 10px;}
.det-col-content-3 {float:left;width:320px;background:#7E83B7;padding-left:10px;margin-left:-10px;}

.content-balk {color:#FFF;padding: 7px 0 20px 12px;text-decoration:none;font-weight:500;line-height:100%;margin:0;font-size:20px;width:275px;}
.content-balk-groot {color:#FFF;padding: 7px 0 42px 12px;text-decoration:none;font-size:50px;line-height: 120%;margin:0;width:600px;}
.detail-col-image-8 {background:url(../images/graphics/content_last_bg.gif);height:70px;width:651px;margin-top:-9px;}
.detail-col-image-88 {background:url(../images/graphics/content_last_bg.gif);height:70px;width:651px;margin-top:-9px;padding:0;}
.col-top-bg2 {background:url(../images/graphics/col_top_bg.gif);width:971px;height:20px;margin-top:-40px;}

.header-detail {font-size:30px;line-height:120%;font-weight:500;margin-left:10px;background:white;width:620px;height:38px;padding:10px 0px 7px 10px;margin-bottom:-15px;}

.content-blauw-donkerblauw-groot, .content-blauw-groen-groot, .content-geel-groen-groot, .content-geel-oranje-groot, .content-groen-geel-groot, .content-oranje-rood-groot, .content-paars-donkerblauw-groot, .content-roze-paars-groot, .content-roze-rood-groot {background: white;width:630px;}

.content-blauw-donkerblauw-groot p, .content-blauw-groen-groot p, .content-geel-groen-groot p, .content-geel-oranje-groot p, .content-groen-geel-groot p, .content-oranje-rood-groot p, .content-paars-donkerblauw-groot p, .content-roze-paars-groot p, .content-roze-rood-groot p {padding:10px 10px 0px 10px;line-height:120%;width:536px;}

.margin-onder {margin-bottom:10px;}
/* ================= OVERZICHT PAGINA COLUMNS ================= */
.content-overzicht-2-2 {margin:0 10px -20px 10px;}
.content-overzicht-3-2 {margin:0 10px -30px 10px;}
.content-overzicht-3-4 {margin:0;}
.content-overzicht-1-2 {margin:-30px 0 -30px 10px;}
.content-overzicht-2-3 {margin:-10px 10px -30px 10px;}

.col-top-bg3 {background:url(../images/graphics/col_top_bg.gif);width:970px;height:20px;float:left;}
.content-overzicht-1-2, .content-overzicht-2-2, .content-overzicht-2-3, .content-overzicht-3-2, .content-overzicht-3-4 {width:310px;float:left;}


.calendar {
	background:#7E83B7;
	height: 400px;
	overflow: hidden;
	position: relative;
	width: 320px;
	margin-bottom: 10px;
}

.calendar .control {
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9999;
	margin-top: 12px;
	margin-right: 15px;
}

.calendar .control .up, .calendar .control .down {
	cursor: pointer;
}

.up {
	background: url(/images/graphics/up_calendar.png) no-repeat;
	height: 11px;
	width: 21px;
	display: block;
	margin-left: 24px;
}

.down {
	background: url(/images/graphics/down_calendar.png) no-repeat;
	height: 11px;
	width: 21px;
	display: block;
	margin-top:-11px
}

.calendar-header, .calendar-row {
	float: left;
	width: 100%;
}

.calendar-page {
	background: #c7cbe4;
	opacity: .4;
	float: left;
	width: 310px;
	z-index: 100;
}

.calendar-page.active {
	opacity: 1;
}

.calendar-page.active-vrienden {
	opacity: 1;
}

.calendar-page .extra-content-roze-paars, .calendar-page .extra-content-groen-geel {
	background-repeat: repeat-y;
}

.calendar-page h3 {
	color: #fff;
	cursor: pointer;
	font-size: 20px;
	font-weight: 500;
	margin: 0;
	padding: 0 0 0 12px;
}

.calendar-header .calendar-cel {
	background: none;
	color: #989ecb;
}

.calendar-cel {
	background: #8f95c6;
	font-size: 18px;
	font-weight: bold;
	float: left;
	height: 31px;
	margin: 0 0 6px 7px;
	padding: 3px 6px;
	width: 24px;
	text-align: center;
	cursor: pointer;
}

.calendar-cel.active {
	background: #ff018c;
	cursor: pointer;
}
.calendar-cel.herhaalactive {
	background: #8f95c6 url(/images/hoekje_roze.png) no-repeat right top;
	cursor: pointer;
}
.calendar-cel.inactive
{
	background: #a8acc9;
	color: #7e8198;
	cursor: normal;
}

.calendar-cel.active-vrienden {
	background: #06b14b;
	cursor: pointer;
}
/* ======================================================================================================
MEDIA QUERIES MOBILE
=======================================================================================================*/
@media screen and (max-width: 480px)
		{
	.logo
	{
		display: block;
		float: none;
		text-align: center;
		width: 100%;
		margin-left: -45px;
		padding-left: 13px;
	}
	
	.container
	{
		width: 310px;
		float: left;
	}
	
	h1, h2, h3, h4, h5, h6, table
	{
		width: 297px;
	}
	
	table
	{
		width: 95%;
		margin: 10px;
	}
	
	input
	{
		width: 170px;
		padding-top: 5px;
	}
	
	
	label.fieldLabel
	{
		width: 200px;
		display: block;
	}
	
	input[type="radio"]
	{
		width: 20px;
	}
	
	input[type="checkbox"]
	{
		width: 20px;
	}
	input[type="checkbox"]
	{
		width: 20px;
	}
	/* ================= ADRES HEADER ================= */
	.col-toegangsprijzen
	{
		margin: 3px;
		float: left;
		width: 30%;
	}
	
	.col-adres
	{
		margin: 3px;
		float: left;
		width: 30%;
	}
	
	.col-openingstijden
	{
		margin: 3px;
		float: left;
		width: 30%;
	}
	
	/* ============== HOMEPAGINA COLUMNS =====================================*/
	.col-content-1
	{
		float: left;
		width: 310px;
		background: #7E83B7;
		padding-left: 0px;
		padding-right: 10px;
	}
	
	.col-content-2
	{
		float: left;
		width: 310px;
		background: #7E83B7;
		padding-left: 10px;
		padding-right: 10px;
		margin-left: -10px;
	}
	
	.col-content-3
	{
		float: left;
		width: 320px;
		background: #7E83B7;
		padding-left: 10px;
		margin-left: -10px;
	}
	
	.content-1-1, .content-1-2, .content-2-1, .content-2-2, .content-3-1, .content-3-2, .content-3-last
	{
		margin: 10px 0 0 0px;
	}
	
	.content-1-extra
	{
		margin: 10px 0 0 0;
	}
	
	.col-content-3
	{
		float: left;
		width: 320px;
	}
	
	.content-3-last
	{
		margin: 0;
	}
	
	.col-top-bg
	{
		background: url(../images/graphics/col_top_bg.gif);
		width: 320px;
		height: 20px;
		z-index: 999;
		position: absolute;
	}
	
	.footer-line
	{
		background: url(../images/graphics/footer_line.gif);
		width: 320px;
		float: left;
		margin-left: -26px;
	}
	
	.header-bg
	{
		height: auto;
	}
	
	/* ================= OVERZICHT PAGINA COLUMNS ================= */
	.content-overzicht-2-2
	{
		margin: 0 10px -20px 0px;
	}
	
	.content-overzicht-3-2
	{
		margin: 0 10px -50px 0px;
	}
	
	.content-overzicht-3-4
	{
		margin: 0px 10px 70px -10px;
	}
	
	.content-overzicht-1-2
	{
		margin: -30px 0 -30px 0px;
	}
	
	.content-overzicht-2-3
	{
		margin: -10px 10px -30px 0px;
	}
	
	.header-overzicht
	{
		font-size: 30px;
		line-height: 120%;
		font-weight: 500;
		margin-left: 15px;
		margin-top: 30px;
		float:left;
	}
	
	.col-top-bg3
	{
		background: url(../images/graphics/col_top_bg.gif);
		width: 320px;
		height: 20px;
		z-index: 0;
		position: absolute;
	}
	
	/* ================= EDUCATIE ================= */
	.vakken, .groepen, .klassen
	{
		float:left;
		margin: 10px 0 0 0;
		padding: 5px 10px 5px 10px;	
	}
	
	.klassen {
		margin-bottom: 5px;
		width: 300px;		 
	}
	
	/* ================= DETAIL PAGINA COLUMNS ================= */
	.col-top-bg2
	{
		background: url(../images/graphics/col_top_bg.gif);
		width: 320px;
		height: 20px;
		margin-top: -40px;
	}
	
	.col-top-bg-detail
	{
		background: url(../images/graphics/col_top_bg.gif);
		width: 310px;
		height: 20px;
		margin: 6px 0 -10px 10px;
	}
	
	.alignleft
	{
		width: 80%;
	}
	
	.content-balk-groot
	{
		color: #FFF;
		padding: 5px 0 20px 10px;
		text-decoration: none;
		font-weight: 500;
		line-height: 100%;
		margin: 0;
		font-size: 20px;
		width: 310px;
	}
	
	.content-blauw-donkerblauw-groot .title, .content-blauw-groen-groot .title, .content-geel-groen-groot .title, .content-geel-oranje-groot .title, .content-groen-geel-groot .title, .content-oranje-rood-groot .title, .content-paars-donkerblauw-groot .title, .content-roze-paars-groot .title, .content-roze-rood-groot .title
	{
		width: 310px;
		line-height: 100%;
		min-height: 50px;
	}
	
	.content-blauw-donkerblauw-groot, .content-blauw-groen-groot, .content-geel-groen-groot, .content-geel-oranje-groot, .content-groen-geel-groot, .content-oranje-rood-groot, .content-paars-donkerblauw-groot, .content-roze-paars-groot, .content-roze-rood-groot
	{
		width: 310px;
		float: left;
	}
	
	.content-blauw-donkerblauw-groot p, .content-blauw-groen-groot p, .content-geel-groen-groot p, .content-geel-oranje-groot p, .content-groen-geel-groot p, .content-oranje-rood-groot p, .content-paars-donkerblauw-groot p, .content-roze-paars-groot p, .content-roze-rood-groot p
	{
		background-color: #fff;
		padding: 10px 10px 0px 10px;
		line-height: 120%;
		width: 290px;
	}
	
	.content-blauw-donkerblauw-groot .title
	{
		background: url(../images/graphics/blok-content/blauw-donkerblauw.gif);
		background-position: left bottom;
		background-repeat: no-repeat;
		min-height: 50px;
	}
	
	.content-blauw-groen-groot .title
	{
		background: url(../images/graphics/blok-content/blauw-groen.gif);
		background-position: left bottom;
		background-repeat: no-repeat;
		min-height: 50px;
	}
	
	.content-geel-groen-groot .title
	{
		background: url(../images/graphics/blok-content/geel-groen.gif);
		background-position: left bottom;
		background-repeat: no-repeat;
		min-height: 50px;
	}
	
	.content-geel-oranje-groot .title
	{
		background: url(../images/graphics/blok-content/geel-oranje.gif);
		background-position: left bottom;
		background-repeat: no-repeat;
		min-height: 50px;
	}
	
	.content-groen-geel-groot .title
	{
		background: url(../images/graphics/blok-content/groen-geel.gif);
		background-position: left bottom;
		background-repeat: no-repeat;
		min-height: 50px;
	}
	
	.content-oranje-rood-groot .title
	{
		background: url(../images/graphics/blok-content/oranje-rood.gif);
		background-position: left bottom;
		background-repeat: no-repeat;
		min-height: 50px;
	}
	
	.content-paars-donkerblauw-groot .title
	{
		background: url(../images/graphics/blok-content/paars-donkerblauw.gif);
		background-position: left bottom;
		background-repeat: no-repeat;
		min-height: 50px;
	}
	
	.content-roze-paars-groot .title
	{
		background: url(../images/graphics/blok-content/roze-paars.gif);
		background-position: left bottom;
		background-repeat: no-repeat;
		min-height: 50px;
	}
	
	.content-roze-rood-groot .title
	{
		background: url(../images/graphics/blok-content/roze-rood.gif);
		background-position: left bottom;
		background-repeat: no-repeat;
		min-height: 50px;
	}
	
	.detail-content-1-2
	{
		width: 310px;
		margin: 10px 10px 9px 10px;
		float: right;
	}
	
	.content-oranje-rood-groot p
	{
		background-color: #fff;
		padding: 10px 10px 10px 10px;
		line-height: 120%;
		width: 290px;
	}
	
	.detail-col-content-1
	{
		float: left;
		width: 320px;
		background: #7E83B7;
	}
	
	.col-image-4-special
	{
		background: url(../images/content-col-image-4.jpg);
		height: 210px;
		width: 310px;
	}
	
	.detail-col-image-88
	{
		background: url(../images/graphics/content_last_bg.gif);
		height: 70px;
		width: 320px;
		margin-top: -9px;
	}
	
	p.det-content
	{
		background-color: #fff;
		padding: 10px 10px 10px 10px;
		line-height: 120%;
		width: 250px;
	}
	
	/* ================= Reserveren ================= */
	
	.reserveren {
		float:none;
		margin: 10px;
		background: red;
		height: 25px;
		width: 150px;
		line-height: 25px;
		text-align: center;
		color: white;
	}
	/* ================= Footer ================= */
	.footer .col-1-3.last
	{
		width: 280px;
		float: none;
		margin: 40px auto 0 auto;
	}
	
	.footer-bottom .col-2-3
	{
		width: 280px;
		float: none;
		margin: 40px auto 0 auto;
	}
	
	.footer-bottom .col-1-3
	{
		width: 280px;
		float: none;
		margin: 40px auto 0 auto;
	}
	
	.left-col-footer
	{
		width: 300px;
		float: left;
		margin-top: 50px;
	}
	/* ================= AGENDA TENTOONSTELLINGEN COLUMNS ================= */
	
	/* ================= Adres Footer ================= */
	.col-openingstijden-footer
	{
		width: 205px;
		float: left;
		margin: 0 10px -0 25px;
		margin-top: -30px;
	}
	
	.col-adres-footer
	{
		width: 205px;
		float: left;
		margin: 21px 0 90px 25px;
	}
	
	.col-toegangsprijzen-footer
	{
		width: 205px;
		float: left;
		margin: -68px 0 100px 25px;
	}
	
	.col-toegangsprijzen-footer, .col-adres-footer, .col-openingstijden-footer
	{
		display: block;
	}
	
	/* ================= Verborgen divs ================= */
	.bannerbg, .nbm-footer, .sponsors-footer, .carousel-footer, a.homepageblock.col-uitgelicht-img, a.homepageblock.col-uitgelicht, a.homepageblock.content-2-extra, .col-toegangsprijzen, .col-adres, .col-openingstijden, .content-1-last, .content-2-last, .search-header, .detslider, .det-col-content-3, .detail-col-content-1-1, .header-detail, .col-top-bg-detail, .col-top-bg, .col-top-bg2, .clear.padding40, #breadcrumbs, .col-image-8, .col-image-9
	{
		display: none;
	}
}