body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 75%;
    color: #302f2e;
    background: #f3f2eb url("../images/background.gif") repeat-x;
    margin-top: 0;
}

img {
    border: none;
}

cite {
    font-style: normal;
}

h1, h2, h3 {
    font-family: Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

h2 {
    font-size: 1.4em;
}

a:hover {
    text-decoration: underline;
}

a {
    color: #00763C;
    text-decoration: none;
}

.contentInfo strong, .infoBlock strong, .upcommingProductions strong, .itemList strong {
    font-family: Arial, sans-serif;
}

.titleBanner, .titleBannerAlt {
    position: relative;
    background: url("../images/title_bg2.png") no-repeat 0 top;
    height: 125px;
    width: 100%;
    padding-right: 30px;
    margin: 0 -30px 30px -15px;
}

.titleBannerAlt {
    background: url("../images/title_bg.png") no-repeat 0 top;
}

.titleBanner h1, .titleBanner h2, .titleBanner h3, .titleBannerAlt h1, .titleBannerAlt h2, .titleBannerAlt h3 {
    color: white;
    text-transform: uppercase;
    position: absolute;
    bottom: 30px;
    left: 40px;
    padding: 0;
    margin: 0;
    font-size: 2.3em;
}

.titleBanner h2 {
    bottom: 60px;
    font-size: 1.7em;
}

.titleBanner h3 {
    bottom: 85px;
    font-size: 1.1em;
}

#logo {
    height: 185px;
}

#logo a {
    text-decoration: none;
}

#logo img {
    margin-top: 30px;
}

#eventCall {
    margin-top: 23px;
    height: 77px;
}

textarea {
    resize: vertical;
}

a.pdfLink, a.wordLink, a.excelLink, a.powerpointLink {
    text-decoration: none;
    color: #302f2e;
    padding-left: 23px;
    display: block;
    min-height: 16px;
}

a.pdfLink {
    background: url("../images/pdf-icon.png") no-repeat 0 0;
}

a.excelLink {
    background: url("../images/excel-icon.png") no-repeat 0 0;
}

a.powerpointLink {
    background: url("../images/powerpoint-icon.png") no-repeat 0 0;
}

a.wordLink {
    background: url("../images/word-icon.png") no-repeat 0 0;
}

a.ticketLink {
    background: url("../images/ticket_bg.png") no-repeat 0 0;
    margin: 20px 0 0 0;
    margin-left: -4px;
    padding: 10px 0 0 20px;
    color: white;
    font-size: 1.4em;
    text-transform: uppercase;
    width: 200px;
    height: 40px;
    float: left;
}

/*Styling content info panel */
.contentInfo {
    float: right;
    width: 270px;
}

.contentInfo dl {
    margin-top: 0;
}

.contentInfo dt {
    float: left;
    width: 60px;
    clear: both;
}

.contentInfo dd {
    float: right;
    width: 200px;
}

.contentInfo dd, .contentInfo dt {
    margin: 0;
    padding: 5px 0;
    border-top: 1px solid #cecbc2;
    font-size: 1.1em;
}

.contentInfo strong {
    display: block;
    margin-bottom: 4px;
}

/*Itemlist styles*/
ul.itemList {
    list-style: none;
    padding: 0;
    margin-left: 0;
}

ul.itemList li {
    margin-top: 20px;
    clear: both;
}

ul.itemList img {
    border: 7px solid white;
    float: left;
    margin-right: 26px;
}

/*ul.itemList img.fallbackImg {*/
/*border:none;*/
/*}*/

.itemDetails {
    float: left;
    width: 400px;
    margin: 0 118px 20px 0;
    min-height: 85px;
}

.itemDetails p {
    margin: 5px 0;
}

.itemDetails a.more {
    font-size: 1em;
}

.itemList a {
    font-size: 1.2em;
}

.itemDetails strong {
    display: block;
    margin: 5px 0;
}

.itemListWithDate .itemDetails {
    margin-right: 0;
    width: 450px;
}

.itemListWithoutDate .itemDetails {
    margin-right: 0;
    width: 500px;
}

.itemDate {
    font-family: Arial, sans-serif;
    float: left;
    width: 40px;
    border-left: 3px solid #bc2127;
    padding-left: 5px;
    margin-right: 15px;
    text-align: center;
}

.itemDate .day {
    font-weight: bold;
}

.itemDate .day, .itemDate .month, .itemDate .time {
    color: #bc2127;
    font-size: 1.4em;
    line-height: 0.9;
    text-transform: uppercase;
}

.itemDate .time {
    font-size: 1em;
}

.itemDate .day {
    font-size: 2.9em;

}

.itemDate .dayOfWeek {
    font-size: 1.5em;
    text-transform: uppercase;
}

