@charset "UTF-8";
/* ////////////////////////////////////////////////// */

/* Bestandsnaam: print_style.css */
/* Versie: 1.0.0 (04-02-2009) */

/* ////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////// */
     
	/* RESET STYLES */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0; outline: 0; font-size: 100%;	vertical-align: baseline; background: transparent;}

body {line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}

del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* ////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////// */
     
	/* ALGEMEEN */
	 
.clr {clear: both; margin: 0; padding: 0; line-height: 0; height: 0; display: block;}

.flt_rgt {float: right;}

.flt_lft {float: left;}

.print {display: block !important;}

.no_print {display: none !important;}

#map {width: 740px; height: 350px; border: 5px solid #fff; margin: 10px 0;}

#map span {display: none;}

.adres {height: 125px;}

.route {height: 125px;}

img.read-more-arrow {vertical-align: middle; margin: 0 0 0 2px;}

/* ////////////////////////////////////////////////// */
     
	 /* GLOBALE PAGINA OPMAAK */	 

body {padding: 0 0 0 0;	margin: 0 0 0 0; width: 100%; height: 100%; font: 11px 'Verdana', sans-serif; color: #666;}

html {padding: 0 0 0 0;	margin: 0 0 0 0; width: 100%; height: 100%;}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 204px;} 

/* CLEAR FIX*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ////////////////////////////////////////////////// */
     
	/* HEADER */ 	

#header-wrap {width: 100%; height: 59px;}

#header {width: 960px; margin: 0 auto; position: relative;}

.printlogo {width: 311px; height: 48px;}

#header h1 {display: none;}

#header h2 {display: none;}

#header form#searchform {display: none;}

/* ////////////////////////////////////////////////// */

	/* TOPMENU */

ul#topnav {display: none;}
		
/* ////////////////////////////////////////////////// */
     
	/* HOOFDMENU */ 	 

#headnav, #headnav * {display: none;}

/* ////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////// */

	/* CONTENT */	
	
.text p {margin: 10px 0;}

#content {width: 960px; margin: 0 auto;}

#left-column {width: 168px; float: left; margin: 10px 0 0 0;}

#left-column .text {padding: 7px; background: #10a5ca; color: #fff; line-height: 20px; margin: 7px 0 0 0; height: 224px;}

#left-column .text a {text-decoration: underline; color: #fff;}

.left-column-content .text {height: auto !important;}

#left-column h2 {font: 11px 'Verdana', sans-serif; color: #fff; margin: 0; padding: 0; line-height: 20px;}

#main-content {width: 772px; float: right; background: #fff; margin: 15px 0 0 0; border-bottom: 1px dotted #b4b4b4; padding: 10px; position: relative;}

/* SLIDER HOME */
#home-slider {width: 772px; height: 270px; overflow: hidden;}

#home-slider img {width: 772px; height: 270px;}

#home-slider .slide strong {display: none;}

.prev-home {display: none;}

.next-home {display: none;}

/* SLIDER CONTENT BREED */
#content-slider-wide {width: 772px; height: 165px; overflow: hidden;}

#content-slider-wide img {width: 772px; height: 165px;}

#content-slider-wide .slide strong {padding: 25px 0 0 20px; display: block; position: absolute; z-index: 15; top: 195px; left: 0; height: 55px; width: 752px; color: #fff; font: normal 22px 'Arial', sans-serif; letter-spacing: 1px;}

.prev-content-wide {display: none;}

.next-content-wide {display: none;}

#home-left {width: 290px; height: 226px; border: 1px solid #666; padding: 5px; background: #fff; margin: 10px 0 0 0; float: left; position: relative;}

#home-middle {width: 205px; height: 216px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 10px; background: #10a5ca; margin: 10px 10px 0 10px; float: left; color: #fff; line-height: 20px; position: relative;}

#home-middle h3 {width: 215px; border-bottom: 1px dotted #fff; font: 16px 'Arial Black', arial; color: #fff; text-align: right; text-transform: uppercase; margin: 0 0 10px 0; padding: 0 10px 0 0; position: relative; left: -10px;}

#home-middle a {text-decoration: none; font-weight: bold; color: #fff;}

#home-middle a#full-agenda {text-decoration: none; font-weight: bold; position: absolute; bottom: 8px; right: 10px;}

#home-middle a#full-agenda img {vertical-align: middle; margin: 0 0 0 2px;}

#home-middle ul {margin: 0; padding: 0; list-style: none;}

#home-middle .date {display: inline-block; margin: 0 0 0 10px; font-size: 10px; color: #e2e2e2;}

#home-right {width: 205px; height: 220px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 10px; background: #338a33; margin: 10px 0 0 0; float: left; color: #fff; line-height: 20px;}

#home-right h2 {width: 215px; border-bottom: 1px dotted #fff; font: 16px 'Arial Black', arial; color: #fff; text-align: right; text-transform: uppercase; margin: 0 0 10px 0; padding: 0 10px 0 0; position: relative; left: -10px;}

