body {
	background-color: #fff;
	margin: auto;
	text-align: center;
	font-size:62.5%;
}

#frameH {
	background-color: #000;
	text-align: left;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -475px;
	margin-top: -300px;
	width: 930px;
	border: 10px solid #000000;
	border-bottom: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 930px;
}

#payoff {
	text-align: center;
	background-color: #000;
	color: #8a8a8a;
	font-size: 8px;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	margin: 0;
	padding: 0;
}

#payoff p {
	padding: 2px 0;
}

html>body .frameH {
	width: 930px;
	height: 580px;
}

.events #frameH {
	font: 1em/1.8em Verdana, Arial, Helvetica;
	background-color: #002595;
	color: #FFF;
}

.theater #frameH {
	font: 1em/1.8em Verdana, Arial, Helvetica;
	background-color: #FFE21A;
	color: #000;
}

.contact #frameH {
	font: 1em/1.8em Verdana, Arial, Helvetica;
	color: #000;
	background: #CC6600 url(/img/apenstaart.gif) no-repeat center center;
}

.verhuur #frameH {
	font: 1em/1.8em Verdana, Arial, Helvetica;
	background-color: #FFE21A;
	color: #000;
}

.geschiedenis #frameH {
	font: 1em/1.8em Verdana, Arial, Helvetica;
	background-color: #FFF;
	color: #000;
}

.locatie #frameH, .werken #frameH {
	font: 1em/1.8em Verdana, Arial, Helvetica;
	background-color: #CC0000;
	color: #FFFFFF;
}

.studio #frameH, .nieuws #frameH {
	font: 1em/1.8em Verdana, Arial, Helvetica;
	background-color: #002595;
	color: #FFFFFF;
}

.studio a:link, .studio a:visited {
	color: #fff;
}

#main {
	margin: 25px;
}

#topnav {
	color: #FFFF00;
	background-color: #000000;
	padding: 0 0 10px;
	font: 1em Verdana, Arial, Helvetica;
}

#topnav a:link, #topnav a:visited {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 8px 0;
	font-weight: normal;
}

#topnav a:hover, #topnav a:active {
	color: #ffff00;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 8px 0;
}

#homenav {
	padding: 0 !important;
}

#toplogo {
	margin: 0 5px 0 0;
}

h1 {
	font-size: 29px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	margin: 44px 0 10px;
	line-height: 32px;
}

#catindex_txt {
	margin: 0 140px;
	text-align: justify;
	line-height: 1.7em;
	font-weight: bold;
}

#htmltxt {
	margin: 0 50px;
	line-height: 1.7em;
}

.events a:link, .events a:visited {
	color: #ffff00;
	text-decoration: none;
}

#bBtnlink {
	float: right;
	margin: 0 25px;
}

#bBtnlink img {
	border: none;
}

.locatie a:link, .locatie a:visited {
	color: #ffff00;
	text-decoration: none;
}

form {
	margin: 20px;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #f8f8f8;
	padding: 2px;
	width: 225px;
	border: 1px solid #000000;
}

#contactform label {
	text-align: right;
	width: 200px;
}

td {
	vertical-align: top;
}

#contact h3 {
	font-size: 1.2em;
	margin: 0;
}

.contact h2 {
	font-size: 1.2em;
	margin: 0;
	color: #CC6600;
}

p {
	margin-top: 0;
}

#activecat {
	color: #FFFF00!important;
}

#langselector {
	width: 50px;
	top: -35px;
	position: absolute;
	right: -20px;
}

#langselector a img {
	border: 0;
}

/* EDIT JUST*/

div #rolodex1, div #rolodex2, div #referentiekader div .box, , .contact .rolodex_contactgroot, .contact .rolodex_contact, .nieuws .kader{
	 /*behavior: url(/iepngfix.htc)*/ }

#overlay{
	width: 930px;
	height: 518px;
	position: absolute;
	z-index: 1000;
	left: 0;
	top: 40px;
}

.theater #textcol1, .events #textcol1, .locatie #textcol1{
	width: 385px;	
	height: auto;
	position: absolute;
	left: 68px;
	top: 390px;
	text-align: justify;
	line-height: 14px;
}

.theater #textcol2, .events #textcol2, .locatie #textcol2{
	width: 385px;	
	height: auto;
	position: absolute;
	left: 495px;
	top: 390px;
	text-align: justify;
	line-height: 14px;
}

.theater #header, .studio #header, .events #header, .locatie #header, .nieuws #header{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
}

.theater #links, .events #links, .locatie #links{
	width: 390px;
	height: 20px;
	position: absolute;
	left: 495px;
	top: 510px;
}

.theater #links2, .events #links2, .locatie #links2{
	width: 120px;
	height: 40px;
	position: absolute;
	left: 655px;
	top: 285px;
	text-align: right;
}

.theater a, .events a, .locatie a{
	color: #FF0000;
	text-decoration: none;
}

