@charset "UTF-8";
html, body { margin: 0px; height: 100%; padding: 0px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; background-color: #000000; }
a { color: #FFFF99; text-decoration: none; outline: none; }
a:hover { color: #FFFF00; text-decoration: none; }
h1 { margin: 10px 0px 5px 0px; line-height: 20px; font-size: 17px; height: 26px; width: 400px; color: #FFFF00; }
h2 { margin: 25px 0px 5px 0px; line-height: 18px; font-size: 13px; height: 18px; width: 400px; color: #FFFF00; }
h3 { margin: 0px 0px 5px 0px; line-height: 18px; font-size: 13px; width: 400px; color: #FFFF00; }
p { margin: 0px 0px 10px 0px; line-height: 16px; }
ul { padding: 0px 0px 0px 15px; }
small { line-height: 14px; }
/* CONTAINER */
#container { position: absolute; left: 50%; margin-left: -455px; padding: 0px 5px 0px 5px; width: 900px; background-color: #e2001a; background-image: url("/images/layout/container-bg.gif"); height: auto !important; height: 100%; /* IE6 */ min-height: 100%; position: relative; }
#container .top { position: absolute; top: 0px; left: 0px; margin: 0px; padding: 0px; height: 30px; width: 910px; background-image: url("/images/layout/container-top.gif"); font-size: 1px; }
#container .bottom { position: absolute; bottom: 0px; left: 0px; margin: 0px; padding: 0px; height: 30px; width: 910px; background-image: url("/images/layout/container-bottom.gif"); font-size: 1px; }
#container #logo { position: absolute; top: 0px; left: 50%; margin-left: -160px; z-index: 10; }
/* CONTENT */
#content { float: left; margin-top: 115px; margin-left: 150px; margin-bottom: 110px; padding: 65px 0px 100px 0px; width: 600px; background-image: url("/images/layout/content-bg.jpg"); min-height: 400px; display: inline; position: relative; }
#content .top { position: absolute; top: -5px; left: 0px; margin: 0px; padding: 0px; height: 10px; width: 600px; background: none; background-image: url("/images/layout/content-top.png"); font-size: 1px; }
#content .bottom { position: absolute; bottom: -5px; left: 0px; margin: 0px; padding: 0px; height: 10px; width: 600px; background: none; background-image: url("/images/layout/content-bottom.png"); font-size: 1px; }
#content #datum { position: absolute; bottom: -70px; left: 50%; margin-left: -279px; width: 558px; height: 35px; padding: 8px 0px 3px 0px; background-image: url("/images/layout/datum.png"); text-align: center; }
#content #acts { position: absolute; bottom: -37px; left: 50%; margin-left: -185px; height: 135px; width: 370px; background-image: url("/images/layout/acts.png"); z-index: 10; }
#content #artist { position: absolute; right: 4px; bottom: 1px; height: auto; width: auto; z-index: 5; }
td.midden { padding: 0px 5px 0px 5px; text-align: center; }
.boven { top: 1px; }
.plaatje { margin: 5px; }
.pushed { margin-top: 150px; }
#main { float: left; margin-left: 25px; padding: 0 10px 0 10px; width: 400px; display: inline; }
#main_wide { float: left; margin-left: 25px; padding: 0 10px 0 10px; width: 535px; display: inline;}
#banner { position: absolute; top: 50px; left: 50%; margin-left: -300px; width: 605px; height: 151px; background-image: url('/images/layout/banner.png'); z-index: 100; }
/* SIDEBAR MET FOTO'S */
#sidebar { float: right; margin-right: 25px; padding-top: 12px; width: 110px; display: inline; }
#sidebar img { width: 108px; height: 72px; border: 1px solid #f8b333; margin-bottom: 15px; }
#sidebar img:hover { border: 1px solid #FFFF99; }
#sidebar .klik { width: auto; height: auto; border: none; }
#sidebar .klik:hover { border: none; }
/* SPONSORS */
#sponsors { position: absolute; top: 535px; left: 25px; padding: 5px; height: 95px; width: 100px; background-image: url("/images/layout/sponsors.png"); }
.sponsor_kop { position: absolute; top: 0px; left: 0px; padding: 5px; height: 15px; width: 100px; }
.sponsor_element { position: absolute; top: 25px; left: 0px; height: 70px; width: 100px; padding: 0px 5px 0px 5px; }
.sponsor_content { display: table-cell; width: 100px; height: 70px; line-height: 70px; text-align: center; vertical-align: middle; }
.sponsor_content img { border: none; vertical-align: middle; }
/* MARQUEE */
#marquee { position: absolute; top: 200px; right: 25px; padding: 4px 5px 4px 5px; height: 542px; width: 100px; background-image: url("/images/layout/marquee.png"); }
#marquee-text { position: absolute; top: 0px; right: 0px; padding: 0px; height: 542px; width: 100px; overflow: hidden; clip: rect(5 537 90 0); }
/* MAILING */
#mailinglist .text { border: 1px solid #f8b333; padding: 2px; width: 86px; height: 12px; font-size: 10px; color: #FFFF00; line-height: 12px; outline: none; background-color: #e2001a; }
#mailinglist #submitter { margin-top: 5px; width: 86px; height: 12px; line-height: 12px; font-size: 10px; border: none; background: none; background-image: url("/images/layout/nieuwsbrief-submit.png"); cursor: pointer; }
/* LOSSE ELEMENTEN */
#bestellen1 { position: absolute; top: 112px; left: 25px; height: 73px; width: 110px; }
#bestellen2 { position: absolute; top: 112px; right: 25px; height: 73px; width: 110px; }
#nieuwsbrief { position: absolute; top: 655px; left: 25px; height: 55px; padding: 30px 8px 10px 8px; width: 94px; background-image: url("/images/layout/nieuwsbrief.png"); color: #FFFF00; font-size: 10px; text-align: center; }
/* NAVIGATION */
#navigation { position: absolute; top: 200px; left: 25px; padding: 8px 5px 0px 5px; height: 312px; width: 100px; background-image: url("/images/layout/nav.png");}
#navigation ul { padding: 0px; margin: 0px; }
#navigation ul li { display: inline; }
#navigation ul li a { float: left; height: 0px; width: 100px; margin-bottom: 10px; padding-top: 20px; overflow: hidden; background-image: url("/images/layout/nav.png"); background-repeat: no-repeat; }
/* BUTTONS */
#navigation ul li#nav-home a { background-position: -115px -8px; }
#navigation ul li#nav-tijden a { background-position: -115px -38px; }
#navigation ul li#nav-kaarten a { background-position: -115px -68px; }
#navigation ul li#nav-jubileum a { padding-top: 34px; background-position: -115px -98px; }
#navigation ul li#nav-arrangementen a { background-position: -115px -141px; }
#navigation ul li#nav-zakelijk a { background-position: -115px -171px; }
#navigation ul li#nav-marotte a { background-position: -115px -201px; }
#navigation ul li#nav-historie a { background-position: -115px -231px; }
#navigation ul li#nav-nieuws a { background-position: -115px -261px; }
#navigation ul li#nav-contact a { background-position: -115px -291px; margin-bottom: 0px; }
/* BUTTONS MOUSEOVER */
#navigation ul li#nav-home a:hover { background-position: -225px -8px; }
#navigation ul li#nav-tijden a:hover { background-position: -225px -38px; }
#navigation ul li#nav-kaarten a:hover { background-position: -225px -68px; }
#navigation ul li#nav-jubileum a:hover { background-position: -225px -98px; }
#navigation ul li#nav-arrangementen a:hover { background-position: -225px -141px; }
#navigation ul li#nav-zakelijk a:hover { background-position: -225px -171px; }
#navigation ul li#nav-marotte a:hover { background-position: -225px -201px; }
#navigation ul li#nav-historie a:hover { background-position: -225px -231px; }
#navigation ul li#nav-nieuws a:hover { background-position: -225px -261px; }
#navigation ul li#nav-contact a:hover { background-position: -225px -291px; }
/* IE OPTIMALISATIE */
.spacer { display: hidden; }
.png { }
/* LIGHTBOX 2.04 */
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #f8b333; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 5px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url("/images/lightbox/prev.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("/images/lightbox/next.gif") right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #f8b333; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 5px; color: #000000; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #e2001a; }
/* sIRF 2 */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }
.sIFR-hasFlash h1 { visibility: hidden; }
.sIFR-hasFlash h2 { visibility: hidden; }
.sIFR-hasFlash h3 { visibility: hidden; }