/*
 *
 * Amplexor - KL
 *
 */


/*==========*/
/* STYLES	*/
/*==========*/
/* == START General definitions == */
/* position - general html tags*/ 
body{width: 100%; font-size: 75%; font-weight: normal; font-family: arial,"lucida console",sans-serif; text-decoration: none; text-align: center; letter-spacing: 0; word-spacing: normal; background: #ededed; /*background-color: #fff;*/ color: #333333; padding-bottom: 50px;}
#banner{position: relative; max-width: 79em; margin: 0 auto; text-align: left; overflow: hidden; min-width: 950px;background: #fff;/* url(/images/banner1.jpg) no-repeat;*/}
#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: 155px 0 10px 15px; width: 93.4%; background-color: #fff; padding: 15px 5px 15px 20px;}
#container #header{position: absolute; top: 0; left: 0; width: 100%; height: 150px;}



#container #content-body #content-container #breadcrumb{margin-bottom: 15px;font-style:italic;}
#container #content-body #content-container #main{position: relative; min-height: 450px;}

#one-col #content-container, #two-col-modules #content-container{margin-left: 0px;}
#one-col #container #content {margin-right: 0;}
#one-col #rightnav {display: none;}
#one-col-rightnav #content-body #rightnav{position: absolute; top: 15px; width: 200px;right:0;}
#two-col-modules #content-body #rightnav, #one-col #content-body #leftnav, #one-col #modules{display: none;}
#one-col-leftnav #content-body #leftnav{position: absolute; top: 15px; width: 200px;left:0;}

#three-col #content-body #rightnav{position: absolute; top: 15px; width: 200px;right:0;}
#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;}

.nomodules #container #content{margin-right: 0px;}

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


#one-col-leftnav #content-container{margin-left:200px;}
#one-col-leftnav #container #content{margin-right:0px;}
#one-col-leftnav #breadcrumb {margin:0 0 20px 0;}



#splash #banner{background: none;}
#splash #container{background-color: #fff; position: relative;}
#splash #container #content-body{width: 99%; margin: 50px 0 0 0; padding: 0 5px; position: static; border-top: none;}
#splash #container #header{display: none;}
#splash #container #content-body #content-container #main{min-height: 200px; position: static;}
#splash #main div.splash-nav{width: 220px; display: block; margin: 0 auto;}
#splash #main div.splash-nav p a{display: block; color: #ca4223; text-transform: uppercase; font-family: Verdana,Arial,Geneva,Helvetica,sans-serif; font-size: 1.5em; text-align: center; text-decoration: none;}
#splash #container #content-body #content-container #breadcrumb{display: none;}
#splash #content-body #leftnav, #splash #modules{display: none;}
#splash #footer{display: none;}

#error-info-sorry #banner{background: none;}
#error-info-sorry #container{background-color: #fff; position: relative;}
#error-info-sorry #container #content-body{width: 99%; margin: 50px 0 0 0; padding: 0 5px; position: static; border-top: none;}
#error-info-sorry #container #header{display: none;}
#error-info-sorry #container #content-body #content-container #main{min-height: 200px; position: static; padding: 15px;}
#error-info-sorry #main #logo{position: absolute; top: 65px; left: 15px; width: 220px;}
#error-info-sorry #main #logo a{display: block; float: right; width: 100px; height: 136px; background: url(/images/logo.jpg) no-repeat 0 0;}
#error-info-sorry #main #logo span, #error-info-sorry #main #logo img{display: none;}
#error-info-sorry #main div.error-info-sorry-area{margin-left: 230px;}
#error-info-sorry #container #content-body #content-container #breadcrumb{display: none;}
#error-info-sorry #content-body #leftnav, #splash #modules{display: none;}

a{color: #ca4223;}
a:hover{}
a:visited{/*color: #8d4041;*/}
p.errormessage{color: #ca4223; font-weight: bold;}
a img {border:0;}
span.arrowmore {font-family: Verdana;}
div.separator{background: url('/images/dark-seperator.jpg') repeat-x scroll 0pt 10px transparent; height:11px; margin-top:15px;}
/* == END General definitions == */


/* == START Header == */



#header ul{list-style: none;}
#header #headerbalk {position:absolute;top:0;width:100%;left:0;}
#header #headerbalk #logo{margin: 0 0 0 32px; float: left; width: 67px; height: 102px;}
#header #headerbalk #logo a{display: block; width: 67px; height: 102px; outline: none; cursor: pointer;background: url(/images/logo.jpg) no-repeat 0 0;}
#header #headerbalk #logo span, #header #headerbalk #logo img{display: none;}

#header #floatingarea{height: 25px; width: 37%; float: right; background-color:#ffffff;margin:10px 10px 0 0;}
#header #floatingarea #navtools{position: relative; width: 100%; height: 25px; background-color:#ffffff;}
#header #floatingarea #navtools #font-sizer{width: 15%; height: 21px; float: left; padding: 4px 5px 0 5px; background-color:#ffffff;}
#header #floatingarea #navtools #font-sizer ul li{float: left; margin-right: 2px; line-height: 15px;}
#header #floatingarea #navtools #font-sizer ul li a{border:1px solid #ca4223;padding:0px 2px 0 2px;text-decoration:none;}
#header #floatingarea #navtools #font-sizer ul li.active a{color: #333333; text-decoration: none;border:1px solid #333333;}
#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;margin-top:1px}
#header #floatingarea #navtools #language-nav{width: 26%; height: 20px; padding: 5px 5px 0 5px; float: left; font-size: 1.0em;background-color:#ca4223;}
#header #floatingarea #navtools #language-nav ul li{font-size:1.0em;float: left; margin-left:3px;background:url(/images/language_seperator.jpg) no-repeat right 5px;display:block;}
#header #floatingarea #navtools #language-nav ul li.active{color:#fffff;font-weight:bold;font-size:1.0em;}

#header #floatingarea #navtools #language-nav ul li.last{background:none;}
#header #floatingarea #navtools #language-nav ul li a{color:#ffffff;margin-right: 15px;text-decoration:none;}
#header #floatingarea #navtools #language-nav ul li:hover a{color:#660000;}

#header #floatingarea #navtools #language-nav ul li.last a{margin-right: 0px;}
#header #floatingarea #navtools #search-module {height:21px;padding:4px 0 0 0;background-color:#ffffff;width:53%;float:left;}
#header #floatingarea #navtools #search-module input.submitbtn{margin:0 0 0 4px;font-size:0.9em;padding:1px;background-color:#CA4223;border:0 none;color:#FFFFFF;font-weight:bold;text-transform:uppercase; width:90px;}
#header #floatingarea #navtools #search-module input.search{width:85px;}


#header #headernav{top:102px;height:48px;border-top:1px dashed #c9c9c9;border-bottom:1px dashed #c9c9c9;font-family: arial, "lucida console", sans-serif; letter-spacing: 1px; font-size:110%; clear: both; width: 100%; position: absolute; /*background: url(/images/headernav-bg.png) no-repeat 0 0;*/}
#header #headernav #topnav{width: 100%; float: left; margin: 15px 0 15px 30px; font-size: 1.3em; 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 {}
#topnav ul li {position:relative; float:left;background:url(/images/topnav_seperator.gif) no-repeat right 0.5em;margin-left: 4px;}
#topnav ul li a{color:#000000;text-decoration:none;margin-right: 15px;}
#topnav ul li.last {background:none;}
#topnav ul li.active a{color: #ca4223;}
#topnav ul li.current a{color:#cc3333;}
#topnav ul li.previous {background:url(/images/topnav_seperator.gif) no-repeat right 8px;}
#topnav ul li.previous a {color:#777777;}
#topnav ul li.outcolor {background:url(/images/topnav_seperator-hover.gif) no-repeat right 8px;}
#topnav ul li.outcolor a{color:#777777}
#topnav ul li.last.outcolor {background:none;}
#topnav ul li.lastoutcolor {background:none;}
#topnav ul li.lastoutcolor a{color:#777777}



#topnav ul li ul.submenu{position: absolute; top: 33px;  left:0;  z-index: 3; display: block; visibility: hidden; border: 2px solid #cecece; width: 200px; 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{background:none; float: none; margin-left: 0; display: block; height: auto; width: 100%;}
#topnav ul li ul.submenu li a{font-family: arial,"lucida console",sans-serif; font-weight:bold; font-size:0.7em; background: none; color: #ca4223; 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 leftnavigation == */
#leftnav {}

/* == END leftnavigation == */


/* == START rightnavigation == */
#rightnav {margin:20px 0 10px 0;}
.homepage #rightnav {margin:0px 0 10px 0;}
#rightnav ul.links{list-style:none;margin:0 0 10px 0;}
#rightnav ul.links li{padding:3px 0;background:url("/images/dark-seperator.jpg") repeat-x bottom left;}
#rightnav ul.links li a{text-decoration:none;}
#rightnav ul.links li:hover a{color:#333333;}
#rightnav ul.icons{list-style:none;margin:8px 0 5px 5px;}
#rightnav ul.icons li{float:left;padding:0 4px 0 0;}
#rightnav ul.icons li a{text-decoration:none;}
#rightnav ul.icons li a img{border:0;}
#rightnav div.iconlinks {margin: 0pt 0pt 5px; padding: 0pt 0pt 1px; background: url("/images/dark-seperator.jpg") repeat-x scroll left bottom transparent;}
/* == END rightnavigation == */



/* == 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.8em; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0; clear: both;}
h2{font-size: 1.4em; font-weight: normal; margin: 0px 0px 15px 0px; padding: 0;color:#CA4223;}
h3{font-size: 1.3em; color: #000000; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0;}
h4{font-size: 1.2em; font-weight: bold; margin: 0 0 15px 0; padding: 1px;color:#ca4223; /*border:1px solid #ca4223; */ display:inline-block;zoom:1;*display:inline;}
h3 span.top{display:block;float:right;color:#ca4223;background:url("/images/arrow-up.jpg") no-repeat right;padding:0 10px 0 0;}
h3 span.top a{font-size:0.7em;font-weight:normal;}

/* paragraphs */
#main p, #main ul, #main ol{padding-bottom: 10px;}
#main ul{margin-left: 16px;}
#main ol{margin-left: 30px;}

/* symbols - classes */


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

/* images - media items */
#main div.media-item {margin:0 6px 0 0;	position:relative;}
#main div.media-item div.action{position:absolute;top:130px;left:185px;}
#main div.media-item  div.image{position:relative;}
#main div.fotoboek{width: 424px; height: 315px; overflow: hidden;border:0px;cursor:pointer;}
#main div.slideshow-tools{width: 424px;margin-top: 10px;}
#main div.slideshow-tools div.fotoboeknav{height: 25px;}
#main div.slideshow-tools div.caption{width: 370px; margin: 0px 14px; float: left; font-size: 0.8em;}
#main div.slideshow-tools div.caption span{background-color: #fff;}
#main div.slideshow-tools img.previous{width: 12px; height: 12px; float: left; cursor: pointer;}
#main div.slideshow-tools img.next{width: 12px; height: 12px; float: right; cursor: pointer;}
/* == END Main field (Content - modules) == */

/* buttons */
#main div.buttons {width:193px;position:relative;cursor:pointer;}
#main div.buttons div.image{margin:0;padding:0;height:101px;}
#main div.buttons div.text{height:20px;background-color:#000000;padding:5px 5px 2px 5px;font-weight:bold;font-size:1.1em;margin:0;}
#main div.buttons div.text span{color:#ffffff;}
#main div.buttons div.action{position:absolute;top:30px;left:87px;}
#main div.buttons div.action.hidden{display:none;} 
/* text & image actionbutton */
div.textactionbutton {padding:10px 0 0 2px;background:none;margin:0 0 10px 2px;}
div.textactionbutton a.button {width:85%;text-decoration:none;background:#d6492a url(/images/arrowonbutton.jpg) no-repeat right 8px;border-right:7px solid #D6492A;display:inline-block;padding:5px 10px 5px 5px;}
div.textactionbutton a.button:hover{background:#808080 url(/images/arrowonbutton-gray.jpg) no-repeat right 8px;border-right:7px solid #808080}
div.textactionbutton a.button span {color:#ffffff;font-weight:bold;padding:0 20px 0 0px;font-size:1.1em;}

div.imageactionbutton {padding:10px 0 0 2px;background:none;margin:0 0 10px 2px;}
div.imageactionbutton a.button {width:85%;text-decoration:none;background:#ffffff url(/images/arrowonbutton_image.jpg) no-repeat right 10px;border-right:7px solid #ffffff;display:inline-block;padding:5px 10px 5px 5px;}
div.imageactionbutton a.button:hover{background:#ffffff url(/images/arrowonbutton-gray_image.jpg) no-repeat right 10px;border-right:7px solid #ffffff}
div.imageactionbutton a.button span {color:#d6492a;font-weight:bold;padding:0 20px 0 0px;font-size:1.1em;}

div.textactionbutton a.nighty, div.imagectionbutton a.nighty {width:90%}
div.textactionbutton a.seventy, div.imagectionbutton a.seventy {width:70%}
div.textactionbutton a.fifty, div.imagectionbutton a.fifty {width:50%}
div.textactionbutton a.thirty, div.imagectionbutton a.thirty {width:30%}
div.textactionbutton a.ten, div.imagectionbutton a.ten {width:10%}

#rightnav div.imageactionbutton, #rightnav div.textactionbutton {padding:0 0 5px 0;margin:0 0 10px 0;background: url(/images/dark-seperator.jpg) repeat-x bottom left;}

/* Homepage news */
#main div.news {}
#main div.news ul{list-style: none;margin:0 0 0 5px;padding:0 5px 5px 0;}
#main div.one-col-layout div.news ul {margin:0 0 0 16px;}
#main div.news ul li{margin:0 0 10px 15px;list-style-image: url("/images/minus.jpg");}
#main div.two-col-layout div.column1 div.news ul li{margin:0 0 10px 15px;}
#main div.news ul li.last{margin:0 0 5px 15px;}
#main div.news ul li span.title{font-weight:bold;text-transform: uppercase;margin: 0 5px 0 0;}
#main div.news p {display:inline;}

/* Homepage calendar */
#main div.calendar {}
#main div.calendar span.today {display: inline-block; color: #000; background: transparent url(/images/bg-kalender.jpg) no-repeat 0 0; font-size:12px; height:16px; margin-right:8px; padding:7px 0 0 2px; width:17px;}
#main div.calendar div.mainimage {padding:0 0 10px 0;background:url("/images/light-seperator.jpg") repeat-x bottom left;}
#main div.calendar ul {margin:0;padding:0;list-style:none;}
#main div.calendar ul li {display:block;padding:5px 5px 10px 2px;background:url("/images/light-seperator.jpg") repeat-x bottom left;}
#main div.calendar ul li a span.title{font-weight:normal;color:#000000;display:block;}
#main div.calendar ul li a span.date{color:#ca4223;display:block;padding:2px 0 0 0;}
#main div.calendar ul li.color {margin:3px 0;background:#FFF0DD url("/images/calendar-color-seperator.jpg") repeat-x bottom left;}
#main div.calendar ul li.fullcalendar {font-style: italic;font-weight:normal;padding:10px 0 0 0;background:none;}
/* #main div.calendar ul li.fullcalendar a{text-decoration:underline;color:#000000;} */
#main div.calendar p {display:inline;} /*added by Gert on 28/05/10 */
#main div.calendar ul li span.title{font-weight:bold; margin: 0 5px 0 0;} /*added by Gert on 28/05/10 */

/* Clicktrough buttons */
#main #clicktroughbuttons {margin:0 0 25px 0;}
#main #clicktroughbuttons div.row {margin:0 0 20px 0;}
#main #clicktroughbuttons div.row div.button {width:193px;margin:0 31px 0 0;float:left;}
#main #clicktroughbuttons div.row div.button.last {margin:0;}

#main #clicktroughbuttons div.row div.button div.image{height:135px;}
#main #clicktroughbuttons div.row div.button div.text{display:block;background-color:#ca4223;}
#main #clicktroughbuttons div.row div.button div.text.gray{background-color:#777777;}
#main #clicktroughbuttons div.row div.button div.text a{display:block;text-decoration:none;color:#ffffff;padding:5px 5px;}
#main #clicktroughbuttons div.row div.button div.text a span.title{display:block;font-size:1.1em;font-weight:bold;}
#main #clicktroughbuttons div.row div.button div.text a span.subtitle{display:block;font-size:1.0em;}


/* == START Content Field == */
/* 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 0px; 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 {margin:0 0 5px 0;}
#content div.search-overview div.search-result h3 a{text-decoration: none;color:#333333;}
#content div.search-overview div.search-result p {color:#ca4223;}
#content div.search-overview div.search-result a.more {color:#333333;text-decoration:underline;}
/*#content div.search-overview div.search-result a.more span.more {background:url(/images/link-more.jpg) no-repeat right;padding:0 10px 0 0;display:inline-block;border-bottom:1px solid;margin:0;}*/

/* pager */
#content div.pager{background:url(/images/dark-seperator.jpg) repeat-x 0 0;padding: 5px 10px 5px 10px; margin-top: 10px;}
#content div.pager p.previous{float: left; background: url(/images/button-previous.jpg) no-repeat left 6px; padding: 1px 0 3px 10px;}
#content div.pager p.next{float: right; background: url(/images/button-next.jpg) no-repeat right 6px; padding: 1px 10px 3px 0;}
#content div.pager p a{}
#content div.pager ul{float: left; padding-top: 1px; width: 40%; text-align: center;}
#content div.pager ul.pager{list-style: none; padding: 2px 0 0 30%;}
#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;}

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

/* article - paragraphs */
#content table{width: 100%; border-collapse: collapse;}
#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.article span.date {border-bottom:1px dashed #CA4223;border-top:1px dashed #CA4223;color:#CA4223;display:block;margin:0 0 10px;padding:5px 0;}
#content div.article span.date span.saquo {vertical-align:10%;}
#content div.article div.anchorlinks ul {list-style:none;margin-bottom:15px;padding:0;}
#content div.article div.anchorlinks ul li {list-style-image: url("/images/list-arrow.jpg");margin:0 0 5px 0;}
#content div.article div.paragraph ul {list-style:none;margin:0 0 10px 25px;padding:0;}
#content div.article div.paragraph ul li {list-style-image: url("/images/list-bullet.jpg");margin:0 0 5px 0;}
#content div.linkblock {background:url("/images/light-seperator.jpg") repeat-x left bottom; margin: 0 0 10px 0;}
#content div.linkblock.last {background:none; margin: 0 0 10px 0;}
#content div.linkblock h4 {margin:0 0 5px 0;}
#content div.linkblock ul {list-style:none;margin:0 0 10px 16px;}
#content div.linkblock ul li {list-style-image: url("/images/minus-color.jpg");margin:0 0 5px 0;}
#content div.linkblock ul.logos li{float:left;margin:0 20px 0 0;list-style-image:none;}
#content div.paragraph, #content div.intro{padding-bottom: 10px;}
#content div.intro{font-weight: bold;}
#content div.article table {width:70%;margin:0 0 10px 0; display:inline;}
#content div.article table tr td{background-color:#ffffff;border-right:1px dotted #ca4223;border-bottom:1px dotted #ca4223;}
#content div.article table tr td.lastcol{border-right:none;}
#content div.article table tr.lastrow td{border-bottom:none;}

#content div.article div.media-item {margin:0 0 15px 0;width:289px;clear:both;position:relative;}
#content div.article div.media-item div.image{margin:0 0 5px 0;}
/* #content div.article div.media-item div.text{border-bottom:1px solid #333333;} */
#content div.article div.media-item div.text h5{font-size:0.8em;font-weight:bold;margin:8px 0 5px 0;}
#content div.article div.media-item div.text p {font-style:italic;font-size:0.8em;} 
#content div.article div.media-item div.action{position:absolute;top:71px;left:120px;}
#content div.article div.media-item div.action.hidden{display:none;}
#content div.article div.media-item.right {margin-left:15px; padding:0;}
#content div.article div.media-item.left {margin-right:15px; padding:0;}
#content div.article div.media-item.portrait {width: 175px;}

#content div.article div.media-item div.controls{display:none;margin:0 0 5px 0;}
#content div.article div.media-item.audio div.controls{display:block;}

/* forms - FormFibre */
#content table.formtable{border-collapse: collapse; margin-top: 10px;}
#content table.formtable span.mandatory {color:#ca4223;}

#content table.formtable tr th, #content table.formtable tr td{background-color: transparent; padding: 0 10px 10px 0px; text-align: left; vertical-align: top;}
#content table.formtable tr th {font-weight:normal}
#content table.formtable tr th span.number{font-weight:bold;}
#content table.formtable tr td input, #content table.formtable tr td select{width: 90%;font-size: 13px;}
#content table.formtable tr td textarea{margin-bottom: 5px;width: 80%;}
#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: auto;border:0;font-size:1.1em;color:#ffffff;text-decoration:none;background-color:#d6492a;padding:2px;font-weight:bold;float:right;}
#content table.formtable tr td textarea{width: 90%;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{}

#content #sendtofriend {border:1px dotted #ddc0c4;padding:10px 10px 0px 10px;width: 80%; }
#content #sendtofriend h3{color:#ca4223;font-size:1.1em;}
#content #sendtofriend p.errormessage {font-style:italic;font-weight:normal;}
#content #sendtofriend p.succes {color:#ca4223;}

/* FAQ */
#content #faq {overflow:hidden;}
#content #faq div.column {background:url(/images/light-seperator-vertical.jpg) repeat-y right top;padding:5px 5px 2000px 0;margin:0 15px -2000px 0;}
#content #faq div.column.last {background:none;padding:5px 0px 0px 0;margin:0;}
#content #faq div.faq-item{padding:0 10px 0 0;margin:0 0 15px 0;}
#content #faq div.faq-item p a{font-style: italic;}

#content #faq h2 {font-size:1.2em;color:#ca4223;font-weight:bold;margin:0 0 10px 0;}
#content #faq img.header {margin:0 0 10px 0;}

/* 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 div.gmap_canvas{width: 98%; height: 450px; margin-left: 10px;}
#content div.google-map-small div.gmap_canvas{width: 300px; height: 200px;}
#content div.google-map-common div.gmap_canvas{width: 100%; height: 270px;}

/* 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: 31%; float: left;}
#content div.one-col-layout div.column{width: 96%; margin-right: 20px; 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;}
#content div.two-col-layout div.column1 {width: 63%; float: left;padding:0 15px 0 0;}
#content div.two-col-layout div.column2 {width: 33%; float: left;}
#content div.two-col-layout div.column1 div.columnblok{padding:0 0px 10px 0px;margin:0 0 10px 0;background: url(/images/dark-seperator.jpg) repeat-x bottom left;}
#content div.two-col-layout div.column2 div.columnblok{padding:0 15px 10px 15px;margin:0 0 10px 0;background: url(/images/dark-seperator.jpg) repeat-x bottom left;}
#content div.two-col-layout div.column1 div.columnblokwithaction{margin:0 0 10px 0;}
#content div.two-col-layout div.column2 div.columnblokwithaction {margin:0 0 10px 0;}
#content div.two-col-layout div.column2 div.columnblokwithaction div.content{padding:0 15px 10px 15px;}
#content div.two-col-layout div.column1 div.columnblokwithaction div.actionbutton {padding:10px 0 0 2px;}
#content div.two-col-layout div.column2 div.columnblokwithaction div.actionbutton {background: url(/images/dark-seperator.jpg) repeat-x top left;padding:10px 0 0 15px;}

#content div.one-col-layout div.columnblokwithaction div.actionbutton {background: url(/images/dark-seperator.jpg) repeat-x top left;padding:10px 0 0 2px;}
#content div.columnblokwithaction a.button {text-decoration:none;background:#d6492a url(/images/arrowonbutton.jpg) no-repeat right 8px;border-right:7px solid #D6492A;display:inline-block;padding:5px 10px 5px 5px;}
#content div.columnblokwithaction a.button:hover{background:#808080 url(/images/arrowonbutton-gray.jpg) no-repeat right 8px;border-right:7px solid #808080}
#content div.columnblokwithaction a.button span {color:#ffffff;font-weight:bold;padding:0 20px 0 0px;font-size:1.1em;}

/* Specials */
#content div.nieuwsbriefform table.formtable colgroup col.column1{width: 70%;}
#content div.nieuwsbriefform table.formtable colgroup col.column2{width: 30%;}
#content div.nieuwsbriefform table.formtable th, #content div.nieuwsbriefform table.formtable td{background-color: transparent;}
#content div.nieuwsbriefform table.formtable td input{width: 100%; color: #ca4223; border: 1px solid #ca4223; font-family: Times New Roman, serif; font-size: 25px; font-style: italic;}
#content div.nieuwsbriefform table.formtable td#nieuwsbriefsubmit input{width: auto; color: #fff; background-color: #ca4223; font-family: Tahoma; font-size: 18px; font-weight: bold; font-style: normal; text-transform: uppercase; padding: 3px 5px; cursor: pointer;}

#calendar-data-view{margin:0 0 20px 0;}
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: #ca4223; padding: 3px 0px; text-align: center; margin: 12px; background-color: #eec2b8;border:1px solid #ffffff;}
table.jCalendar td.other-month{background: #ffffff; color: #ffffff;}
table.jCalendar td.today{border:1px solid #c94222;color:#ffffff;padding:2px 1px;background-color:#ffffff;}
table.jCalendar td span{padding:0px 5px;font-weight:bold;}
table.jCalendar td.today span {background-color:#c94222;/*c94222*/border:1px solid #ffffff;padding:2px 6px;}
table.jCalendar td.hasActivity{color: #dd0000; text-decoration: underline;}
table.jCalendar td.gray{color:#868686;background-color:#e0e0e0;}
table.jCalendar td.selected{background: #dd0000; color: #fff;}
table.jCalendar td.selected span {background: #dd0000;}
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{ position: relative; font-size: 10px; font-family: arial, sans-serif; padding: 2px; width: 184px; 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;}
div.dp-popup div.dp-nav-prev a{width: 12px; height: 12px; color: transparent; font-weight: normal;}
div.dp-popup div.dp-nav-next a{width: 12px; height: 12px; color: transparent; font-weight: normal;}
div.dp-popup div.dp-nav-prev a.dp-nav-prev-month{background: url(/images/carrousel-arrow-left.jpg) no-repeat left 3px;}
div.dp-popup div.dp-nav-next a.dp-nav-next-month{background: url(/images/carrousel-arrow-right.jpg) no-repeat right 3px;}


table.ui-datepicker-calendar {width: 100%; background: transparent; border-collapse: separate;margin-top:5px;}
table.ui-datepicker-calendar th{font-weight: bold; padding: 3px 5px; text-align: center; background-color: transparent; border: none;}
table.ui-datepicker-calendar td{width:13%;color: #ca4223; padding: 3px 0px; text-align: center; margin: 12px; background-color: #eec2b8;border:1px solid #ffffff;}
table.ui-datepicker-calendar td a{font-weight:bold;text-decoration:none;}
table.ui-datepicker-calendar td.gray{color:#868686;background-color:#e0e0e0;}
table.ui-datepicker-calendar td.gray a{color:#868686;background-color:#e0e0e0;}

table.ui-datepicker-calendar td.ui-datepicker-today{border:1px solid #c94222;color:#ca4223;background-color:#eec2b8;}
table.ui-datepicker-calendar td.ui-datepicker-today a{color: #ca4223;background-color:#eec2b8;border:0px;padding:1px 2px;}
table.ui-datepicker-calendar td.ui-datepicker-current-day{background: #dd0000;color: #fff;}
table.ui-datepicker-calendar td.ui-datepicker-current-day a{background: #dd0000;color: #fff;}

table.ui-datepicker-calendar td.ui-state-disabled{background: #ffffff; color: #ffffff;}

#uidatepicker {background:url('/images/dark-seperator.jpg') repeat-x scroll left bottom transparent; padding-bottom:15px; margin-bottom:15px;}
#uidatepicker div.ui-datepicker-header {position:relative;}
#uidatepicker div.ui-datepicker-header a.ui-datepicker-prev{cursor:pointer;position:absolute;top:0;left:0;/*background: url(/images/carrousel-arrow-left.jpg) no-repeat left 3px;*/background-color:#c94222;width: 12px; height: 12px; color: #ffffff;font-family: cursive;}
#uidatepicker div.ui-datepicker-header a.ui-datepicker-next{cursor:pointer;position:absolute;top:0;right:0;/*background: url(/images/carrousel-arrow-right.jpg) no-repeat right 3px;*/background-color:#c94222;width: 12px; height: 12px; color: #ffffff;font-family: cursive;}
#uidatepicker div.ui-datepicker-header div.ui-datepicker-title {font-size: 1.0em; font-weight: bold; text-align: center;color: #dd0000;}
#uidatepicker div.ui-datepicker-header a span {line-height:11px;margin:0;padding:0 0 0 4px;}



#refine h5 {margin:0 0 5px 0;}
#refine div.refineblock{margin:0 0 10px 0;}
#refine div.refineblock select{width:93%;}

/* Agenda */
#content div#agenda {display:inline-block;}
#content #agenda h1 {border:2px solid #ca4425;text-transform: uppercase;font-size:1.2em;color:#ca4425;text-align: center;padding:5px;margin:0 0 20px 0;}
#content #agenda div.agenda-item {margin:0 0 15px 0;background: url(/images/light-seperator.jpg) repeat-x bottom left;}
#content #agenda div.agenda-item.last {background: none;}
#content #agenda div.agenda-item h2 a {color:#000000;font-weight:bold;margin:0 0 5px 0;font-size:1.0em;text-decoration:none; cursor:pointer;}
#content #agenda div.agenda-item h2 {color:#000000;font-weight:bold;margin:0 0 5px 0;font-size:1.5em;}
#content #agenda div.agenda-item h3 {color:#ca4223;font-size:1.2em;font-weight:normal;margin:0 0 5px 0;}
#content #agenda div.agenda-item h3 a {color:#ca4223;font-size:1.0em;font-weight:normal;margin:0 0 5px 0; text-decoration:none; cursor:pointer;}
#content #agenda div.agenda-item span.category {font-size: 1.0em; font-weight: bold; margin: 0 0 10px 0; padding: 1px;color:#ca4223;border:1px solid #ca4223;display:inline-block;zoom:1;*display:inline;}
#content #agenda div.agenda-item div.info {margin:0 0 7px 0;}
#content #agenda div.agenda-item div.info span.date {color:#ca4223;float:left;padding:2px 0 0 0}
#content #agenda div.agenda-item div.info span.date span.saquo {vertical-align:10%;}
#content #agenda div.agenda-item div.info ul.buttons {float:right;margin:0 0 0 10px;list-style:none;}
#content #agenda div.agenda-item div.info ul.buttons li.category {float:left;margin:0 10px 0 0;padding:1px 5px;color:#ca4223; background-color:#FFFFFF; border:2px solid #ca4223; text-transform:uppercase;font-size:1.0em;font-weight:bold;}
#content #agenda div.agenda-item div.info ul.buttons li {float:left;margin:0 10px 0 0;padding:2.5px 5px;background-color:#ca4223;color:#ffffff;text-transform:uppercase;font-size:1.0em;font-weight:bold;}
#content #agenda div.agenda-item div.info ul.buttons li.disabled {background-color:#edd9d3;}
#content #agenda div.agenda-item div.info ul.buttons li a {color:#ffffff;text-decoration: none;}
#content #agenda div.agenda-item div.header{height:15px}
#content #agenda div.agenda-item div.body{margin:20px 10px 10px 0px;}
#content #agenda div.agenda-item div.body div.mainimage {margin:0 25px 25px 0; clear: both; float:left;}
#content #agenda div.agenda-item div.body div.content {padding:0 2px 0 0;margin:0 0 10px 0;}
#content #agenda div.agenda-item ul.logos {margin:0;padding:0 0 15px 0;list-style:none;}
#content #agenda div.agenda-item ul.logos li {float:left;margin:0px 20px 0px 0;list-style-image:none;}

/* 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; background: transparent url(/images/border-left-top.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-top.gif) no-repeat right top;}
#main div.bordered span.roundedcorner-right-bottom{display: block; width: 11px; height: 11px; position: absolute; right: 0; bottom: 0; background: transparent url(/images/border-right-bottom.gif) no-repeat right top;}
#main div.bordered span.roundedcorner-left-bottom{display: block; width: 11px; height: 11px; position: absolute; left: 0; bottom: 0; background: transparent url(/images/border-left-bottom.gif) no-repeat left top;}
#main div.bordered div.left-border{background: transparent url(/images/border-left.jpg) repeat-y left top; padding-left: 5px;}
#main div.bordered div.left-border div.right-border{background: transparent url(/images/border-right.jpg) repeat-y right top; padding-right: 5px;}
#main div.bordered div.left-border div.right-border div.bottom-border{background: #fff url(/images/border-bottom.jpg) repeat-x left bottom; padding-bottom: 5px;}
#main div.bordered div.left-border div.right-border div.bottom-border div.gradient1{background: #fff url(/images/gradient4.jpg) repeat-x 0 0; padding: 15px; padding-bottom: 5px;}
#main div.bordered div.article{margin-bottom: 0;}
#main div.bordered span.accolade{display: none;}
#main div.bordered div.contact h4{color:#333333;font-size:1.1em;font-weight:bold;margin:0 0 10px;padding:0;}




/* == END Content Field == */


/* == START Modules == */
#modules div.action-block{margin-bottom: 10px;}
/* == END Modules == */

/* == START VISITORS ACTION BAR ==*/
#main div.visitor-actions-bar {padding:5px 0 5px 0;border-top:1px dashed #ca4223;width:100%;}
#main div.visitor-actions-bar ul.visitor-actions{list-style:none;border-bottom:1px dashed #ca4223;margin:0 0 15px 0px;padding:0 0 0 10px;}
#main div.visitor-actions-bar ul.visitor-actions li{float:left;margin:0 25px 0 0;font-weight:bold;text-transform: uppercase;font-size:0.8em;}
#main div.visitor-actions-bar ul.visitor-actions li a {text-decoration:none;}
#main div.visitor-actions-bar ul.visitor-actions li.print{cursor:pointer;background: url(/images/icon-print.jpg) no-repeat left; padding: 7px 0 6px 20px; margin-bottom: 4px;}
#main div.visitor-actions-bar ul.visitor-actions li.send-to-friend{cursor:pointer;background: url(/images/icon-send.jpg) no-repeat left; padding: 7px 0 5px 20px; margin-bottom: 4px;}
#main div.visitor-actions-bar ul.visitor-actions li.share { padding: 5px 0; }
#main div.visitor-actions-bar ul.visitor-actions li.like { }

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

/* == START Footer == */
/* 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; padding-left: 15px; border-left: none; background: url("/images/list-arrow.jpg") no-repeat scroll 0 5px transparent;margin:0 0 5px 0;}
#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 == */#footer {background: #ffffff url(/images/footer-bg.jpg) repeat-x 0 0;}
#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: url(/images/footer-logo.jpg) no-repeat 63em center;color: #fff; padding: 20px 22px 18px;}
#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;}
#footer #regular-footer li:hover a{color:#660000;}
#footer #regular-footer p{color: #000000;}
/* == END Footer == */


/* == START SPLASH  == */
#splash #content {margin:0;min-height:550px;padding:100px 0 0 0;}
#splash #content ul {list-style:none;margin:0 0 10px 1px;padding:0 10px 0 0;}
#splash #content ul li{margin:0 0 2px 0;}
#splash #content div.one-col-layout {margin:0 0 50px 0;}
#splash #content div.one-col-layout div.logo {text-align: center;margin:0 0 10px 0;}
#splash #content div.three-col-layout {width: 75%; margin: 0 167px 20px;margin-bottom:20px;}
#splash #content div.three-col-layout div.column {width:30%;margin:0 10px 0 0;} 
/* == END SPLASH  == */


/* sitemap */
#content ul#sitemap, #content ul#sitemap li ul{list-style: none; margin-left:0px;}
#content ul#sitemap ul.linklist{padding-bottom: 0; margin-left:0px;}
#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; margin-left:0px;}
#content ul#sitemap li ul li{width: 90%; float: none; padding-left: 15px; border-left: none; background: url("/images/list-arrow.jpg") no-repeat scroll 0 5px transparent;margin:0 0 5px 0;}
#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 == */