/*CSS OUD */
html, body {
width: 100%;
height: 100%;
margin: 0px;
background-position: center center;
background: #E3241F
}
html {
overflow: auto;
}
body {
overflow: hidden;
}
body, table, td, div, a, span, ul, li, p {
font-family: Helvetica, Tahoma, Verdana;
font-size: 13px;
line-height: 18px;
color: black;
}
a {
font-weight: normal;
text-decoration: underline;
color: #452d95;
}
h1 {
font-weight: normal; 
font-size: 20px;
color: #452d95;
margin-bottom: 10px;
}
h2 {
font-weight: normal;
font-size: 17px;
color: #452d95;
}
h3 {
font-weight: normal; 
font-size: 14px;
color: #452d95;
}
h4 {
font-weight: bold; 
font-size: 12px;
color: #452d95;
}
img {
border: none;
}
#pagebg {
margin: 23px auto 0px auto;
position: relative;
width: 944px; 
height: 588px;
background-image:none !important;
} 

.home {
	position: absolute;
	height: 29px;
	margin-top: -22px;
	margin-left: 36px;
}

.home a {
	display: block;
	padding: 0 14px;
	background-color: white;
	font-weight: bold;
	color: black;
	text-decoration: none;
	font-size: 16px;
	line-height: 29px;
	text-transform: uppercase;
}


/* 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;
}
#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: 11px;
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;
}

#contentbg {
position: absolute;
width: 944px; 
height: 588px;
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;
background-color: #E3E0EF;
overflow: auto;
padding-bottom: 20px;
font-family: Helvetica;
font-size: 12px;
z-index: 2;
background-color: #E3E0EF;
padding: 15px;
line-height: 2;
height: 393px;
width: 610px;
border: none !important;
top: auto !important;
left: auto ! important;
}

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 {
margin-right:200px;
}
#breadcrumbs, #breadcrumbs a {
font-size: 11px;
color: #452D95;
}
.mainmenuitem{
margin-left:5px;
} 

#menu {
position: absolute;
height: 52px;
width: auto !important;
top: auto !important;
left: 16px;
list-style: none;
margin-top:0px;
}
#menu li{
float: left;
list-style: none;
}
#menu a:hover, #menu li.on > a {
/*background-color: #E3241F; 
text-decoration: underline;*/
list-style: none;
}
/*test*/
#menu li ul li.last a {
padding: 0px 10px 0px;
list-style: none;
}
#menu a {
background-color: white;
font-family: Arial;
color: #452d95;
text-decoration: none;
display: block;
height: 61px;
}
#menu li ul {
position: absolute;
margin-left: 5px;
margin-top:0px;
display: none;
z-index: 5;
}
#menu li ul li{
border-bottom: 1px solid #E3241F;
line-height:33px;
width: 170px;
height:33px;
float:none;
} 
#menu li ul li a{
padding: 0px 10px 0px;
height:33px;
line-height:33px;
}
#menu li ul li a:hover{
text-decoration: underline;
}
#menu li ul li ul{
margin-left:170px;
background-color: #452d95;
color:white;
margin-top:-33px;
}
#menu li ul li ul a{
background-color:#452d95;
color: white;
}


#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;
}


iframe{
width:294px;
height:368px;

}
#blok_week {
top: 0px;
left: 190px;
width: 306px;
height: 376px;
background-image: url(layout/dezeweek.gif);
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;
}
.vwbox {
width: 127px;
height: 143px;
margin: auto;
margin-top:0px;
}
.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; */
}
.nbox_odd {
height: 30px;
float: left;
width:100%;
background-color:#fde4c7;
font-size: 12px;
}
.nbox_even {
height: 30px;
float: left;
width:100%;
background-color:#fbc98f;
font-size: 12px;
}
.ntitle {
text-transform: lowercase;
height: 50px;
padding-top: 10px;
font-size: 11px;
color: #4f2e90;
font-weight: bold;
margin: 0px;
padding: 0px;
}
.ntitle a{
color: #4f2e90;
line-height: 28px;
font-size: 11px;
}
.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_adres a {
color: #ffffff;
}

#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();
}




/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0

-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
clear:both;
}


/* Remove border around linked images */
img {
border: 0;
}