#home-right a {color: #fff; text-decoration: underline;}

#home-right #art {position: relative; left: -10px; bottom: -7px; width: 225px; height: 75px !important;}

#home-right p {margin: 5px 0;}

#content-left-column {width: 500px; float: left;}

#content-right-column {width: 260px; float: right;}

.content-page .text {background: #f8f8f8; padding: 10px; margin: 10px 0 0 0; line-height: 22px;}

.content-page .text a {color: #c03; text-decoration: none;}

.content-page .text h1 {font: 22px 'Arial Black', arial; color: #c03; text-transform: uppercase;}

.content-page .text h2 {font: 18px 'Arial Black', arial; color: #c03; text-transform: uppercase;}

.content-page .text h3 {font: 18px 'Arial Black', arial; color: #c03; text-transform: uppercase;}

.content-page .text h4 {font: 16px 'Arial Black', arial; color: #c03; text-transform: uppercase;}

.content-page .text h5 {font: 14px 'Arial Black', arial; color: #c03; text-transform: uppercase;}

.content-page .text h6 {font: 12px 'Arial Black', arial; color: #c03; text-transform: uppercase;}

.content-page .text ul {margin: 10px 0 10px 30px; padding: 0; list-style: square;}

.content-page .text ol {margin: 10px 0 10px 35px; padding: 0; list-style: decimal;}

.content-page .text ul li {padding: 0 0 0 5px;}

.content-page .text hr {height: 0; border: 0; border-top: 1px dotted #ccc;}

.content-page .text .teaser_image {float: left; margin: 0 10px 0 0;}

.content-page .text .teaser_image img {padding: 4px; background: #fff; border: 1px solid #ccc;}

.content-page .text .content_image {float: left;}

.content-page .text .content_image img {padding: 4px; background: #fff; border: 1px solid #ccc; margin: 14px 10px 0 0;}

.content-page .text .fancybox_gallery {}

.content-page .text .fancybox_gallery img {padding: 4px; background: #fff; border: 1px solid #ccc;}

.content-page .news, .content-page .newsteaser {padding: 10px; margin: 0; line-height: 22px; border-top: 1px dotted #ccc;}

.content-page .newsteaser h3 {font: 14px 'Arial Black', arial; text-transform: none; display: inline-block; margin: 0 0 0 10px;}

.content-page .news h3 {font: 14px 'Arial Black', arial; text-transform: none;}

.content-page .news .date {font-size: 10px;}

.content-page .newsteaser p {margin: 5px 0;}

.content-page .newsteaser .content_image {float: left; margin: 0 15px 0 0;}

.paging {text-align: right; }

.paging a {display: inline-block; margin: 10px 5px; background: #fdfdfd; padding: 0 7px; border: 1px dotted #ccc;}

/* ////////////////////////////////////////////////// */
     
	/* NIEUWS */ 	

#home-left .news h3 {display: none;}

#home-left .news .news-item {width: 268px; background: #f8f8f8; padding: 10px; border: 1px solid #fff;  display: none;}

#home-left .news .news-item h4 {color: #c03; font: 14px 'Arial Black', arial;}

#home-left .news .news-item h4 img {vertical-align: middle; margin: 0;}

#home-left .news .news-item .date {font-size: 10px; color: #999;}

#home-left .news .news-item p {margin: 5px 0;}

#home-left .news .news-item img.news-image {width: 290px; height: 85px; position: relative; top: -10px; left: -10px;}

#home-left .news  a.more-news {position: absolute; right: 5px; bottom: 5px; text-decoration: none; font-weight: bold; position: absolute; bottom: 8px; right: 10px; color: #666;}

#home-left .news  a.more-news img {vertical-align: middle; margin: 0 0 0 2px;}

.prev-news {display: none;}

.next-news {display: none}

/* ////////////////////////////////////////////////// */

	/* FORMULIER */	
	
form p {margin: 5px 0 !important;}

form fieldset {padding: 10px; border: 2px solid #fff;}

form fieldset legend {padding: 0 10px; font-weight: bold; color: #c03;}

form label {display: inline-block; width: 200px; vertical-align: top;}

form input, form textarea {border: 1px solid #e2e2e2; padding: 4px 2px; width: 220px; vertical-align: top; font: 11px 'Verdana', sans-serif; color: #666;}

form input:focus, form textarea:focus {border: 1px solid #666;}

form select {border: 1px solid #e2e2e2; background: #fff; padding: 4px 2px; width: 226px; vertical-align: top; font: 11px 'Verdana', sans-serif; color: #666;}

form .required {}

form .control {position: relative;}

form .control label {vertical-align: top;}

form .control input {width: 100px !important; margin: 0 0 0 16px; position: absolute;}

form input.error, form textarea.error {border: 1px solid #c03;}

form span.error {display: inline-block;	margin: 0 0 0 200px; color: #c03; font-weight: bold;}

form .control span.error {margin: 0 0 0 142px;}

form#subscribeform span.error {margin: 0 0 0 10px;}

form #cplace {width: 155px;}

form #cpc {width: 50px;	margin: 0 10px 0 0;}

form#mailform-call label {display: inline-block; width: 80px; vertical-align: top;}

form#mailform-call input {border: 1px solid #e2e2e2; padding: 4px 2px; width: 190px; vertical-align: top;}

form#mailform-call span.error {display: inline-block; margin: 0 0 0 0; color: #e91112; font-weight: bold;}

form .send_btn {width: 120px; border: 1px dotted #ccc; background: #fff; margin: 15px 0 0 -2px; padding: 5px 10px; font-weight: bold; text-transform: uppercase; color: #c03;}

.route .send_btn {width: 120px; border: 0; background: none; margin: 0; padding: 5px 0 0 0; font-weight: bold; text-transform: uppercase; color: #c03;}

form#mailform-call p {margin: 4px 0; padding: 0;}

/* ////////////////////////////////////////////////// */
     
	/* CURSUSSEN */ 

/* Algemeen */	
.courses ul {margin: 15px 0 0 -5px !important; padding: 0 !important; list-style: none !important;}

ul.stage2 {display: none;}


/* 1e niveau */
ul.stage1 li {display: block;}

ul.stage1 li a {font-weight: bold; font-size: 16px; display: block; color: #FFF !important; margin: 5px 0; padding: 5px 5px !important; }

ul.stage1 li.drie-dimensionale-vormgeving a {background-repeat: no-repeat; background-position: top right;}

ul.stage1 li.twee-dimensionale-vormgeving a {background-color: #338a33; background-repeat: no-repeat; background-position: top right;}

ul.stage1 li.fotografie a {background-color: #666; background-repeat: no-repeat; background-position: top right;}

ul.stage1 li.beschouwende-cursussen a {background-color: #d83a62; background-repeat: no-repeat; background-position: top right;}

ul.stage1 li.reizen-en-excursies a {background-color: #ee9f3f; background-repeat: no-repeat; background-position: top right;}

ul.stage1 li.selected {background-repeat: no-repeat; background-position: top right;}

ul.stage1 li.drie-dimensionale-vormgeving ul {margin: -5px 0 0 0 !important;}

ul.stage1 li.twee-dimensionale-vormgeving ul {margin: -5px 0 0 0 !important;}

ul.stage1 li.fotografie ul {margin: -5px 0 0 0 !important;}

ul.stage1 li.beschouwende-cursussen ul {margin: -5px 0 0 0 !important;}

ul.stage1 li.reizen-en-excursies ul {margin: -5px 0 0 0 !important;}

/* 2e niveau */
ul.stage2 {background: #f8f8f8 !important; padding: 0 !important;}

ul.stage2 li {display: block;}

ul.stage2 li a {font-weight: bold; font-size: 13px; display: block; color: #666 !important;}

ul.stage2 li a.course {font-weight: normal; color: #666; font-size: 12px; display: block; background: #fff !important; color: #666 !important;}

/* 3e niveau */
ul.stage3 {background: #fff !important; margin: 0 !important; padding: 0 !important; border: 0 !important;}

ul.stage3 li {display: block; margin: 0; background: none !important; padding: 0 0 0 25px !important; border: 0;}

ul.stage3 li a {font-weight: normal; color: #666; font-size: 12px; display: block; background: none !important;}

ul.stage2 li.selected ul.stage3 li a {background: none !important;}


/* Cursus detail pagina */
.course-left {width: 450px; float: left;}

.course-right {width: 281px; float: right;}

.course-image img {padding: 4px; background: #fff; border: 1px solid #ccc; margin: 18px 0 0 0;}

.course dl dt {float: left; width: 125px; font-weight: bold;}

.course-gallery {margin: 15px 0 0 0;}

.course-gallery a img {padding: 3px; background: #fff; border: 1px solid #ccc;}

.back-courses {float: right;}

/* ///////////////////////////////////////////////////// */
     
	/* SITEMAP */ 

ul.sitemap, ul.sitemap ul {list-style: none !important;	margin: 0 0 10px 15px !important; padding: 0 !important;} 

ul.sitemap ul {margin: 0 0 0 10px !important;} 

ul.sitemap li {margin: 0 !important; padding: 0 18px !important; line-height: 20px !important; color: #369 !important; font-weight: bold !important;}

ul.sitemap ul li {font-weight: normal !important;}

ul.sitemap li.Home {display: none;}
 
/* ////////////////////////////////////////////////// */
     
	/* FOOTERMENU */ 

ul#footernav {display: none;}

/* ////////////////////////////////////////////////// */
     
	/* FOOTER */ 	

#footer {position: relative; margin-top: -204px; height: 204px;	clear: both; text-align: center;} 

#footer a#webdeveloper {width: 200px; text-decoration: none; color: #999; position: relative; top: 155px;}