/* 
 *
 * Amplexor - EG
 *
 */
 

/*==========*/
/* 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: #656363 url(/images/body-bg-repeat.jpg) repeat-x 0 0; color: #333333; padding-bottom: 50px;}
#banner{position: relative; max-width: 100em; margin: 0 auto; text-align: left; overflow: hidden; min-width: 999px; background: #fff url(/images/banner1.jpg) repeat-x 195px 0;}
#container{background: transparent url(/images/container-bg-static.png) no-repeat 0 0; display: inline-block; width: 100%; float: left; position: relative;}
#container #content-body{position: relative; z-index: 1; margin: 122px 0 10px 15px; width: 93.4%; background-color: #fff; border-top: 1px solid #cdcdcd; padding: 15px 5px;}
#container #header{position: absolute; top: 0; left: 0; width: 100%; height: 133px;}
#container #content-body span.roundedcorner-left{display: block; width: 6px; height: 388px; background: url(/images/contentbody-bg-left.png) no-repeat 0 0; position: absolute; top: -1px; left: -5px;}
#container #content-body span.roundedcorner-right{display: block; width: 6px; height: 388px; background: url(/images/contentbody-bg-right.png) no-repeat 0 0; position: absolute; top: -1px; right: -6px;}
#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, #two-col-leftnav #content-body #leftnav{position: absolute; top: 15px; left: 5px; width: 210px; text-transform: uppercase;}
#three-col #content-body #content-container{margin-left: 220px;}
#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: 0px;}
#two-col-modules #content-body #leftnav, #one-col #content-body #leftnav, #one-col #modules{display: none;} 

#two-col-leftnav #content-body #leftnav{position: absolute; top: 15px; width: 210px;}
#two-col-leftnav #content-body #content-container{margin-left: 220px;}

.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 url(/images/container-bg-static-splash.jpg) 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: #dd0000;}
a:hover{}
a:visited{/*color: #8d4041;*/}
/*
#one-col #content{width: 100%; margin-right: 0px;}
*/
/* == END General definitions == */


/* == START Header == */
#header ul{list-style: none;}
#header #logo{margin: 10px 0 10px 20px; float: left; width: 166px; height: 60px;}
#header #logo a{display: block; width: 166px; height: 60px; background: url(/images/logo.png) no-repeat 0 0; outline: none; cursor: pointer;}
#header #logo span, #header #logo img{display: none;}
#header #floatingarea{height: 70px; width: 53%; float: right; background: url(/images/container-bg-floating.png) no-repeat 0 0;}
#header #floatingarea #navtools{position: relative; width: 92%; height: 26px; background: url(/images/navtools-bg-repeat.jpg) repeat-x 0 0;}
#header #floatingarea #navtools span.roundedcorner-left{display: block; width: 14px; height: 26px; background: url(/images/navtools-bg-left.png) no-repeat 0 0; position: absolute; top: 0; left: -14px;}
#header #floatingarea #navtools span.roundedcorner-right{display: block; width: 6px; height: 26px; background: url(/images/navtools-bg-right.png) no-repeat 0 0; position: absolute; top: 0; right: -6px;}
#header #floatingarea #navtools #font-sizer{width: 10%; height: 23px; float: left; padding: 3px 15px 0 5px; background: url(/images/navtools-divider.jpg) no-repeat right top;}
#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: #333333; 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; background: url(/images/navtools-divider.jpg) no-repeat right top;}
#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: georgia, arial, "lucida console", sans-serif; font-style: italic; clear: both; width: 95.1%; height: 69px; position: absolute; bottom: 0px; left: 11px; background: url(/images/headernav-bg.png) no-repeat 0 0; font-style: i}
#header #headernav #topnav{width: auto; float: left; margin-top: 17px; font-size: 15px; font-weight: bold;}
#header #headernav #search{width: 350px; height: 79px; float: right; background: url(/images/search-bg.jpg) no-repeat 0 0;}
/* == END Header == */


