/*
opzet CSS

21	basis en default styles
70	downloadlijst
110	div met movies
141	eva pagina's
247	teksten Eva pagina's
306 	eva, quote en contactnav
364	projectpagina's
593	overzicht projectpagina's
655	tekstpositionering op projectpagina's
770	contactpagina
796	nav l.o. Valigia
814	navigatie creatieve industrie
854	nav r.o. energiemaatschappij
883	navigatie geiten 2
*/


* { /*als basis alles op 0 zetten */
	padding: 0px;
	margin: 0px;
	}
/* default styles*/
img {
	display: block;
	border: 0px;
	}
ul {
	list-style: none;
	}

a {
	color: #4a4338;	
	font-weight: bold;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
a img {
	border: 0px;	
	}
/* end default styles*/


html {
	min-height:101%;/*hiermee wordt in ff een verticale scrollbar gemaakt die altijd aanstaat*/
	}
body { 
	background: #ffffff;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #4a4338;
	font-size: 62.5%;
	text-align: center;
	}

#container {
	width: 980px;
	text-align: left;	
	margin: auto;
	margin-top: 5px;
	font-size: 1.2em;/* 12px als standaard*/
	line-height: 1.5em;
	}
#content {
	position:relative;/* zodat absoluut gepositioneerde elementen zich op de content div kunnen richten qua positie*/
	background-repeat: no-repeat;
	background-position: left top;
	height:647px; /*bg altijd zichtbaar in iedere browser*/
	}


/* over eva */

.overeva {
	background-image: url(../images/bg_eva.jpg);
	}

#evatop li {
	float: left;
	height: 158px;
	width: 192px;
	margin-right: 5px;	
	}
#evatop li.evalink {
	background-image: url(../images/nav_rechts-eva.gif);	
	}

ul.nav_anderenovereva {
	clear:left;
	position:absolute;
	top:163px;
	left:0px;
	width:174px;
	height:147px;
	padding-left:18px;
	padding-top:12px;
	background-color:#eec401;
	}

ul.nav_anderenovereva li {
	border:1px solid #eec401;
	}
ul.nav_anderenovereva ul {
	margin-top:12px;
	}
ul.nav_anderenovereva li li{
	margin-left:0px;
	line-height:1.4em;
	}
ul.nav_anderenovereva li li a {
	font-weight:normal;
	text-decoration:none;
	}
ul.nav_anderenovereva li li a:hover,
ul.nav_anderenovereva li li.active {
	font-weight:normal;
	text-decoration:underline;
	}

#content.overeva ul.projecten,
#content.anderenovereva ul.projecten,
#content.anderenovereva3 ul.projecten,
#content.famous ul.projecten,
#content.downloadoverzicht ul.projecten {
	position:absolute;
	left:0px;
	top:490px;
	width:192px;
	border-bottom: 5px solid white;
	}

.overeva ul.projecten li a,
.anderenovereva ul.projecten li a,
.anderenovereva3 ul.projecten li a,
.famous ul.projecten li a,
.downloadoverzicht ul.projecten li a {
	background-image: url(../images/navlo_project.gif);
	background-repeat: no-repeat;
	background-position: left  0px;
	height: 79px;
	display: block;
	}

.overeva ul.projecten li a:hover,
.anderenovereva ul.projecten li a:hover,
.anderenovereva3 ul.projecten li a:hover,
.famous ul.projecten li a:hover,
.downloadoverzicht ul.projecten li a:hover {
	background-image: url(../images/navlo_project.gif);
	background-position: left -79px;
	}
#content.overeva ul.contact,
#content.anderenovereva ul.contact,
#content.anderenovereva3 ul.contact,
#content.famous ul.contact,
#content.downloadoverzicht ul.contact {
	position:absolute;
	left: 788px;
	top:569px;
	width:192px;
	border-top: 5px solid white;
	}
.overeva ul.contact li a,
.anderenovereva ul.contact li a,
.anderenovereva3 ul.contact li a,
.famous ul.contact li a,
.downloadoverzicht ul.contact li a {
	background-image: url(../images/navrt_contact.gif);
	background-repeat: no-repeat;
	background-position: left  0px;
	height: 73px;
	display: block;
	}

