/* initial.css, use in every project. version: 2.0.2.0, last modified: 20/1/2009 */
a img, a.mseditor img { border: none; }
body, body.mseditor, html, html.mseditor { margin: 0; padding: 0; }
button { cursor: pointer; overflow: visible; width: auto; }
fieldset, form { border: none; margin: 0; padding: 0; }
label { cursor: pointer }
legend { display: none; }
h1, h1.mseditor, h2, h2.mseditor, h3, h3.mseditor, h4, h4.mseditor, h5, h5.mseditor, h6, h6.mseditor, p, p.mseditor, pre, pre.mseditor, blockquote, blockquote.mseditor, ul, ul.mseditor, ol, ol.mseditor, dl, dl.mseditor, address, address.mseditor { margin: 0 0 1em 0; padding: 0; }
li, li.mseditor, dd, dd.mseditor, blockquote, blockquote.mseditor { margin-left: 1em; }
/*#DO NOT MAKE CHANGES TO THIS FILE ABOVE THIS LINE*/

a, a.mseditor {
  color: #333;
}

a:hover, a.mseditor:hover {
  color: #dcc26a;
  text-decoration: underline !important;
}

body, body.mseditor, button, input, select, textarea {
  color: #333;
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 12px;
}

body, body.mseditor, textarea {
  line-height: 1.5;
}

form fieldset .form-label {
  float: left;
  width: 150px;
}

form fieldset .form-row {
  overflow: auto;
}

h1, h1.mseditor {
  font: bold 26px/1 Garamond;
  margin-bottom: 0.3em;
}

h2, h2.mseditor {
  font-size: 15px;
  line-height: normal;
  margin-bottom: 0.3em;
}

h3, h3.mseditor {
  font-size: 13px;
}

h4, h4.mseditor {
  font-size: 1.25em;
}

body {
  background: url(../img/body-bkg.png) no-repeat top;
}

.level {
  margin-bottom: 1em;
  overflow: hidden;
}

.level .block-1-1 { /* Large block to be positioned on the left side */
  float: left;
  margin-right: 22px;
  width: 620px;
}

.level .block-1-1 .block-content {
  padding: 0 20px;
}

.level .block-1-2 { /* Smaller block to be positioned on the right side */
  float: left;
  width: 314px;
}

* html .level .block-1-2 { /* Smaller block to be positioned on the right side */
  height: 250px;
  overflow: none;
}

.level .block-2-1 { /* Small block to be positioned on the left side */
  float: left;
  margin-right: 22px;
  width: 234px;
}

.level .block-2-2 { /* Larger block to be positioned on the right side */
  float: left;
  width: 700px;
}

.level-uitgaan-home { /* No overflow: hidden to prevent hover problems in agenda */
  margin-bottom: 1em;
  height: 245px;
}

/*#CHANNEL HUWELIJK*/
.channel-huwelijk #channels li.active {
  background: url(../img/channels-sub-huwelijk-active.gif) right top !important;
}

.channel-huwelijk #channels-sub {
  background: url(../img/channels-sub-huwelijk.gif) right;
}

.channel-huwelijk h2, .channel-huwelijk h3 {
  color: #8b3480;
}

.channel-huwelijk #header-design-element {
  left: 360px;
  position: absolute;
  top: 59px;
}

/*#CHANNEL BUSINESS*/
.channel-business #channels li.active {
  background: url(../img/channels-sub-business-active.gif) right top !important;
}

.channel-business #channels-sub {
  background: url(../img/channels-sub-business.gif) right;
}

.channel-business h2, .channel-business h3 {
  color: #0099dc; /* TODO! */
}

/*#CHANNEL UITGAAN*/
.channel-uitgaan #channels li.active {
  background: url(../img/channels-sub-uitgaan-active.gif) right top !important;
}

.channel-uitgaan #channels-sub {
  background: url(../img/channels-sub-uitgaan.gif) right;
}

.channel-uitgaan h2, .channel-uitgaan h3 {
  color: #8b3480; /* TODO! */
}

.channel-uitgaan #upcomingevents {
  width: 620px;
  height: 64px;
}