#background{
width: 944px; 
height: 588px;
background-image: url(layout/afbeeldingen/img/background.png);
background-repeat: no-repeat;
background-color: #e3241f;
margin: 10px auto 0;
border:1px solid #E3241F; 
}
#search{
width: 133px;
height:29px;
background-color:#FFF; 
position:absolute;
margin-left: 782px;
margin-top:-22px;
}
#search input{
margin-top:5px;
margin-left: 7px;
width:80px;
height:20px;
border: 1px solid #e3e0ef;
}
#search input.submit{
background-image:url(layout/afbeeldingen/img/zoek.png);
height:19px;
width:34px;
margin-left: 4px;
} 

/* =Typography
-----------------------------------------------------------------------------*/
html {
background-color: #E3241F !important;
} 
body {
  font: 62.5%/1.6 "Helvetica","Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
  background-color: #E3241F !important;
  font-size: 12px;
  line-height:12px
}

/* =Main Nav
-----------------------------------------------------------------------------*/
#main-nav{
width: 869px;
height: 55px;
padding:5px;
margin-top: 28px;
margin-left: 36px;
list-style:none;
}
#main-nav li{
float: left;
height:60px;
margin-right: 5px;
display:block;
}
.programma{
background:url(layout/afbeeldingen/img/programma.png) no-repeat 0 0;
width: 121px; 
display:block;
}
.kaarten{
background:url(layout/afbeeldingen/img/kaarten.png) no-repeat 0 0;
width: 119px;
}
.zalen{
background:url(layout/afbeeldingen/img/zalen-techniek.png) no-repeat 0 0;
width: 119px;
}
.theater{
background:url(layout/afbeeldingen/img/theater-extra.png) no-repeat 0 0;
width: 119px;
}
.amateur{
background:url(layout/afbeeldingen/img/amateur.png) no-repeat 0 0;
width: 122px; 
}
.expo{
background:url(layout/afbeeldingen/img/expo-film.png) no-repeat 0 0;
width: 117px;
}
.contact{
background:url(layout/afbeeldingen/img/contact-route.png) no-repeat 0 0;
width: 121px; 
position:absolute;
margin-left: 747px;
} 


/* =Sub Nav
-----------------------------------------------------------------------------*/




/* =Main Content
-----------------------------------------------------------------------------*/
#main-content{
    background-color: #E3E0EF;
    border: 5px solid #452D95;
    height: 433px;
    margin-left: 22px;
    margin-top: 65px;
    width: 640px;
    line-height: 2;
}
#poorterij-logo{
background-image: url(layout/afbeeldingen/img/poorterij-logo.png);
background-color:#5d3990;
height: 132px;
width: 212px;
margin-left: 21px;
margin-top: -5px;
}
#nieuws{
background-image: url(layout/afbeeldingen/img/nieuws_bg.png);
background-color:#f6921e;
height:140px;
width:212px; 
margin-left: 21px;
margin-top: 5px;
padding-top:30px;
}
#nieuws-content{
background-color: #fff;
height:120px;
width:190px;
padding: 5px; 
margin: 0 auto;
margin-top: 5px;
}
#foyer{ 
background-image: url(layout/afbeeldingen/img/foyer.png);
height:158px;
width:212px;
margin-left: 21px;
margin-top: 5px; 
}
#verwacht{
height: 79px;
width: 293px;
background-color:#c9da2a; 
float:left; 
margin-left: 238px;
margin-top:-470px;
}
.titel-verwacht{
background-image: url(layout/afbeeldingen/img/verwacht.png);
height:35px;
width: 150px;
margin:16px auto 4px;
}
.agenda-item{
background-color: #fff; 
width: 195px;
height:80px;
list-style: none;
margin: 5px auto 0;
}
#brochure{
background-image:url(layout/afbeeldingen/img/brochure.png);
height:97px;
width:215px; 
margin-left: 238px;
margin-top:-97px;
display: block;
}
#tip{
height:219px;
width:136px;
/*background-image:url(layout/afbeeldingen/img/onze-tip.png); */
background-position:30px 60px;
background-color:#bb1a8b; 
background-repeat: no-repeat;
float:right;
margin-right:253px;
margin-top:-470px;
}
.titel-tip{
height:41px; 
width:134px;
background-image:url(layout/afbeeldingen/img/onze-tip-titel.png);
margin: 15px auto;
} 
#riv{
background-image:url(layout/afbeeldingen/img/riv-the-kid.png);
background-repeat: no-repeat;
background-color: #00a0e3;
height:144px;
width:136px;
float:right;
margin-right:253px;
margin-top:-246px;
display:block;
}
.tweet-nieuws{
background-image:url(layout/afbeeldingen/img/tweet-nieuws.png);
background-repeat: no-repeat;
display: block;
height:20px;
width:21px;
margin:5px 5px 0px 0px;
float: right;
}
#twitter{
font-size: 11px;
height:97px;
float:right;
width:215px;
margin-right:253px;
margin-top:-97px;
background-color:#b55a15;
overflow: hidden;
} 
#twitter-gadget{
margin-top:-54px;
}
#verhuur{
float:right;
height:244px;
width:212px;
background-image:url(layout/afbeeldingen/img/verhuur.png); 
margin-right:36px;
margin-top:-470px;
}
#supporters{
height:74px;
width:212px;
float:right;
background-image:url(layout/afbeeldingen/img/supporters.png);
margin-right:36px;
margin-top:-220px;
} 
#echte-prijs{
height:140px; 
width:213px;
background-image:url(layout/afbeeldingen/img/echte-prijs.png);
float:right;
margin-top:-140px;
margin-right:36px;
display: block;
} 