/* == START topnavigation == */
#topnav ul li{float: left; position: relative; /*z-index: 1;*/ margin-left: -1px;}
#topnav ul li span.roundedcorner-right{width: 17px; height: 30px; display: block; background: url(/images/topnav-bg-right.jpg) no-repeat 0 0; position: absolute; top: 11px; right: 0;}
#topnav ul li.active span.roundedcorner-left{width: 9px; height: 30px; display: block; background: url(/images/topnav-active-bg-left.jpg) no-repeat 0 0; position: absolute; top: 11px; left: -7px; z-index: 1;}
#topnav ul li.active span.roundedcorner-right{width: 17px; height: 30px; display: block; background: url(/images/topnav-active-bg-right.jpg) no-repeat 0 0; 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; background: url(/images/topnav-last-bg-right.png) no-repeat 0 0; 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; background: url(/images/topnav-active-first-bg.jpg) no-repeat 0 0;}
#topnav ul li.active span.last span.roundedcorner-right{width: 15px; height: 30px; display: block; background: url(/images/topnav-active-last-bg-right.png) no-repeat 0 0; position: absolute; top: 11px; right: 0;}
#topnav ul li a{display: block; height: 16px; padding: 7px 13px; margin-top: 11px; margin-right: 15px; color: #fff; text-decoration: none; background: url(/images/topnav-bg-repeat.jpg) repeat-x 0 0; outline: none;}
#topnav ul li span.first a{width: 80px; height: 19px; padding-top: 17px; margin-top: 0; margin-right: 0; background: url(/images/topnav-first-bg.jpg) no-repeat 0 0;}
#topnav ul li span.last a{margin-right: 15px; padding-right: 10px;}
#topnav ul li.active a{background: url(/images/topnav-active-bg-repeat.jpg) repeat-x 0 0; color: #3b4343; padding-left: 13px;}
#topnav ul li ul.submenu{position: absolute; top: 42px; left: -5px; z-index: 3; display: block; visibility: hidden; border: 2px solid #cecece; width: 200px; font-size: 0.8em; font-weight: normal; background-color: #ededed; min-width: 200%;}
#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; background: url(/images/topnav-sub-top-left.jpg) no-repeat left top; position: absolute; top: -2px; left: -2px;}
#topnav ul li ul.submenu li span.roundedcorner-top-right{width: 7px; height: 7px; display: block; background: url(/images/topnav-sub-top-right.jpg) no-repeat right top; position: absolute; top: -2px; right: -2px;}
#topnav ul li ul.submenu li span.roundedcorner-bottom-left{width: 7px; height: 7px; display: block; background: url(/images/topnav-sub-bottom-left.jpg) no-repeat left bottom; position: absolute; bottom: -2px; left: -2px;}
#topnav ul li ul.submenu li span.roundedcorner-bottom-right{width: 7px; height: 7px; display: block; background: url(/images/topnav-sub-bottom-right.jpg) no-repeat right bottom; 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: #dd0000; width: 95%; height: auto; margin: 0; padding: 3px 5px; display: inline-block; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
#topnav ul li ul.submenu li a:hover{background-color: #dfdfdf;}
/* == END topnavigation == */


/* == START search == */
#search input.search{margin: 13px 0 0 40px; width: 190px; float: left; height: 25px; padding-bottom: 2px; font-size: 20px;}
#search input.submitbtn{width: 98px; height: 38px; background: url(/images/btn-search.png) no-repeat 0 0; border: none; margin: 10px 8px 0 0; float: right; cursor: pointer; color: #fff; font-weight: bold; padding: 0 10px 5px 0; font-size: 13px; outline: none;}
/* == END search == */


/* == START leftnavigation == */
#leftnav {font-family: arial, verdana; font-weight: bold; }
#leftnav a{color: #000; text-decoration: none;}
#leftnav a:hover{text-decoration: underline;}
#leftnav ul{list-style: none;}
#leftnav ul li span.roundedtop{display: block; width: 207px; height: 3px; background: url(/images/30cc_leftnav_top.gif) no-repeat 0 0;}
#leftnav ul li span.roundedbottom{display: block; width: 207px; height: 5px; background: url(/images/30cc_leftnav_bottom.gif) no-repeat 0 0;}
#leftnav ul li a{width: 170px; display: block; padding: 0px 20px; background: #FFFFFF url(/images/30cc_leftnav_bg_repeat.gif) repeat-y;}
#leftnav ul li.active a{color: #FFFFFF; background: #FFFFFF url(/images/30cc_leftnav_bg_repeat_active.gif) repeat-y;}
#leftnav ul li.active ul li a{font-weight: normal; padding: 0px 20px 0px 20px;}
#leftnav ul li.active ul li a span{display:block; padding: 2px 3px;}
#leftnav ul li.active ul li.selected a{font-weight: bold;}
#leftnav ul li.active ul li.selected a:hover{text-decoration: none;}
#leftnav ul li.active ul li.selected a span{background: #dfdfdf url(/images/leftnav-subitem-active.gif) no-repeat right 3px; padding-right: 15px;}
#leftnav ul li.active div.gradient{background: #FF0000 url(/images/30cc_leftnav_bg_repeat_active.gif) repeat-y 0 0;}
#leftnav ul li.active span.roundedtop {display: block; width: 207px; height: 3px; background: url(/images/30cc_leftnav_top_active.gif) no-repeat 0 0;}
#leftnav ul li.active span.roundedbottom {display: block; width: 207px; height: 5px; background: url(/images/30cc_leftnav_bottom_active.gif) no-repeat 0 0;}
/* == 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: georgia,"lucida console",sans-serif;}
h1{font-size: 1.6em; font-weight: bold; margin: 0px 0px 20px 0px; padding: 0; clear: both;}
h2{color: #333333; font-size: 1.4em; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0; }
div.shoutbox h2 {color: #DD0000; font-style: italic;}
div.voorstellingen h2 {color: #DD0000; font-style: italic;}
div.column1 h2, div.column2 h2{font-family: georgia; font-style: oblique;}
h3{font-size: 1.3em; color: #dd0000; 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;}
#main p.uitvoerder { color: #FFFFFF; background: #DD0000; font-size: 1em; margin-bottom: 10px; padding: 5px;}
#main p.info { font-family: georgia; padding: 2px 0px;}
#main p.about { font-style: italic; padding-top: 10px;}

/* symbols - classes */
#main ul.linklist li{height: 1%; background: url(/images/icon-more.png) no-repeat 0 1px; padding-left: 20px; margin-bottom: 4px;}
#main ul.contactlist li{height: 1%; background: url(/images/icon-more.png) no-repeat 0 1px; padding-left: 20px; margin-bottom: 15px;}
#main ul.videolinks li{background: url(/images/icon-more.png) no-repeat 0 1px; padding-left: 20px; margin-bottom: 4px;}
#main ul.visitor-actions li{float: left; margin-right: 30px; background: url(/images/icon-more.png) no-repeat 0 1px; padding-left: 20px;}
#two-col-leftnav #main div.article ul.visitor-actions  { float: none; margin-top: 0px; margin-bottom: 15px;}
#main ul li.print{background: url(/images/icon-print.jpg) no-repeat 0 0px; padding: 0 0 1px 25px; margin-bottom: 4px;}
#main ul li.send-to-friend{background: url(/images/icon-envelop.jpg) no-repeat 0 3px; padding-left: 20px; margin-bottom: 4px;}
#main li.rss{background: url(/images/icon-rss.jpg) no-repeat 0 1px; padding-left: 20px; padding-bottom: 4px;}
#main ul.news-event li{background: url(/images/icon-calendar.jpg) no-repeat 0 1px; padding-left: 20px; margin-bottom: 4px;}
#main a.more, #main a.subscribe, #main a.jump{display: block; height: 1%; background: url(/images/icon-more.png) no-repeat 0 0; padding-left: 20px; float: right;}
#main a.subscribe{float: none;}
#main a.jump{margin-top: 15px;}
#main span.mandatory{font-weight: bold; color: #dd0000;}
#main p.mandatory-msg{font-size: 0.9em; float: right;}
#main p.errormessage{color: #dd0000; font-weight: bold; background: url(/images/icon-error.png) no-repeat 0 0; padding-left: 25px;}
#main p.calendar{margin-bottom: 5px; background: url(/images/icon-calendar.jpg) no-repeat 0 0; padding-left: 25px;}
#main span.date{font-weight: bold; color: #dd0000;}
#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;}

