* { /*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;
	}
/* over eva vormgeving bovenaan*/
#evatop li {
	float: left;
	height: 158px;
	width: 192px;
	margin-right: 5px;
	margin-bottom:5px;
	display:inline;
	}
#evatop li.evalink {
	background-image: url(../images/nav_rechts-eva.gif);	
	}
ul.nav_anderenovereva {
	clear:left;
	position:absolute;
	top:218px;
	left:197px;
	width:174px;
	padding-left:18px;
	padding-bottom:14px;
	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;
	}




/* eva pagina's ****************************************************************************************************** */
/* navigatie */

.nav_projecten li a {
	background-image: url(../images/navlo_project.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	border-bottom: 5px solid white;
	display: block;
	height: 77px;
	width:192px;
	position:absolute;
	background-color:#4a4338;
	}
#overeva ul.nav_projecten li a {
	height: 79px;
	border-bottom:0px;
	}
.nav_projecten li a:hover {
	background-image: url(../images/navlo_project.gif);
	background-position: left -79px;
	}
.nav_contact li a {
	background-image: url(../images/navrt_contact.gif);
	background-repeat: no-repeat;
	background-position: left  0px;
	border-bottom: 5px solid white;
	height: 76px;
	display: block;
	width:192px;
	position:absolute;
	background-color:#b2d6cf;
	}
#overeva ul.nav_contact li a {
	height: 73px;
	}
.nav_contact li a:hover {
	background-image: url(../images/navrt_contact.gif);
	background-position: left -79px;
	}
.nav_eva li a {
	background-image: url(../images/navro_eva.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 79px;
	display: block;
	width:192px;
	position:absolute;
	background-color:#eec401;
	}
.nav_eva li a:hover {
	background-image: url(../images/navro_eva.gif);
	background-position: 0 -79px;
	}
.nav_extra li a {
	background-image: url(../images/navlt_extra.gif);
	background-repeat: no-repeat;
	background-position: left  0px;
	border-top: 5px solid white;
	height: 76px;
	display: block;
	width:192px;
	position:absolute;
	background-color:#4a4338;
	}
.nav_extra li a:hover {
	background-image: url(../images/navlt_extra.gif);
	background-position: left -82px;
	}
/* overzicht */
#eva-overzicht {
	background-image: url(../images/bg_eva-overzicht.jpg);
	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*/
	}
#overzichtslijst.eva {
	background-color:#eec401;
	color:#4a4338;
	height:auto;
	padding-top:12px;
}	
#overzichtslijst.eva a {
	color:#4a4338;
}
#overzichtslijst.eva li ul {
	margin-left:18px;
}
#overzichtslijst.eva li ul a {
	font-weight:normal;
	line-height:1.4em;
}
#eva-overzicht .nav_projecten li a {
	left:788px;
	top:81px;	
	}
#eva-overzicht .nav_contact li a {
	left:788px;
	top:0px;
	}
#eva-overzicht .nav_extra li a {
	left:788px;
	top:239px;
	}

/* over eva */
#overeva ul.nav_projecten li a {
	left: 788px;
	top:489px;
	}
#overeva ul.nav_contact li a {
	left: 788px;
	top:568px;
	border-top: 5px solid white;
	}
#overeva .nav_extra li a {
	left: 788px;
	top:403px;	
	}
.overevatekst1 {
	background-color:#FFF;
	position:absolute;
	left:0;
	padding: 12px 18px 18px 16px;
    position: absolute;
    top: 240px;
    width: 360px;
}
.overevatekst2{
	background-color:#FFF;
	position:absolute;
	left:390px;
	padding: 16px 26px 36px 20px;
    position: absolute;
    top: 320px;
    width: 350px;
}
/* Geitenhoeden */
.geitentekst1 {
	background-color: #FFFFFF;
    left: 588px;
    padding: 15px 25px 0px 20px;
    position: absolute;
    top: -4px;
    width: 350px;
	}
#eva-geiten1 .nav_projecten li a {
	left:0px;
	top:326px;	
	}
#eva-geiten1 .nav_contact li a {
	left:0px;
	top:408px;
	}
