/* CSS Document */

body { 
	text-align: center; 
	background:  #2a2927;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #000;
	margin: 10px 0 10px 0;
	}
	
h1 {
	text-align:right;
	margin-bottom:55px;
	}
	
h2 { font-size:14px;}
h3 { font-size:12px;}

a {
	color:#05a8b5;}	
	
a:hover {
	color:#dd4f05;}	
	
a.lang {color:#dd4f05; font-size:22px; font-weight:bold; text-decoration:none; font-family:"trebuchet ms", Arial, Helvetica, sans-serif}	
a.lang:hover {color:#05a8b5;}	

.smalltext { font-size:11px; color:#777;}
ul {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}

li {
background: url(_img/bullet.gif) left 7px no-repeat;
padding-left: 15px;
margin-bottom: 10px;
}

ul.moremargin li { margin-bottom:15px;}

	
p.quotee { 
	font-style:italic;
	margin-top:-15px;
	margin-bottom:30px;
	color:#dd4f05;
	}
	
.extra { font-weight:bold; color:#dd4f05;}
.extra2 { font-size:18px; color:#dd4f05; text-decoration:none; }
a.extra2:hover { text-decoration:underline; }
	
div.horline{clear:both;height:15px;width:100%;margin:0 0 15px 0;border-bottom:1px dashed #000;}

/* structuur */
div#container { 
	width: 900px;
	background:#fff url(_img/bg_container.png) repeat-y;
	margin: 0 auto; 
	text-align:left;	
	}

div#container div#leftblock {
	width:162px;
	float:left;
	position:relative;
	}
	
div#container div#navblock {
	width:138px;
	height:570px;
	float:left;
	}
	
div#container div#rightblock {
	width:600px;
	float:left;
	position: relative;
	overflow:hidden;
	}
	
div#container div#rightblock .padding{
	padding: 50px 50px 40px 90px;
	
	}
	
div#container div#rightblock p {
	text-align:justify;
	}

div#container_bottom { 
	width: 900px;
	height:14px;
	background:url(_img/bg_container_bottom.png) no-repeat;
	margin: 0 auto; 
	text-align:left;	
	}
	
div#container div#logo {
	display:block;
	position:relative;
	left:25px;
	top: 440px;
	width:115px;
	height:115px;}
	
div#container div#baseline {
	display:block;
	background:url(_img/baseline.png) no-repeat;
	position:relative;
	left:270px;
	top: 207px;
	width:22px;
	height:237px;}
	
div#navigatie {
	position:relative;
	top: 70px;
	width:138px;
	text-align:center;
	}	

/* Homepage */
div#container_home {
	background:url(_img/homepage.jpg);
	width: 900px; 
	height:570px;
	margin: 0 auto; 
	text-align:left;	
	position:relative;
	}
	
div#container_home div#introtext {
	position:relative;
	width:380px;
	display:block;
	left:30px;
	top: 200px;
	text-align:left;
	font-size:9px;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 17px;	
	}

div#container_home a.logoclick {
	display:block;
	position:relative;
	left:100px;
	top: 160px;
	width:210px;
	height:205px;
}

div#container_home div.langblock {
	display:block;
	position:relative;
	left:168px;
	top: 188px;
	text-decoration:none;
}

div#container_home a.enter {
	display:block;
	position:relative;
	left:180px;
	top: 190px;
	width:67px;
	height:18px;
	text-decoration:none;
}
	
div#container_home a.enter span {visibility:hidden}

div#container_home a.enter:hover {
   background-position: 0 -18px;
   text-decoration: none;
 }

 
img {border:none;}
div.clear {clear:both;}
div.clear30 {clear:both; height:30px;}
img.left { float:left; margin-right:30px; margin-bottom:5px;}
img.right { float:right; margin-left:30px; margin-bottom:5px;}
img.photo_lara { margin:0 10px 5px -60px; float:left;}
img.photo_ingrid { margin:0 10px 5px -31px; float:left;}

/* ABOUT US */
#photoblock { width:446px; height:356px; background:url(_img/about-us-photos.jpg) no-repeat; position:relative; }
a.ingrid { display:block; width:98px; height:163px; background:url(_img/about-us-photo-ingrid.jpg) no-repeat; position:absolute; top:3px; left:345px; }
a.ingrid:hover { background-position:bottom; }
a.ingrid span { position:absolute; display:none; visibility:hidden; }
a.lara { display:block; width:103px; height:169px; background:url(_img/about-us-photo-lara.jpg) no-repeat; position:absolute; top:91px; left:109px; }
a.lara:hover { background-position:bottom; }
a.lara span { position:absolute; display:none; visibility:hidden; }
a.congaz { display:block; width:104px; height:81px; background:url(_img/about-us-photo-congaz.jpg) no-repeat; position:absolute; top:91px; left:2px; }
a.congaz:hover { background-position:bottom; }
a.congaz span { position:absolute; display:none; visibility:hidden; }

/* Navigation */
#nav {
	margin: 0;
	padding: 0;
	list-style: none;
 }
  
#nav a {
 	width: 138px;
    height: 20px;
    display: block;
    text-decoration: none;
}

#nav a.home {
    background: url(en/_img/nav_home.gif) no-repeat;
}
#nav a.themes {
    background: url(en/_img/nav_themes.gif) no-repeat;
}
#nav a.about {
    background: url(en/_img/nav_about.gif) no-repeat;
}
#nav a.contact {
    background: url(en/_img/nav_contact.gif) no-repeat;
}
#nav a.links {
    background: url(en/_img/nav_real-stories.gif) no-repeat;
}
#nav a.news {
    background: url(en/_img/nav_news.gif) no-repeat;
}
#nav a.future {
    background: url(en/_img/nav_future.gif) no-repeat;
}
#nav a.partners {
    background: url(en/_img/nav_partners.gif) no-repeat;
}

.news_button { width:65px; height:42px; background:url(_img/news.png) no-repeat; position:absolute; top:150px; left:-15px; }
.news_button span { position:absolute; left:-9999px;}

#nav a:hover {
   background-position: 0 -20px;
   text-decoration: none;
 }

#nav a span { visibility:hidden;}

#nav li { 
	background:none;
	padding:0;
	margin:0;
}


/* ABOUT US POPUP*/
#abo li ul {position:absolute;left:-999em;height:auto;width:150px;font-weight:normal;margin:0;}
#abo li:hover ul, #abo li.sfhover ul{left:80px; top:330px;}
div.beschrijving { width: 309px; height:250px; }
ul#abo {
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
 }
ul#abo li {
background: none;
padding-left: 0;
margin-bottom: 0px;
}
ul#abo a {
 	width: 250px;
    height: 79px;
    display: block;
    text-decoration: none;
}

#abo a.lara { background: url(_img/lara_verknipt.jpg) no-repeat;}
#abo a.ingrid { background: url(_img/ingrid_verknipt.jpg) no-repeat;}


#abo a:hover {
   background-position: 0 -79px;
   text-decoration: none;
 }
 
#abo a span { visibility:hidden;}

.thumb { float:left; margin:0 10px 0 10px; border:1px solid #333; }