html, body {
width: 100%;
height: 100%;
margin: 0px;
background-position: center center;
background: #48378f
}
html {
overflow: auto;
}
body {
overflow: none;
}
body, table, td, div, a, span, ul, li, p {
font-family: Helvetica, Tahoma, Verdana;
font-size: 11px;
color: black;
}
a {
font-weight: bold;
text-decoration: none;
}
img {
border: none;
}
#pagebg {
position: relative;
width: 966px;
height: 611px;
margin: 23px auto 0px auto;
background-image: url(layout/page.png);
background-repeat: no-repeat;
}


/* EXTENSION to 1200px, use instead of #pagebg, .page and .png */
#pagebg-alt {
position: relative;
width: 1207px;
height: 656px;
margin: 23px auto 0px auto;
background-image: url(layout/page-alt4.png);
background-repeat: no-repeat;
}
.page-alt {
  position: absolute;
width: 1167px;
height: 570px;
top: 20px;
left: 20px;
}
#blok_gordijn {
position: absolute;
top: 0px;
left: 926px;
width: 242px;
height: 244px;
background-image: url(layout/afbeeldingen/gordijn.jpg);
cursor: pointer;
}
#blok_jouwtheater {
position: absolute;
top: 244px;
left: 926px;
width: 242px;
height: 124px;
background-image: url(layout/afbeeldingen/jouwtheater.jpg);
cursor: pointer;
}

#blok_weetwaarjekoopt {
position: absolute;
top: 368px;
left: 926px;
width: 242px;
height: 202px;
background-image: url(layout/afbeeldingen/weetwaarjekoopt.jpg);
cursor: pointer;
}

#banners-alt {
  text-align: center;
top: 620px;
left: 0px;
width: 1206px;
height: 100px;
position: absolute;
z-index: 11;
}


/* END EXTENSION*/



.page {
position: absolute;
width: 926px;
height: 570px;
top: 10px;
left: 20px;
}

#banners {
  text-align: center;
top: 620px;
left: 0x;
width: 926px;
height: 100px;
position: absolute;
z-index: 11;
}

#banners a, #banners-alt a {
  margin: 0px 10px;
}