#eva-geiten1 .nav_extra li a {
	left:0px;
	top:489px;	
	border-top:0px;
	border-bottom:5px solid #fff;
	}


/*geitenpagina 2 teksten */
.geiten2tekst1 {
	position:absolute;
	background-color:#fff;
	width: 355px;	
	left:196px;
	top:240px;
	padding: 12px 16px 12px 20px;
}
.geiten2tekst2 {
	position:absolute;
	background-color:#fff;
	width: 170px;	
	left:392px;
	top:240px;
	padding: 12px 10px 10px 14px;
}
.geiten2tekst3 {
	position:absolute;
	background-color:#fff;
	width: 180px;	
	left:600px;
	top:240px;
	border:1px solid red
}
#eva-geiten2 .nav_projecten li a {
	left:0px;
	top:326px;	
	}
#eva-geiten2 .nav_contact li a {
	left:0px;
	top:408px;
	}

#eva-geiten2 .nav_extra li a {
	left:0px;
	top:489px;	
	border-top:0px;
	border-bottom:5px solid #fff;
	}
/* container office */
.containertekst1 {
	position:absolute;
	background-color:#fff;
	width: 350px;	
	left:0px;
	top:240px;
	padding: 24px 16px 12px 14px;
}
.container2tekst1 {
	position:absolute;
	background-color:#fff;
	width: 165px;	
	left:590px;
	top:81px;
	padding: 12px 14px 40px 14px;
}
#containeroffice .nav_extra li a,
#containeroffice2 .nav_extra li a {
	left:591px;
	top:0px;
	border-top:0px;
	border-bottom:5px solid #fff;
	}
#containeroffice .nav_contact li a,
#containeroffice2 .nav_contact li a {
	left:788px;
	top:0px;	
	}
#containeroffice .nav_projecten li a,
#containeroffice2 .nav_projecten li a {
	left:788px;
	top:81px;
	}
	
/* anderen over Eva, 1 */
.eva_anderentekst1 {
    background-color: #FFF;
	position:absolute;
    left: 588px;
    top: 0;
    padding: 10px 14px 24px 14px;
    width: 168px;
}
.eva_anderentekst1b {
    background-color: #FFFFFF;
    position:absolute;
    left: 786px;
    top: 320px;
    padding:  20px 12px 12px 12px;
    width: 170px;
}

.eva_anderentekst2 {
    background-color: #FFFFFF;
    height: 490px;
	position:absolute;
    left: 588px;
    top: 160px;
	padding: 12px 30px 30px 24px;
    width: 340px;
}
/* anderen over eva 3 */

.eva_anderentekst3 {
    background-color: #FFFFFF;
	position:absolute;
	top:324px;
    left: 196px;
	padding:16px;
    width: 362px;
}
/* anderen over eva 4 */

.eva_anderentekst4 {
    background-color: #FFFFFF;
	position:absolute;
    height: 580px;
    left: 590px;
    top: 160px;
	padding:12px 12px 12px 16px;
    width: 168px;
}
/* anderen over eva navs*/
#anderenovereva1 .nav_extra li a,
#anderenovereva2 .nav_extra li a,
#anderenovereva3 .nav_extra li a,
#anderenovereva4 .nav_extra li a {
	left:0px;
	top:403px;
	}
#anderenovereva1 .nav_contact li a,
#anderenovereva2 .nav_contact li a,
#anderenovereva3 .nav_contact li a,
#anderenovereva4 .nav_contact li a {
	left:0px;
	top:570px;
	}
#anderenovereva1 .nav_projecten li a,
#anderenovereva2 .nav_projecten li a,
#anderenovereva3 .nav_projecten li a,
#anderenovereva4 .nav_projecten li a{
	left:0px;
	top:489px;	
	}
/* 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:0px;
	}
/* anderen over eva */
#anderenovereva1 {
	background-image: url(../images/bg_anderen4.jpg);
	}
#anderenovereva2 {
	background-image: url(../images/bg_anderen2.jpg);
	}
#anderenovereva3 {
	background-image: url(../images/bg_anderen3.jpg);
	}
#anderenovereva4 {
	background-image: url(../images/bg_anderen4b.jpg);
	}