.channel-uitgaan #upcomingevents ul {
  list-style: none;
  background: url(/img/uitgaan-banner-bkg.gif) no-repeat;
  height: 64px;
  margin: 1px 0 0 0;
  width: 620px;
}

.channel-uitgaan #upcomingevents li {
  font-size: 13px;
  font-weight: bold;
  float: left;
  width: 178px;
  height: 50px;
  color: #ffffff;
  margin: 0;
  padding: 14px 14px 0 14px;
}

.channel-uitgaan #upcomingevents a {
  color: #ffffff;
}

.channel-uitgaan #upcomingevents .date,
.channel-uitgaan #upcomingevents .title {

  
}

.channel-uitgaan #uitgaan-3-banners-agenda {
  position: relative;
}

.channel-uitgaan #uitgaan-3-banners-agenda .banner-1 {
  left: 0;
  position: absolute;
  top: 0;
}

.channel-uitgaan #uitgaan-3-banners-agenda .banner-2 {
  left: 189px;
  position: absolute;
  top: 0;
}

.channel-uitgaan #uitgaan-3-banners-agenda .banner-3 {
  left: 0;
  position: absolute;
  top: 146px;
}

.channel-uitgaan #uitgaan-3-banners-agenda #calendar {
  left: 378px;
  position: absolute;
  top: 0;
}

.channel-uitgaan #calendar {
  width: 242px;
  height: 245px;
  background: url(../img/contentblock-3.png) no-repeat bottom;
}

.channel-uitgaan .contentblock-3 {
  padding: 0 8px 1px 8px;
}

.channel-uitgaan #calendar #calendartitle {
  position: relative;
  height: 20px;
  margin-bottom: 25px;
}

.channel-uitgaan #calendar #calendartitle .calendar-previous {
  left: 0;
  position: absolute;
  top: 0;
}

.channel-uitgaan #calendar #calendartitle h2 {
  position: absolute;
  width: 168px;
  text-align: center;
  left: 22px;
  top: 0;
}

.channel-uitgaan #calendar #calendartitle .calendar-next {
  right: 0;
  position: absolute;
  top: 0;
}

.channel-uitgaan #calendar table {
  border: none;
  border-spacing: 5px;
  margin: 0 auto;
  width: 210px;
}

.channel-uitgaan #calendar table td,
.channel-uitgaan #calendar table th {
  width: 26px;
  height: 18px;
 /* padding: 3px;*/
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

.channel-uitgaan #calendar table td {
  border-style: solid;
  border-width: 1px;
  border-color: #cccecf;
  background: #ffffff;
}

.channel-uitgaan #calendar .today {
  border-color: #81c516;
}

.channel-uitgaan #calendar .event {
  background: #e2ca79;
  position: relative;
}

.channel-uitgaan #calendar .event-past {
  background: #cecece;
  color: #a0a0a0;
  position: relative;
}

.channel-uitgaan #banner-2 .c-1, 
.channel-uitgaan #banner-2 .c-2, {
  position: absolute;
}

.channel-uitgaan #banner-2 .c-1 {
  top: 0;
  left: 0;
}

.channel-uitgaan #banner-2 .c-2 {
  top: 0;
  right: 0;
}


.channel-uitgaan #calendar .event .eventinfo, .channel-uitgaan #calendar .event-past .eventinfo {
  background: url(/img/balloon-bkg.png) bottom left no-repeat;
  border-top: #b8b9b9 1px solid;  
  bottom: 5px;
  color: #fff;
  display: none;
  height: 110px;
  padding: 5px 10px 25px 10px;
  position: absolute;
  text-align: left;
  width: 180px;
}

.channel-uitgaan #calendar .eventadmissionfee {
  font-weight: normal;
}

.channel-uitgaan #calendar {
  z-index: 0;
}

.channel-uitgaan #calendar .event:hover .eventinfo, .channel-uitgaan #calendar .event-past:hover .eventinfo {
  display: block;
  z-index: 1;
}

.channel-uitgaan .block-2-2 {
  float: right;
  width: 314px;
  height: 245px;
}

/*#CHANNEL FESTIVITEITEN*/
.channel-festiviteiten #channels li.active {
  background: url(../img/channels-sub-festiviteiten-active.gif) right top !important;
}

