/* 
 *
 * Amplexor - BC
 *
 */
 

/*==========*/
/* STYLES	*/
/*==========*/
/* == START General definitions == */
/* position - general html tags*/
body{width: 100%; font-size: 75%; font-weight: normal; font-family: Verdana,Arial,Geneva,Helvetica,sans-serif; text-decoration: none; text-align: center; letter-spacing: 0; word-spacing: normal; background: #ffffff; color: #545454; padding-bottom: 50px;}
#banner{position: relative; max-width: 100em; margin: 0 auto; text-align: left; overflow: hidden; min-width: 999px; background: #ffffff !important;}
#container{display: inline-block; width: 100%; float: left; position: relative;}
#container #content-body{position: relative; z-index: 1; /*margin: 150px*/0 0 10px 0; width: 93.4%; background-color: #fff; padding: 0 0 15px 0;}
#container #header{/*position: absolute; top: 0; left: 0;*/ width: 100%; height: 150px;}
#container #content-body #content-container #breadcrumb{margin-bottom: 20px;}
#container #content-body #content-container #main{position: relative; min-height: 450px;}
#three-col #content-body #leftnav{position: absolute; top: 0px; left: 5px; width: 200px;}
#three-col #content-body #content-container{margin-left: 240px;}
#three-col #modules, #two-col-modules #modules{position: absolute; top: 0; right: 0px; width: 240px;}
#three-col #content, #two-col-modules #content{margin-right: 250px;}
#one-col #content{width: 100%;}
#one-col #content-container, #two-col-modules #content-container{margin-left: 240px;}
#two-col-modules #content-body #leftnav, #one-col #content-body #leftnav, #one-col #modules{display: none;} 

.homepage #breadcrumb{display: none;}
.homepage #container #content{margin-right: 245px;}

#popup-gallery{width: 100%; font-size: 75%; font-weight: normal; font-family: Verdana,Arial,Geneva,Helvetica,sans-serif; text-decoration: none; text-align: center; letter-spacing: 0; word-spacing: normal; background: #000; color:#bba;}
#popup{color: #333; background: #fff;}
#popup #main{width: 90%; text-align: left; margin: 30px;}

#splash #banner{background: none;}
#splash #container{background: #fff no-repeat 0 0; position: relative;}
#splash #container #content-body{width: 99%; margin: 375px 0 10px 0; position: static; border-top: none;}
#splash #container #header{display: none;}
#splash #container #content-body span.roundedcorner-left{display: none;}
#splash #container #content-body span.roundedcorner-right{display: none;}
#splash #container #content-body #content-container #main{min-height: 200px; position: static;}
#splash #container #content-body #content-container #breadcrumb{display: none;}
#splash #content-body #leftnav, #splash #modules{display: none;}
#splash #footer{display: none;}
#splash #splash-banner-image{position: absolute; top: -6px; left: 27%;}
#splash div.four-col-layout div.column div.article{min-height: 100px;}

a{color: #4B98C8;}
a:hover{}
a:visited{/*color: #8d4041;*/}
/*
#one-col #content{width: 100%; margin-right: 0px;}
*/
/* == END General definitions == */


/* == START Header == */
#header{color: #255673;}
#header ul{list-style: none;}
#header #logo{margin: 0; float: left; width: 371px; height: 85px; background-image: url(../images/logo_slac_academie.png);}
#header #logo a{display: block; width: 371px; height: 85px; outline: none; cursor: pointer;}
#header #logo span, #header #logo img{display: none;}
#header #floatingarea{height: 70px; width: 53%; float: right;}
#header #floatingarea #navtools{position: relative; width: 92%; height: 26px;}
/*
#header #floatingarea #navtools span.roundedcorner-left{display: block; width: 14px; height: 26px; position: absolute; top: 0; left: -14px;}
#header #floatingarea #navtools span.roundedcorner-right{display: block; width: 6px; height: 26px; position: absolute; top: 0; right: -6px;}
*/
#header #floatingarea #navtools #font-sizer{height: 23px; float: right; padding: 3px 0 0 5px;}
#header #floatingarea #navtools #font-sizer a{color: #255673;}
#header #floatingarea #navtools #font-sizer ul li{float: left; margin-right: 5px; line-height: 15px;}
#header #floatingarea #navtools #font-sizer ul li a span{position: absolute; visibility: hidden;}
#header #floatingarea #navtools li.active a{color: #255673; text-decoration: none;}
#header #floatingarea #navtools #font-sizer ul li#fontsize-normal{font-size: 11px; margin-top: 3px;}
#header #floatingarea #navtools #font-sizer ul li#fontsize-medium{font-size: 14px; margin-top: 2px;}
#header #floatingarea #navtools #font-sizer ul li#fontsize-large{font-size: 16px;}
#header #floatingarea #navtools #module-nav{font-size: 12px; width: 51%; height: 22px; padding: 4px 15px 0 15px; float: left;}
#header #floatingarea #navtools #module-nav ul li{float: left; margin-left: 5px;}
#header #floatingarea #navtools #language-nav{width: 22%; height: 21px; padding: 5px 5px 0 15px; float: left; font-size: 11px;}
#header #floatingarea #navtools #language-nav ul li{float: left; margin-left: 2px;}
#header #floatingarea #navtools #language-nav ul li a{margin-right: 2px}
#header #headernav{font-family: arial, "lucida console", sans-serif; clear: both; width: 95.1%; height: 69px; position: absolute; top: 80px;}
#header #headernav #topnav{width: auto; float: left; margin-left: 20px; font-size: 15px; font-weight: bold;}
#header #headernav #search{float: right; margin-top: 11px;}
/* == END Header == */


/* == START topnavigation == */
#topnav ul li{float: left; position: relative; /*z-index: 1;*/ margin-left: -1px;}
/* disable rounded corners 
#topnav ul li span.roundedcorner-right{width: 17px; height: 30px; display: block; position: absolute; top: 11px; right: 0;}
#topnav ul li.active span.roundedcorner-left{width: 9px; height: 30px; display: block; position: absolute; top: 11px; left: -7px; z-index: 1;}
#topnav ul li.active span.roundedcorner-right{width: 17px; height: 30px; display: block; position: absolute; top: 11px; right: 0;}
#topnav ul li span.first span.roundedcorner-left{background: none;}
#topnav ul li span.first span.roundedcorner-right{background: none;}
#topnav ul li span.last span.roundedcorner-right{width: 15px; height: 30px; display: block;  position: absolute; top: 11px; right: 0;}
#topnav ul li.active span.first a{width: 80px; height: 19px; padding-top: 17px; margin-top: 1px; margin-right: 0; }
#topnav ul li.active span.last span.roundedcorner-right{width: 15px; height: 30px; display: block; position: absolute; top: 11px; right: 0;}
*/
#topnav ul li a{display: block; height: 16px; padding: 7px 20px 7px 0; margin-top: 11px; margin-right: 15px; color: #255673; text-decoration: none; outline: none;}
/*
#topnav ul li span.first a{width: 80px; height: 19px; padding-top: 17px; margin-top: 0; margin-right: 0;}
*/
#topnav ul li span.last a{margin-right: 15px; padding-right: 10px;}
#topnav ul li.active a{color: #255673; padding-left: 0; text-decoration: line-through}
#topnav ul li.active ul li a{text-decoration: none;}
#topnav ul li.active ul li.active a{text-decoration: line-through;}
#topnav ul li ul.submenu{position: absolute; top: 42px; left: 0px; z-index: 3; display: block; visibility: hidden; width: 200px; font-size: 0.8em; font-weight: normal; background-color: #f4f4f4; min-width: 200%; border: 2px solid #255673;}
#topnav ul li ul.submenu li.first, #topnav ul li ul.submenu li.last{position: relative}
/*
#topnav ul li ul.submenu li span.roundedcorner-top-left{width: 7px; height: 7px; display: block; position: absolute; top: -2px; left: -2px;}
#topnav ul li ul.submenu li span.roundedcorner-top-right{width: 7px; height: 7px; display: block; position: absolute; top: -2px; right: -2px;}
#topnav ul li ul.submenu li span.roundedcorner-bottom-left{width: 7px; height: 7px; display: block; position: absolute; bottom: -2px; left: -2px;}
#topnav ul li ul.submenu li span.roundedcorner-bottom-right{width: 7px; height: 7px; display: block; position: absolute; bottom: -2px; right: -2px;}
*/
#topnav ul li ul.submenu li{float: none; margin-left: 0; display: block; height: auto; width: 100%;}
#topnav ul li ul.submenu li a{background: none; color: #255673; border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF; display:inline-block; height:auto; margin:0; padding:3px 5px; width:95%;}
#topnav ul li ul.submenu li a:hover{}
/* == END topnavigation == */


/* == START search == */
#search input.search{margin: 0; padding: 0; width: 190px; float: left; height: 25px; font-size: 20px;}
#search input.submitbtn{border: none; margin: 0; padding: 0; float: left; cursor: pointer; color: #255673; background-color: #fff; font-weight: bold; font-size: 13px; outline: none; text-align: right; text-decoration: underline; margin: 4px 0 0 10px;}
/* == END search == */

/* == START leftnavigation == */
#leftnav a{color: #4B98C8; text-decoration: none;}
#leftnav a:hover{text-decoration: underline;}
#leftnav ul{list-style: none;}
#leftnav ul li span.ro:Dundedtop{display: block; width: 210px; height: 4px; }
#leftnav ul li a{width: 170px; display: block; padding: 2px 30px; }
#leftnav ul li.active a{text-decoration: line-through; padding-bottom: 10px;}
#leftnav ul li.active ul li a{text-decoration: none; padding: 0px 30px 0px 60px;}
#leftnav ul li.active ul li a span{display:block; padding: 2px 0px;}
#leftnav ul li.active ul li.selected a{text-decoration: line-through;}
#leftnav ul li.active ul li.selected a span{padding-right: 15px;}
#leftnav ul li.active div.gradient{}
/* == END leftnavigation == */


/* == START Breadcrumb == */
#breadcrumb{font-size: 0.9em;}
#breadcrumb ul{list-style: none;}
#breadcrumb ul li{float: left; margin-right: 5px;}
/* == END Breadcrumb == */


/* == START Main field (Content - modules) == */
/* headers */
h1, h2, h3, h4{font-family: arial,"lucida console",sans-serif;}
h1{font-size: 1.6em; font-weight: bold; margin: 0px 0px 20px 0px; padding: 0; clear: both;}
h2{font-size: 1.4em; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0;}
h3{font-size: 1.3em; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0;}
h4{font-size: 1.2em; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0;}

/* paragraphs */
#main p, #main ul, #main ol{padding-bottom: 10px;}
#main ul{margin-left: 16px;}
#main ol{margin-left: 30px;}
#main ul.linklist{list-style: none; margin-left: 0;}
#main ul.contactlist{list-style: none; margin-left: 0;}
#main ul.visitor-actions{list-style: none; margin-left: 0; margin-top: 20px;}
#main ul.videolinks{list-style: none; width: 45%; float: left; margin-left: 0;}
#main ul.news-event{list-style: none; margin-left: 0;}

/* symbols - classes */
#main ul.linklist li{height: 1%; margin-bottom: 4px;}
#main ul.contactlist li{height: 1%; margin-bottom: 15px;}
#main ul.videolinks li{margin-bottom: 4px;}
#main ul.visitor-actions li{float: left; margin-right: 30px;}
#main ul li.print{padding: 0 0 1px 0px; margin-bottom: 4px;}
#main ul li.send-to-friend{margin-bottom: 4px;}
#main li.rss{padding-bottom: 4px;}
#main ul.news-event li{margin-bottom: 4px;}
#main a.more, #main a.subscribe, #main a.jump{display: block; height: 1%; float: right;}
#main a.subscribe{float: none;}
#main a.jump{margin-top: 15px;}
#main span.mandatory{font-weight: bold; color: #4B98C8;}
#main p.mandatory-msg{font-size: 0.9em; float: right;}
#main p.errormessage{color: #4B98C8; font-weight: bold; padding-left: 25px;}
#main p.calendar{margin-bottom: 5px; }
#main span.date{font-weight: bold; color: #4B98C8;}
#main span.search{font-size: 0.9em;}
#main p.strong{font-weight: bold;}

/* images - media items */
#main img.left, #main div.left{float: left; padding-left: 0px; margin-left: 0px; padding-right: 15px; padding-bottom: 10px;}
#main img.right, #main div.right{float: right; padding-right: 0px; margin-right: 0px; padding-left: 15px; padding-bottom: 10px;}

#main div.fotoboek{width: 200px; height: 200px; overflow: hidden;}
#main div.slideshow-tools{width: 200px; height: 55px; margin-top: 5px;}
#main div.slideshow-tools div.fotoboeknav{height: 35px;}
#main div.indekijker div.fotoboek{width: 270px; height: 210px;}
#main div.indekijker div.slideshow-tools{width: 270px;}
#main div.indekijker div.slideshow-tools div.caption{width: 200px;}
#main div.slideshow-tools img.previous{width: 19px; height: 19px; float: left; cursor: pointer;}
#main div.slideshow-tools div.caption{width: 130px; margin: 0px 14px; float: left; font-size: 0.8em;}
#main div.slideshow-tools div.caption span{background-color: #fff;}
#main div.slideshow-tools img.next{width: 19px; height: 19px; float: right; cursor: pointer;}
#main div.slideshow-tools a.show-album{display: block; font-weight: bold; margin: 0 0 0 32px;}

/* Contact */
#main span.phone, #main span.fax, #main span.email, #main span.opening-hours, #main span.address, #main span.website{font-weight: bold; float: left; padding-right: 10px; padding-bottom: 5px;}
#main div.contact span.value{display: block; float:left; padding-bottom: 5px;}

/* Adres */
#main div.adres div.prop {padding-left:0px;}
#main div.adres div.label {display:block; float:left; font-weight: bold; padding-right: 10px; padding-bottom: 5px}
#main div.adres div.value {padding-bottom: 5px}
#main div.adres h3 {padding-top:10px}

/* bordered areas - gradient areas */
#main div.bordered{position: relative; margin-bottom: 5px; width: 100%;}
/*
#main div.bordered span.roundedcorner-left-top{display: block; width: 11px; height: 11px; position: absolute; left: 0; top: 0; }
#main div.bordered span.roundedcorner-right-top{display: block; width: 11px; height: 11px; position: absolute; right: 0; top: 0; }
#main div.bordered span.roundedcorner-right-bottom{display: block; width: 11px; height: 11px; position: absolute; right: 0; bottom: 0; }
#main div.bordered span.roundedcorner-left-bottom{display: block; width: 11px; height: 11px; position: absolute; left: 0; bottom: 0; }
*/
#main div.bordered div.left-border{}
#main div.bordered div.left-border div.right-border{}
#main div.bordered div.left-border div.right-border div.bottom-border{}
#main div.bordered div.left-border div.right-border div.bottom-border div.gradient1{}
#main div.bordered div.left-border div.right-border div.bottom-border div.gradient2{}
#main div.bordered div.left-border div.right-border div.bottom-border div.gradient3{}
#main div.bordered div.article{margin-bottom: 0;}

/* Lightbox */
#jquery-overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px;}
#jquery-lightbox{position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#jquery-lightbox a img{border: none;}
#lightbox-container-image-box{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#lightbox-container-image{padding: 10px;}
#lightbox-loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#lightbox-container-image-box > #lightbox-nav{left: 0;}
#lightbox-nav a{outline: none;}
#lightbox-nav-btnPrev{left: 0; float: left;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width: 49%; height: 100%; zoom: 1; display: block;}
#lightbox-nav-btnNext{right: 0; float: right;}
#lightbox-container-image-data-box{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666;}
#lightbox-container-image-data #lightbox-image-details{width: 70%; float: left; text-align: left;}	
#lightbox-image-details-caption{font-weight: bold;}
#lightbox-image-details-currentNumber{display: block; clear: left; padding-bottom: 1.0em;}
#lightbox-secNav-btnClose{width: 66px; float: right; padding-bottom: 0.7em;}
/* == END Main field (Content - modules) == */


/* == START Content Field == */
/* article - paragraphs */
#content table{width: 100%; border-collapse: collapse;}
#content table tr.first th, #content table tr.first td{}
#content table tr.header th{}
#content table th, #content table td{background-color: #e5e5e5; padding: 10px;}
#content table tr.alternate th, #content table tr.alternate td{background-color: #fbfbfb;}

#content div.article{margin-bottom: 10px;}
#content div.article div.bordered{margin: 10px 0;}
#content div.paragraph, #content div.intro{padding-bottom: 10px;}
#content div.intro{font-weight: bold;}

/* news shortlist */
.homepage #content div.news-shortlist{height: 150px; overflow: hidden;}
#content div.news-shortlist img{display: none; float: left; border: 4px solid #dfdfdf;}
#content div.news-shortlist img.active{display: block;}
#content div.news-shortlist p{padding: 0; padding-left: 140px; margin: 0; cursor: pointer;}
#content div.news-shortlist p.active{color: #fff; }
#content div.news-shortlist p a{display: block; height: 28px; text-decoration: none; padding: 5px; color: #333333; overflow: hidden;}
#content div.news-shortlist p.active a{font-weight: bold; }

/* calendar shortlist */
.homepage #content div.calendar-shortlist ul{height: 90px; overflow: hidden;}
#content div.calendar-shortlist ul{list-style: none; margin-left: 0; height: 90px; overflow: hidden;}
#content div.calendar-shortlist ul li{margin-bottom: 5px; }
#content div.calendar-shortlist ul li a{display: block;}

/* doormats */
#content div.doormat{cursor: pointer;}
#content div.doormat h2 a{text-decoration: none; color: #333;}
#content div.doormat h3 a{text-decoration: none;}
/*#content div.hovered{filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}*/
#content div.doormat-navigation div.floating-doormat{width: 213px; float: left; margin-right: 0.5%;}
#content div.doormat-navigation div.floating-doormat div.doormat{min-height: 140px;}
#content div.doormat-navigation div.floating-doormat div.doormat h4{padding-left: 15px; }

/* layouts (column based layouts) */
#content div.three-col-layout, #content div.two-col-layout, #content div.four-col-layout{width: 100%;}
#content div.three-col-layout div.column{width: 33%; float: left;}
#content div.two-col-layout div.column{width: 46%; margin-right: 20px; float: left;}
#content div.four-col-layout div.column{width: 25%; float: left;}
.homepage #content div.two-col-layout{margin-bottom: 0px;}
.homepage #content div.two-col-layout div.column1 div.column-to-one-row div.article, .homepage #content div.two-col-layout div.column1 div.column-to-one-row div.doormat{height: 310px; overflow: hidden;}
.homepage #content div.two-col-layout div.column1 div.article, .homepage #content div.two-col-layout div.column1 div.doormat{height: 130px; overflow: hidden;}
.homepage #content div.two-col-layout div.column2 div.column-to-one-row div.article, .homepage #content div.two-col-layout div.column2 div.column-to-one-row div.doormat{height: 310px; overflow: hidden;}
.homepage #content div.two-col-layout div.column2 div.article, .homepage #content div.two-col-layout div.column2 div.doormat{height: 130px; overflow: hidden;}
.homepage #content div.four-col-layout div.column{width: 24.5%; margin-left: 0.5%; /*padding-right: 1%;*/}
.homepage #content div.four-col-layout div.column div.doormat{height: 220px; overflow: hidden;}

/* faq */
#content div.faq{margin-bottom: 10px;}
#content div.faq div.question p{color: #4B98C8; padding-left: 30px; cursor: pointer;}
#content div.faq div.toggable{padding-left: 30px;}
#content div.faq div.opened{}
#content div.faq div.closed{}
#content div.faq div.open{display: block;}
#content div.faq div.close{display: none;}

/* city map */
#content div.citymap-form label{font-weight: bold; float: left; margin: 8px 20px 0 0;}
#content div.citymap-form input.search{width: 250px; float: left; margin: 8px 20px 0 0;}
#content div.citymap-form input.submitbtn{width: 98px; height: 38px; }
#content div.google-map-big #map_canvas{width: 98%; height: 450px; margin-left: 10px;}
#content div.google-map-small #map_canvas{width: 300px; height: 200px;}
#content div.google-map-common #map_canvas{width: 100%; height: 270px;}

/* glossary */
#content #glossary-header ul{list-style: none}
#content #glossary-header ul li{float: left; margin-right: 13px;}
#content #glossary-header ul li a{color: #333; text-decoration: none; font-size: 1.4em; font-weight: bold;}
#content #glossary-header ul li a:hover{text-decoration: underline;}
#content #glossary-header ul li a:visited{}
#content #glossary-header ul li.active a{color: #4B98C8;}
#content #glossary-terms{padding: 15px 5px;}

/* pager */
#content div.pager{border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 10px 10px 5px 10px; margin-top: 10px;}
#content div.pager p.previous{float: left; }
#content div.pager p.next{float: right; }
#content div.pager p a{color: #666666; text-decoration: none;}
#content div.pager p a:hover{color: #4B98C8; text-decoration: underline;}
#content div.pager p a:visited{}
#content div.pager ul{float: left; padding-top: 1px; width: 40%; text-align: center;}
#content div.pager ul.pager{list-style: none; padding: 0 0 0 15%;}
#content div.pager ul.pager li{float: left; margin-right: 5px; text-align: center;}
#content div.pager ul.pager li.active a{color: #65625b; text-decoration: none;}

#content div.cdb-pager, #content div.advert-pager, #content div.cdb-pager, #content div.vademecum-pager{border-top: 1px solid #4B98C8; border-bottom: 1px solid #4B98C8; padding: 10px 10px 5px 10px; text-align: center; margin-bottom: 20px;}

/* visitor-actions-bar */
#content div.visitor-actions-bar div.open{display: block;}
#content div.visitor-actions-bar div.close{display: none;}
#content div.visitor-actions-bar a{text-decoration: underline; cursor: pointer;}

/* forms - FormFibre - cultuurdatabank - adverts - vademeca */
#content table.formtable{border-collapse: collapse; margin-top: 10px;}
#content table.formtable tr th, #content table.formtable tr td{background-color: transparent; padding: 0; padding-bottom: 10px; text-align: left; vertical-align: top;}
#content table.formtable tr td input, #content table.formtable tr td select{width: 60%; font-size: 13px;}
#content table.formtable tr td textarea{margin-bottom: 5px;}
#content table.formtable tr td select{width: 61%;}
#content table.formtable tr td input.radio{width: auto;}
#content table.formtable tr td.field-captcha input{width: 30px;}
#content table.formtable tr td.field-submitbtn input{width: 150px; height: 38px; }
#content table.formtable tr td.width175 input{width: 175px; }
#content table.formtable tr td.width125 input{width: 125px; }
#content table.formtable tr td textarea{width: 100%; font-size: 12px; font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;}
#content table.formtable colgroup col.column1{width: 40%;}
#content table.formtable colgroup col.column2{width: 60%;}
#content p.field-submitbtn input{width: 150px; height: 38px; }

#content div.cultuurdtb table.formtable tr th, #content div.cultuurdtb table.formtable tr td{padding: 3px 5px;}
#content div.cultuurdtb table.formtable tr td input, #content div.cultuurdtb table.formtable tr td select{width: 100%;}
#content div.cultuurdtb table.formtable tr td a.dp-choose-date{float: left; width: 14px; height: 16px; padding: 0; margin: 1px 3px 0; display: block; text-indent: -2000px; overflow: hidden; }
#content div.cultuurdtb table.formtable tr td a.dp-choose-date.dp-disabled{background-position: 0 -20px; cursor: default;}
#content div.cultuurdtb table.formtable tr td input.submitbtn{width: 98px; height: 38px; }
#content div.cultuurdtb table.formtable tr td input.dp-applied{width: 50%; float: left;}
#content div.cultuurdtb table.formtable colgroup col.column1{width: 30%;}
#content div.cultuurdtb table.formtable colgroup col.column2{width: 5%;}
#content div.cultuurdtb table.formtable colgroup col.column3{width: 30%:}
#content div.cultuurdtb table.formtable colgroup col.column4{width: 5%;}
#content div.cultuurdtb table.formtable colgroup col.column5{width: 30%;}

#content div.advertsearch table.formtable tr th, #content div.advertsearch table.formtable tr td, #content div.vademecasearch table.formtable tr th, #content div.vademecasearch table.formtable tr td{padding: 3px 5px;}
#content div.advertsearch table.formtable tr td input, #content div.advertsearch table.formtable tr td select, #content div.vademecasearch table.formtable tr td input, #content div.vademecasearch table.formtable tr td select{width: 100%;}
#content div.advertsearch table.formtable tr td input.submitbtn, #content div.vademecasearch table.formtable tr td input.submitbtn{width: 98px; height: 38px; }
#content div.advertsearch table.formtable colgroup col.column1{width: 15%;}
#content div.advertsearch table.formtable colgroup col.column2{width: 40%;}
#content div.advertsearch table.formtable colgroup col.column3{Width: 15%;}
#content div.advertsearch table.formtable colgroup col.column4{width: 30%;}

#content div.vademecasearch table.formtable colgroup col.column1{width: 25%;}
#content div.vademecasearch table.formtable colgroup col.column2{width: 30;}

/* cultuurdatabank detail */
#content table.cdbtable{border-top: 1px solid #cccccc;}
#content table.cdbtable tr th, #content table.cdbtable tr td{background-color: transparent; border-bottom: 1px solid #cccccc; padding-left: 0;}
#content table.cdbtable colgroup col.column1{width: 20%;}
#content table.cdbtable colgroup col.column2{width: 80%;}

/* reaction overview */
#content div.reaction-overview{margin-top: 30px;}
#content div.reaction-overview div.reaction{}
#content div.reaction-overview div.reaction p.user{font-size: 0.9em;}
#content div.reaction-overview div.reaction p.intimidate{font-size: 0.9em; padding-top: 5px; border-top: 1px solid #e3e3e3; text-align: right;}

/* advert overview */
#content div.advert-overview{margin-top: 20px;}
#content div.advert-overview div.advert{}
#content div.advert-overview div.advert span.category, #content div.advert-overview div.advert span.category{float: right; margin-left: 30px; font-weight: bold;}
#content div.advert-overview div.advert h3 a{text-decoration: none;}
#content div.advert-overview div.advert p.intimidate{font-size: 0.9em; padding-top: 5px; border-top: 1px solid #e3e3e3;}

/* vademeca overview */
#content div.vademeca-overview{margin-top: 20px;}
#content div.vademeca-overview div.vademecum{}
#content div.vademeca-overview div.vademecum span.subcategory, #content div.vademeca-overview div.vademecum span.subcategory{float: right; margin-left: 30px; font-weight: bold;}
#content div.vademeca-overview div.vademecum h3 a{text-decoration: none;}

/* advert detail */
#content table.adverttable{margin-top: 20px; border-top: 1px solid #cccccc;}
#content table.adverttable tr th, #content table.adverttable tr td{background-color: transparent; border-bottom: 1px solid #cccccc; padding-left: 0;}
#content table.adverttable colgroup col.column1{width: 20%;}
#content table.adverttable colgroup col.column2{width: 80%;}
#content #roadAPI{margin-top: 10px;}
#content #roadAPI div.google-map-common #map_canvas{width: 100%; height: 300px;}
#content #roadAPI #directionfield form{width: 50%;}
#content #roadAPI #directionfield #directions{width: 190%;}
#content #roadAPI #directionfield table.formtable{margin: 0; width: 100%;}
#content #roadAPI #directionfield table.formtable tr th, #content table.formtable tr td{padding: 0}
#content #roadAPI #directionfield table.formtable tr td input, #content #roadAPI #directionfield table.formtable tr td select{width: 200px;}
#content #roadAPI #directionfield table.formtable tr td{padding: 0 0 5px 5px;}
#content #roadAPI #directionfield table.formtable tr td input.submitbtn, #content #roadAPI #directionfield table.formtable tr td input.resetbtn{width: 125px; float: left; }
#content #roadAPI #directionfield table.formtable tr td input#resetbtn{display: none;}
#content #roadAPI a.more{float: left; cursor: pointer;}
#content #roadAPI p.errormessage{display: none;}

/* vademecum detail */
#content table.vademecumtable{margin-top: 20px; border-top: 1px solid #cccccc;}
#content table.vademecumtable tr th, #content table.vademecumtable tr td{background-color: transparent; border-bottom: 1px solid #cccccc; padding-left: 0; vertical-align: top;}
#content table.vademecumtable colgroup col.column1{width: 35%;}
#content table.vademecumtable colgroup col.column2{width: 65%;}

/* rss overview */
#content ul.rss-overview{list-style: none; margin-left: 0;}
#content ul.rss-overview li{padding: 10px 0; border-bottom: 1px solid #4B98C8;}
#content ul.rss-overview li p{margin-left: 20px;}
#content ul.rss-overview li a{margin-left: 20px;}
#content ul.rss-overview li.first{border-top: 1px solid #4B98C8;}
#content h3.rss{}

/* news overview */
#content ul.tonsai-overview{list-style: none; margin-left: 0;}
#content ul.tonsai-overview li{padding: 10px 0; border-top: 1px solid #4B98C8;}
#content ul.tonsai-overview li p.intro{font-weight: bold; padding: 0;}
#content ul.tonsai-overview li a.more{float: none;}

/* search overview - cultuurdatabank overview */
#content div.search-overview{margin-top: 15px;}
#content div.search-overview div.search-result{}
#content div.search-overview div.search-result span.contenttype, #content div.search-overview div.search-result span.type{float: right; margin-left: 30px; font-weight: bold;}
#content div.search-overview div.search-result h3.youth{}
#content div.search-overview div.search-result h3 a{text-decoration: none;}

/* error404 */
#content form.search{padding-bottom: 10px;}
#content form.search input.search{margin: 13px 0 0 40px; width: 70%; float: left; height: 25px; padding-bottom: 2px; font-size: 20px; color: #999; border: 1px solid #999;}
#content form.search input.submitbtn{width: 98px; height: 38px; }

/* sitemap */
#content ul#sitemap, #content ul#sitemap li ul{list-style: none;}
#content ul#sitemap ul.linklist{padding-bottom: 0;}
#content ul#sitemap li{width: 17%; float: left; margin-right: 10px; padding-left: 10px; border-left: 1px solid #d8d8d8;}
#content ul#sitemap li.first{border-left: none; padding-left: 0;}
#content ul#sitemap li a{font-size: 1.1em; color: #333; font-weight: bold; text-decoration: none;}
#content ul#sitemap li ul{margin-top: 5px;}
#content ul#sitemap li ul li{width: 90%; float: none; marging: 3px 0 2px 0; padding-left: 15px; border-left: none;}
#content ul#sitemap li ul li a{font-size: 1em; color: #4B98C8; font-weight: normal;}
#content ul#sitemap li ul li ul li{width: 86%;}
/* == END Content Field == */


/* == START specials == */
.gallery-field{visibility: hidden}
.galleria{list-style: none;}
.galleria li{display: block; width: 80px; height: 80px; overflow: hidden; float: left; margin:0 10px 10px 0;}
.galleria li a{display:none}
.galleria li div{position: absolute; display: none; top: 0; left: 180px}
.galleria li div img{cursor: pointer}
.galleria li.active div img,.galleria li.active div{display: block}
.galleria li img.thumb{cursor: pointer; top: auto; left: auto; display: block; width: auto; height: auto;}
.galleria li .caption{display: block; padding-top: .5em;}
#gallery-box p.nav{margin-bottom: 20px;}
#gallery-box p.nav a{color: #fff;}
.jcarousel-container{position: relative; width: 820px; margin: 40px 0px 20px 40px;}
.jcarousel-clip{z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; width: 750px;}
.jcarousel-list{z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}
.jcarousel-list li, .jcarousel-item{float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: auto; height: auto;}
.jcarousel-prev{width: 24px; height: 24px; }
.jcarousel-next{width: 24px; height: 24px; }

table.jCalendar{width: 100%; background: transparent; border-collapse: separate; border-spacing: 2px;}
table.jCalendar th{font-weight: bold; padding: 3px 5px; text-align: center; background-color: transparent; border: none;}
table.jCalendar td{color: #adadad; padding: 2px; text-align: center; margin: 10px; background-color: #fff; border: 1px solid #e8e8e8;}
table.jCalendar td.other-month{background: #ddd; color: #ddd;}
table.jCalendar td.today{border: 1px solid #4B98C8;}
table.jCalendar td.hasActivity{color: #4B98C8; text-decoration: underline;}
table.jCalendar td.selected{background: #4B98C8; color: #4B98C8; color: #fff;}
table.jCalendar td.selected.dp-hover{background: #f33; color: #fff;}
table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td{background: #fff; color: #000;}
table.jCalendar tr.selectedWeek td{background: #f66; color: #fff;}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover{background: #aaa; color: #888;}
table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover{background: #bbb; color: #888;}

div.dp-popup{border: 2px solid #ededed; position: relative; }
div#dp-popup{position: absolute; z-index: 199;}
div.dp-popup h2{font-size: 1.1em; font-weight: bold; text-align: center; background: transparent; width: 100%; padding: 4px 0 5px 0; margin: 0; color: #4B98C8;}
a#dp-close{font-size: 11px; padding: 4px 0; text-align: center; display: block;}
a#dp-close:hover{text-decoration: underline;}
div.dp-popup a{color: #000; text-decoration: none; padding: 3px 2px 0;}
div.dp-popup div.dp-nav-prev{position: absolute; top: 2px; left: 4px; width: 100px;}
div.dp-popup div.dp-nav-prev a{float: left;}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a{cursor: pointer; color: #4B98C8; font-weight: bold;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled{cursor: default;}
div.dp-popup div.dp-nav-next{position: absolute; top: 2px; right: 4px; width: 100px;}
div.dp-popup div.dp-nav-next a{float: right;}
div.dp-popup a.disabled{cursor: default; color: #aaa;}
div.dp-popup td{cursor: pointer;}
div.dp-popup td.disabled{cursor: default;}
/* == END specials == */


/* == START Modules == */
#modules div.action-block{margin-bottom: 10px;}
#modules div.action-block ul.quicklinks{list-style: none; margin-left: 0;}
#modules div.fotoboek{width: 200px; height: 200px;}
#modules div.slideshow-tools{width: 200px;}

/* calendar */
#modules #calendar-block #calendar-header{display: block; font-weight: bold; cursor: pointer; margin-bottom: 10px;}
#modules #calendar-block a.javascript-replacer{margin-left: 10px; padding-left: 20px; margin-bottom: 10px; display: block;}
#modules #calendar-block span.open{}
#modules #calendar-block span.close{}
#modules #calendar-event-view{position: relative; margin-top: 12px;}
#modules #calendar-event-view img#calendar-area-divider{position: absolute; top: -15px; left: 110px;}

#modules table.jCalendar{width: 90%; margin-left: 10px; background: none; border: none;}
#modules div.dp-popup{position: relative; font-size: 10px; line-height: 1.2em; width: 100%; background: none; border: none;}
#modules div.dp-popup h2{font-size: 1.2em; font-weight: bold; text-align: center; background: #ffffff; width: 100%; padding: 4px 0 5px 0; margin: 0; color: #333;}
#modules div.dp-popup div.dp-nav-prev{position: absolute; top: 3px; left: 8px; width: 100px;}
#modules div.dp-popup div.dp-nav-next{position: absolute; top: 3px; right: 5px; width: 100px;}
#modules div.dp-popup div.dp-nav-prev a{width: 19px; height: 19px; color: transparent; font-weight: normal;}
#modules div.dp-popup div.dp-nav-next a{width: 19px; height: 19px; color: transparent; font-weight: normal;}
#modules div.dp-popup div.dp-nav-prev a.dp-nav-prev-month{}
#modules div.dp-popup div.dp-nav-next a.dp-nav-next-month{}

#modules ul.news-event li{margin-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #d3d2d2;}
#modules ul.news-event li.last{border-bottom: none;}
#modules ul.news-event li span{display: block; font-size: 0.9em; margin-top: 5px; color: #65625b;}
#modules #calendar-event-view ul.linklist{border: 1px solid #cecece; background-color: #dfdfdf; padding: 5px 5px 2px 0; margin-top: 10px;}
#modules #calendar-event-view ul.linklist li{}
#modules #calendar-event-view ul.linklist li a{text-decoration: none; font-weight: bold; font-size: 0.9em;}

/* search */
#modules ul.searchlinks li{margin-bottom: 5px;}
#modules a.remove-query{float: right; margin-bottom: 15px;}
#modules p.search-query{padding: 0; background-color: #dfdfdf; border: 1px solid #cecece; margin: 20px 0 10px 0; font-size: 0.9em;}
#modules p.search-query span.active-query, #modules p.search-query span.active-quote{width: 80%; display: block; float: left; padding: 5px; font-weight: bold; border-right: 1px solid #fff;}
#modules p.search-query span.active-quote{width: 92%;}
#modules p.search-query span.active-quote{border-right: none;}
#modules p.search-query a.removebtn{width: 14px; height: 14px; padding: 5px; display: block; float: right; }
#modules p.search-query a.removebtn span.btn-msg{display: none;}
/* == END Modules == */


/* == START Footer == */
#footer #page-info{display: none}

#footer ul{list-style: none;}
#footer ul li{width: 17%; float: left; margin-right: 25px;}
#footer ul li ul li{width: 100%; float: none; margin: 0; padding-bottom: 0;}

#footer #bottomnav{display: none}

#footer #regular-footer{font-size: 0.8em; border-top: 1px dotted #ccc; width: 90%; padding: 5px; margin: 0 0 10px 0; padding-left: 25px}
#footer #regular-footer ul{margin-bottom: 5px;}
#footer #regular-footer li{margin: 0 0 0 5px; width: auto;}
#footer #regular-footer li.first{margin-left: 0;}

/* == END Footer == */