.overeva ul.contact li a:hover,
.anderenovereva ul.contact li a:hover,
.anderenovereva3 ul.contact li a:hover,
.famous ul.contact li a:hover,
.downloadoverzicht ul.contact li a {
	background-image: url(../images/navrt_contact.gif);
	background-position: left -79px;
	}
	
	
/* quotes  */
img.eva_quote1 {
	position:absolute;
	left: 788px;
	top:163px;
	}
img.eva_quote2 {
	position:absolute;
	left: 788px;
	top:163px;
	}
img.eva_quote3 {
	position:absolute;
	left: 788px;
	top:163px;
	}
/* anderen over eva */
.anderenovereva {
	background-image: url(../images/bg_anderen4.jpg);
	}
.anderenovereva3 {
	background-image: url(../images/bg_anderen4.jpg);
	}


/* teksten eva pagina's - HOME */
.evatekst_intro {
	clear:left;
	float: left;
	margin-left: 214px;
	margin-top:12px;	
	width: 177px;
	display:inline;
	}
kolom1a {
	width: 175px;
	}		
.evatekst_body {
	padding-top: 24px;
	padding-left: 16px;
	padding-bottom: 10px;
	margin-top:-168px;
	float: left;
	width: 380px;
	background-color: #FFFFFF;
	}

/* tekst anderen over Eva 1*/
.eva_anderentekst1 {
	margin-left:588px;
	margin-top:-240px;
	padding-top:24px;
	overflow:hidden;
	width: 196px;
	height: 662px;
	background-color: #FFFFFF;
	} 
.eva_anderentekst1 h1 {
	width: 160px;
	margin-left:12px;
	}
.eva_anderentekst1b {
	width:195px;
	height:244px;
	margin-top:-368px;	
	margin-left:786px;
	padding-top:3px;
	padding-bottom:12px;
	background-color: #FFFFFF;
	}
.eva_anderentekst1 p,
.eva_anderentekst1b p {
	width: 160px;
	margin-left:12px;
	margin-top:16px;
	}

.anderentekst2_intro {
	width: 178px;
	height:90px;
	padding-left:18px;
	margin-left:392px;
	margin-top:-160px;
	background-color: #FFFFFF;

	}
.anderentekst2_intro h1 {
	padding-top: 12px;
	margin-left:2px;
	}
.eva_anderentekst2 {
	margin-left:392px;
	margin-top:-5px;
	width:394px;
	height:490px;
	background-color: #FFFFFF;
	x border:1px solid red;
	}
.eva_anderentekst2 p {
	width: 350px;
	margin-left: 18px;
	padding-top: 28px;	
	}
p.kolom_rechts {
	width: 350px;
	margin-left: 420px;
	margin-top: -200px;
	}
.anderentekst3_intro  {
	margin-left: 591px;
	margin-top:-74px;
	height:78px;
	width:194px;
	background-color: #FFF;
	} 
.anderentekst3_intro h1 {
	margin-left: 24px;
	padding-top: 20px;
	}
.eva_anderentekst3 {
	width:390px;
	height:335px;
	margin-left: 591px;
	background-color: #FFF;
	}
.eva_anderentekst3 p {
	width:340px;
	margin-left:24px;
	padding-top:20px;
	}

.eva_anderentekst4 {
	width:194px;
	height:580px;
	margin-left: 590px;
	margin-top:-160px;
	background-color: #FFF;
	}
.eva_anderentekst4 h1{
	padding-top: 12px;
	padding-left: 14px;
	width:128px;
	}
.eva_anderentekst4 p {
	width:156px;
	margin-left:16px;
	padding-top:6px;
	}

/* famous photographers */
/*.famous {
	background-repeat: no-repeat;
	background-position: left top;
	}
.famous.mark {
	background-image: url(../images/bg_famous-mark.jpg);
	}
.famous.rineke {
	background-image: url(../images/bg_famous-rineke.jpg);
	}
.famous.koos {
	background-image: url(../images/bg_famous-koos.jpg);
	}
.famous.tessa {
	background-image: url(../images/bg_famous-tessa.jpg);
	}
.famous.marco {
	background-image: url(../images/bg_famous-marco.jpg);
	}*/
ul.secondtop {
	clear: left;
	height: 77px;
	width: 192px;
	padding-left: 197px;
	margin-right: 5px;	
	}

ul.secondtop li {
	float: left;
	display: inline;
	height: 77px;
	width: 192px;
	margin-right: 5px;
	}