/* besturen en commissies pagina */
#besturen {
	background-image: url(../images/bg_besturen.jpg);
	}
#besturen.besturen1 {
	background-image: url(../images/bg_besturen1.jpg);
	}
.besturentekst1 {
	background-color: #FFFFFF;
    left:394px;
    padding: 8px 12px 8px 18px;
    position: absolute;
    top: 0px;
    width: 556px;
}
#besturen.besturen1 .besturentekst1 {
	padding-bottom:18px;
}
.besturentekst1 p {
	width:518px;
}
#besturen .nav_extra li a,
#besturen2 .nav_extra li a{
	left:788px;
	top:566px;	
	}
#besturen .nav_contact li a,
#besturen2 .nav_contact li a{
	left:591px;
	top:567px;	
	border-bottom:0px;
	border-top:5px solid #fff;
	}
#besturen .nav_projecten li a,
#besturen2 .nav_projecten li a{
	left:788px;
	top:489px;
	border-bottom:0px;
	}

/* projectpagina's */
#contact,
#projectoverzicht,
#H-spot,
#NDSM1,
#NDSM2,
#NDSM3,
#internationaal1,
#internationaal2,
#cultureel1,
#cultureel2,
#cultureel3,
#cultureel4,
#jongeren1,
#jongeren2,
#jongeren3,
#jongeren4,
#openinnovation,
#gilde,
#eva-geiten1,
#eva-geiten2,
#containeroffice,
#containeroffice2,
#overeva,
#anderenovereva1,
#anderenovereva2,
#anderenovereva3,
#anderenovereva4,
#besturen,
#extra {
	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);
	}

#gilde {
	background-image: url(../images/bg_gilde.jpg);
	}
#gilde.nextpage {
	background-image: url(../images/bg_gilde2.jpg);
	}
#eva-geiten1 {
	background-image: url(../images/bg_geiten1.jpg);
	}

#eva-geiten2 {
	background-image: url(../images/bg_geiten2.jpg);
	}
#containeroffice {
	background-image: url(../images/bg_containeroffice.jpg);
	}
#containeroffice2 {
	background-image: url(../images/bg_containeroffice2.jpg);
	}
#overeva {
	background-image: url(../images/bg_overeva.jpg);
	}
#overeva2 {
	background-image: url(../images/bg_overeva2.jpg);
	}
#top {
	display: inline;
	}

#top li {
	float: left;
	display: inline;
	height: 158px;
	width: 192px;
	margin-right: 5px;
	margin-bottom: 5px;	
	}
#evatop 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 li,
#top li.blauw li,
#evatop li.geel li{
	float: none;
	clear: both;
	display: inline;		
	}/**/

#top li.bruin li.toggle a,
#evatop li.geel li.toggle a,
#top li.blauw li.toggle a {
	color: #b2d6cf;
	font-size: 1.1em;
	margin-top: 10px;
	margin-bottom: 90px;
	}
#evatop li.geel li.toggle a {
	color: #4a4338;
	}
#evatop li.blauw li.toggle a {
	color: #b2d6cf;
	}
#top li.bruin li.toggle a:hover {
	font-weight: bold;
	}	
#top li.bruin li a.vorige,
#evatop li.geel li a.vorige,
#top li.blauw li a.vorige {
	float: left;
	margin-left: 15px;
	}
#top li.bruin li a.leeg,
#top li.blauw li a.leeg {
	float: left;
	margin-left: 15px;
	}

#top li.bruin li a.volgende,
#evatop li.geel li a.volgende{
	float: right;
	margin-right: 12px;
	}
#top li.bruin li.projectlink a,
#top li.bruin li.extralink a,
#evatop li.geel li.evalink a,
#top li.blauw li.contactlink 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: 12px;
	}
#evatop li.geel li.evalink a {
	background-image: url(../images/nav_eva.gif);
}
#top li.blauw li.contactlink a {
	background-image: url(../images/nav_contact.gif);
}
#top li.bruin li.extralink a {
	background-image: url(../images/nav_extra.gif);
}
#top li.bruin li.projectlink a:hover,
#evatop li.geel li.evalink a:hover {
	background-position: 0 -25px;
}