.verhuur #tekstbox, .werken #tekstbox{
	width: 380px;
	height: 320px;
	position: absolute;
	left: 75px;
	top: 115px;
}

.verhuur #header, .werken #header{
	width: 550px;
	height: auto;
	position: absolute;
}

.verhuur #links{
	width: 480px;
	height: 25px;
	position: absolute;
	right: 40px;
	top: 450px;
	text-align: right;
}

.verhuur #links a, .verhuur #tekstbox a, .werken #links a{
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

.verhuur #links img, .verhuur #tekstbox img{
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
}

.studio #col1{
	width: 375px;
	height: 285px;
	position: absolute;
	left: 65px;
	top: 125px;
}

.studio #col2{
	width: 375px;
	height: 205px;
	position: absolute;
	left: 500px;
	top: 125px;
}

.studio #plattegrond{
	width: 145px;
	height: 90px;
	position: absolute;
	left: 500px;
	top: 350px;
}

.studio #links{
	width: 170px;
	height: 110px;
	position: absolute;
	left: 680px;
	top: 400px;
}

.studio #links a, .werken #tekstbox a{
	color: #FFE21A;
	text-decoration: none;
}

.geschiedenis #box1{
	width: 170px;
	height: 65px;
	position: absolute;
	left: 70px;
	top: 225px;
	text-align: center;
	line-height: 14px;
}

.geschiedenis #box2{
	width: 170px;
	height: 65px;
	position: absolute;
	left: 275px;
	top: 225px;
	text-align: center;
	line-height: 14px;
}

.geschiedenis #box3{
	width: 170px;
	height: 65px;
	position: absolute;
	left: 480px;
	top: 225px;
	text-align: center;
	line-height: 14px;
}

.geschiedenis #box4{
	width: 170px;
	height: 65px;
	position: absolute;
	left: 680px;
	top: 225px;
	text-align: center;
	line-height: 14px;
}

.geschiedenis #box5{
	width: 170px;
	height: 65px;
	position: absolute;
	left: 70px;
	top: 425px;
	text-align: center;
	line-height: 14px;
}

.geschiedenis #box6{
	width: 170px;
	height: 65px;
	position: absolute;
	left: 275px;
	top: 425px;
	text-align: center;
	line-height: 14px;
}

.geschiedenis #box7{
	width: 170px;
	height: 65px;
	position: absolute;
	left: 480px;
	top: 425px;
	text-align: center;
	line-height: 14px;
}


.theater #rolodex1, .locatie #rolodex1, .studio #rolodex1{
	width: 465px;
	height: 525px;
	position: absolute;
	z-index: 1050;
	background: url(/img/rolodex1.png) no-repeat;
	cursor: move;
}

.contact .rolodex_contact{
	width: 539px;
	height: 456px;
	position: absolute;
	z-index: 1050;
	background: url(img/contact_klein.png) no-repeat;
	cursor: move;
}

.contact .rolodex_contactgroot{
	width: 664px;
	height: 511px;
	position: absolute;
	z-index: 1050;
	background: url(img/contact_groot.png) no-repeat;
	cursor: move;
}

.events #rolodex2{
	width: 810px;
	height: 463px;
	position: absolute;
	z-index: 1050;
	background: url(/img/rolodex2.png) no-repeat;
	cursor: move;
}

.events #content{
	width: 740px;
	height: 320px;
	position: absolute;
	left: 20px;
	top: 60px;
}

.events .blok{
	width: 350px;
	height: auto;
	position: relative;
	float: left;
	padding-bottom: 20px;
	color: #000;
	margin-right: 20px;
}

.events #rolodex2 #sluitvak{
	width: 19px;
	height: 19px;
	position: absolute;
	left: 730px;
	top: 325px;
	background-image: url(/img/rolodex_sluitvak.gif);
}

.events #tab{
	width: 195px;
	height: 20px;
	position: absolute;
	left: 520px;
	top: 20px;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

.theater #tab, .studio #tab, .locatie #tab, .contact #tab{
	width: 195px;
	height: 20px;
	position: absolute;
	left: 220px;
	top: 20px;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

.theater #content, .studio #content, .locatie #content{
	width: 400px;
	height: 370px;
	position: relative;
	float: left;
	margin-left: 20px;
	margin-top: 90px;
}
/* Contact content */
.contact .rolodex_contactgroot .content,  .contact .rolodex_contact .content{
	width: 250px;
	height: 399px;
	position: relative;
	float: left;
	left: 20px;
	top: 15px;
}

/* Contact content */
.theater span{
	width: auto;
	height: auto;
	position: relative;
	float: left;
}

.contact .pic{
	width: 180px;
	height: auto;
	position: relative;
	float: right;
	margin-top: 20px;
	margin-right: 50px;
}

.theater #referentiekader #content, .events #referentiekader #content, .studio #referentiekader #content{
	width: 260px;
	height: auto;
	position: absolute;
	left: 10px;
	top: 10px;
	clear: both;
}