ul.nav-famous,
ul.subnav-anderen {/* damn, de teskten ernaast gaan mee met de hoogte hiervan, dus graag zelfde formaat hanteren...*/
	clear:left;
	padding-top:20px;
	padding-bottom:25px;
	margin-left:197px;	
	width: 197px;
	height:105px;
	background-color: #FFFFFF;
	}
ul.nav-famous li,
ul.subnav-anderen li {
	margin-bottom: 3px;
	margin-left:18px;
	}
ul.nav-famous li a,
ul.subnav-anderen li a {
	font-weight: normal;
	}
ul.nav-famous li a:hover,
ul.subnav-anderen li a:hover {
	font-weight: bold;
	}
.foto-mark {
	position:absolute;
	left: 394px;
	top: 0px;
	}
.foto-mark p {
	width: 560px;
	margin-top:7px;
	margin-left: 10px;
	}
.foto-mark p a {
	padding-right:5px;
	}
.foto-rineke {
	position:absolute;
	left: 393px;
	top: 0px;
	}
.foto-rineke p {
	width: 360px;
	margin-top:25px;
	margin-left: 15px;
	}
.foto-koos {
	position:absolute;
	left: 418px;
	top: 0px;
	}
.foto-koos p {
	width: 335px;
	margin-top:25px;
	margin-left: 10px;
	}
.foto-tessa {
	position:absolute;
	left: 396px;
	top: 0px;
	}
.foto-tessa p {
	width: 365px;
	margin-top:25px;
	margin-left: 20px;
	}
.foto-marco {
	position:absolute;
	left: 425px;
	top: 0px;
	}
.foto-marco p {
	width: 315px;
	margin-top:25px;
	margin-left: 10px;
	}
/*downloads en presspagina */
#content.downloadoverzicht {
	background-image: url(../images/bg_press.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
/* projectpagina'a */
#contact,
#projectoverzicht,
#casco,
#solidmovement,
#afk,
#underseas,
#NDSMkunststad,
#gilde,
#valigia,
#geiten1,
#geiten2,
#energie,
#creatieve_industrie {
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden; /*anders laat FF niet de hele bg zien*/
	height:647px;/* blijft de footer ook op z'n plek*/
	position:relative;/* voor absoluut gepositioneerde elementen als referentie*/
	}
#contact {
	background-image: url(../images/bg_contact.jpg);
	}
#projectoverzicht {
	background-image: url(../images/bg_projectoverzicht.jpg);
	}

#casco {
	background-image: url(../images/bg_casco-atelier.jpg);
	}
#solidmovement {
	background-image: url(../images/bg_solidmovement.jpg);
	}
#afk {
	background-image: url(../images/bg_afk.jpg);
	}
#underseas {
	background-image: url(../images/bg_underseas.jpg);
	}
#NDSMkunststad {
	background-image: url(../images/bg_NDSMkunststad.jpg);
	}
#gilde {
	background-image: url(../images/bg_gilde.jpg);
	}
#valigia {
	background-image: url(../images/bg_valigia.jpg);
	}
#geiten1 {
	background-image: url(../images/bg_geiten1.jpg);
	}

#geiten2 {
	background-image: url(../images/bg_geiten2.jpg);
	}
#energie {
	background-image: url(../images/bg_energie.jpg);
	}
#creatieve_industrie {
	background-image: url(../images/bg_crea_industrie.jpg);
	}
#top {
	display: inline;
	}

#top li {
	float: left;
	display: inline;
	height: 158px;
	width: 192px;
	margin-right: 5px;
	margin-bottom: 5px;	
	}
#top li.geel {
	background-image: url(../images/rechts_geel.gif);
	background-repeat: no-repeat;
	background-position: left top;		
	}
#top li.blauw {
	background-image: url(../images/rechts_blauw.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	}
#top li.bruin {
	background-image: url(../images/rechts_bruin.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#top li.bruin.projectplaatje {
	background-image: url(../images/nav_rechts-projecten.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#top li.bruin li,
#top li.blauw li {
	float: none;
	clear: both;
	display: inline;		
	}/**/

#top li.bruin li.toggle a {
	color: #b2d6cf;
	font-size: 1.1em;
	margin-top: 10px;
	margin-bottom: 90px;
	}

#top li.bruin li.toggle a:hover {
	font-weight: bold;
	}	