#top li.bruin li.extralink a:hover,
#top li.blauw li.contactlink a:hover {
	cursor:default;
}
#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;
	}
#gilde #secondtop li,
#openinnovation #secondtop li{
	width:auto;
}
	
/* overzicht projectpagina's*/
#overzichtslijst {
	background-color:#4a4338;
	width:389px;
	height:209px;
	position:absolute;
	top: 240px;
	left: 197px;
	padding-top:20px;
	padding-bottom:10px;
	border-top: 5px solid #ffffff;
	border-bottom: 5px solid #ffffff;
	}
#overzichtslijst li {
	display: inline;
	}
#overzichtslijst li a,
#overzichtslijst li span {
	display: block;
	margin-left: 19px;
	color:#ffffff;
	font-size:1.2em;
	line-height:1.9em;
	}
#overzichtslijst li span {
	font-weight:bold;
	color:#4a4338;
	}
#projectoverzicht .nav_contact li a{
	left:788px;
	top:568px;
	border-top: 5px solid #fff;
}
#projectoverzicht .nav_eva li a {
	left: 788px;
    top: 489px;
}
#projectoverzicht .nav_extra li a{
	left:788px;
	top:403px;
	border-top: 5px solid #fff;
}
.projecttitel,
.evatitel {
	clear:left;
	float: none;
	margin-left: 197px;
	}
	
/*  projectpagina's ****************************************************************************************************************************  */
/* H-spot */
#H-spot {
	background-image: url(../images/bg_hspot.jpg);
	}
/* tekst H-spot */
.spottekst {
	position:absolute;
	left:586px;
	top:0;
	background-color:#fff;
	padding:10px 24px 40px 22px;
	}
.spottekst p {
	width:360px;
	}
/* navigatie H-spot */
#H-spot .nav_contact li a {
	left:0px;
	top:490px;
}
#H-spot .nav_eva li a{
	left:197px;
	top:566px;
	border-top:5px solid #fff;
}
#H-spot .nav_extra li a{
	left:0px;
	top:566px;
}
/* NDSM */
#NDSM1 {
	background-image: url(../images/bg_NDSM1.jpg);
	}

/* tekst NDSM1*/
.NDSM1tekst1 {
	position:absolute;
	left:0px;
	top:400px;
	width:350px;
	background-color:#fff;
	padding:20px 25px 20px 18px;
	}
.NDSM1tekst2 {
	position:absolute;
	left:590px;
	top:0px;
	width:340px;
	background-color:#fff;
	padding:10px 35px 8px 18px;
	}
.ndsmwerf_links {
	margin-top: 18px;
	}
/* navigatie NDSM1 */
#NDSM1 .nav_contact li a {
	left:394px;
	top:566px;
	border-top:5px solid #fff;
	border-bottom:0px;
}
#NDSM1 .nav_extra li a {
	left:394px;
	top:485px;
}
#NDSM1 .nav_eva li a {
	left:591px;
	top:570px;
}

/* NDSM2*/
#NDSM2 {
	background-image: url(../images/bg_NDSM2.jpg);
	}
/* tekst NDSM2*/
.NDSM2tekst1 {
	position:absolute;
	left:0px;
	top:240px;
	width:340px;
	background-color:#fff;
	padding:10px 35px 26px 18px;
	}
.NDSM2tekst2 {
	position:absolute;
	left:788px;
	top:488px;
	background-color:#fff;
	padding:10px 15px 0px 6px;
	}
/* navigatie NDSM2 */
#NDSM2 .nav_contact li a {
	left:0px;
	top:571px;
	border-bottom:0px;
}
#NDSM2 .nav_eva li a {
	left:197px;
	top:571px;
	border-bottom:0px;
}
#NDSM2 .nav_extra li a {
	left:394px;
	top:566px;
}
/* NDSM3*/
#NDSM3 {
	background-image: url(../images/bg_NDSM3.jpg);
	}
/* tekst NDSM3*/
.NDSM3tekst1 {
	position:absolute;
	left:0px;
	top:240px;
	width:350px;
	background-color:#fff;
	padding:10px 25px 6px 18px
	}
