body {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	font-size: 76%;
	}

#horizon {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
	}

#wrapper {
	width: 900px;
	height: 600px;
	margin-left: -450px;
	margin-top: 0px;
	padding-top: 0px;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: -300px;
	left: 50%;
	visibility: visible;
	z-index: 2;
}
#wrapper img{
	z-index: 2;
}


.min-height {
	float: right;
	height: 300px;
	width: 1px;
	clear: both;
}
.min-height280 {
	float: right;
	height: 255px;
	width: 1px;
	clear: both;
}

a:focus,  a:active {outline: none; /* remove ugly dotted border */}

#roos {
	position: absolute;
	height: 120px;
	width: 120px;
	left: -5px;
	top: 20px;
	display: block;
	visibility: visible;
	z-index: 500;
	background-image: url(../pics/stoeltje.png);
}
#menu-left {
	width: 120px;
	position: absolute;
	height: 160px;
	text-align: left;
	left: 20px;
	line-height: 1.1;
	top: 140px;
	z-index: 510;
}
#menu-left ul {
	list-style-type: none;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	float: left;
	height: 160px;
	width: 120px;
}
#menu-left ul li {
	font-family: "Courier New";
	width: 110px;
}
#menu-left ul li a:link, #menu-left ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1em;
	position: relative;
}
#menu-left ul li a:hover {
	color: #CCCCCC;
	text-decoration: none;
	position: relative;
}

#blaa{
	font:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	height: 220px;
	width: 705px;
	z-index: 50;
	position: absolute;
	top: 70px;
	left: 175px;
}


#menu-left2 {
	width: 120px;
	position: absolute;
	height: 160px;
	text-align: left;
	left: 20px;
	line-height: 1.1;
	top: 140px;
	z-index: 510;
}
#menu-left2 ul {
	list-style-type: none;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	float: left;
	height: 160px;
	width: 120px;
}
#menu-left2 ul li {
	font-family: "Courier New";
	width: 110px;
}
#menu-left2 ul li a:link, #menu-left ul li a:visited {
	color: #CCCCCC;
	text-decoration: none;
	font-size: 1em;
	position: relative;
}
#menu-left2 ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	position: relative;
	font-size: 1em;
}


div#top-container {
	overflow: hidden;
	z-index: 10;
	top: 0px;
	left: 0px;
	position: absolute;
	width: 900px;
	height: 300px;
	background-color: #000000;
	filter:alpha(opacity=55);
	-moz-opacity:.55;
	opacity:.55;} 
	
div#top-container2 {
	overflow: hidden;
	z-index: 10;
	top: 0px;
	left: 0px;
	position: absolute;
	width: 900px;
	height: 300px;
	background-color: #000000;
} 

#top-container p{
	margin-left: 195px;
	text-align: left;
	color: #FFFFFF;
	font-family: "Courier New", Courier, mono;
	margin-right: 10px;
}


#title {
	background-repeat: no-repeat;
	height: 40px;
	font-family: arial;
	font-size: 3em;
	font-style: normal;
	letter-spacing: 8px;
	color: #FFFFFF;
	text-align: left;
	width: 705px;
	position: absolute;
	left: 175px;
	text-transform: uppercase;
	top: 30px;
	z-index: 50;
}
#title.smallest {
	font-size: 1.8em;
}
#title.smaller {
	font-size: 2.4em;
}
	
#bottom-container, #bottom-container-achtergr {
	height: 300px;
	width: 900px;
	position: absolute;
	left: 0px;
	top: 300px;
	color: #CCCCCC;
	z-index: 20;
	background-color: #000000;
}



#bottom-container-achtergr p, #bottom-container p, #bottom-container-achtergr li {
	font-family: "Courier New", Courier, mono;
	font-size: 1em;
	color: #999999;
	font-weight: normal;
	text-align: left;
	margin-left: 195px;
	margin-top: 10px;
	margin-right: 10px;
}
h1.kostuumontwerp {
	background-image:url(../pics/kostuumontwerp.jpg);
	width: 235px;
	height: 20px;
	display:block;
	background-repeat: no-repeat;	
}
h1.empty {
	width: 235px;
	height: 20px;
	display:block;
	background-repeat: no-repeat;	
}
h1.vrijwerk {
	background-image:url(../pics/vrijwerk.jpg);
	width: 235px;
	height: 20px;
	display:block;
	background-repeat: no-repeat;	
}
h1.projects-performances {
	background-image:url(../pics/projects.jpg);
	width: 235px;
	height: 20px;
	display:block;
	background-repeat: no-repeat;	
}
h1.decorontwerp {
	background-image:url(../pics/decorontwerp.jpg);
	width: 235px;
	height: 20px;
	display:block;
	background-repeat: no-repeat;
}
h1.designs-theatre {
	background-image:url(../pics/designs.jpg);
	width: 235px;
	height: 20px;
	display:block;
	background-repeat: no-repeat;
}

