@charset "UTF-8";




html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
        	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}








html, body {
	height:100%; /* Max 100% hoogte in IE */
	max-height:100%; /* Max 100% hoogte in browsers */
	overflow: hidden;
	margin: 0;
	padding: 0;
}

 img, div { behavior: url("/iepngfix.htc") }


#nav {
	overflow: auto;
	position: absolute;
	top: 65px;
	left: 0px;
	width: 40%;
	bottom: 0;
	margin: 0;
	padding: 0;
}

#frame {
	overflow: auto;
	position: absolute;
	top: 18px;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: 100%;
        height: expression(document.body.offsetHeight - 18);
}

/* Alternatieve code voor IE */
* html #frame {
	width: expression(document.body.offsetWidth);
}

#container {
	width: 896px;
	margin: 0 auto;
	text-align: left;
	position:relative;
	top: 0px;
	height: 100%;
}

table {
	width: 896px;
	height: 100%;
}







#content {
	position: relative;
	width: 484px;
	padding-top: 160px;
	font: 15px/21px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding-bottom: 21px;
}

#content p {
	padding: 0 20px 21px 32px;
}

#content p.inleiding {
	font-style: italic;
}	
	
#content p.bold {
	font-style: bold;
}	


#content a {
	color: #fff;
}

#content a:hover {
	text-decoration: none;
}

#content p.datum {
	font-size: 10px;
	padding-bottom: 0px;
}

#content h1 {
	font: bold 24px/26px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	color: #fff;
	padding: 0 20px 7px 32px;
}

#content h1.clear {
	clear: both;
}


#content h2 {
	font: bold 20px/22px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	color: #fff;
	padding: 0 20px 17px 32px;
}

#content h3 {
	font: bold 15px/21px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	color: #fff;
	padding: 0 20px 0 32px;
}

#content h2.theaterkop {
	padding: 0 20px 0px 32px;
}

#content h3.theaterkop {
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	color: #fff;
	padding: 0 20px 17px 32px;
}

#content h3.video {
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	color: #fff;
	padding: 0 20px 17px 32px;
}

#content p.video {
	color: #999;
}

#content p.verhalen a:visited {
	color: #999;
}

#content ul#sitemap {
	padding: 0 20px 17px 32px;
	font-weight: bold;
}

#content ul#sitemap li {
	padding-top: 17px;
}

#content ul#sitemap ul li {
	font-weight: normal;
	padding: 0 0 0 10px;
	margin: 0;
}


#content ul#sitemap ul ul {
	font-style: italic;
	padding-left: 10px;
}



#content #video {
    padding-left: 32px;
}

table.logboek #content h2 {
	font-size: 24px;
	font-weight: normal;
	color: #fff;
	padding: 0 20px 17px 32px;
}

#content hr {
	clear: both;
	color: #000;
	background-color: #ccc;
	height: 1px;
	border: none;
	margin: 0 20px 17px 32px;
}

#content em {
	font-style:italic;
}

#content strong {
	font-style:bold;
}

#content .videolink {
	padding-left: 32px;
	clear: both;
}

#content .videolink img {
	float: left;
	border: 1px solid #fff;
	margin: 0 10px 10px 0;
}

#content .foto_links {
	float: left;
	border: 1px solid #fff;
	margin: 0 10px 10px 0;
}



.content_home {
	left: 240px;
}

.content_sec {
	left: 220px;
}

.content_theaterprog {
	left: 260px;
}

.content_theatertekst {
	left: 280px;
}

.content_scenario {
	left: 300px;
}
.content_interviews {
	left: 320px;
}
.content_inleidingen {
	left: 340px;
}

.content_verhalen {
	left: 360px;
}

.content_verh-gedichten {
	left: 360px;
}

.content_logboek {
	left: 380px;
}
.content_cursus {
	left: 400px;
}

.content_ad_interim {
	left: 420px;
}





div#logo{
	position:absolute;
	left:0;
	top:0;
        width: 98%;
	height:137px;
	margin:0px;
	padding:0px;
	background: url(images/logo.png) no-repeat center;
}

div#navigatiebackground {
	position: absolute;
	left: 0;
	top : 0;
	width: 100%;
	height: 18px;
	background: #000;
	z-index: 2;
}

div#contentbackground {
	position: absolute;
	left: 0;
	top : 0;
	width: 100%;
	height: 100%;
}

table#tablehome {
	background: url(images/back_home.png) repeat-y center;
}

table#tabletheaterprog {
	background: url(images/back_theaterprog.png) repeat-y center;
}

table#tabletheatertekst {
	background: url(images/back_theatertekst.png) repeat-y center;
}

table#tablescenario {
	background: url(images/back_scenario.png) repeat-y center;
}

table#tableinterviews {
	background: url(images/back_interviews.png) repeat-y center;
}

table#tableinleidingen {
	background: url(images/back_inleidingen.png) repeat-y center;
}

table#tableverhalen {
	background: url(images/back_verh-gedichten.png) repeat-y center;
}

table#tablegedichten {
	background: url(images/back_gedichten.png) repeat-y center;
}

table#tablelogboek {
	background: url(images/back_logboek.png) repeat-y center;
}

table#tablecursussen {
	background: url(images/back_cursus.png) repeat-y center;
}