#top li.bruin li a.vorige {
	float: left;
	margin-left: 15px;
	}
#top li.bruin li a.leeg {
	float: left;
	margin-left: 15px;
	}

#top li.bruin li a.volgende {
	float: right;
	margin-right: 12px;
	}
#top li.bruin li.projectlink a {
	clear: both;
	background-image: url(../images/nav_projecten.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;	
	width: 111px;
	height: 25px;
	margin-left: 20px;
	}
#top li.no5right {
	margin-right: 0px;
	margin-top:-18px;
	}

#top li.no5right ul li {
	float: none;
	clear: left;	
	}
#top li.no5right ul li a {
	height: 76px;
	display: block;
	}
#top li.no5right ul li.nav_eva a {
	background-image: url(../images/navro_eva.gif);
	background-repeat: no-repeat;
	background-position: left -3px;
	margin-bottom: -12px;
	}
#top li.no5right ul li.nav_eva a:hover {
	background-image: url(../images/navro_eva.gif);
	background-position: left -82px;
	}
#top li.no5right ul li.nav_contact a {
	background-image: url(../images/navrt_contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#top li.no5right ul li.nav_contact a:hover {
	background-image: url(../images/navrt_contact.gif);
	background-position: left -77px;
	}
#secondtop {
	clear: left;
	}
#secondtop li {
	float: left;
	display: inline;
	height: 77px;
	width: 192px;
	margin-right: 5px;
	margin-bottom: 5px;
	}

#secondtop li.projectdownloads {
	background-image: url(../images/nixel.gif);
	background-color:#4a4338;
	}		
#secondtop li.projectdownloads a {
	display: block;
	margin-top: 8px;
	margin-left: 20px;
	color: #b2d6cf;
	}
/* overzicht projectpagina's*/
#overzichtslijst {
	background-color:#4a4338;
	float: left;
	width:389px;
	height: 300px;
	margin-top: 77px;
	margin-left: -197px;
	padding-top:20px;
	border-top: 5px solid #ffffff;
	border-bottom: 5px solid #ffffff;
	}
#overzichtslijst li {
	display: inline;
	}/**/
#overzichtslijst li a {
	display: block;
	margin-left: 19px;
	color:#ffffff;
	font-size:1.2em;
	line-height:1.9em;
	}
.nav_overzicht {
	float: left;
	width: 389px;
	margin-left:5px;
	margin-top: 326px;	
	}
.nav_overzicht li {
	display: inline;
	height: 76px;	
	}
.nav_overzicht li li {
	float: left;
	width: 192px;
	display: inline;	
	}

.nav_overzicht li li.nav_eva {
	border-bottom: 1px solid #eec401;
}
.nav_overzicht li li.nav_contact {
	border-bottom: 1px solid #b2d6cf;
	}
.nav_overzicht li li.leeg {
	display: block;
	x height: 76px;
	}
.nav_overzicht li li a {
	height: 76px;
	display: block;
	}	
	
.projecttitel,
.evatitel {
	clear:left;
	float: none;
	margin-left: 197px;
	}
/* tekstpositionering op projectpagina's*/
.containertekst {
	clear:left;
	padding-top:12px;
	margin-left: 15px;
	width: 605px;
	}
.linklijst {/* op container office pagina*/
	position: absolute;
	top:489px;
	left:590px;
	padding: 25px 5px 30px 2px;
	background-color:#FFFFFF;
	}
