@charset "UTF-8";
/* CSS Document */


body, div, p , form {
	margin: 0;
	padding: 0;
	}

body {
	background: RGB(185,0,28);
	padding-bottom: 40px;
	}
body#cv {
	background: url(../images/cvBG.jpg) no-repeat center top RGB(185,0,28) fixed;
	}
body#cv a:link,
body#cv a:visited {
	color: white;
	}
body#cv a:hover {
	text-decoration: none;
	}	
	
	
	

div#outerWrapper {
	}
div#wrapper {
	width: 980px;
	height: 500px;
	margin: 0 auto;
	}
div#innerWrapper {
	}



/* HEADER
------------------------------------------------------------ */

div#header {
	width: 980px;
	height: 160px;
	position: relative;
	}
div#header h1 {
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 44px;
	line-height: 44px;
	}
body#cv div#header h1 {
	color: white;
	}
body#cv div#header h2 {
	color: white;
	}

div#logo {
	position: absolute;
	right: 0px;
	top: 10px;
	width: 203px;
	height: 66px;
	}

div#navigation {
	height: 30px;
	line-height: 30px;
	color: white;
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	}

div#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: auto;
	}
div#navigation li {
	float: left;
	background: black;
	}
div#navigation a:link,
div#navigation a:visited {
	display: block;
	color: white;
	text-decoration: none;
	padding: 0 10px;
	}
div#navigation a:hover {
	color: RGB(185,0,28);
	}
	
	/* highlight the current page in the navigation */
body#homepage li#navHome a,
body#cv li#navCV a,
body#archief li#navArchief a,
body#video li#navVideo a,
body#contact li#navContact a { 
	color: RGB(185,0,28);
	}





/* content
------------------------------------------------------------ */

div#content {
	font-family: "Courier New", Courier, monospace;
	color: white;
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 40px;
	position: relative;
	}


/* imagesHomepage
------------------------------------------------------------ */

div#imagesHomepage {
	margin-top: 180px;
	float: left;
	height: 100px;
	}

div#logoGroot {
	margin-top: 180px;
	margin-left: 10px;
	float: left;
	height: 100px;
	}



/* image-nav
------------------------------------------------------------ */

#image-nav {
	position: absolute;
	right: 40px;
	top: -30px;
	font-weight: bold;
	}

#image-nav a {
	color: white;
	}

#image-nav a:hover {
	color: black;
	}


/* Photo Archive
------------------------------------------------------------ */


div#images { /* total 980px */
	width: 590px;
	padding-left: 390px;
	position: relative;
	}

div.image {
	width: 132px;
	height: 132px;
	float: left;
	margin: 0 8px 8px 0;
	}
div.image a img {
	border: none;
	}
div.remoteImage {
	display: none;
	position: absolute;
	width: 370px;
	height: 550px;
	left: 0;
	top: 0;
	}
div.remoteText {
	display: none;
	position: absolute;
	width: 680px;
	height: 50px;
	left: 0px;
	top: -100px;
	overflow: hidden;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 44px;
	line-height: 44px;
	}
div.image a:link,
div.image a:visited {
	display: block;
	width: 130px;
	height: 130px;
	text-decoration: none;
	color: black;
	border: 1px solid RGB(185,0,28);
	}
div.image a:hover {
	border: 1px solid white;
	}

div.image a:hover div.remoteImage,
div.image a:hover div.remoteText {
	display: block;
	}





/* slideshowContainer
------------------------------------------------------------ */

div#slideshowContainer ul,
div#slideshowContainer li {
	padding: 0;
	margin: 0;
	list-style: none;
	}

 
div#slideshowContainer {
	position: relative;
	margin: 10px;
	width: 980px;
	}

div#slideshowContainer div#buttons a {
	color: white;
	}
div#slideshowContainer a.prev,
div#slideshowContainer a.next {
	width: 14px;
	height: 27px;
	display: block;
	overflow: hidden;
	text-indent: -1000px;
	position: absolute;
	top: 140px;
	}
div#slideshowContainer a.prev:link,
div#slideshowContainer a.prev:visited {
	background-image:	url(../images/slideshowPrevBttn.gif);
	left: 0px;
	}
div#slideshowContainer a.next:link,
div#slideshowContainer a.next:visited {
	background-image:	url(../images/slideshowNextBttn.gif);
	right: 0px;
	}
div#slideshowContainer a.prev:hover,
div#slideshowContainer a.next:hover {
	background-position: 0 -27px; 
	}
div#slideshowContainer a.prev:active,
div#slideshowContainer a.next:active {
	background-position: 0 -54px; 
	}

div#slideshowContainer div#slideshow {
	overflow: hidden;
	width: 900px;
	height: 320px;
	margin-left: 40px;

	}