.NDSM3tekst1b {
	position:absolute;
	left:0px;
	top:492px;
	width:530px;
	background-color:#fff;
	padding:0px 40px 56px 18px
	}
.NDSM3tekst1b a {
	font-weight:normal;
	text-decoration:none;
	border-bottom:1px dotted;
}
.NDSM3tekst1b a:hover {
	border-bottom:1px solid;
}
.NDSM3tekst2 {
	position:absolute;
	left:388px;
	top:555px;
	width:175px;
	background-color:#fff;
	padding:16px 10px 430px 15px;
	}
/* navigatie NDSM3 */

#NDSM3 .nav_eva li a {
	left:394px;
	top:237px;
	border-top:5px solid #fff;
}
#NDSM3 .nav_contact li a {
	left:394px;
	top:326px;
}
#NDSM3 .nav_extra li a {
	left:394px;
	top:407px;
	border-top:0px;
}
	
/* internationaal1*/
#internationaal1 {
	background-image: url(../images/bg_internationaal1.jpg);
	}
/* tekst internationaal1*/
.internationaal1tekst {
	position:absolute;
	left:394px;
	top:-4px;
	width:344px;
	background-color:#fff;
	padding:15px 26px 29px 20px;
	}

/* navigatie internationaal1*/
#internationaal1 .nav_contact li a {
	left:0px;
	top:326px;
}
#internationaal1 .nav_extra li a {
	left:0px;
	top:240px;
}
#internationaal1 .nav_eva li a {
	left:0px;
	top:406px;
}
/* internationaal1*/	
#internationaal2 {
	background-image: url(../images/bg_internationaal2.jpg);
	}
/* tekst internationaal2*/
.internationaal2tekst {
	position:absolute;
	left:394px;
	top:158px;
	width:350px;
	background-color:#fff;
	padding:12px 25px 42px 20px;
	}
/* navigatie internationaal2*/
#internationaal2 .nav_contact li a {
	left:0px;
	top:326px;
}
#internationaal2 .nav_extra li a {
	left:0px;
	top:240px;
}
#internationaal2 .nav_eva li a {
	left:0px;
	top:406px;
}

/* culturele projecten */
#cultureel1 {
	background-image: url(../images/bg_cultureel1b.jpg);
	}
/* tekst cultureel1*/

.cultureel1tekst1 {
	position:absolute;
	left:0px;
	top:240px;
	width:340px;
	background-color:#fff;
	padding:18px 32px 40px 18px;
	}
.cultureel1tekst2 {
	position:absolute;
	left:787px;
	top:324px;
	width:170px;
	background-color:#fff;
	padding:20px 18px 21px 16px;
	}
.ie7 .cultureel1tekst2 {
	padding:20px 18px 15px 16px;
}
/* navigatie cultureel1*/
#cultureel1 .nav_contact li a {
	left:394px;
	top:489px;
}
#cultureel1 .nav_eva li a{
	left:394px;
	top:570px;
}
#cultureel1 .nav_extra li a{
	left:591px;
	top:565px;
}
/* cultureel2 */
#cultureel2 {
	background-image: url(../images/bg_cultureel2.jpg);
	}
/* tekst cultureel2*/
.cultureel2tekst1 {
	position:absolute;
	left:394px;
	top:-4px;
	width:530px;
	background-color:#fff;
	padding:14px 39px 24px 20px;
	}
.cultureel2tekst2 {
	position:absolute;
	left:590px;
	top:315px;
	width:350px;
	background-color:#fff;
	padding:14px 25px 42px 20px;
	}
/* navigatie cultureel2*/
#cultureel2 .nav_contact li a {
	left:0px;
	top:163px;
}
#cultureel2 .nav_eva li a {
	left:0px;
	top:244px;
	height:78px;
}
#cultureel2 .nav_extra li a {
	left:0px;
	top:327px;
	border-top:0px;
	border-bottom:5px solid #fff;
}
/* cultureel3 */
#cultureel3 {
	background-image: url(../images/bg_cultureel3.jpg);
	}
/* tekst cultureel3*/
.cultureel3tekst1 {
	position:absolute;
	left:0px;
	top:240px;
	width:360px;
	background-color:#fff;
	padding:8px 15px 22px 18px;
	}