.SGMtekst {
	margin-top: -45px;
	margin-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
.afktekst {
	clear: left;
	margin-left: 210px;
	padding-top: 18px;
	width: 350px;
	}
.underseastekst {
	clear: left;
	float: right;
	margin-top: 15px;
	width: 360px;
	}
.NDSMkunststadtekst1 {
	clear:left;
	margin-left: 15px;
	padding-top: 45px;
	width: 340px;
	}
.NDSMkunststadtekst2 {
	clear:left;
	float: left;
	margin-left:405px;
	margin-top: -443px;
	display: inline;
	width: 360px;
	}
.ndsmwerf_links {
	margin-top: 18px;
	}
.gildetekst1 {
	clear: left;
	margin-left:215px;
	padding-top: 35px;
	width: 160px;
	background-color:#FFFFFF;
	}
.gildetekst2 {
	float: left;
	margin-left:215px;
	margin-top:25px;
	width: 350px;
	}
.valigiatekst1 {
	float: left;
	margin-left:15px;
	margin-top: 12px;
	width: 160px;
	}
.valigiatekst2 {
	float: left;
	padding-left:30px;
	margin-top: 12px;
	width: 360px;
	}
.geitentekst1 {
	float: left;
	display:inline;
	margin-left: 620px;
	margin-top: -220px;
	padding-right: 20px;
	width: 330px;
	}
/*geitenpagina 2 teksten */
.eerstep {
	width: 180px;
	margin-left: 8px;
	margin-top: -54px;
	display:inline;
	float: left;
	}
.tweedep {
	width: 170px;
	float: left;
	margin-left: 20px;
	padding-top:18px;
	}
.derdep {
	width: 170px;
	float: left;
	padding-left: 25px;
	margin-top: 90px;
	}
.energietekst {
	margin-top: 15px;
	float: left;
	width: 560px;
	display: inline;
	margin-left: 15px;
	}
.creatieve_industrietekst1,
.creatieve_industrietekst2 {
	clear: left;
	margin-top: 15px;
	margin-left: 15px;
	float: left;
	width: 360px;
	display: inline;	
	}
.creatieve_industrietekst1 p {
	width: 350px;
	margin-bottom:1em;
	}
/* contactpagina */
#adresgegevens {
	background-color:#b2d6cf;
	float: left;
	display:block;
	width:192px;
	height: 219px;
	margin-top: 77px;
	margin-left: -197px;
	padding-top:20px;
	border-top: 5px solid #ffffff;
	border-bottom: 5px solid #ffffff;
	line-height: 1.8em;
	}
#adresgegevens li {
	margin-left: 20px;
	height: 20px;
	}
#adresgegevens li.leeg {
	height: 30px;
	}
#map {
	margin-top: 163px;
	float: left;
	width: auto;
	overflow: hidden;
	}

/* nav linksonder in valigia */
#contact ul.linksonder {
	float: left;
	width:394px;
	margin-top: -81px;
	}
#contact ul.linksonder li {
	display: inline;
	float: left;
	width: 197px;
	}

#contact ul.linksonder li a {
	height: 76px;
	display: block;
	}
/* navigatie creatieve_industrie */
.quote_gelijkwaardig {/* staat los van alles er hard in */
	float:right;
	width: 192px;
	padding-top: 239px;
	}
.nav_creatieve_industrie {
	float: right;
	margin-top: -250px;
	width: 586px;
	}
.nav_creatieve_industrie li {	
	float: left;
	display: inline;
	width: 192px;
	height: 81px;
	margin-right: 5px;
	}
.nav_creatieve_industrie li.no5right {
	margin-right: 0px;
	}
.nav_creatieve_industrie li.leeg2 {
	height:81px;
	}
.nav_creatieve_industrie li a {
	height: 76px;
	display: block;
	}
.nav_creatieve_industrie li.borderbottom a {
	height: 76px;
	border-bottom: 5px solid white;
	display: block;
	}	
	
	
	
/* nav rechtssonder in energiemaatschappijpagina */
.nav_energie {
	float: right;
	width: 389px;
	margin-top: 250px;
	x border: 1px solid green;	
	}
.nav_energie li {
	display: inline;
	height: 76px;
	x border: 1px solid green;	
	}
.nav_energie li li {
	float: left;
	width: 192px;
	display: inline;	
	}

nav_energie li li.leeg {
	display: block;
	x height: 76px;
	}
.nav_energie li li a {
	height: 76px;
	display: block;
	}	
	
	
		
/* navigatie geiten2 */
.nav_geiten2 {
	clear: left;
	float: left;
	width: 980px;
	display: inline;
	margin-top:33px;
	x border: 1px solid red;
	}
.nav_geiten2 li {	
	float: left;
	display: inline;
	width: 192px;
	x height: 81px;
	margin-right: 5px;
	}
.nav_geiten2 li.leeg {
	height:76px;
	}
.nav_geiten2 li.no5right {
	margin-right: 0px;
	}
.nav_geiten2 li a {
	height: 76px;
	display: block;
	border-top: 5px solid white;
	}	
	
/* navigatie geiten1 */
.nav_geiten1 {
	float: left;
	display: inline;
	width: 980px;
	margin-top:49px;
	x border: 1px solid red;
	}