div#slideshowContainer div#slideshow a img {
	border: none;
	height: 320px;
	}
div#slideshowContainer div#slideshow ul {
	width: 39000px;
	padding-left: 225px;
	}
div#slideshowContainer div#slideshow li {
	float:left;
	margin:0 16px;
	cursor:pointer;
	}




/* description
------------------------------------------------------------ */

div#description {
	margin-top: 40px;
	margin-left: 610px;
	width: 320px;
	padding: 10px;
	background: white;
	border: 2px dashed black;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: black;
	}
div#description span {
	width: 100px;
	display: inline-block;
	padding: 0;
	margin: 0;
	}
div#description a:link,
div#description a:visited {
	color: RGB(185,0,28);
	}

div#description a:hover {
	color: black;
	}

div#description h1 {
	font-size: 22px;
	color: RGB(185,0,28);
	margin-bottom: 6px;
	}
div#description h2 {
	margin-top: 0;
	font-size: 14px;
	font-style: italic;
	border-bottom: 1px dashed black;
	padding-bottom: 10px;
	}



/* cv
------------------------------------------------------------ */

div#cvContainer {
	width: 500px;
	font-size: 14px;
	line-height: 18px;
	}
div#cvContainer ul {
	border-top: 1px dotted white;
	list-style-type: none;
	padding: 0;
	margin-left: 0;
	}
div#cvContainer li {
	border-bottom: 1px dotted white;
	overflow: hidden;
	padding: 10px 0;
	}
div#cvContainer ul ul {
	border: none;
	width: 320px;
	overflow: hidden;
	}
div#cvContainer li li {
	border-bottom: none;
	padding: 0;
	}
div#cvContainer span {
	float: left;
	display: inline-block;
	color: white;
	}

div#cv-selectie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
div#cv-selectie span.theatergroep {
	clear: left;
	width: 180px;
	font-weight: bold;
	}
div#cv-selectie span.voorstelling {
	width: 170px;
	}
div#cv-selectie span.werktype {
	width: 110px;
	}
div#cv-selectie span.jaar {
	width: 30px;
	}


div#cv-geschiedenis {
	margin-bottom: 50px;
	font-family: "Courier New", Courier, monospace;
	}
div#cv-geschiedenis ul,
div#cv-geschiedenis li {
	border: none;
	}
div#cv-geschiedenis li {
	padding: 4px 0;
	}
div#cv-geschiedenis span.jaar {
	width: 90px;
	}
div#cv-geschiedenis span.gebeurtenis {
	width: 410px;
	}



/* agenda
------------------------------------------------------------ */

div#agendaContainer {
	width: 530px;
	font-size: 14px;
	line-height: 18px;
	}
div#agendaContainer ul {
	border-top: 1px dotted white;
	list-style-type: none;
	padding: 0;
	margin-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
div#agendaContainer li {
	border-bottom: 1px dotted white;
	overflow: hidden;
	padding: 10px 0;
	}
div#agendaContainer span {
	float: left;
	display: inline-block;
	}
div#agendaContainer span.titel {
	width: 190px;
	}
div#agendaContainer span.theatergroep {
	width: 300px;
	}
div#agendaContainer span.datum {
	float: right;
	width: 30px;
	padding-right: 8px;
	}
div#agendaContainer a:link,
div#agendaContainer a:visited {
	color: white;
	}	
div#agendaContainer a:hover {
	text-decoration: none;
	}	
	
	

/* contactForm
------------------------------------------------------------ */

form#contactForm {
	padding: 20px;
	width: 400px;
	background: white;
	color: black;
	border: 2px dashed black;
	font-size: 14px;
	}
form#contactForm p  {
	overflow: hidden;
	padding-bottom: 10px;
	}
form#contactForm p label {
	float: left;
	width: 70px;
	}
form#contactForm p input,
form#contactForm p textarea {
	width: 250px;
	}
form#contactForm p textarea {
	height: 50px;
	}
form#contactForm p span.required {
	width: auto;
	color: RGB(185,0,28);
	}
form#contactForm input#sendBttn {
	margin-left: 70px;
	}
form#contactForm span.alert {
	display: block;
	clear: both;
	padding-left: 70px;
	color: RGB(185,0,28);
	font-weight: bold;
	font-style: italic;
	}

div.bedankt {
	font-weight: bold;
	}







/* credits
------------------------------------------------------------ */
#credits {
	position: absolute;
	padding: 10px;
	right: 0;
	bottom: 0;
	width: 108px;
	height: 56px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	}
#credits a {
	display: block;
	width: 108px;
	height: 56px;
	color: white;
	text-decoration: none;
	background: url(/images/site-by-topiq.png);
	text-indent: -9999px;
	}
#credits a:hover {
	text-decoration: underline;
	}