/* navigatie cultureel3*/
#cultureel3 .nav_contact li a {
	left:394px;
	top:163px;
}
#cultureel3 .nav_eva li a {
	left:394px;
	top:243px;
	height:78px;
}
#cultureel3 .nav_extra li a {
	left:394px;
	top:76px;
}

/* cultureel4 */
#cultureel4 {
	background-image: url(../images/bg_cultureel4.jpg);
	}
/* tekst cultureel4*/
.cultureel4tekst1 {
	position:absolute;
	left:394px;
	top:-4px;
	width:550px;
	background-color:#fff;
	padding:14px 17px 13px 20px;
	}
.cultureel4tekst2 {
	position:absolute;
	left:590px;
	top:245px;
	width:350px;
	background-color:#fff;
	padding:24px 25px 42px 20px;
	}
/* navigatie cultureel4*/
#cultureel4 .nav_contact li a {
	left:0px;
	top:326px;
}
#cultureel4 .nav_eva li a {
	left:0px;
	top:407px;
	height:77px;
}
#cultureel4 .nav_extra li a {
	left:0px;
	top:240px;
}
/* jongeren projecten */
#jongeren1 {
	background-image: url(../images/bg_jongeren1.jpg);
	}
/* tekstjongeren1*/
.jongeren1tekst1 {
	position:absolute;
	left:394px;
	top:-4px;
	width:350px;
	background-color:#fff;
	padding:16px 20px 14px 20px;
	}
.jongeren1tekst2 {
	position:absolute;
	left:192px;
	top:490px;
	width:744px;
	background-color:#fff;
	padding:16px 25px 21px 20px;
	}
.jongeren1tekst2 p.floatleft {
	float:left;
	width:360px;
	padding-right:50px;
	padding-bottom:12px;
}
.jongeren1tekst2 ul{
	float:left;
	margin-top:24px;
}
.jongeren1tekst2 ul li {
	width:320px;
	list-style-position: inside;
	list-style-type: circle;
}
/* navigatie jongeren1*/
#jongeren1 .nav_contact li a {
	left:788px;
	top:240px;
	border-bottom:0px;
	border-top:5px solid #fff;
}
#jongeren1 .nav_eva li a {
	left:788px;
	top:405px;
}
#jongeren1 .nav_extra li a {
	left:788px;
	top:327px;
	border-top:0px;
	border-bottom:5px solid #fff;
}

/* jongeren2 */
#jongeren2 {
	background-image: url(../images/bg_jongeren2.jpg);
	}
/* tekst jongeren2*/
.jongeren2tekst1 {
	position:absolute;
	left:0px;
	top:160px;
	width:167px;
	background-color:#fff;
	padding:16px 12px 12px 18px;
	}
.jongeren2tekst2 {
	position:absolute;
	left:197px;
	top:240px;
	width:167px;
	background-color:#fff;
	padding:24px 12px 20px 18px;
	}
.jongeren2tekst3 {
	position:absolute;
	left:392px;
	top:240px;
	width:167px;
	background-color:#fff;
	padding:24px 12px 40px 18px;
	}
/* navigatie jongeren2*/
#jongeren2 .nav_contact li a {
	left:394px;
	top:163px;
	height:77px;
}
#jongeren2 .nav_eva li a {
	left:394px;
	top:-3px;
	border-bottom:5px solid #fff;
}
#jongeren2 .nav_extra li a {
	left:394px;
	top:76px;
	height:77px;
	background-color:#4a4338;
}
/* jongeren3 */
#jongeren3 {
	background-image: url(../images/bg_jongeren3.jpg);
	}
/* tekst jongeren3*/
.jongeren3tekst1 {
	position:absolute;
	left:0px;
	top:240px;
	width:360px;
	background-color:#fff;
	padding:8px 15px 22px 18px;
	}
/* navigatie jongeren3*/
#jongeren3 .nav_contact li a {
	left:394px;
	top:325px;
}
#jongeren3 .nav_eva li a {
	left:394px;
	top:406px;
}
#jongeren3 .nav_extra li a {
	left:394px;
	 top:485px;
	 border-bottom:5px solid #fff;
}