h1.inspiratie {
	background-image:url(../pics/inspiratie.jpg);
	width: 235px;
	height: 20px;
	display:block;
	background-repeat: no-repeat;
}
h1.inspiration {
	background-image:url(../pics/inspiration.jpg);
	width: 235px;
	height: 20px;
	display:block;
	background-repeat: no-repeat;
}
h1.schetsen {
	background-image:url(../pics/schetsen.jpg);
	width: 235px;
	height: 20px;
	display:block;
	background-repeat: no-repeat;
}
h1.sketches {
	background-image:url(../pics/sketches.jpg);
	width: 235px;
	height: 20px;
	display:block;
	background-repeat: no-repeat;
}
h1.extra {
	background-image:url(../pics/extra.jpg);
	width: 235px;
	height: 20px;
	display:block;
	background-repeat: no-repeat;
}
h1.extras {
	background: transparent url(../pics/extras.jpg) -1px 0px no-repeat;
	width: 235px;
	height: 20px;
	display:block;
	background-repeat: no-repeat;
}

#bottom-links {
	float: left;
	height: 300px;
	width: 235px;
	margin-left: 175px;
	display: inline;
}

#bottom-midden {
	float: left;
	height: 300px;
	width: 235px;
	display: inline;
}

#bottom-rechts {
	float: left;
	height: 300px;
	width: 224px;
	display: inline;

}

#bottom-links ul,
#bottom-midden ul,
#bottom-rechts ul {
	float: left;
	display: block;
	list-style-type: none;
	margin-left: 0px;
	width: 235px;
	padding-left: 0px;
}

#bottom-links ul li,
#bottom-midden ul li,
#bottom-rechts ul li{
	font-family:"Courier New", Courier, mono;
	text-align: left;
	margin-left: 0px;
	color: #666666;
	padding-left: 0px;
	font-size: 1em;
	}
#vrijwerk li a:link,
#decorontwerp li a:link,
#kostuumontwerp li a:link
{
	font-family:"Courier New", Courier, mono;
	color: #666666;
	text-decoration: none;
	background-color: #000000;
	}	
#vrijwerk 		li a:visited,
#vrijwerk 		li a:hover,
#vrijwerk 		li a:active,
#decorontwerp 	li a:visited,
#decorontwerp 	li a:hover, 
#decorontwerp 	li a:active,
#kostuumontwerp li a:visited,
#kostuumontwerp li a:hover, 
#kostuumontwerp li a:active
{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
}	
/*english*/
#projects-performances li a:link,
#decorontwerp li a:link,
#kostuumontwerp li a:link
{
	font-family:"Courier New", Courier, mono;
	color: #666666;
	text-decoration: none;
	background-color: #000000;
	}	
#projects-performances 		li a:visited,
#projects-performances 		li a:hover,
#projects-performances 		li a:active,
#decorontwerp 	li a:visited,
#decorontwerp 	li a:hover, 
#decorontwerp 	li a:active,
#kostuumontwerp li a:visited,
#kostuumontwerp li a:hover, 
#kostuumontwerp li a:active
{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
}	

a:link{
	font-family:"Courier New", Courier, mono;
	color: #666666;
	text-decoration: none;
}
a:visited, a:hover, a:active{
	font-family:"Courier New", Courier, mono;
	color: #FFFFFF;
	text-decoration: none;
	}
	

#ditproject, #fotos, #credits, #pers, #agenda, #overroos, #statement, #cv, #contact {
	height: 220px;
	width: 705px;
	z-index: 50;
	position: absolute;
	top: 70px;
	left: 175px;
}
#netwerk{
	height: 220px;
	width: 705px;
	position: absolute;
	top: 70px;
	left: 175px;
	font-family: "Courier New", Courier, mono;
	z-index: 60;
	}
#netwerk ul {
	padding: 0px;
	margin: 0px 0px 0px 6px;
}
#netwerk li {
	list-style-type: square;
	text-align: left;
	margin: 0;
	padding: 0;
}
	
	
	
#ditproject p, #fotos p, #credits p, #pers p, #agenda p, #overroos p, #statement p, #cv p, #netwerk p, #contact p  {
	font-family: "Courier New", Courier, mono;
	font-size: 1em;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 0px;
	text-align: left;
	width: 680px;
}
#agenda p, #overroos p, #statement p, #cv p, #netwerk p, #contact p  {
	color: #CCCCCC;
	}