.nav_geiten1 li {	
	float: left;
	display: inline;
	width: 192px;
	x height: 81px;
	margin-right: 5px;
	}
.nav_geiten1 li.leeg {
	height:76px;
	display:block;
	}
.nav_geiten1 li.no5right {
	margin-right: 0px;
	}
.nav_geiten1 li a {
	height: 76px;
	display: block;
	border-top: 5px solid white;
	}
	


/* navigatie underseas */
.nav_underseas {
	clear:left;
	float: left;
	padding-top:316px;
	x border: 1px solid red;
	}
.nav_underseas li {	
	float: left;
	display: inline;
	width: 192px;
	height: 81px;
	margin-right: 5px;
	}
.nav_underseas li.no5right {
	margin-right: 0px;
	}
.nav_underseas li.leeg2 {
	height:81px;
	}
.nav_underseas li a {
	height: 76px;
	display: block;
	}
.nav_underseas li.bordertop a {
	height: 76px;
	border-top: 5px solid white;
	display: block;
	}
	
/* nav linksonder in valigia */
#valigia ul.linksonder {
	clear:left;
	float: left;
	width:394px;
	margin-top: 13px;
	x border: 1px solid blue;
	}
#valigia ul.linksonder li {
	display: inline;
	float: left;
	width: 197px;
	}

#valigia ul.linksonder li a {
	height: 76px;
	display: block;
	}
/* navs rechtsboven in valigia */
#valigia ul.toprechts {
	float: left;
	margin-left: 394px;
	margin-top:-163px;
	x border: 1px solid green;
	}
#valigia ul.toprechts li {
	width: 192px;/* anders gaat IE raar doen en niet het hele element laten zien*/
	x border: 1px solid green;
	}
#valigia ul.toprechts li.leeg {	
	height: 77px;/* anders gaat tekst2 verplaatsen */
	}
#valigia ul.toprechts li a {
	height: 77px;
	display: block;
	}
/* navs middenboven in gilde */
#gilde ul.topmidden {/* geen idee wat hier aan de hand is maar zo werkt het kennelijk */
	float: left;
	width:192px;
	x display: inline;/* om de verdubbeling van IE margin te voorkomen*/
	margin-left:197px;
	x border-bottom: 1px solid white;
	}
#gilde ul.topmidden li {
	width: 192px; /*anders gaat IE raar doen en niet het hele element laten zien*/
	x border: 1px solid green;
	}
#gilde ul.topmidden li.leeg {	
	height: 77px;/* anders gaat tekst2 verplaatsen */
	}
#gilde ul.topmidden li a {
	height: 76px;
	display: block;
	}

/* nav linksonder in gilde */
#gilde ul.linksonder {
	clear:left;
	width: 192px;
	padding-top: 10px;
	}
#gilde ul.linksonder li {
	display: inline;
	}
#gilde ul.linksonder li.leeg2 {
	display: block;
	border: 0px;
	}
#gilde ul.linksonder li a {
	height: 76px;
	display: block;
	}

/* navs rechtsboven in NDSMkunststad */
#NDSMkunststad ul.toprechts {
	float: left;
	width:192px;
	margin-left:394px;
	}

#NDSMkunststad ul.toprechts li {
	width: 192px; /*anders gaat IE raar doen en niet het hele element laten zien*/
	x border: 1px solid green;
	}
#NDSMkunststad ul.toprechts li a {
	height: 76px;
	display: block;
	}
/* nav linksonder in NDSMkunststad */
#NDSMkunststad ul.linksonder {
	clear:left;
	float: left;
	width: 192px;
	margin-top: -8px;
	x border: 1px solid green;
	}
#NDSMkunststad ul.linksonder li {
	display: inline;
	x border-top: 5px solid white;
	}
#NDSMkunststad ul.linksonder li.leeg2 {
	display: block;
	height:81px;/* border die je neiet wilt zien in de grote leegte compenseren, nav_ook heeft 'm wel namelijk*/
	}
#NDSMkunststad ul.linksonder li a {
	height: 76px;
	display: block;
	}



/* nav rechtssonder in container office */
#casco ul.rechtsonder {
	float: right;
	width: 192px;
	margin-right: 0px;
	margin-top: -68px;	
	}
#casco ul.rechtsonder li {
	display: inline;
	x border-top: 5px solid white;
	}
#casco ul.rechtsonder li.leeg2 {
	display: block;
	height: 81px;
	border: 0px;
	}