/* Programmapagina */
#main div.related { padding-right: 10px; }
#main div.related h2 {color: #DD0000; font-size: 1em; font-family: Verdana, arial, helvetica;}
#main hr.voorstelling {height:1px; border-width:0; color:#C1C1C1; background-color:#C1C1C1; margin: 3px 0px;}
#main img.voorstelling {border-left: 12px solid #FFFFFF; padding-left: 0px;}

/* Programmaoverzicht */
#main div.indekijker div.doormat {margin: auto; width: 154px; height: 220px; overflow: hidden;}
#main div.indekijker div.doormat p.info {background: #E60004; margin-bottom: 3px; padding: 2px; font-family: Arial, Verdana; color: #FFFFFF; font-weight: bold;}
#main div.indekijker div.doormat h3 {font-family: Georgia; font-style: italic; font-size: 1.2em; color: #333333;}

/* 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}

/* Shoutbox */
#main div.shoutbox hr {color: #C1C1C1; margin: 10px 0px;}
#main p.author {text-decoration: underline; font-style: italic;}
#main a.bulletlink{background: url(/images/icon-more.png) left center no-repeat; padding-left: 18px;}

/* bordered areas - gradient areas */
#main div.bordered{position: relative; margin-bottom: 20px; width: 100%;}

#main div.bordered span.roundedcorner-left-top{display: block; width: 7px; height: 9px; position: absolute; left: 0; top: 0; background: transparent url(/images/border-left-topL.gif) no-repeat left top;}
#main div.bordered span.roundedcorner-right-top{display: block; width: 11px; height: 11px; position: absolute; right: 0; top: 0; background: transparent url(/images/border-right-topL.gif) no-repeat right top;}
#main div.bordered span.roundedcorner-right-bottom{display: block; width: 25px; height: 24px; position: absolute; right: 0; bottom: 0; background: transparent url(/images/border-right-bottomL.gif) no-repeat right top;}
#main div.bordered span.roundedcorner-left-bottom{display: block; width: 25px; height: 25px; position: absolute; left: 0; bottom: 0; background: transparent url(/images/border-left-bottomL.gif) no-repeat left top;}
#main div.bordered span.accolade{display: block; width: 46px; height: 23px; position: absolute; left: 45%; bottom: -18px; background: #FFFFFF url(/images/accoladeL.gif) no-repeat;}