#ditproject p, #fotos p, #credits p, #pers p {
	color: #FFFFFF;
}



#ditproject p strong, #fotos p strong, #credits p strong, #pers p strong, #agenda p strong, #overroos p strong, #statement p strong, #cv p strong, #netwerk p strong, #contact p strong  {
	color: #FFFFFF;
	font-style:normal;
}



td p {
	color: #FFFFFF;
}
#ditproject a:link, #fotos  a:link, #credits  a:link, #pers  a:link, #agenda  a:link, #overroos  a:link, #statement  a:link, #cv  a:link, #netwerk  a:link, #contact  a:link  {
	text-decoration: underline;
	z-index:100;
}
#agenda  a:link, #overroos  a:link, #statement  a:link, #cv  a:link, #netwerk  a:link, #contact  a:link  {
	color: #FFFFFF;
}
#ditproject a:link, #fotos  a:link, #credits  a:link, #pers  a:link{
	color: #CCCCCC;
}



#ditproject a:visited, #fotos  a:visited, #credits a:visited, #pers a:visited, #agenda a:visited, #overroos a:visited, #statement a:visited, #cv a:visited, #netwerk a:visited, #contact a:visited,  
#ditproject a:hover, #fotos a:hover, #credits  a:hover, #pers a:hover, #agenda a:hover, #overroos a:hover, #statement a:hover, #cv a:hover, #netwerk a:hover, #contact a:hover,  
#ditproject a:active, #fotos a:active, #credits a:active, #pers a:active, #agenda a:active, #overroos a:active, #statement a:active, #cv a:active, #netwerk a:active, #contact a:active  


{
	font-family:"Courier New", Courier, mono;
	color: #FFFFFF;
	text-decoration: underline;
}
/* start of thumbs achtergronden */

.imagelist {
	list-style-type: none;
	width: 235px;
	margin: 0;
	padding: 0;
	padding-left: 5px;
	display: block;
	height: 200px;
	z-index: 2000;
		}
.imagelist li {
	float: left;
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	display: inline;
	padding-right: 15px;
		}

.imagelist img {
	display: block;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
		}

/* end of thumbs achtergronden */


/*****   Leightbox *****/

.footer {
	padding: 2px;
	color: #FFFFFF;
	text-align: left;
	z-index: 20000;
	display: block;
	height: 12px;
	background-color: #000000;
	width: 890px;
	top: 550px;
	position: absolute;
}
.footer a:link,
.footer a:visited,
.footer a:hover,
.footer a:active
 {
	color: #FFFFFF;
	z-index: 20001;
	font-family: "Courier New", Courier, mono;
	font-size: 1.1em;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
}


.leightbox {
	color: #FFFFFF;
	position: absolute;
	width: 900px;
	height: 600px;
	border: solid #000000;
	background-color: #000000;
	text-align: left;
	z-index:1001;
	overflow: auto;
	border-width: 1px;
	left: 50%;
	margin-left: -450px;
	margin-top: -300px;
	padding: 0;
	top: 50%;
	font-family: "Courier New", Courier, mono;
	display: none;


}
#ceevee {
	height: 560px;
	width: 880px;
	overflow: auto;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }
#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }

/*****   End Leightbox *****/
img .relative {
	position: relative;
	float: left;
}
#footer p {
	font-family: arial;
	font-size: 9px;
	line-height: 10px;
	padding-top: 4px;
	color: #333333;
	float: left;
	margin: 0;
	text-align: center;
	width: 100%;
	height: 15px;
	display: block;
}
#footer p a:link {
	font-family: arial;
	font-size: 9px;
	color: #333333;
	text-decoration: underline;
	cursor: default;
}
#footer p a:visited {
	font-family: arial;
	font-size: 9px;
	text-decoration: none;
	color: #666666;
}
#footer p a:hover {
	color: #FFFFFF;
}
#footer p a:active {
	font-family: arial;
	font-size: 9px;
	color: #333333;
	text-decoration: underline;
}
.underline {
	font-weight: normal;
	color: #FFFFFF;
}
.verborgen {
	display: none;
}
.language {
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	font: arial;
	margin-top: 15px;
}
.language a:link, .language a:visited, .language a:active, .language a:hover{
	font-family: Arial;
	letter-spacing: 0.18em;
	text-align: left;
	text-decoration: none;
	float: left;
	margin-right: 2px;
}