.channel-festiviteiten #channels-sub {
  background: url(../img/channels-sub-festiviteiten.gif) right;
}

.channel-festiviteiten h2, .channel-festiviteiten h3 {
  color: #784839;
}

#container {
  margin: auto;
  padding: 14px;
  width: 956px;
}

#container[class|=channel] #channels, #container[class|=channel] #channels-sub { /* More advanced, will not work in IE6, but who cares... */
  border-left: 1px solid #fff;
}

/* adds a rounded corner only on the homepage ( not a channel homepage ) left of the first channel */
#container[class|=channel]  #header #channels li:first-child {
  background-image: url(../img/channels-tab_first-child.gif);
}


#content {

}

#copyright {
  color: black;
  line-height: normal;
}

#copyright a {
  color: black;
}

#header {
  background: url(../img/header-bkg.png);
  height: 135px;
  position: relative;
}

#header #logo {
  left: 96px;
  position: absolute;
  top: 33px;
}

#header #channels {
  background: url(../img/channels-bkg.gif);
  font-size: 13px;
  font-weight: bold;
  height: 29px;
  list-style: none;
  min-width: 440px;
  position: absolute;
  right: 26px;
  text-transform: uppercase;
}

#header #channels li {
  background: url(../img/channels-tab.gif) no-repeat right;
  float: left;
  height: 29px;
  line-height: 29px;
  margin: 0;
  padding: 0 22px;
  position: relative;
}

#header #channels li a {
  text-decoration: none !important;
}

#header #channels li.active {
  height: 34px;
  line-height: 34px;
  margin-top: -4px;
}

#header #channels li.active a {
  color: #fff;
}

#header #channels-sub {
  color: #fff;
  font-weight: bold;
  list-style: none;
  min-width: 439px;
  padding: 0 22px;
  position: absolute;
  right: 0;
  top: 29px;
}

#header #channels-sub li {
  float: left;
  height: 30px;
  line-height: 30px;
  margin: 0;
}

#header #channels-sub li a {
  color: #fff;
  text-decoration: none !important;
}

/*#CHANNEL COMMON*/
#header #channels-sub li.active-item a {
  text-decoration: underline !important;
}

#header #channels-sub li span {
  padding: 0 0.5em;
}

#header .search {
  left: 700px;
  position: absolute;
  top: 70px;
}

#header .search label {
  display: block;
  font-size: 11px;
  font-weight: bold;
}

#header .search input.text {
  background: #fff url(../img/search-icon.gif) no-repeat 1px;
  border: 1px solid #ced0d1;
  height: 18px;
  margin-right: 3px;
  padding: 1px 0 1px 21px;
  width: 120px;
}

#header .search input.image {
  vertical-align: bottom;
}

#header-design-element {
  left: 354px;
  position: absolute;
  top: 59px;
}

#footer {
  background: url(../img/footer-bkg.gif);
  color: #bebebf;
  font-size: 11px;
  font-weight: bold;
  height: 49px;
  line-height: 49px;
  padding: 0 14px;
  position: relative;
}

#footer p a {
  color: #dcc26a;
}

#footer .rest {
  color: #fff;
  position: absolute;
  right: 14px;
  top: 0;
}

#footer .rest a {
  color: #fff;
}

#home-2-banners-snelnaar {
  position: relative;
}

#home-2-banners-snelnaar .banner-1 {
  left: 0;
  position: absolute;
  top: 0;
}

#home-2-banners-snelnaar .banner-2 {
  left: 189px;
  position: absolute;
  top: 0;
}

#home-2-banners-snelnaar .nieuwsbrief-home {
  left: 185px;
  position: absolute;
  top: 151px;
}

#home-2-banners-snelnaar .contentblock-2 {
  height: 131px;
  left: 386px;
  position: absolute;
  top: 0;
}

#imagescroller {
  margin-bottom: 1em;
}

#main {

}

#nav {
  background: #333;
  color: #fff;
  height: 25px;
  line-height: 25px;
  list-style: none;
  margin-bottom: 4px;
  padding-left: 14px;
  overflow: hidden;
}

#nav li {
  float: left;
  margin-left: 0;
}

#nav li a {
  color: #fff;
  text-decoration: none !important;
}