/* big boxes in div.two-col-layout */
#main div.two-col-layout div.bordered span.roundedcorner-left-top{display: block; width: 7px; height: 9px; position: absolute; left: 0; top: 0; background: transparent url(/images/border-left-topL.gif) no-repeat left top;}
#main div.two-col-layout div.bordered span.roundedcorner-right-top{display: block; width: 11px; height: 11px; position: absolute; right: 0; top: 0; background: transparent url(/images/border-right-topL.gif) no-repeat right top;}
#main div.two-col-layout div.bordered span.roundedcorner-right-bottom {display: block; width: 25px; height: 24px; position: absolute; right: 0; bottom: 0; background: transparent url(/images/border-right-bottomL.gif) no-repeat right top;}
#main div.two-col-layout div.bordered span.roundedcorner-left-bottom{display: block; width: 25px; height: 25px; position: absolute; left: 0; bottom: 0; background: transparent url(/images/border-left-bottomL.gif) no-repeat left top;}
#main div.two-col-layout div.bordered div.left-border{background: transparent url(/images/border-leftL.gif) repeat-y left top; padding-left: 5px;}
#main div.two-col-layout div.bordered div.left-border div.right-border{background: transparent url(/images/border-rightL.gif) repeat-y right top; padding-right: 5px;}
#main div.two-col-layout div.bordered div.left-border div.right-border div.bottom-border{background: #fff url(/images/border-bottomL.gif) repeat-x left bottom; padding-bottom: 5px;}
#main div.two-col-layout div.bordered div.left-border div.right-border div.bottom-border div.gradient1{background: #FFFFFF url(/images/border-topL.gif) repeat-x; padding: 15px; padding-bottom: 5px;}
#main div.two-col-layout div.bordered div.left-border div.right-border div.bottom-border div.gradient2{background: #FFFFFF url(/images/border-topL.gif) repeat-x; padding: 15px; padding-bottom: 5px;}
#main div.two-col-layout div.bordered div.left-border div.right-border div.bottom-border div.gradient3{background: #D1E3ED url(/images/border-topL.gif) repeat-x; padding: 15px; padding-bottom: 5px;}
#main div.two-col-layout div.bordered div.left-border div.right-border div.bottom-border div.gradient1 span.accolade{display: block; width: 46px; height: 23px; position: absolute; left: 45%; bottom: -18px; background: #FFFFFF url(/images/accoladeL.gif) no-repeat;}
#main div.two-col-layout div.bordered div.left-border div.right-border div.bottom-border div.gradient2 span.accolade{display: block; width: 46px; height: 23px; position: absolute; left: 45%; bottom: -18px; background: #FFFFFF url(/images/accoladeL.gif) no-repeat;}
#main div.two-col-layout div.bordered div.left-border div.right-border div.bottom-border div.gradient3 span.accolade{display: block; width: 46px; height: 23px; position: absolute; left: 45%; bottom: -16px; background: #FFFFFF url(/images/accoladeLhover.gif) no-repeat;}

/* medium boxes in div#modules */
#main div#modules div.bordered span.roundedcorner-left-top{display: block; width: 8px; height: 9px; position: absolute; left: 0; top: 0; background: transparent url(/images/border-left-topM.gif) no-repeat left top;}
#main div#modules div.bordered span.roundedcorner-right-top{display: block; width: 8px; height: 9px; position: absolute; right: 0; top: 0; background: transparent url(/images/border-right-topM.gif) no-repeat right top;}
#main div#modules div.bordered span.roundedcorner-right-bottom{display: block; width: 21px; height: 20px; position: absolute; right: 0; bottom: 0; background: transparent url(/images/border-right-bottomM.gif) no-repeat right top;}
#main div#modules div.bordered span.roundedcorner-left-bottom{display: block; width: 20px; height: 18px; position: absolute; left: 0; bottom: 0; background: transparent url(/images/border-left-bottomM.gif) no-repeat left top;}
#main div#modules div.bordered div.left-border{background: transparent url(/images/border-leftM.gif) repeat-y left top; padding-left: 5px;}
#main div#modules div.bordered div.left-border div.right-border{background: transparent url(/images/border-rightM.gif) repeat-y right top; padding-right: 6px;}
#main div#modules div.bordered div.left-border div.right-border div.bottom-border{background: #fff url(/images/border-bottomM.gif) repeat-x left bottom; padding-bottom: 6px;}
#main div#modules div.bordered div.left-border div.right-border div.bottom-border div.gradient1{background: #FFFFFF url(/images/border-topM.gif) repeat-x; padding: 15px; padding-bottom: 5px;}
#main div#modules div.bordered div.left-border div.right-border div.bottom-border div.gradient2{background: #FFFFFF url(/images/border-topM.gif) repeat-x; padding: 15px; padding-bottom: 5px;}
#main div#modules div.bordered div.left-border div.right-border div.bottom-border div.gradient3{background: #D1E3ED url(/images/border-topM.gif) repeat-x; padding: 15px; padding-bottom: 5px;}
#main div#modules div.bordered div.left-border div.right-border div.bottom-border div.gradient1 span.accolade{display: block; width: 35px; height: 16px; position: absolute; left: 45%; bottom: -10px; background: #FFFFFF url(/images/accoladeM.gif) no-repeat;}
#main div#modules div.bordered div.left-border div.right-border div.bottom-border div.gradient2 span.accolade{display: block; width: 35px; height: 16px; position: absolute; left: 45%; bottom: -10px; background: #FFFFFF url(/images/accoladeM.gif) no-repeat;}
#main div#modules div.bordered div.left-border div.right-border div.bottom-border div.gradient3 span.accolade{display: block; width: 35px; height: 16px; position: absolute; left: 45%; bottom: -10px; background: #FFFFFF url(/images/accoladeMhover.gif) no-repeat;}