/* jongeren4 */
#jongeren4 {
	background-image: url(../images/bg_jongeren4.jpg);
	}
/* tekst jongeren4*/
.jongeren4tekst1 {
	position:absolute;
	left:0px;
	top:240px;
	width:550px;
	padding:6px 19px 13px 18px;
	}
.jongeren4tekst2 {
	position:absolute;
	left:394px;
	top:-4px;
	width:550px;
	background-color:#fff;
	padding:16px 25px 17px 20px;
	}
/* navigatie jongeren*/

#jongeren4 .nav_eva li a {
	left:788px;
	top:570px;
}
#jongeren4 .nav_contact li a {
	left:788px;
	top:489px;
}
#jongeren4 .nav_extra li a {
	left:591px;
	top:566px;
}
/* openinnovation */
#openinnovation {
	background-image: url(../images/bg_openinnovation.jpg);
	}
.openinnovationtekst1 {
	clear:both;
	position:absolute;
	left:590px;
	top:0px;
	width:358px;
	background-color:#fff;
	padding:10px 19px 20px 16px;
	}

/* navigatie openinnovation*/
#openinnovation .nav_contact li a {
	left:197px;
	top:565px;
	border-bottom:0px;
	border-top:5px solid #fff;
	
	height:77px;
}
#openinnovation .nav_eva li a {
	left:394px;
	top:565px;
	border-top:5px solid #fff;
}
#openinnovation .nav_extra li a {
	left:591px;
	top:565px;
	height:77px;
}
/* Gilde van werkgebouwen */
.gildetekst1 {
	clear: left;
	margin-left:215px;
	padding-top: 18px;
	width: 160px;
	background-color:#FFFFFF;
	}
.gildetekst2 {
	float: left;
	margin-left:215px;
	margin-top:175px;
	width: 350px;
	}
#gilde.nextpage .gildetekst {
	background-color:#FFF;
	display:block;
	position:absolute;
	left:390px;
	top:240px;
	width:550px;
	padding:30px 20px 10px 20px;
}
#gilde.nextpage .gildetekst ol {
	list-style-position:outside;
	list-style-type:decimal;
	margin-left:20px;
	margin-bottom:20px;
}
/* navs in gilde */
#gilde .nav_contact li a {
	left:0px;
	top:489px;
}
#gilde .nav_eva li a{
	left:0px;
	top:570px;
}
#gilde .nav_extra li a{
	left:197px;
	top:566px;
}
/* extra pagina */
#extra {
	background-image: url(../images/bg_extra.jpg);
	}

ul.downloadlijst {
	clear:left;/* anders trekt IE6 het niet en zet het te ver naar rechts*/
	position: absolute;
	padding-top:12px;
	top:0px;
	left:591px;
	width: 192px;
	background-color:#4a4338;
	color:#fff;
	height:645px;
	}
ul.downloadlijst.lijst2 {
	left:788px;
	padding-top:74px;
}
ul.downloadlijst.cv {
	left:197px;
	top: 162px;
	height:484px;
}
ul.downloadlijst li {
	width:192px;
	margin-left:18px;
	margin-bottom:14px;
	font-size:14px;
	color:#eec401;
	}
ul.downloadlijst li ul {
	margin-top:7px;
}
ul.downloadlijst li img {
	margin:0px -2px;
}

ul.downloadlijst li li {
	margin:0px;
	font-size:12px;
	line-height:1.4em;
	width:192px;
}
ul.downloadlijst li li a {
	color:#fff;	
	font-weight:normal;
	display:block;
	padding-bottom:6px;
	width:162px;
	}
ul.downloadlijst li li a:hover {
	color:#eec401;
	}
#extra .nav_eva li a {
	left:0px;
	top:237px;
	border-top: 5px solid white;
}
#extra .nav_projecten li a {
	left:0px;
	top:403px;
	border-top: 5px solid white;
	border-bottom:0px;
}
#extra .nav_contact li a {
	left:0px;
	top:573px;
	border-top: 5px solid white;
}

