/*  screen css we jane 
	Harm Wimmenhove - http://harm.glucose-ontwerp.nl
	2008.04.09
*/

* { margin: 0; padding: 0; } 

html { 
	text-align: center;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 62.5%; 
	height: 100%; 
	margin: 0 0 1px 0; 
	overflow-x: hidden;
	background: url(../images/bg_02.jpg) -50px 0 no-repeat #f4f4f4; font-size: 62,5%; }

a img, img { border: 0; }
a:focus { outline-width: 0px; }
				
#container { 
	position: relative; 
	line-height: 1.125em; 
	color: #757561; 
	text-align: left; 
	width: 800px; 
	min-height: 560px; 
	_height: 560px;
	margin: 40px auto 40px auto; 
	background: #fff; 
	overflow-y: auto;
	}

#lng_swtch {
	position: absolute;
	right: 20px;
	top: 20px;
}
#lng_swtch a { text-decoration: none; color: #999; }
#lng_swtch a:hover { color: #572d41; }

#navigation { position: absolute; top: 330px; left: 30px; }
#navigation ul li { list-style: none; height: 20px; width: 174px; }
#navigation ul li a { width: 174px; height: 20px; }

#navigation ul li a:hover,
#navigation li a.active,
#en #navigation ul li a:hover,
#en #navigation li a.active { background-position: -174px 0; }

#nav_wejane a { background: url(../images/nav/wejane.png) 0 0 no-repeat; }
#nav_perspectief a { background: url(../images/nav/perspectief.png) 0 0 no-repeat; }
#nav_werkwijze a { background: url(../images/nav/werkwijze.png) 0 0 no-repeat; }
#nav_specialty a { background: url(../images/nav/specialty.png) 0 0 no-repeat; }
#nav_technieken a { background: url(../images/nav/technieken.png) 0 0 no-repeat; }
#nav_werkenmet a { background: url(../images/nav/werkenmet.png) 0 0 no-repeat; }
#nav_inspiratie a { background: url(../images/nav/inspiratie.png) 0 0 no-repeat; }
#nav_wie a { background: url(../images/nav/wie.png) 0 0 no-repeat; }
#nav_contact a { background: url(../images/nav/contact.png) 0 0 no-repeat; }

/* english navigation */
#en #nav_perspectief a { background: url(../images/nav/en/perspective.gif) 0 0 no-repeat; }
#en #nav_werkwijze a { background: url(../images/nav/en/wayofworking.gif) 0 0 no-repeat; }
#en #nav_specialty a { background: url(../images/nav/en/specialities.gif) 0 0 no-repeat; }
#en #nav_technieken a { background: url(../images/nav/en/techniques.gif) 0 0 no-repeat; }
#en #nav_werkenmet a { background: url(../images/nav/en/workingwith.gif) 0 0 no-repeat; }
#en #nav_inspiratie a { background: url(../images/nav/en/inspiration.gif) 0 0 no-repeat; }
#en #nav_wie a { background: url(../images/nav/en/whois.gif) 0 0 no-repeat; }

.skip { text-indent: -9999px; }

#logo { position: absolute; left: 20px; top: 10px; width: 350px; height: 150px; }

#navigation li a,
#logo h2 { text-indent: -9999px; overflow: hidden; display: block; } 

#content {
	float: left;
	width: 470px;
	min-height: 370px;
	_height: 370px;
	border-left: 1px solid #afafaf;
	padding: 0 40px 0 40px;
	margin: 170px 0 30px 244px;
}
	#content h1 { font-size: 18px; line-height: 1.2em; margin: -6px 0 10px 0; white-space: nowrap; }
	#content h2 { font-size: 1.2em; line-height: 1.0em; padding: 10px 0 5px 0; }
	#content p {
		padding: 0 0 10px 0;
		color: #999;
		font-size: 1.2em;
		line-height: 1.5em;
	}
	#content ul { 
		color: #999;
		font-size: 1.2em;
		line-height: 1.5em;
	}
	#content ul li { 
		padding: 0 0 0 10px;
		background: url(../images/li_dash.gif) 0 8px no-repeat;
		list-style: none;
	}
	#content p a { color: #58adc4;}
	#content p a:hover { text-decoration: none;}

/* sifr */
.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}
span.sIFR-alternate {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}