/* themes */


/* generic */

* {
  margin: 0;
  padding: 0;
}
html {
  background: #4A4A4A url(/_images/wallpaper.gif);
}
body {
  background: url(/_images/wallpaper-add.gif) no-repeat;
  color: #FFF;
  font: 63%/130% Verdana, Arial, sans-serif;
}

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

.access {
  visibility: hidden;
  position: absolute;
  height: 0;
  overflow: hidden;
}

img {
  border: none;
}
table {
  border-collapse: collapse;
}
th, td {
  text-align: left;
  vertical-align: top;
}

ul {
  padding-left: 16px;
}
#tertiary li, #primary li{
	list-style: square;
}

a {
  color: #FFF;
}
a.more {
  text-decoration: none;
}
a.more:hover {
  text-decoration: underline;
}
div.weekend {
	padding: 0; margin: 2em 0;
}
ul.sitemap li{
	 list-style: none !important; color: #FF0;
}
ul.extra {
	padding: 1em 1.4em;
}
.extra li, .extra ul, .extra li a{
	color: #FF0 !important; 
}
/*.vevent .summary span{
	 float: right;
}*/
.vevent abbr {
  border: none;
}

.description img{
	margin-bottom: 1.5em;
}

#container {
  padding: 69px 0 0 200px;
  max-width: 900px; /* 824px */
  min-height: 526px;
  background-position: 93% 161px;
  background-repeat: no-repeat;
}

.e-1 {
  background-image: url(/_images/e/E_foto_multi_10.gif);
}
.e-2 {
  background-image: url(/_images/e/E_foto_multi_11_reverse.gif);
}
.e-3 {
  background-image: url(/_images/e/E_foto_multi_2.gif);
}
.e-4 {
  background-image: url(/_images/e/E_foto_multi_3_reverse.gif);
}
.e-5 {
  background-image: url(/_images/e/E_foto_multi_4_reverse.gif);
}
.e-6 {
  background-image: url(/_images/e/E_foto_multi_5_reverse.gif);
}
.e-7 {
  background-image: url(/_images/e/E_multi_grafisch_reverse_1.gif);
}
.e-8 {
  background-image: url(/_images/e/E_netjes_opbouwend_foto_1.gif);
}
.e-9 {
  background-image: url(/_images/e/E_netjes_opbouwend_foto_12.gif);
}
.e-10 {
  background-image: url(/_images/e/E_netjes_opbouwend_foto_14.gif);
}
.e-11 {
  background-image: url(/_images/e/E_netjes_opbouwend_foto_3.gif);
}
.e-12 {
  background-image: url(/_images/e/E_netjes_opbouwend_foto_6.gif);
}
.e-13 {
  background-image: url(/_images/e/E_netjes_opbouwend_foto_9.gif);
}
.e-14 {
  background-image: url(/_images/e/E_vlekkerig_foto_13.gif);
}
.e-15 {
  background-image: url(/_images/e/E_vlekkerig_foto_2.gif);
}
.e-16 {
  background-image: url(/_images/e/E_vlekkerig_foto_3.gif);
}
.e-17 {
  background-image: url(/_images/e/E_vlekkerig_foto_4.gif);
}
.e-18 {
  background-image: url(/_images/e/E_zebra_foto_10_reverse.gif);
}
.e-19 {
  background-image: url(/_images/e/E_zebra_foto_11_reverse.gif);
}
.e-20 {
  background-image: url(/_images/e/E_zebra_foto_13.gif);
}
.e-21 {
  background-image: url(/_images/e/E_zebra_foto_14.gif);
}
.e-22 {
  background-image: url(/_images/e/E_zebra_foto_2.gif);
}
.e-23 {
  background-image: url(/_images/e/E_zebra_foto_4.gif);
}
.e-24 {
  background-image: url(/_images/e/E_zebra_foto_6_reverse.gif);
}
.e-25 {
  background-image: url(/_images/e/E_zebra_foto_8.gif);
}
.e-26 {
  background-image: url(/_images/e/E_zebra_foto_9_reverse.gif);
}
.e-27 {
  background-image: url(/_images/e/E_zebra_grafisch_1.gif);
}
.e-28 {
  background-image: url(/_images/e/E_zebra_grafisch_1_reverse.gif);
}

/* logo */

h1 {
  position: absolute;
  top: 9px;
  left: 9px;
  font-size: 1%;
}
h1 a {
  display: block;
  padding-top: 58px;
  width: 256px;
  height: 0 !important;
  height /**/: 58px;
  overflow: hidden;
  background: #000 url(/_images/logo-effenaar.gif) 16px 11px no-repeat;
}