/*#downloadlijst li a.downloadtitel {
	x margin-top: 12px;	
	x margin-left:12px;
	x padding-bottom: 0px;
	
	x cursor:default;
	x background:url(../images/navlt_downloads.gif) no-repeat left top;
	}
#downloadlijst li a.downloadtitel:hover {
	x background:url(../images/navlt_downloads.gif) no-repeat left -77px;
}*/
/*#downloadlijst li a span.extensie {
	x font-weight:normal;
	}
#downloadlijst li ul {
	x position: absolute;
	x width: 192px;
	x background-color:#4a4338;
	x left: -999em;
	x padding-bottom:26px;
	x border-bottom:5px solid white;
	}
#downloadlijst li:hover ul, #downloadlijst li.sfhover ul {
	x left: auto;
	x border-bottom:5px solid white;
	}*/
/* contactpagina */
#top li.contactlink {
	background-image: url(../images/nav_contact.gif);	
	}
#adresgegevens {
	background-color:#b2d6cf;
	float: left;
	display:block;
	width:192px;
	height: 227px;
	margin-top: 77px;
	margin-left: -197px;
	padding-top:12px;
	border-top: 5px solid #ffffff;
	border-bottom: 5px solid #ffffff;
	line-height: 1.8em;
	}
#adresgegevens li {
	margin-left: 15px;
	height: 22px;
	}
#adresgegevens li.leeg {
	height: 20px;
	}

#adresgegevens li.hyves {
	margin-left:15px;
	background:url(../images/icon-hyves.gif) no-repeat left top;
}
#adresgegevens li.linkedin {
	margin-left:15px;
	background:url(../images/icon-linkedin.gif) no-repeat left top;
}
#adresgegevens li.facebook {
	margin-left:15px;
	background:url(../images/icon-facebook.gif) no-repeat left top;
}

#adresgegevens li.hyves a,
#adresgegevens li.linkedin a,
#adresgegevens li.facebook a {
	margin-left:28px;
}
#pontschema {
	background-color:#b2d6cf;
	position:absolute;
	left:197px;
	top:489px;
	width:192px;
	padding-top:8px;
	padding-bottom:10px;
}
#pontschema li {
	margin-left:15px;
}
#pontschema li.pont {
	margin-left:10px;
	background:url(../images/icon_pont.gif) no-repeat left top;
}
#pontschema li.pont a {
	margin-left:45px;
}
#map {
	margin-top: 163px;
	float: left;
	width: auto;
	overflow: hidden;
	}
#contact .nav_eva li a {
	left:0;
	top:566px;
	border-top: 5px solid white;
}
#contact .nav_projecten li a {
	left:197px;
	top:566px;
	border-top: 5px solid white;
}
#contact .nav_extra li a {
	left:0px;
	top:484px;
	border-top: 5px solid white;
}


/* tekstopmaak algemeen*/
h1 {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 1em;
	}
.half {
	padding-bottom: 0.5em;
}
h1.half {
	padding-bottom: 0.5em;
}
h1.nobotpad {
	padding-bottom:0em;
}
a.link {
	font-weight:normal;
	text-decoration:none;
	border-bottom:1px dotted;
}
a.link:hover {
	border-bottom:1px solid;
}
a.underline {
	border-bottom:1px dotted;
}
a.underline:hover {
	border-bottom:1px solid;
}
.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;
	}
.footer a {
	text-decoration: none;
	font-weight:normal;
	color:#888f8f;
	}
.footer a:hover {
	text-decoration: underline;
	}
.footer .floatleft {
	margin-left:5px;
	margin-right:70px;
	}

/* lightbox div met movies */
 .black_overlay{
	display: none;
	clear:left;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height:100%;
	background-color: #000000;
	z-index:1001;
	-moz-opacity: 0.6;
	opacity:.6;
	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;
	}
.white_content_breedbeeld {
    display: none;
	position: absolute;
	width: 526px;
    height: 340px;
	top:164px;
	left:197px;
    padding: 30px;
    background-color: #ffffff;
    z-index:1002;
	}
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;
	}	

/* 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);
	}
.no5right {
	margin-right: 0px;
	}

.bordertop5 {
	border-top: 5px solid #ffffff;
	}
.borderbottom5 {
	border-bottom: 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;
	}
.verder {
	color:#7ab3a8;
	}