/* small boxes in div.four-col-layout */
#main div.four-col-layout div.bordered span.roundedcorner-left-top{display: block; width: 8px; height: 8px; position: absolute; left: 0; top: 0; background: transparent url(/images/border-left-topS.gif) no-repeat left top;}
#main div.four-col-layout div.bordered span.roundedcorner-right-top{display: block; width: 8px; height: 9px; position: absolute; right: 0; top: 0; background: transparent url(/images/border-right-topS.gif) no-repeat right top;}
#main div.four-col-layout div.bordered span.roundedcorner-right-bottom{display: block; width: 16px; height: 16px; position: absolute; right: 0; bottom: 0; background: transparent url(/images/border-right-bottomS.gif) no-repeat right top;}
#main div.four-col-layout div.bordered span.roundedcorner-left-bottom{display: block; width: 16px; height: 15px; position: absolute; left: 0; bottom: 0; background: transparent url(/images/border-left-bottomS.gif) no-repeat left top;}
#main div.four-col-layout div.bordered div.left-border{background: transparent url(/images/border-leftS.gif) repeat-y left top; padding-left: 5px;}
#main div.four-col-layout div.bordered div.left-border div.right-border{background: transparent url(/images/border-rightS.gif) repeat-y right top; padding-right: 5px;}
#main div.four-col-layout div.bordered div.left-border div.right-border div.bottom-border{background: #fff url(/images/border-bottomS.gif) repeat-x left bottom; padding-bottom: 5px;}
#main div.four-col-layout div.bordered div.left-border div.right-border div.bottom-border div.gradient1{background: #FFFFFF url(/images/border-topS.gif) repeat-x; padding: 15px; padding-bottom: 5px;}
#main div.four-col-layout div.bordered div.left-border div.right-border div.bottom-border div.gradient2{background: #FFFFFF url(/images/border-topS.gif) repeat-x; padding: 15px; padding-bottom: 5px;}
#main div.four-col-layout div.bordered div.left-border div.right-border div.bottom-border div.gradient3{background: #D1E3ED url(/images/border-topS.gif) repeat-x; padding: 15px; padding-bottom: 5px;}
#main div.four-col-layout div.bordered div.left-border div.right-border div.bottom-border div.gradient1 span.accolade{display: block; width: 25px; height: 14px; position: absolute; left: 45%; bottom: -9px; background: #FFFFFF url(/images/accoladeS.gif) no-repeat;}
#main div.four-col-layout div.bordered div.left-border div.right-border div.bottom-border div.gradient2 span.accolade{display: block; width: 25px; height: 14px; position: absolute; left: 45%; bottom: -9px; background: #FFFFFF url(/images/accoladeS.gif) no-repeat;}
#main div.four-col-layout div.bordered div.left-border div.right-border div.bottom-border div.gradient3 span.accolade{display: block; width: 25px; height: 14px; position: absolute; left: 45%; bottom: -9px; background: #FFFFFF url(/images/accoladeShover.gif) no-repeat;}


/* small boxes for floating-doormat */
#main div.floating-doormat div.bordered span.roundedcorner-left-top{display: block; width: 8px; height: 8px; position: absolute; left: 0; top: 0; background: transparent url(/images/border-left-topS.gif) no-repeat left top;}
#main div.floating-doormat div.bordered span.roundedcorner-right-top{display: block; width: 8px; height: 9px; position: absolute; right: 0; top: 0; background: transparent url(/images/border-right-topS.gif) no-repeat right top;}
#main div.floating-doormat div.bordered span.roundedcorner-right-bottom{display: block; width: 16px; height: 16px; position: absolute; right: 0; bottom: 0; background: transparent url(/images/border-right-bottomS.gif) no-repeat right top;}
#main div.floating-doormat div.bordered span.roundedcorner-left-bottom{display: block; width: 16px; height: 15px; position: absolute; left: 0; bottom: 0; background: transparent url(/images/border-left-bottomS.gif) no-repeat left top;}
#main div.floating-doormat div.bordered div.left-border{background: transparent url(/images/border-leftS.gif) repeat-y left top; padding-left: 5px;}
#main div.floating-doormat div.bordered div.left-border div.right-border{background: transparent url(/images/border-rightS.gif) repeat-y right top; padding-right: 5px;}
#main div.floating-doormat div.bordered div.left-border div.right-border div.bottom-border{background: #fff url(/images/border-bottomS.gif) repeat-x left bottom; padding-bottom: 5px;}
#main div.floating-doormat div.bordered div.left-border div.right-border div.bottom-border div.gradient1{background: #FFFFFF url(/images/border-topS.gif) repeat-x; padding: 15px; padding-bottom: 5px;}
#main div.floating-doormat div.bordered div.left-border div.right-border div.bottom-border div.gradient2{background: #FFFFFF url(/images/border-topS.gif) repeat-x; padding: 15px; padding-bottom: 5px;}
#main div.floating-doormat div.bordered div.left-border div.right-border div.bottom-border div.gradient3{background: #D1E3ED url(/images/border-topS.gif) repeat-x; padding: 15px; padding-bottom: 5px;}
#main div.floating-doormat div.bordered div.left-border div.right-border div.bottom-border div.gradient1 span.accolade{display: block; width: 25px; height: 14px; position: absolute; left: 45%; bottom: -9px; background: #FFFFFF url(/images/accoladeS.gif) no-repeat;}
#main div.floating-doormat div.bordered div.left-border div.right-border div.bottom-border div.gradient2 span.accolade{display: block; width: 25px; height: 14px; position: absolute; left: 45%; bottom: -9px; background: #FFFFFF url(/images/accoladeS.gif) no-repeat;}
#main div.floating-doormat div.bordered div.left-border div.right-border div.bottom-border div.gradient3 span.accolade{display: block; width: 25px; height: 14px; position: absolute; left: 45%; bottom: -9px; background: #FFFFFF url(/images/accoladeShover.gif) no-repeat;}