/* primary information */

#primary {
  padding: 42px 0 34px;
  float: left;
}
#primary:after {
  display: none;
}
#primary .section {
  border-color: #B0B000;
}
#primary .more {
  display: block;
  margin: 4px 4px 0;
  border-top: solid 1px;
  padding: 5px 6px 6px;
  font-size: 110%;
  font-weight: bold;
  text-align: right;
}
#primary .more-preceding {
  position: absolute;
  margin: 6px 0 0 9px;
  font-size: 110%;
  font-weight: bold;
}

/* home: upcoming events */

#events-upcoming {
  float: left;
  padding-bottom: 7px;
  width: 237px;
  background: url(/_images/ev-upc-bottom.gif) left bottom no-repeat;
}
#events-upcoming h2 {
  padding: 7px 0 0 11px;
  min-height: 39px;
  background: no-repeat;
  font: bold 325% Arial, Helvetica, sans-serif;
  text-indent: -9999px;
}
#events-upcoming .section {
  border-right-style: solid;
  border-right-width: 7px;
  min-height: 0;
}
#events-upcoming h3 {
  padding: 7px 7px 5px;
  font-weight: bold;
  font-size: 115%;
}
#events-upcoming a {
  text-decoration: none;
}
#events-upcoming a:hover {
  text-decoration: underline;
}
#events-upcoming h3 a {
  display: block;
  margin: -1em 0 0 1em;
  padding-right: 0.5em !important;
}
#events-upcoming h3 .supporting {
  display: block;
  margin: 0;
  font-size: 87%;
  padding-right: 0.5em !important;
}
#events-upcoming ul {
  margin: 6px 0;
  padding: 4px 6px 5px 21px;
}

.datetimestart abbr {
  border: none;
}

/* home: events in the near future */

#events-soon {
  float: left;
  margin-top: 7px;
  padding: 0 15px 4px 0;
  width: 284px !important;
  width /**/: 299px;
  background: url(/_images/ev-soon-bottom.gif) left bottom no-repeat;
}
#events-soon .section {
  border-right-style: solid;
  border-right-width: 4px;
}
#events-soon h2 {
  padding: 8px 0 6px 11px;
  min-height: 31px;
  background: no-repeat;
  font: bold 245% Arial, Helvetica, sans-serif;
  text-indent: -9999px;
}
.vcalendar table, #content .vcalendar table {
  width: 100%;
  margin: 0;
}
.vcalendar th, #content .vcalendar th {
  display: none;
  margin: 0;
}
.vcalendar table .upcoming {
  background: #B0B000;
}
.vcalendar td, #content .vcalendar td {
  padding: 2px 2px;
}
.vcalendar table .datetimestart, #content .vcalendar table .datetimestart {
  padding-left: 11px;
  width: 74px;
}
.vcalendar table a {
  text-decoration: none;
}
.vcalendar table a:hover {
  text-decoration: underline;
}
.vcalendar table .summary {
  font-weight: bold; padding-right: 0.5em !important;
}
.vcalendar table .location {
  visibility: hidden;
  position: absolute;
  height: 0;
  overflow: hidden;
}
.vcalendar .flag{
	margin-top: 10px;
	margin-right: 6px;
	position: relative;
	float: right;
}
.vcalendar .soldout,
.vcalendar .canceled,
.vcalendar .newdate,
.vcalendar .expected {
  display: block;
  padding-top: 19px;
  width: 52px;
  height: 0 !important;
  height /**/: 19px;
  overflow: hidden;
  background-repeat: no-repeat;
}
body .vcalendar .upcoming .soldout {
  background-image: url(/_images/flag-soldout-upcoming.gif);
}
body .vcalendar .upcoming .canceled {
  background-image: url(/_images/flag-canceled-upcoming.gif);
}
body .vcalendar .upcoming .newdate {
  background-image: url(/_images/flag-newdate-upcoming.gif);
}
body .vcalendar .upcoming .expected {
  background-image: url(/_images/flag-expected-upcoming.gif);
}
#beer-sponsor a {
  position: absolute;
  z-index: 1;
  margin: 10px 0 0 4px;
  width: 92px;
  height: 20px;
  overflow: hidden;
  background: url(/_images/logo-dommelsch.gif) no-repeat;
  text-indent: -1234em;
}
#hosting-sponsor {
  position: absolute;
  margin-top: 10px;
  width: 278px;
  color: #BBB;
  font-weight: bold;
  text-align: right;
}