#nav li span {
  padding: 0 0.5em;
}

#trail {
  background: url(../img/trail.gif);
  font-size: 11px;
  height: 23px;
  line-height: 23px;
  padding-left: 14px;
}

.banner {
  display: block;
  margin-bottom: 1em;
}

#banner-2 {
  margin: 0;
}

#banner-2 img {
  display: block;
}

.contentblock-1 {
  background: url(../img/contentblock-1.png) no-repeat bottom;
  padding: 0 15px 1px 15px;
}

.contentblock-2 {
  background: url(../img/contentblock-2.png) no-repeat bottom;
  padding: 0 15px 1px 15px;
  width: 286px;
}

.error {
  color: #c00;
}

.form-errors p {
  text-align: center;
}

.mseditor.no-spacing {
  margin: 0;
}

.reqfld {
  color: red;
}

.terug {
  float: right; 
  text-align: right;
  margin-right: 3px;
}

#carrousel-container {
  height: 250px;
  position: relative;
}

#carrousel-container .c-1, #carrousel-container .c-2, #carrousel-container .c-3, #carrousel-container .c-4  {
  position: absolute;
}

#carrousel-container .c-2 {
  right: 0;
}

#carrousel-container .c-3 {
  bottom: 0;
  right: 0;
}

#carrousel-container .c-4 {
  bottom: 0;
}

#carrousel-container .banner {
  position: absolute;
}

#carrousel-container .visible {
  display: inline;
}

#carrousel-container .hidden {
  display: none;
}



/* Forms */

.form-row, .form-button {
  margin: 2px 0;
  width: 427px;
}

.form-button {
  text-align: right;
}

.form-label {
  padding-left: 18px;
  width: 168px;
}

.form-row input, .form-row select, .form-text textarea {
  border: #d3d3d3 1px solid;
  padding: 2px;
  width: 250px;
}

.form-row select {
  width: 254px;
}

.form-text textarea {
  height: 60px;
}

.form-row ul {
  margin: 0 0 0 170px;
}

#surveyform .form-row, #surveyform .form-text {
  border-bottom: #efefef 1px solid;
  padding: 5px 0;
  margin: 0 0 5px 0;
  width: 610px;
}

#surveyform .form-text textarea {
  width: 600px !important;
}

#surveyform .form-label {
  width: 200px;
}

#surveyform .form-row ul {
  margin-left: 220px;
}

#surveyform .form-text, #surveyform .form-button {
  width: 610px;
}

#surveyform .form-text textarea {
  width: 435px;
}

 
.form-row li {
  list-style: none;
  margin: 0;
}

.form-row li input {
  width: 16px;
}

.actie-button {
  background: url(/img/btn-verstuur.gif);
  border: none;
  height: 22px;
  padding: 0;
  width: 83px;
}

#postcode {
  width: 75px;
}

.form-errors {
  border: 2px solid #c00;
  color: #c00;
  margin: 10px;
  padding: 10px 0 0 0;
  width: 410px;
}

.form-errors li {
  background: url(/img/error.gif) no-repeat 0 2px;
  list-style: none;
  padding: 1px 10px 1px 30px;
}

#mailinglijsten input {
  width: 16px;
}

#mailinglijsten {
  margin: 0 0 0 168px;
}

#mailinglijsten li {
  margin: 0;
  list-style: none;
}

form h2 {
  background: url(/img/subkop-bkg.png);
  color: #333;
  font-size: 13px;
  font-weight: bold;
  height: 18px;
  width: 590px;
  margin: 5px 0 10px 0;
  padding: 7px 0 0 28px;
}

/* Search */

.search-results {
  list-style: none;
  margin: 0;
}

.search-results li {
  list-style: none;
  margin: 0;
}

/* Feestagenda */

.feestagenda {
  border-collapse: collapse;
  padding: 0;
  width: 621px;
}

.feestagenda tr {
  background: url(/img/feestagenda-bkg.png) no-repeat;
}

.feestagenda td, .feestagenda th {
  text-align: left;
  vertical-align: top;
} 

.feestagenda th {
  padding: 5px 10px;
  width: 162px;
}