#casco ul.rechtsonder li a {
	height: 76px;
	display: block;
	}

/* navigatie op afk pagina */
.nav_afk {
	float: left;
	padding-top: 17px;
	x border: 1px solid red;
	}
.nav_afk li {
	display:inline;
	x border: 1px solid green;	
	}

.nav_afk li ul {
	float:left;
	display:inline;
	}	
.nav_afk li li {
	float:left;
	display:inline;
	width:192px;
	margin-right: 5px;
	}
.nav_afk li li.no5right {
	margin-right: 0px;
	}
.nav_afk li li.leeg1 {
	height:76px;
	}
.nav_afk li li.leeg2 {
	height:81px;
	}
.nav_afk li li a {
	height: 76px;
	display: block;
	}
.nav_afk li li.bordertop a {
	height: 76px;
	border-top: 5px solid white;
	display: block;
	}
/* navigatie SGM pagina*/
.nav_SMG {
	padding-top: 3px;
	}
.nav_SMG li {	
	float: left;
	display: inline;
	width: 192px;
	height: 81px;
	margin-right: 5px;
	}
.nav_SMG li.no5right {
	margin-right: 0px;
	}
.nav_SMG li.leeg2 {
	height:81px;
	}
.nav_SMG li a {
	height: 76px;
	display: block;
	}
.nav_SMG li.bordertop a {
	height: 76px;
	border-top: 5px solid white;
	display: block;
	}

/**/
	
li.nav_contact a {
	background-image: url(../images/navrt_contact.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	}
li.nav_contact a:hover {
	background-image: url(../images/navrt_contact.gif);
	background-position: left -79px;
	}	
li.nav_eva a {
	background-image: url(../images/navro_eva.gif);
	background-repeat: no-repeat;
	background-position: left -3px;
	}
li.nav_eva a:hover {
	background-image: url(../images/navro_eva.gif);
	background-position: left -82px;
	}	
li.nav_ook a {
	background-image: url(../images/navlt_ook.gif);
	background-repeat: no-repeat;
	background-position: left -0px;
	}
li.nav_ook a:hover {
	background-image: url(../images/navlt_ook.gif);
	background-position: left -79px;
	}
li.nav_projecten a {
	background-image: url(../images/navlo_project.gif);
	background-repeat: no-repeat;
	background-position: left  -3px;
	}

li.nav_projecten a:hover {
	background-image: url(../images/navlo_project.gif);
	background-position: left -82px;
	}
/*.overeva ul.projecten li a {
	background-image: url(../images/navlo_project.gif);
	background-repeat: no-repeat;
	background-position: left  -8px;
	height: 70px;
	display: block;
	}

.overeva ul.projecten li a:hover {
	background-image: url(../images/navlo_project.gif);
	background-position: left -87px;
	}*/
		
/* tekstopmaak algemeen*/
h1 {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 1em;
	}
.kolom1 {
	width: 165px;
	margin-bottom: 1em;
	background-color:#FFFFFF;		
	}
.kolom2 {
	width: 360px;
	margin-bottom: 1em;
	background-color:#FFFFFF;
	}
.kolom3 {
	width: 540px;
	margin-bottom: 1em;
	background-color:#FFFFFF;
	}
.no1embottom {
	margin-bottom: 0px;
	}
.bottom1em {
	margin-bottom: 1em;
	display:block;
	}
.bottom2em {
	margin-bottom: 2em;
	}



/* footer */
.footer {
	clear: both;
	margin-right: 5px;
	font-size: 0.8em;
	color:#888f8f;
	x border:1px solid green;
	}
.footer a {
	text-decoration: none;
	font-size: 1em;
	font-weight:normal;
	color:#888f8f;
	}
.footer a:hover {
	text-decoration: underline;
	}
.footer .floatleft {
	margin-left:5px;
	}


/* lightbox div met movies */
 .black_overlay{
	display: none;
	clear:left;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height:100%;
	x min-height: 647px;
	background-color: #000000;
	z-index:1001;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
	}

.white_content {
    display: none;
	position: absolute;
	width: 360px;
    height: 290px;
	top:163px;
	left:322px;
    padding: 16px;
    background-color: #ffffff;
    z-index:1002;
    x overflow: auto;
	}
.white_content_breedbeeld {
    display: none;
	position: absolute;
	width: 526px;
    height: 340px;
	top:164px;
	left:197px;
    padding: 30px;
    background-color: #ffffff;
    z-index:1002;
    x overflow: auto;
	}
a.sluitvideo {
	background:url(../images/sluitvideo.gif) no-repeat top left;
	height:15px;
	width: 55px;	
	display:block;
	margin-left:270px;
	}
a.sluitvideo_breedbeeld {
	background:url(../images/sluitvideo.gif) no-repeat top left;
	height:15px;
	width: 55px;	
	display:block;
	margin-left:440px;
	margin-top:-15px;
	}
a.sluitvideo:hover {
	background-position: 0px -15px;
	}
a.sluitvideo_breedbeeld:hover {
	background-position: 0px -15px;
	}
#filmpositie {
	width: 320px;
	height: 240px;
	position: absolute;
	top: 40px;
	left:35px;
	display: block;
	}