/*Location bar*/
.infoBlock {
    float: right;
    width: 225px;
    padding: 15px;
    background-color: white;
    font-size: 1.2em;
}

.infoBlock .organization-name {
    display: none;
}

.infoBlock .adr {
    margin-bottom: 15px;
}

.infoBlock strong {
    display: block;
    margin: 3px 0;
}

.infoBlock .tel {
    display: block;
    margin: 4px 0;
}

.infoBlock .type {
    float: left;
    width: 70px;
}

.infoBlock .value {
    color: black;
    font-weight: bold;
}

/*contact form*/
#contactPage {
    min-height: 800px;
}

#contactPage strong {
    font-size: 1.1em !important;
}

#contactPage table {
    margin-top: 40px;
    padding: 0;
    border-spacing: 0;
    width: 100%;
}

#contactPage input, #contactPage textarea {
    width: 99%;
    margin: 0;
    padding: 0;
}

#contactPage input[type='submit'] {
    margin-top: 20px;
    width: 80px;
}

/*form inputs*/
input, textarea {
    border: 1px solid #cecece;
}

input[type='submit'] {
    font-weight: bold;
    border: 1px solid #999;
    background-color: #f7f7f7;
    color: #666;
}

input[type='submit']:hover {
    background-color: #E8E5E5;
}

/*contact openingsuren*/
#openingsuren {
    margin-top: 20px;
}

/*Filter criteria*/
.filterCriteria, #ticketOptions {
    background: white;
    padding: 10px 25px;
}

.filterCriteria input, .filterCriteria select {
    width: 190px;
    margin-right: 20px;
}

.filterCriteria input[type='submit'] {
    width: 80px;
}

/*Slide css and home header*/
#slider {
    position: relative;
    width: 672px;
    height: 277px;
    background: url(../images/loading.gif) no-repeat 50% 50%;
}

#slider img, .pictureSlideShow img {
    position: absolute;
    top: 0;
    left: 0;
    display: none;

}

#slider img {
    border-radius: 15px;
}

.pictureSlideShowWrapper {
    position: relative;
}

.pictureSlideShowWrapper .nivo-controlNav {
    right: 50%;
    bottom: 20px;
}

#slider a {
    border: 0;
    display: block;
}

.nivo-controlNav {
    position: absolute;
    right: 20px;
    bottom: 60px;
}

.nivo-controlNav a {
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/slider-bullets.png) no-repeat;
    text-indent: -9999px;
    border: 0;
    margin-right: 3px;
    float: left;
}

.nivo-controlNav a.active {
    background-position: -13px 0;
}

.nivo-directionNav a {
    display: block;
    width: 46px;
    height: 46px;
    background: url(../images/slider-arrows.png) no-repeat;
    text-indent: -9999px;
    border: 0;
}

a.nivo-nextNav {
    background-position: -46px 0;
    right: 15px;
    top: 42% !important;
}

.pictureSlideShow {
    height: 300px;
    width: 380px;
}

a.nivo-prevNav {
    left: 15px;
    top: 42% !important;
}

/*nivo controls home*/
/*slideWrapper*/
#slideWrapper .nivo-controlNav {
    margin: 0 60px 30px 0;
    z-index: 12;
}

#slideWrapper .nivo-controlNav a {
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/slider-bullets.png) no-repeat;
    text-indent: -9999px;
    border: 0;
    margin-right: 3px;
    float: left;
}

#slideWrapper .nivo-controlNav a.active {
    background-position: -13px 0;
}

#slider .nivo-directionNav a {
    display: block;
    width: 46px;
    height: 46px;
    background: url(../images/slider-arrows.png) no-repeat;
    text-indent: -9999px;
    border: 0;
}

#slider a.nivo-nextNav {
    background-position: -46px 0;
    right: 15px;
}

#slider a.nivo-prevNav {
    left: 15px;
}

#slideWrapper {
    position: relative;
}

#sliderMask {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
}

#slideWrapper {
    margin-top: -14px;
    height: 300px;
}

#slideWrapper .titleBannerAlt {
    z-index: 11;
    position: absolute;
    bottom: -10px;
    left: 80px;
}

#slideWrapper .titleBannerAlt a {
    color: white;
    text-decoration: none;
}

#slideWrapper .titleBannerAlt h1 {
    bottom: 32px;
}

#slideWrapper .titleBannerAlt h2 {
    bottom: 66px;
    font-size: 1.7em;
}

#slideWrapper .titleBannerAlt h3 {
    bottom: 90px;
    font-size: 1em;
}

.upcommingProductions {
    float: right;
    width: 180px;
}

.upcommingProductions ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.upcommingProductions li {
    margin-bottom: 25px;
    position: relative;
}

.upcommingProductions a.label {
    position: absolute;
    bottom: 31px;
    right: 0px;
}