/* content page */
/*#content a{
	color: #FF0 !important;
}*/
#content {
  margin-left: 127px;
  padding: 7px 15px 4px 0;
  width: 394px !important;
  width /**/: 413px;
  background: url(/_images/content-bottom.gif) left bottom no-repeat;
}
#content h2 {
  padding: 8px 0 6px 9px;
  font: bold 170% Verdana, Arial, sans-serif;
  background: no-repeat;
}
#content h2 .supporting {
  display: block;
  font-size: 71%;
  padding-right: 0.5em !important;
}
#content .section {
  border-right-style: solid;
  border-right-width: 4px;
  padding: 1.1em 0 1px;
	min-height: 180px;
}
#content h3, #content h4 {
  margin: 0 9px 0.3em;
  font-size: 110%;
  font-weight: bold;
}
#content p,
#content ul,
#content ol,
#content form {
  margin: 0 9px 1.4em;
  font-size: 110%;
}
#content ul ul,
#content ol ol {
	font-size: 100%;
}
#content .sitemap,
#content .sitemap ul {
	padding-left: 0;
	list-style: none;
}
#content .sitemap li {
	margin-bottom: 1em;
}
#content .sitemap li ul {
	margin-top: 0.3em;
}
#content .sitemap li li {
	margin-bottom: 0.3em;
}
#content p.datetimestart {
  margin: -1.1em 9px 1.4em;
  font-size: 100%;
}
#content form, #content fieldset {
  min-height: 0;
}
#content form div {
	clear: both;
	margin-bottom: 3px;
}
#content fieldset {
	border: none;
	padding-bottom: 12px;
}
#content label,
#content .labelclaim,
#content input {
	float: left;
}
#content label,
#content .labelclaim {
	margin-top: 3px;
	width: 90px;
}
#content .notext label {
	margin-right: 10px;
	width: auto;
}
#content fieldset .notext label {
	width: 148px;
}
#content input,
#content select {
	border: solid 1px;
	padding: 2px;
	width: 250px;
	font: 100% Verdana, Arial, sans-serif;
}
body #content .notext input {
	margin-right: 3px;
	border: none;
	width: auto;
	height: auto;
	background: none;
}
#content .submit {
	margin-top: 12px;
	font-size: 90%;
}
#content button {
	float: right;
	border: none;
	background: transparent;
	font: 100% Verdana, Arial, sans-serif;
	cursor: pointer;
}
#content table {
  margin-bottom: 1em;
}
#content a {
  text-decoration: none;
}
#content a:hover {
  text-decoration: underline;
}

dl.news {
	margin: -1.4em 0 1.4em;
}

.news dt a{
	float: left;
	display: block;
	width: 100%;
	clear: both;
	padding: 0.5em 0 0 0;
}
.news dt,
.news dd {
	margin: 0 9px;
	font-size: 110%;
}
.news dt {
	font-size: 110%;
	font-weight: bold;
}
.news dd.date {
	font-size: 100%;
}
#primary .news .more {
	border: none;
	margin: 0;
	padding: 4px 0;
	font-size: 80%;
	font-weight: normal;
}

#soapbox {
  position: absolute;
  left: 200px;
  top: 111px;
  padding-top: 7px;
  width: 127px;
  background: no-repeat;
}
#soapbox .container {
  border: none;
  padding-bottom: 12px;
  min-height: 0;
  background: left bottom no-repeat;
}
#soapbox p {
  margin: 0;
}
#soapbox p img {
  margin-top: -7px;
}
#soapbox p.caption {
  padding: 5px 7px 0;
  min-height: 33px;
}
#soapbox p,
#soapbox dl,
#soapbox .walloffame {
  border-right: solid 7px #B0B000;
}
#soapbox dt, #soapbox dd {
  margin-left: 23px;
}
#soapbox dt {
  padding-top: 2px;
  font-weight: bold;
  display: list-item;
  list-style: square;
}
#soapbox dd {
  padding-bottom: 7px;
}

.walloffame {
	padding: 9px 0 9px 9px;
}
.walloffame, .walloffame .alphabet {
  min-height: 0;
}
.walloffame a {
	float: left;
	margin: 0 3px;
	width: 1em;
	font: bold 150% Arial, Helvetica, sans-serif;
}
.walloffame .numbers {
	width: 2em;
}
.walloffame .alphabet {
	clear: left;
	padding-top: 1.2em;
}

/* breadcrumbs */