.feestagenda td {
  padding: 5px 10px 5px 0;
}

.feestagenda h5 {
  font-size: 12px;
  font-weight: bold;
}

.feestagenda .entree {
  font-weight: bold;
  margin: 15px 0 5px 0;
}

#feestagenda-nav {
  background: url(/img/feestagenda-nav-bkg.png) no-repeat;
  height: 29px;
  margin-top: 20px;
  width: 287px;
  position: relative;
}

#feestagenda-nav p {
  font-size: 14px;
  font-weight: bold;
  padding-top: 4px;
  text-align: center;
}

#feestagenda-nav-prev {
  background: url(/img/feestagenda-nav-prev.png) no-repeat;
  height: 20px;
  left: 5px;
  width: 20px;
  position: absolute;
  top: 4px;
}

#feestagenda-nav-next {
  background: url(/img/feestagenda-nav-next.png) no-repeat;
  height: 20px;
  right: 5px;
  width: 20px;
  position: absolute;
  top: 4px;
}


/* Foto-galerij */

#fotogalerij-overzicht {
  margin: 0 0 20px 0;
  padding: 0;
  width: 954px;
}

#fotogalerij-overzicht li {
  background: #333;
  display: block;
  float: left;
  list-style: none;
  margin: 0 22px 22px 0;
  padding: 0;
  width: 222px;
  height: 196px;
  position: relative;
}

#fotogalerij-overzicht li.last {
  margin-right: 0;
}

#fotogalerij-overzicht li a.open-album {
  background: #333 url(/img/fotogalerij-bullet-bkg.png) 7px 10px no-repeat;
  color: #fff;
  bottom: 0;
  display: block;
  font-weight: bold;
  height: 32px;
  padding-left: 24px;
  line-height: 32px;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-decoration: none;
  width: 198px;
}

#fotogalerij-overzicht li .c-1, 
#fotogalerij-overzicht li .c-2 {
  position: absolute;
}

#fotogalerij-overzicht li .c-1 {
  top: 0;
  left: 0;
}

#fotogalerij-overzicht li .c-2 {
  top: 0;
  right: 0;
}

#fotogalerij-album-overzicht {
  margin: 0;
  padding: 0;
}

#fotogalerij-album-overzicht li {
  border: #dcc36b 2px solid;
  display: block;
  float: left;
  list-style: none;
  height: 92px;
  margin: 0 11px 11px 0;
  padding: 1px;
  width: 144px;
}

#fotogalerij-album-overzicht li.last {  
  margin-right: 0;
}

#pager {
  clear: both;
  color: #333;
  text-align: center;
}

#pager a {
  color: #333;
  padding: 0 0.4em;
}

#pager a.active {
  background: #333;
  color: #fff;
  text-decoration: none;
}

#pager span {
  padding: 0 0.3em;
}

.newsletter {
  border: 0 !important;
}


/* Rounded corners 2 */
.rc2 {
  position: relative;
  z-index: -1;
}

.rc2 .banner img {
  display: block;
}

.rc2 .top-left {
  background: url(/img/rc/1.png) no-repeat;
  height: 6px;
  left: 0;
  position: absolute;
  top: 0;
  width: 6px;
}

* html .rc2 .top-left {
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/rc/1.png', sizingMethod='scale');
}

.rc2 .top-right {
  background: url(/img/rc/2.png) no-repeat;
  height: 6px;
  position: absolute;
  right: 0;
  top: 0;
  width: 6px;
}

* html .rc2 .top-right {
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/rc/2.png', sizingMethod='scale');
}

.rc2-img { /* container voor afbeeldingen binnen rc2 */
  position: relative;
}

/* dit is een lelijke hack... ie6 ziet width en height als min-width en min-height */
* html .rc2-img {
  height: 1px;
  width: 1px;
}

.rc2-inner {
  background: #fff;
  height: 100%;
}

.form-row .checkbox {
	width: 15px !important;
}

.tickets {
	margin: 10px 0 0 0;
}

.tickets a {
	background: #333 url(/img/fotogalerij-bullet-bkg.png) no-repeat 7px 10px;
	color: #fff;
	font-weight: bold;
	padding: 7px 10px 7px 20px;
	text-decoration: none;
}