/* box for related */
#main div.related{position: relative;}
#main div.related div.bordered span.roundedcorner-left-top{display: block; width: 1px; height: 1px; position: absolute; left: 0; top: 0; background: transparent url(/images/border-left-topRelated.gif) no-repeat left top;}
#main div.related div.bordered span.roundedcorner-right-top{display: block; width: 14px; height: 13px; position: absolute; right: 0; top: 0; background: transparent url(/images/border-right-topRelated.gif) no-repeat right top;}
#main div.related div.bordered span.roundedcorner-right-bottom{display: block; width: 13px; height: 13px; position: absolute; right: 0; bottom: 0; background: transparent url(/images/border-right-bottomRelated.gif) no-repeat right top;}
#main div.related div.bordered span.roundedcorner-left-bottom{display: block; width: 4px; height: 3px; position: absolute; left: 0; bottom: 0; background: transparent url(/images/border-left-bottomRelated.gif) no-repeat left top;}
#main div.related div.bordered div.left-border{background: transparent url(/images/border-leftRelated.gif) repeat-y left bottom; padding-left: 1px;}
#main div.related div.bordered div.left-border div.right-border{background: transparent url(/images/border-rightRelated.gif) repeat-y right top; padding-right: 3px;}
#main div.related div.bordered div.left-border div.right-border div.bottom-border{background: #fff url(/images/border-bottomRelated.gif) repeat-x left bottom; padding-bottom: 2px;}
#main div.related div.bordered div.left-border div.right-border div.bottom-border div.gradient1 {background: #D1E3ED url(/images/border-topRelated.gif) repeat-x left top; }
#main div.related span.accolade{position: absolute; right: -3px; top: 0; width: 16px; height: 100%; background: transparent url(/images/accoladeRechtsRelated.gif) no-repeat center right;}


/* box for reaction in shoutbox */
#main div.reaction div.bordered span.roundedcorner-left-top{display: block; width: 11px; height: 11px; position: absolute; left: 0; top: 0; background: transparent url(/images/border-left-topTextbox.gif) no-repeat left top;}
#main div.reaction div.bordered span.roundedcorner-right-top{display: block; width: 11px; height: 11px; position: absolute; right: 0; top: 0; background: transparent url(/images/border-right-topTextbox.gif) no-repeat right top;}
#main div.reaction div.bordered span.roundedcorner-right-bottom{display: block; width: 0px; height: 0px; position: absolute; right: 0; bottom: 0; background: #FFFFFF none;}
#main div.reaction div.bordered span.roundedcorner-left-bottom{display: block; width: 11px; height: 10px; position: absolute; left: 0; bottom: 0; background: transparent url(/images/border-left-bottomTextbox.gif) no-repeat left top;}
#main div.reaction div.bordered div.left-border{background: transparent url(/images/border-leftTextbox.gif) repeat-y left top; padding-left: 2px;}
#main div.reaction div.bordered div.left-border div.right-border{background: #FFFFFF none; padding-right: 0px;}
#main div.reaction div.bordered div.left-border div.right-border div.bottom-border{background: #fff none; padding-bottom: 2px;}
#main div.reaction div.bordered div.left-border div.right-border div.bottom-border div.gradient1 {background: #FFFFFF url(/images/border-topTextbox.gif) repeat-x left top; }


/* box voorstellingenoverzicht */
#main div.voorstellingen table {margin-bottom: 20px; border-collapse: collapse;}
#main div.voorstellingen td {background: none; padding: 2px 5px 2px 5px;}
#main div.voorstellingen th {background: none; padding: 2px 0px; font-size: 0.8em; border-right: 8px solid #fff;}
#main div.voorstellingen th.title {border-bottom: 1px solid #333333;}
#main div.voorstellingen a {color: #333; text-decoration: none;}