#nav-breadcrumbs {
  position: absolute;
  left: 337px;
  top: 100px;
  width: 388px;
}
#nav-breadcrumbs a {
  text-decoration: none;
}
#nav-breadcrumbs a:hover {
  text-decoration: underline;
}

/* secondary and tertiary information */

#secondary {
  position: absolute;
  top: 89px;
  left: 8px;
}
#tertiary {
  float: left;
}
#secondary h2, 
#secondary .container {
  padding: 0 18px;
  width: 140px !important;
  width /**/: 176px;
}
#tertiary h2, 
#tertiary .container {
  padding: 0 18px;
  width: 206px !important;
  width /**/: 242px;
}
#secondary h2, #tertiary h2 {
  padding-top: 12px;
  min-height: 14px;
  background: url(/_images/blocks-sec-top.gif) no-repeat;
  font: bold 130% Arial, Helvetica, sans-serif;
}
#tertiary h2 {
  background-image: url(/_images/blocks-ter-top.gif);
}
#secondary .section, #tertiary .section {
  margin-bottom: 11px;
  padding-bottom: 14px;
  background: url(/_images/blocks-sec-bottom.gif) left bottom no-repeat;
  color: #BBB;
}
#tertiary .section {
  background-image: url(/_images/blocks-ter-bottom.gif);
}
#secondary .container {
  background: url(/_images/blocks-sec-back.gif) repeat-y;
}
#tertiary .container {
  background: url(/_images/blocks-ter-back.gif) repeat-y;
}
#secondary .container *, #tertiary .container * {
  background: #352F31;
}
#secondary dt, #tertiary dt {
  clear: both;
  padding-top: 5px;
  font-weight: bold;
}
#secondary a, #tertiary a {
  color: #BBB;
}
#tertiary li a {
  text-decoration: none;
}
#tertiary li a:hover {
  text-decoration: underline;
}
#secondary .more, #tertiary .more {
  float: right;
  font-size: 90%;
}
#secondary .vcard a {
  text-decoration: none;
}

/* subnavigation */

#nav-sub {
  margin-top: 8px;
  padding-bottom: 2px;
  background: url(/_images/nav-sub-bottom.gif) right bottom no-repeat;
}
#nav-sub .heading {
  padding-right: 3px;
  width: 162px !important;
  width /**/: 165px;
  background: url(/_images/nav-sub-right.gif) right top no-repeat;
}
#nav-sub .heading a {
  display: block;
  padding: 0;
  text-decoration: none;
}
#nav-sub h3 {
  padding: 2px 10px 3px;
  font: bold 13px Arial, Helvetica, sans-serif;
}
#nav-sub .heading h3 a{
  background:none;
}
#nav-sub ul {
  padding: 2px 0 0 3px;
  width: 162px !important;
  width /**/: 165px;
  background: url(/_images/nav-sub-h-bottom.gif) no-repeat;
  list-style: none;
}
#nav-sub li {
  border-right: solid 2px #B0B000;
  list-style: none;
}
#nav-sub li a {
  display: block;
  border-bottom: solid 1px;
  padding: 1px 5px 3px;
  text-decoration: none;
}
#nav-sub a {
  min-height: 0;
}
#nav-sub a:hover {
  text-decoration: underline;
}
#nav-sub .selected a {
  margin-top: -1px;
  border-top: solid 1px;
}
#nav-sub li ul {
  padding: 0;
  width: 160px !important;
  width /**/: 160px;
  background: none;
}
#nav-sub li li {
  border: none;
}
#nav-sub li li a {
  padding-left: 1.7em;
}

/* presale */

#tertiary #presale {
  position: relative;
  top: -19px;
  margin-bottom: -25px;
  padding: 19px 72px 0 0;
  width: 141px !important;
  width /**/: 213px;
  min-height: 150px;
  background-color: transparent;
  background-position: top right;
  background-repeat: no-repeat;
}

#tertiary .visual-1 {
  background-image: url(/_images/presale-visual-1.gif);
}
#tertiary .visual-2 {
  background-image: url(/_images/presale-visual-2.gif);
}
#tertiary .visual-3 {
  background-image: url(/_images/presale-visual-3.gif);
}
#tertiary .visual-4 {
  background-image: url(/_images/presale-visual-4.gif);
}
#tertiary .visual-5 {
  background-image: url(/_images/presale-visual-5.gif);
}

/* main navigation */