.bannerscontainer {
margin: auto;
}
.bannerdiv {
border: 1px solid #ffffff;
width: 120px;
height: 90px;
float: left;
margin-right: 10px;
}
.banneranchor {
}
#contentbg {
position: absolute;
width: 917px;
height: 416px;
top: 124px;
left: 4px;
}
#contentframe {
position: absolute;
top: 28px;
left: 94px;
width: 730px;
height: 346px;
background-color: #ffffff;
filter: alpha(opacity=50);
-moz-opacity: 0.50;
z-index: 1;
}
#content {
position: absolute;
top: 28px;
left: 94px;
width: 480px;
height: 309px;
border: 4px solid #ffffff;
overflow: auto;
padding-right: 232px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 20px;
font-family: Helvetica;
font-size: 12px;
z-index: 2;
}
#content-abo {
position: absolute;
top: 28px;
left: 94px;
width: 680px;
height: 309px;
border: 4px solid #ffffff;
overflow: auto;
padding-right: 32px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 20px;
font-family: Helvetica;
font-size: 12px;
z-index: 2;
}
body.reserveernu #content {
width: 722px;
height: 352px;
padding: 0px;
background-color: #ffffff;
}
body.reserveernu #content iframe {
padding-left: 50px;
padding-top: 15px;
width: 650px;
height: 320px;
}
#contentimg {
position: absolute;
top: 43px;
left: 590px;
width: 201px;
height: 326px;
border: 2px solid #ffffff;
z-index: 3;
}
body.reserveernu #contentimg {
display: none;
}
#adres {
position: absolute;
bottom: 0px;
right: 0px;
color: #ffffff;
font-family: Helvetica;
font-size: 11px;
height: 23px;
width: 625px;
text-align: right;
padding-right: 10px;
}
#adres a {
color: #ffffff;
font-family: Helvetica;
font-weight: bold;
font-size: 11px;
}
#logo {
position: absolute;
top: 15px;
right: 15px;
width: 210px;
height: 50px;
z-index: 1;
cursor: pointer;
}
#breadcrumbs {
position: absolute;
top: -5px;
right: 20px;
}
#breadcrumbs, #breadcrumbs a {
font-size: 11px;
color: #ffffff
}
#menu {
position: absolute;
height: 52px;
width: 722px;
top: 68px;
left: 4px;
}
#toolbar {
position: absolute;
left: 726px;
top: 68px;
text-align: left;
height: 52px;
width: 201px;
}
#submenu {
position: absolute;
width: 730px;
height: 23px;
margin-left: 175px;
padding-top: 5px;
}
.submenuitem, .submenuitem-on {
color: #ffffff;
font-family: Arial;
font-size: 12px;
}
.submenuitem-on, .submenuitem:hover {
font-weight: bold;
font-style: italic;
}
#blok_home {
position: absolute;
top: 0px;
left: 0px;
width: 413px;
height: 135px;
background-image: url(layout/logo.jpg);
}
#blok_dezeweek {
position: absolute;
top: 0px;
left: 413px;
width: 306px;
height: 376px;
background-image: url(layout/dezeweek.gif);
padding-top: 4px;
padding-left: 2px;
background-repeat: no-repeat;
z-index: 6;
}
.dwbox {
width: 270px;
height 83px;
border: 4px #ffffff solid;
margin-bottom: 8px;
}
.dwdate {
font-size: 13px;
color: #4f2e90;
font-weight: bold;
}
.dwtitle {
margin-bottom: 10px;
}
.dwgenre {
color: #bc1a8c;
font-weight: bold;
float: left;
width: 110px;
}
.dwbestel a {
font-weight: normal;
}
.dwimage {
width: 75px;
border-right: 4px solid #ffffff;
height: 75px;
}
.dwtext {
background-color: #e4ed95;
padding-left: 10px;
}
#blok_verwacht {
position: absolute;
top: 0px;
left: 719px;
width: 189px;
height: 263px;
background-image: url(layout/verwacht.gif);
padding-left: 18px;
padding-top: 76px;
}
.vwbox {
width: 161px;
height: 232px;
border: 4px solid #ffffff;
}
.vwdate {
font-size: 13px;
color: #4f2e90;
font-weight: bold;
}
.vwgenre {
color: #bc1a8c;
font-weight: bold;
float: left;
width: 75px;
}
.vwbestel a {
font-weight: normal;
}
.vwtext {
padding-left: 10px;
border-top: 4px solid #ffffff;
background-color: #de8dc6;
}
.vwimage {
background-color: #ffffff;
}
#blok_nieuws {
position: absolute;
top: 135px;
left: 0px;
width: 385px;
height: 279px;
background-image: url(layout/nieuws.gif);
padding-top: 80px;
padding-left: 30px;
z-index: 5;
background-repeat: no-repeat;
}
.nbox {
width: 150px;
height: 238px;
float: left;
margin-right: 40px;
font-size: 12px;
}
.ntitle {
height: 50px;
font-size: 14px;
color: #4f2e90;
font-weight: bold;
margin: 0px;
padding: 0px;
}
.ndesc {
overflow: hidden;
height: 150px;
margin: 0px;
padding: 0px;
}
.narrow {
height: 30px;
font-weight: bold;
font-size: 12px;
margin: 0px;
padding: 0px;
text-align: right;
}
#blok_rivthekid {
position: absolute;
top: 376px;
left: 413px;
width: 306px;
height: 194px;
background-image: url(layout/rivthekid.gif);
cursor: pointer;
}

#blok_adres {
position: absolute;
top: 335px;
left: 719px;
width: 189px;
height: 90px;
background-image: url(layout/adres.jpg);
font-family: Helvetica;
font-size: 11px;
color: #ffffff;
padding-top: 145px;
padding-left: 18px;
}
#blok_adres a {
color: #ffffff;
}
#blok_reserveer {
position: absolute;
top: 464px;
left: 0px;
width: 286px;
height: 106px;
background-image: url(layout/reserveernu.gif);
cursor: pointer;
}
#blok_meerinfo {
position: absolute;
top: 464px;
left: 286px;
width: 127px;
height: 106px;
background-image: url(layout/meerinfo.gif);
cursor: pointer;
}
.heading {
font-weight: bold;
font-size: 16px;
/*color: #231f20*/
color: #4f2e90;
padding: 0px;
margin: 10px 0px 5px 0px;
}
.hr {
width: 450px;
/*border-bottom: 2px solid #231f20;
*/
border-bottom: 2px solid #4f2e90;
height: 0px;
padding-bottom: 10px;
}
.png {
  -behavior: expression('url(http://' + document.location.host + '/_public/iepngfix.htc)');
}
#pagebg {
  -background-image: url();
}