.eventsHome.upcommingProductions a.label {
    bottom: 48px;
    right: 15px;
}

.upcommingProductions h2, .contentInfo h2, .upcommingProductions strong {
    text-transform: uppercase;
    clear: both;
}

.contentInfo h2, .upcommingProductions h2, #orderTicketForm h2, .newsLetter h2, .formbuilderpage h2 {
    text-transform: uppercase;
    color: white;
    background: url("../images/subtitle_green_small_bg.gif") no-repeat left 1px;
    padding: 0 0 0 5px;
    margin: 0 0 15px 0;
}

.contentInfo h2 {
    background: url("../images/subtitle_green_medium_bg.gif") no-repeat left 1px;
    margin-top: 20px !important;
}

.eventsHome h2, #orderTicketForm h2, .formbuilderpage h2 {
    background: url("../images/subtitle_green_large_bg.gif") no-repeat left 1px;

}

.newsLetter h2 {
    background: url("../images/subtitle_red_medium_bg.gif") no-repeat left 1px;

}

.upcommingProductions strong, .itemList strong > a, .upcommingProductions strong > a {
    display: block;
    color: #b52227;
    font-size: 1.3em;
    text-transform: uppercase;
    text-decoration: none;
}

.upcommingProductions strong > a {
    font-size: 0.9em;
    line-height: 1;
}

.upcommingProductions cite {
    color: #00763C;
    font-size: 1.2em;
}

.upcommingProductions p {
    color: #555555;
    margin-top: 2px;
    font-size: 1em;
}

/*home*/

#ticker-area, .newsTicker {
    background-color: #a9a49a;
    padding: 5px;
    color: white;
    font-size: 1.2em;
    display: block;
    margin-bottom: 20px;
    margin-left: 0;
}

ul.newsTicker {
    list-style: none;
}

#ticker-area a, .newsTicker a {
    color: white;
    text-decoration: none;
}

.eventsHome {
    float: left;
    width: 400px;
}

.eventsHome li {
    float: left;
    width: 195px;
    height: 155px;
    margin: 0 0 10px 0;
}

.newsLetter, .banners {
    float: right;
    width: 255px;
}

.newsLetter input[type='text'] {
    width: 155px;
}

.newsLetter input[type='submit'] {
    width: 90px;
}

.banners {
    margin-top: 40px;
}

.banners img {
    margin-bottom: 10px;
}

.pictureSlideShow {
    margin-bottom: 30px;
}

.picture {
    position: relative;
    margin-bottom: 20px;
}

.picture .nivo-caption {
    opacity: 0.8;
    bottom: 3px;
}

.picture label {
    /*position: absolute;*/
    /*left: 0px;*/
    padding: 5px;
    font-size: 1.2em; /*background: black;*/
    /*color: white;*/
    /*opacity: 0.8;*/
    /*width: 100%;*/
    /*z-index: 8;*/

}

.error {
    color: #b52227;
}

.map {
    border: 1px solid silver;
}

.mapInfo strong {
    display: block;
}

.mapInfo a {
    display: block;
    margin-top: 15px;
}

.mapLocations {
    display: none;
}

ul.formErrors {
    list-style: none;
    padding: 0;
    color: #b52227;
    font-weight: bold;
}

#locationDocuments {
    width: 240px;
    float: right;
    margin: 20px 0 0 0;
}

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

#locationDocuments ul li {
    margin-top: 10px;
}

/*Start orderform*/
#orderTicketForm table th {
    color: #b2191e;
}

#orderTicketForm table {
    width: 100%;
    margin-bottom: 20px;
}

#orderTicketForm .description strong {
    display: block;
}

#orderTicketForm td {
    vertical-align: top;
}

#orderTicketForm .description {
    border-left: 2px solid #b2191e;
    padding: 0 0 10px 10px;
    width: 270px;
}

#orderTicketForm .amount {
    text-align: right;
    color: #B2191E;
    font-weight: bold;
    font-size: 1.1em;
}

#orderTicketForm .time {
    text-align: right;
    width: 50px;
    padding: 0 15px 0 0;
}

#orderItems input {
    text-align: center;
    color: #B2191E;
    font-weight: bold;
    font-size: 1.2em;
    border-color: #AAA;
    background-color: white;
    width: 40px;
}

#orderItems input.disabled {
    border-color: #CFCFCF;
    background-color: #EFEFEF;
}

input.error {
    border: 1px solid red;
    color: black;
}

#orderItems a {
    color: inherit;
    text-decoration: none;
}

#orderTicketForm thead th {
    padding-bottom: 15px;
}

.totalPriceLabel, .totalPrice {
    background: white;
    color: #b2191e;
    padding: 10px;
    margin-right: 10px;
    font-size: 1.5em;
    font-weight: bold;
}