#nav-main {
  position: absolute;
  top: 30px;
  left: 285px;
}
#nav-main, #nav-main h2 {
  font: bold 13px Arial, Helvetica, sans-serif;
}
#nav-main ul {
  float: left;
  position: relative;
  z-index: 1000;
  margin: 0 17px 15px 0;
  padding: 0;
  list-style: none;
}
#nav-main li {
  float: left;
  position: relative;
  margin: -4px 0 0 -4px;
  height: 24px;
  background: url(/_images/nav-main-bottom.gif) 0 19px no-repeat;
  list-style: none;
}
#nav-main li.selected {
  background-position: 3px 22px;
}
/*menubalk: opgeteld 458px*/
.nl #nav-main-home {
  width: 60px;
}
.nl #nav-main-agenda {
  width: 72px;
}
.nl #nav-main-presale {
  width: 124px;
}
.nl #nav-main-news {
  width: 71px;
}
.nl #nav-main-about {
  width: 131px;
}
/*menubalk EN: opgeteld 458px*/
.en #nav-main-home {
  width: 60px;
}
.en #nav-main-agenda {
  width: 72px;
}
.en #nav-main-presale {
  width: 124px;
}
.en #nav-main-news {
  width: 71px;
}
.en #nav-main-about {
  width: 131px;
}



#nav-main span {
  display: block;
  padding-right: 5px;
  height: 24px;
  overflow: hidden;
  background: url(/_images/nav-main-right.gif) 100% 1px no-repeat;
}
#nav-main li.selected span {
  padding: 3px 2px 0 3px;
  height: 21px !important;
  height /**/: 24px;
  background: url(/_images/nav-main-right-sel.gif) 100% 4px no-repeat;
}
#nav-main a {
  display: block;
  padding-top: 1px;
  height: 18px !important;
  height /**/: 19px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
#nav-main li ul {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: -9999px;
  margin: 23px 0 0 3px;
  border: solid 1px #858500;
  width: 129px;
  list-style: none;
  font: 10px Verdana, Arial, sans-serif;
}
#nav-main li:hover ul,
#nav-main li.hover ul {
  left: auto;
}
#nav-main li li {
  float: none;
  margin: 0;
  height: auto;
  background: none;
  list-style: none;
}
#nav-main li li a {
  padding: 2px 5px 4px;
  height: auto !important;
  min-height: 0;
  overflow: visible;
  text-align: left;
  white-space: normal;
}
#nav-main li li a:hover {
  text-decoration: underline;
}
#nav-main #language {
  float: left;
  position: relative;
  z-index: 999;
  margin-left: -4px;
  margin-top: -10px;
  width: 242px;
  height: 39px;
  background: url(/_images/blocks-language.gif) no-repeat;
}
#nav-main #language h2 {
  position: absolute;
  left: 102px;
  top: 10px;
}
#nav-main #language ul {
  float: none;
  margin: -9px 0 0;
  padding: 22px 25px;
  height: auto;
  font-size: 80%;
}
#nav-main #language li {
  margin: -2px 12px 0 -2px;
  width: 30px;
  height: 16px;
  background-position: 0 13px;
  list-style: none;
}
#nav-main #language li.selected {
  background-position: 2px 15px;
}
#nav-main #language span {
  padding-right: 3px;
  height: 16px;
  background-image: url(/_images/nav-language-right.gif);
}
#nav-main #language li.selected span {
  padding: 2px 1px 0 2px;
  height: 14px !important;
  height /**/: 18px;
  background: url(/_images/nav-language-right-sel.gif) 100% 3px no-repeat;
}
#nav-main #language a {
  padding: 0;
  height: 13px !important;
  height /**/: 13px;
}
#nav-main abbr {
  border-bottom: none;
}

/* footer */

#footer {
  clear: both;
  margin-bottom: 13px;
  padding-top: 26px;
  max-width: 528px;
  background: url(/_images/blocks-footer-top.gif) no-repeat;
}
#footer .section {
  padding: 0 22px 13px;
  min-height: 13px;
  background: url(/_images/blocks-footer-bottom.gif) left bottom no-repeat;
}
#footer p {
  position: relative;
  margin-top: -13px;
  background: #352F31;
}
.nl #footer a {
  text-decoration: none;
  padding: 0 4px;
}
.en #footer a {
  text-decoration: none;
  padding: 0 11px;
}
#footer a:hover {
  text-decoration: underline;
}

/*content classes*/
img.right {
  float:right;
  margin:5px 0 5px 5px;
}
img.left {
  float:left;
  margin:5px 5px 5px 0;
}
#content table { 
  margin-left:10px;
}
#content td, #content th {
  padding:0 5px 5px 0;
}