table#tablesec {
	background: url(images/back_sec.png) repeat-y center;
}

div#shadow{
	position:absolute;
	left:0;
	top:17px;
	width:100%;
	height:5px;
	margin:0px;
	padding:0px;
	background:url(images/shadow.png) repeat-x;
}

img {
	behavior:url(/pingbehavior.htc);
}

div.bg {
	position:relative;
	top: 0px;
	width:100%;
	height:100%;
	
}





/* ============= HOOFDNAVIGATIE ================== */


ul#mainnav {
	position: absolute;
	left: 223px;
	top: 180px;
	height: 400px;
	width: 685px;
}

ul#mainnav.sec {
	left: 708px;
	width: 180px;
}

ul#mainnav li {
	float: left;
	padding-right: 2px;
	display: block;
}

ul#mainnav li.active {
	padding-right: 487px;
}

ul#mainnav li a {
	text-indent: -999em;
	display: block;
	width: 18px;
	height: 400px;
}

#container ul#mainnav li a:hover, ul#mainnav li.active a {
	background-position: -18px 0;
}

#container ul#mainnav li a.left, #container ul#mainnav li.active a.left, #container ul#mainnav li.active a.left:hover {
	background-position: -36px 0;
}

#container ul#mainnav li a.left:hover {
	background-position: -54px 0;
}

ul#mainnav li#home a {
	background: url(images/but_home.png) no-repeat 0 0;
}
ul#mainnav li#theaterprog a {
	background: url(images/but_theaterprog.png) no-repeat 0 0;
}
ul#mainnav li#theaterteksten a {
	background: url(images/but_teksten.png) no-repeat 0 0;
}
ul#mainnav li#scenario_regie a {
	background: url(images/but_scenario_regie.png) no-repeat 0 0;
}
ul#mainnav li#interviews a {
	background: url(images/but_interviews.png) no-repeat 0 0;
}
ul#mainnav li#ad-interim a {
	background: url(images/but_ad-interim.png) no-repeat 0 0;
}
ul#mainnav li#verh-gedichten a {
	background: url(images/but_verh-gedichten.png) no-repeat 0 0;
}
ul#mainnav li#logboek a {
	background: url(images/but_logboek.png) no-repeat 0 0;
}
ul#mainnav li#cursus a {
	background: url(images/but_cursus.png) no-repeat 0 0;
}
ul#mainnav li#ad_interim a {
	background: url(images/but_cursus.png) no-repeat 0 0;
}





/* ============= SUBNAVIGATIE ================== */



#subnav ul {
	position: relative;
	margin: 0px;
	padding: 4px 10px 10px 0;
	list-style-type: none;
	font: bold 11px/14px Verdana, Arial, sans-serif;
	display: block;
	float: left;
}

#subnav ul li {
	margin-bottom: 2px;
	display: block;
}


#subnav ul li a {
	padding: 3px 0 3px 20px;
	color: #fff;
	text-decoration:none;
	display: block;
	width: 140px;
}

#subnav.home ul li a {
	background: url(images/subback_home.png) repeat-x 0 0;
}

#subnav.theaterprog ul li a {
	background: url(images/subback_theaterprog.png) repeat-x 0 0;
}

#subnav.theatertekst ul li a {
	background: url(images/subback_theaterteksten.png) repeat-x 0 0;
}

#subnav.scenario ul li a {
	background: url(images/subback_scenario.png) repeat-x 0 0;
}

#subnav.interviews ul li a {
	background: url(images/subback_interviews.png) repeat-x 0 0;
}

#subnav.inleidingen ul li a {
	background: url(images/subback_inleidingen.png) repeat-x 0 0;
}

#subnav.verhalen ul li a {
	background: url(images/subback_verh-gedichten.png) repeat-x 0 0;
}

#subnav.gedichten ul li a {
	background: url(images/subback_gedichten.png) repeat-x 0 0;
}

#subnav.logboek ul li a {
	background: url(images/subback_logboek.png) repeat-x 0 0;
}

#subnav.cursus ul li a {
	background: url(images/subback_cursus.png) repeat-x 0 0;
}


#subnav ul li a:hover, #subnav ul li a.active {
	background-position: 0 -50px;
}





/* ============= SECUNDAIRENAVIGATIE ================== */

ul#secnav {
	position: absolute;
	right: 100px;
	top: 4px;
	padding: 0;
	margin: 0;
	font: 10px Arial, Helvetica, sans-serif;
	z-index: 3;
}

ul#secnav li {
	float: left;
	padding: 0 9px;
	border-right: 1px solid #8b9299;
}

ul#secnav li.last {
	border-right: none;
}

ul#secnav li a {
	text-decoration: none;
	color: #fff;
}

ul#secnav li a:hover {
	text-decoration: underline;
	color: #fff;
}





a.mijnvrouw {
	background: url(images/back_mijnvrouw.gif) 0 0 no-repeat transparent;
	text-indent: -999em;
	width: 193px;
	height: 18px;
	display: block;
	position: absolute;
	left: 70px;
	top: 0px;
	z-index: 10;
}

a.mijnvrouw:hover {
  background-position:0 -19px;
}

.top {
	margin-left: -18px;
	float: left;
	padding-bottom: 20px;
}

#rp {
	float: right;
        padding-right: 20px;
}