#main div.voorstellingen div.bordered div.left-border  {background: transparent url(/images/border-leftL.gif) repeat-y scroll left top; }
#main div.voorstellingen div.bordered div.left-border div.right-border  {background: transparent url(/images/border-rightL.gif) repeat-y scroll right top; }
#main div.voorstellingen div.bordered div.left-border div.right-border div.bottom-border  {background: #FFFFFF url(/images/border-bottomL.gif) repeat-x scroll left bottom; }
#main div.voorstellingen div.bordered div.left-border div.right-border div.bottom-border  div.gradient2 {background: #FFFFFF url(/images/border-topL.gif) repeat-x scroll 0 0; }
#main div.voorstellingen div.bordered div.left-border div.right-border div.bottom-border  div.gradient3 {background: #D1E3ED url(/images/border-topL.gif) repeat-x scroll 0 0; }
#main div.voorstellingen div.bordered div.left-border div.right-border div.bottom-border  div.gradient3  h2{color: #333333; }
#main div.voorstellingen div.bordered div.left-border div.right-border div.bottom-border  div.gradient3 span.accolade{background: #D1E3ED url(/images/accoladeLhover.gif) repeat-x scroll 0 0; bottom: -15px;}
#main div.voorstellingen div.bordered div.left-border div.right-border div.bottom-border  div.gradient3 tr{cursor: pointer;}
#main div.voorstellingen div.bordered div.left-border div.right-border div.bottom-border  div.gradient3 tr.selected td{background: #FFFFFF;}

#main div.bordered div.left-border{background: transparent url(/images/border-leftL.gif) repeat-y left top; padding-left: 5px;}
#main div.bordered div.left-border div.right-border{background: transparent url(/images/border-rightL.gif) repeat-y right top; padding-right: 5px;}
#main div.bordered div.left-border div.right-border div.bottom-border{background: #fff url(/images/border-bottomL.gif) repeat-x left bottom; padding-bottom: 5px;}
#main div.bordered div.left-border div.right-border div.bottom-border div.gradient1{background: #FFFFFF url(/images/border-top.jpg) repeat-x; padding: 15px; padding-bottom: 5px;}
#main div.bordered div.left-border div.right-border div.bottom-border div.gradient2{background: #FFFFFF url(/images/border-top.jpg) repeat-x; padding: 15px; padding-bottom: 5px;}
#main div.bordered div.left-border div.right-border div.bottom-border div.gradient3{background: #D1E3ED none; padding: 15px; padding-bottom: 5px;}

#main div.bordered div.left-border div.right-border div.bottom-border div.gradient3 table th{border-right: 8px solid #D1E3ED;}

#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{background: url(/images/table-tr-first-bg-repeat.jpg) repeat-x 0 0;}
#content table tr.header th{background: url(/images/table-tr-header-bg-repeat.jpg) repeat-x 0 0; font-size: 1.1em; color: #fff;}
#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: none;}
#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; background: #D1E3ED url(/images/shortlist-border-top-right.jpg) no-repeat top right;}
#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; background: transparent url(/images/shortlist-border-bottom-right.jpg) no-repeat bottom right;}

/* 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; background: url(/images/icon-calendar.jpg) no-repeat 0 0; padding-left: 25px;}
#content div.calendar-shortlist ul li a{display: block;}

/* doormats */
#content div.doormat{cursor: pointer;}
#content div.doormat h2 a{text-decoration: none;}
#modules h2 {font-family: Arial, Verdana; }
#content div.gradient3 h2 a{color: #333333;}
#content div.doormat h3 { font-family: Arial, Verdana; text-transform: uppercase; font-size: 1.2em;}
#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; background: url(/images/main-linklist-arrow.jpg) no-repeat 0 4px; margin-bottom: 5px;}