#filmpositie_breedbeeld {
	width: 470px;
	height: 290px;
	position: absolute;
	top: 50px;
	left:60px;
	display: block;
	}

#video_still {
	width: 320px;
	display: block;
	}	
/* lijst downloads staat bovenop */
#downloadlijst {
	clear:left;/* anders trekt IE6 het niet en zet het te ver naar rechts*/
	position: absolute;
	top: 168px;
	z-index:1;
	width: 192px;
	padding-bottom:12px;
	background-color:#4a4338;
	color:#b2d6cf;
	}
#downloadlijst li {
	width:192px;
	}
#downloadlijst li a {
	color:#b2d6cf;
	margin-left: 20px;
	line-height:1.8em;
	display:block;
	width:172px;
	}
#downloadlijst li a.downloadtitel {
	margin-top: 3px;	
	margin-left:20px;
	padding-bottom: 20px;
	width:172px;
	cursor:default;
	}
#downloadlijst li a span.extensie {
	font-weight:normal;
	}
#downloadlijst li ul {
	position: absolute;
	width: 192px;
	background-color:#4a4338;
	left: -999em;
	padding-bottom:20px;
	}
#downloadlijst li:hover ul, #downloadlijst li.sfhover ul {
	left: auto;
	border-bottom:5px solid white;
	}/**/
/* CSS algemeen */	

.floatleft {
	float: left;
	}
.floatright {
	float: right;
	}
.clearleft {
	 clear: left;
	 }
.clearright {
	clear: right;
	}
.clearboth {
	clear: both;
	}
.top5 {
	margin-top: 5px;
	}	
.rechts5 {
	margin-right: 5px;
	}
.toprechts5 {
	margin-top: 5px;
	margin-right: 5px;
	}
.rechtsenonder5 {
	margin-right: 5px;
	margin-bottom: 5px;	
	}
.onder10 {
	padding-bottom: 10px;
	}
.leeg {
	background-image: url(../images/nixel.gif);
	x background-color: #FF0000;
	}
.no5right {
	margin-right: 0px;
	}

.bordertop5 {
	border-top: 5px solid #ffffff;
	}
.borderbottom5 {
	border-bottom: 5px solid #ffffff;
	}
/*.borderrechts5 {
	border-right: 5px solid #ffffff;
	}*/
.borderright5 {
	border-right: 5px solid #ffffff;
	}
.bordertopright5 {	
	border-top: 5px solid #ffffff;
	border-right: 5px solid #ffffff;
	}
.h76 {	
	height: 76px;
	}
.h77 {	
	height: 77px;
	}
.inline {
	display:inline;
	}
.active {
	font-weight:bold;
	text-decoration:underline;
	cursor: default;
	}
/* kleuren */
.grijs {
	background-color:#888f8f;
	}
.geel {
	background-color:#eec401;
	}
.lichtblauw {
	background-color:#b2d6cf;
	}
.bruin {
	background-color:#4a4338;
	}
/* DW crashed op dit file, er schijnt een bug te zijn die dat doet:
Crash in Windows when CSS file size is exactly 8192 bytes, 16383 bytes, or specific larger sizes
Dreamweaver crashes in Windows if you make an edit to a CSS file that changes the size of the file to exactly
8191 bytes or an increment of 8191 bytes. In addition, Dreamweaver won't restart unless you change the size
of the CSS file. To change the file size, open the CSS file in another text editor and insert a character or two,
including whitespace characters such as spaces and tabs.
*/