/* =Secondary Content
-----------------------------------------------------------------------------*/
#img-sidebar{
background-image:url(layout/afbeeldingen/img/stoelen-sidebar.png);
height:306px;
width:212px;
float:right;
margin-right: -233px;
margin-top:202px;
}


/* =Footer
-----------------------------------------------------------------------------*/
#footer{
background-color:#e3241f;
height: 22px;
width: 803px;
padding-left:5px;
margin-left:22px;
margin-top:5px;
color: #fff;
line-height:22px;
clear: both;
}
.twitter-link{
height:22px;
width:61px;
background-image:url(layout/afbeeldingen/img/twitter.png);
float:right;
margin-top:-22px;
margin-right: 36px;
}


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
border-collapse: collapse;
}

td {
  text-align: left;
font-weight: normal;
}
td.abon {
  padding: 5px;
}


/* =Misc 
-----------------------------------------------------------------------------*/
.verwacht{
display: none !important;
}
.kassa{
height: 20px;
width:140px;
display: block;
margin-top:335px;
margin-left: 420px;
position: absolute;
}
.under-construction{
background-image:url(layout/afbeeldingen/img/Poorterij-Under-contruction.png);
height:588px;
width:944px;
margin: 0 auto 0;
}
.dezeweek{
padding-bottom:10px !important;
}

.twtr-widget h3, .twtr-widget h4, 
.twtr-widget p, .twtr-atreply, 
.twtr-hyperlink, .twtr-hashtag, 
.twtr-timestamp, .twtr-reply, 
.twtr-fav, .twtr-rt{
font-size: 11px;
} 
/*
.twtr-widget .twtr-tweet{
border-bottom: 0px solid #B55A15;
} */
.editmode #content{
width: 490px;
padding-right: 132px;
}
.editor{
background-color: #E3E0EF;
border: medium none !important;
font-family: Helvetica;
font-size: 12px;
height: 360px;
left: auto !important;
line-height: 2;
overflow: auto;
padding: 15px;
padding-top:0px;
position: absolute;
top: auto !important;
width: 580px;
z-index: 2;
}

.changer_editor{
background-color: #E3E0EF !important;
}
#EditorFrame{
background-color: #E3E0Ef !important;
width: 100%;
}
#LinksFrame{
width:580px !important;
}
#LinksFrame body{
width:580px !important;
}
#Links{
overflow: scroll !important;
height:250px !important;

}
tr td #Links{
overflow: scroll !important;
height:250px !important;

}

#socialmedia {
	position: absolute;
	bottom: 0;
	right: 25px;
}

#socialmedia .facebook {
	margin: 0 5px;
	float: left;
}

#socialmedia .twitter {
	background: transparent url(layout/twitter_icon.gif) no-repeat;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0 5px;
	text-indent: -9999px;
}

#socialmedia .hyves {
	background: transparent url(layout/hyves_icon.gif) no-repeat;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0 5px;
	text-indent: -9999px;
}