.theater .blok, .studio .blok, .locatie .blok, .contact .blok{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	padding-bottom: 20px;
	color: #000;
}

.theater #rolodex1 a, .studio #rolodex1 a, .locatie #rolodex1 a, .contact .rolodex_contact a{
	color: #000;
}

.events #rolodex2 a{
	color: #000;
}

.theater #rolodex1 span, .studio #rolodex1 span, .events #rolodex2 span, .locatie #rolodex1 span, .contact .rolodex_contact span, .contact .content span{
	color: #FF0000;
	font-weight: bold;
}

.theater #rolodex1 p, .studio #rolodex1 p, .events #rolodex2 p, .locatie #rolodex1 p, .contact .rolodex_contact p, .contact .content p{
	width: auto;
	height: auto;
	position: relative;
	float: left;
}


.theater #rolodex1 img, .studio #rolodex1 img, .events #rolodex2 img, .locatie #rolodex1 img, .contact .rolodex_contact img{
	margin-right: 10px;
}

.theater #sluitvak, .studio #sluitvak, .locatie #sluitvak{
	width: 19px;
	height: 19px;
	position: absolute;
	left: 380px;
	top: 370px;
	background-image: url(/img/rolodex_sluitvak.gif);
}

.contact .sluitvak{
	width: 19px;
	height: 19px;
	position: relative;
	float: left;
	margin-left: 260px;
	background-image: url(/img/rolodex_sluitvak.gif);
	display: inline;
}



.contact .sluitvakzwart{
	width: 19px;
	height: 19px;
	position: relative;
	float: left;
	margin-left: 260px;
	display: inline;
	background: url(/img/sluitkruis.gif) no-repeat;
}

.contact .sluitvakgroot{
	width: 19px;
	height: 19px;
	position: relative;
	float: left;
	margin-left: 30px;
	top: 460px;
	background-image: url(/img/rolodex_sluitvak.gif);
	display: inline;
}


.theater #referentiekader, .studio #referentiekader, .events #referentiekader, .studio #referentiekader{
	color: #000;
	width: 335px;
	height: 350px;
	position: absolute;
	background-image: url(/img/referentiekader.png);
	z-index: 1050;
	cursor: move;
	clear: both;
}

.theater #referentiekader #sluitvak, .studio #referentiekader #sluitvak, .studio #referentiekader #sluitvak, .events #referentiekader #sluitvak{
	width: 19px;
	height: 19px;
	position: absolute;
	left: 285px;
	top: 305px;
	background-image: url(/img/rolodex_sluitvak.gif);
}

.contact #content{
	width: 820px;
	height: auto;
	position: relative;
	float: left;
	left: 100px;
	top: 150px;
}

/* My Comment */

.contact .box{
	width: 85px;
	height: 85px;
	position: relative;
	margin-bottom: 45px;
	margin-right: 45px;
	color: #CC6600;
	font-weight: bold;
	background-image: url(/img/contact_bullet.png);
	float: left;
	text-align: center;
	vertical-align: middle;
	line-height: 14px;
	display: inline;
	cursor: pointer;
	behavior: url(/iepngfix.htc);
	text-decoration: none;
}

.content h2{
	14px
}

.contact .box span{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	margin-top: 28px;
}

.nieuws .item{
	width: 121px;
	height: auto;
	float: left;
	position: relative;
	margin-right: 30px;
	text-align: center;
	text-transform: none;
	color: #fff;
	z-index: 500;
	cursor: pointer;
}

.nieuws #bar{
	width: 900px;
	height: auto;	
	position: absolute;
	top: 200px;
	left: 40px;
}

/*.nieuws img{
	margin-bottom: 20px;
}*/

.nieuws .kader{
	width: 698px;
	height: 481px;
	position: relative;
	background-image: url(img/kader_nieuws.gif);
	z-index: 1002;
}

.nieuws .kadercontent{
	width: 380px;
	height: 375px;
	position: relative;
	float: left;
	top: 50px;
	left: 20px;
	color: #000;
}

.nieuws .kadercontent2{
	width: 380px;
	height: auto;
	position: relative;
	float: left;
	margin-top: 50px;
	left: 400px;
	color: #000;
}

.nieuws .kaderpix{
	width: 180px;
	height: 375px;
	position: relative;
	float: left;
	margin-top: 50px;
	margin-left: 80px;
}

.nieuws h2{
	font-size: 14px;
}

.nieuws .closebox{
	width: 19px;
	height: 19px;
	position: relative;
	float: left;
	margin-left: 320px;
	background-image: url(img/rolodex_sluitvak.gif);
}

.newscontrolspace{
	width: 50px;
	height: 100%;
	float: left;
}

.newscontrols{
	height: auto;
	width: auto;
	margin-top: 35px;
	float: left;	
}

/* EDIT JUST*/