/* 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: #dd0000; padding-left: 30px; cursor: pointer;}
#content div.faq div.toggable{padding-left: 30px;}
#content div.faq div.opened{background: url(/images/button-arrow-down.png) no-repeat 0 1px; font-weight: bold;}
#content div.faq div.closed{background: url(/images/button-arrow-right.png) no-repeat 0 1px; font-weight: normal;}
#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; background: url(/images/btn-search.png) no-repeat 0 0; border: none; cursor: pointer; color: #fff; font-weight: bold; padding: 0 10px 5px 0; font-size: 13px; outline: none;}
#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: #dd0000;}
#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; background: url(/images/button-arrow-left.png) no-repeat top left; padding: 1px 0 3px 25px;}
#content div.pager p.next{float: right; background: url(/images/button-arrow-right.png) no-repeat top right; padding: 1px 25px 3px 0;}
#content div.pager p a{color: #666666; text-decoration: none;}
#content div.pager p a:hover{color: #dd0000; 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 #dd0000; border-bottom: 1px solid #dd0000; 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; background: url(/images/btn-150.png) no-repeat 0 0; border: none; margin: 10px 8px 0 0; float: right; cursor: pointer; color: #fff; font-weight: bold; padding: 0 10px 5px 0; font-size: 13px; outline: none;}
#content table.formtable tr td.width175 input{width: 175px; background: url(/images/btn-175.png) no-repeat 0 0;}
#content table.formtable tr td.width125 input{width: 125px; background: url(/images/btn-125.png) no-repeat 0 0;}
#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; background: url(/images/btn-150.png) no-repeat 0 0; border: none; margin: 10px 8px 0 0; float: right; cursor: pointer; color: #fff; font-weight: bold; padding: 0 10px 5px 0; font-size: 13px; outline: none;}

#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; background: url(/images/icon-datepicker.jpg) no-repeat 0 0;}
#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; background: url(/images/btn-search.png) no-repeat 0 0; border: none; cursor: pointer; color: #fff; font-weight: bold; padding: 0 10px 5px 0; font-size: 13px; outline: none; float: right;}
#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; background: url(/images/btn-search.png) no-repeat 0 0; border: none; cursor: pointer; color: #fff; font-weight: bold; padding: 0 10px 5px 0; font-size: 13px; outline: none; float: right;}
#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{background: #fff url(/images/reaction-gradient.jpg) repeat-x 0 0; padding: 5px 5px 10px 5px;}
#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{background: #fff url(/images/reaction-gradient.jpg) repeat-x 0 0; padding: 5px 5px 10px 5px;}
#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{background: #fff url(/images/reaction-gradient.jpg) repeat-x 0 0; padding: 5px 5px 10px 5px;}
#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; background: transparent url(/images/btn-125.png) no-repeat 0 0; height: 38px; border: none; margin: 10px 8px 0 0; float: right; cursor: pointer; color: #fff; font-weight: bold; padding: 0 10px 5px 0; font-size: 13px; outline: none;}
#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 #c7c7c7;}
#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 #c7c7c7;}
#content h3.rss{background: url(/images/icon-rss.jpg) no-repeat 0 2px; padding-left: 20px; padding-top: 0px;}

/* news overview */
#content ul.tonsai-overview{list-style: none; margin-left: 0;}
#content ul.tonsai-overview li{padding: 10px 0; border-top: 1px solid #c7c7c7;}
#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{background: #fff url(/images/reaction-gradient.jpg) repeat-x 0 0; padding: 5px 5px 10px 5px; margin-bottom: 10px;}
#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{background: url(/images/icon-jongeren.png) no-repeat right top; padding-right: 30px; display: inline;}
#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; background: url(/images/btn-search.png) no-repeat 0 0; border: none; margin: 10px 0 0 10px; float: left; cursor: pointer; color: #fff; font-weight: bold; padding: 0 10px 5px 0; font-size: 13px; outline: none;}

/* 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: #dd0000; 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; background: url(/images/foto-album-caroussel-left.jpg) no-repeat 0 0; display: none; float: left; margin-right: 10px; margin-top: 20px; cursor: pointer;}
.jcarousel-next{width: 24px; height: 24px; background: url(/images/foto-album-caroussel-right.jpg) no-repeat 0 0; display: none; float: right; margin-left: 10px; margin-top: 20px; cursor: pointer;}

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 #dd0000;}
table.jCalendar td.hasActivity{color: #dd0000; text-decoration: underline;}
table.jCalendar td.selected{background: #dd0000; color: #dd0000; 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; background: #f6f6f6 url(/images/gradient2.jpg) repeat-x 0 0; font-size: 10px; font-family: arial, sans-serif; padding: 2px; width: 171px; line-height: 1.2em;}
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: #dd0000;}
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: #dd0000; 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 h2 {text-transform: uppercase; }
#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: 358px;}
#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{background: url(/images/calendar-minus.jpg) no-repeat right 2px;}
#modules #calendar-block span.close{background: url(/images/calendar-plus.jpg) no-repeat right 2px;}
#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{background: url(/images/button-arrow-left.png) no-repeat 0 0; color: #a1a1a1;}
#modules div.dp-popup div.dp-nav-next a.dp-nav-next-month{background: url(/images/button-arrow-right.png) no-repeat 0 0; color: #a1a1a1;}

#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{background: none; margin-bottom: 3px; background: url(/images/icon-calendar_more.jpg) no-repeat 5px 2px; padding-left: 25px; padding-bottom: 2px;}
#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; background: url(/images/btn-remove.jpg) no-repeat 4px 5px;}
#modules p.search-query a.removebtn span.btn-msg{display: none;}
/* == END Modules == */


/* == START Footer == */
#footer #page-info{border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; width: 90%; margin: 0 0 10px 25px; padding: 5px;}
#footer #page-info p{font-size: 0.8em;}
#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{background: #e1e4e5 url(/images/bottomnav-bg.jpg) repeat-x 0 0; padding: 22px;}
#footer #bottomnav li a{display: inline-block; font-weight: bold; color: #333333; text-decoration: none; margin-bottom: 5px;}
#footer #bottomnav li li a{font-weight: normal; font-size: 0.9em; text-decoration: underline; margin-bottom: 2px;}

#footer #regular-footer{background-color: #333333; color: #fff; padding: 10px 22px;}
#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;}
#footer #regular-footer a{color: #fff;}
/* == END Footer == */