.totalPrice {
    margin-right: 0;
}

.totalPrice strong {
    color: #302F2E;
    float: right;
}

hr {
    color: #DFDFDF;
    background-color: #DFDFDF;
    height: 1px;
    border: none;
    margin-bottom: 20px;
}

#orderData label, .fieldwidget_formitems label {
    color: #555555;
}

.validationErrors {
    color: #b2191e;
    font-weight: bold;
}

#collectOptions input, #collectOptions label {
    display: block;
    float: left;
}

#collectOptions label {
    width: 245px;
    margin-left: 5px;

}

#collectOptions p {
    clear: both;
}

/*End orderform*/
.pageDocuments strong {
    display: block;
    clear: left;
    font-size: 14px;
}

.pageDocuments ul {
    list-style: none;
    padding: 0 !important;
}

.pageDocuments ul li {
    margin-bottom: 10px;
}

.event {
    position: relative;
}

.event .label img {
    border: none;
}
.eventPicture {
    position: relative;
    display: block;
    float: left;
}

.event .label {
    position: absolute;
    top: 66px;
    left: 115px;
}

#text_00 {
    display: none;
}

.fieldwidget_formitems input[type=text] {
    width: 270px;
}

.fieldwidget_formitems #formbuilder_address:nth-child(2) {
    /*width: 280px;*/
    /*margin-right: 100px;*/
}

#formbuilder_address_number_input, #formbuilder_address_bus_input {
    width: 50px;
}

.form_address_bus, .form_address_number {
    display: inline-block;
}

.form_address_country select {
    margin-left: 0;
}

#formbuilder_submit {
    clear: both;
}

.form_error {
    margin-top: 7px;
    display: inline-block;
}

.form_error_text {
    background-color: #FFDFDF;
    color: red;
    margin: 0;
    font-size: smaller;
    border: none;
    /* background-color: white; */
    border-radius: .5em;
    padding: 0.2em 0.5em;
}

.fieldwidget_arrow_box {
    position: relative;
    background: #FFDFDF;
    border: 1px solid red;
}

.fieldwidget_arrow_box:after, .fieldwidget_arrow_box:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.fieldwidget_arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: red;
    border-width: 11px;
    left: 15%;
    margin-left: -11px;
}

.fieldwidget_arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #FFDFDF;
    border-width: 10px;
    left: 15%;
    margin-left: -10px;
}

.form_errors {
    display: block;
    font-size: 13px;
}

.fieldwidget_leftaligned {
    width: 200px;
    text-align: left;
    float: left;
}

.fieldwidget_formitem_ui {
    float: left;
    padding: 0;
    margin-bottom: .5em;
}

.fieldwidget_formitem {
    position: relative;
    border: 1px solid transparent;
    padding: 3px 5px 3px 5px;
    margin: 0 0 5px 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    cursor: pointer;
    list-style-type: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.fieldwidget_formitems select {
    width: 272px;
}
.form_number input {
    width: 40px !important;
}


/* KALENDER */

table.kalendertable {
    margin-bottom: 5px;
}
table.kalendertable td {
    width: 32px;
    font-size: 15px;
    text-align: center;
    height: 24px;
}
table.kalendertable td a {
    display:block;
    color: #09373f;
    background-color: #fff;
    font-weight: bold;
    height: 24px;
}
table.kalendertable td a:hover {
    color: #fff;
    background-color: #000;
    text-decoration: none;
}
table.kalendertable td.active {
    background-color: #04a696;
    color: white;
    font-weight: bold;
}


table.kalendertable td.kal_rwd {
    padding: 0px;
}
table.kalendertable td.kal_rwd a {
    display: block;
    width: 32px;
    background-color: transparent;
    text-align: center;
    float: right;
}
table.kalendertable td.kal_rwd:hover, table.kalendertable td.kal_rwd a:hover {
    background-color: white;
    color: black;
    text-decoration: none;
}

table.kalendertable td.kal_fwd {
    padding: 0px;
}
table.kalendertable td.kal_fwd a {
    display: block;
    width: 32px;
    background-color: transparent;
    text-align: center;
    float: left;
}
table.kalendertable td.kal_fwd:hover, table.kalendertable td.kal_fwd a:hover {
    background-color: white;
    color: black;
    text-decoration: none;
}

table.kalendertable td.kal_maand {
    vertical-align: middle;
}

table.kalendertable td.kal_maand a {
    background: url();
    border: 0px;
    width: auto;
}


div.kal_detail {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 243px;
    padding: 15px 20px 0 35px;
    height: 300px;
    background-color: white;
    z-index: 9999999;
}
div.kal_item {
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}
a.kal_close {
    position: absolute;
    top: 16px;
    left: 5px;
}