/* @override 
	http://lucy/_static/css/styles.css
*/

/* @group 001 IMPORTS */

@import url("tools.css");

/* @end */

/* @group 002 BASE STYLE */

body
{
	background-image			: url(../img/bg_groot.jpg);
	background-repeat			: repeat;
	background-position			: top 100px;
}

#nav #btn_home
{
	position					: absolute;
	float						: left;
	z-index						: 700;
	margin						: -50px 0 0 0;
	padding						: 0 0 0 0;
	width						: 680px;
	height						: 57px;
		
	text-align					: right;
}

#container
{
	margin						: 0 auto;
	width						: 950px;
	min-height					: 685px;
	_height						: 685px;
	_padding					: 0;
			
	background-repeat			: no-repeat;
	background-position			: top center;
	behavior					: url(../_static/css/iepngfix.htc);
}

#home #container
{
	background-image			: url(../img/bg_home.png);
}

#biografie #container
{
	background-image			: url(../img/bg_biografie.png);
}

#biografie2 #container
{
	background-image			: url(../img/bg_biografie2.png);
}

#kinderboeken #container
{
	background-image			: url(../img/bg_vrijwerk.png);
}

#vrijwerk #container
{
	background-image			: url(../img/bg_vrijwerk.png);
}

#toegepastwerk #container
{
	background-image			: url(../img/bg_vrijwerk.png);
}

#contacteermij #container
{
	background-image			: url(../img/bg_contacteermij.png);
}

/* @end */

/* @group 00# LOGO */

#logo
{
	position					: relative;
	top							: 85px;
	left						: -62px;
	width						: 60px;
	height						: 250px;
}

/* @end */

/* @group 00# NAV */

#nav
{
	position					: relative;
	margin						: 0 0 -50px 0;
	padding						: 0;
	top							: 97px;
	left						: 210px;
	height						: 40px;
	width						: 680px;
	
	overflow					: visible;
	
	background-image			: url(../img/bg_nav.jpg);
	background-repeat			: no-repeat;
	background-position			: top;
}

#nav ul
{
	list-style					: none;
}

#nav ul li
{
	float						: left;
}

/* @end */

/* @group 00# CONTENT */

#content
{
	position					: absolute;
	top							: 144px;
	
	margin						: 0 0 0 210px;
	
	width						: 670px;
	min-height					: 500px;
	_height						: 500px;
}

#content p
{
	font-size					: 1.3em;
	font-family					: "Courier New", Courier, mono;
	font-weight					: bold;
	
	line-height					: 1.6em;
	
	color						: #222;
}

#content strong
{
	color						: #e64455;
}

#content strong.big
{
	font-size					: 1.4em;
	color						: #e64455;
}

#content ul
{
	font-size					: 1.3em;
	font-family					: "Courier New", Courier, mono;
	font-weight					: bold;
	
	list-style					: none;
}

#content ul li
{
	margin						: 10px 0;
}

#content ul li a
{
	color						: #ff0000;
}

#content ul li.active a
{
	color						: #000;
}

#content a
{
	text-decoration				: none;
	color						: #30b9fe;
}

#content a:hover
{
	color						: #000;
}

/* @group 00. BIOGRAFIE */

#content.biografie p.p1
{
	position					: absolute;
	top							: 70px;
	right						: 70px;
	text-align					: right;
}

#content.biografie p.p3
{
	position					: absolute;
	top							: 400px;
	left						: 170px;
	text-align					: left;
}

#content.biografie p.p2
{
	position					: absolute;
	top							: 280px;
	right						: 70px;
	text-align					: right;
}

#content.biografie img.next
{
	position					: absolute;
	top							: 458px;
	right						: 62px;
}

/* @end */

/* @group 00. BIOGRAFIE2 */

#content.biografie2 p.p1
{
	position					: absolute;
	top							: 125px;
	right						: 40px;
	text-align					: right;
}

#content.biografie2 p.p2
{
	position					: absolute;
	top							: 335px;
	left						: 170px;
	text-align					: left;
}

#content.biografie2 img.previous
{
	position					: absolute;
	top							: 430px;
	left						: 170px;
}

/* @end */

/* @group 00. KINDERBOEKEN */

#content.kinderboeken ul.list
{
	z-index						: 500;
	position					: absolute;
	top							: 150px;
	left						: 20px;
	text-align					: left;
}

#content.kinderboeken ul.imgnav
{
	position					: absolute;
	z-index						: 200;
	top							: 460px;
	left						: 280px;
	list-style					: none;
}

#content.kinderboeken ul.imgnav li
{
	float						: left;
}



#content.kinderboeken .kaatje
{
	position					: absolute;
	top							: 42px;
	left						: 180px;
}

#content.kinderboeken .kaatje_schets
{
	position					: absolute;
	top							: 352px;
	left						: 550px;
}

#content.kinderboeken .heks
{
	position					: absolute;
	top							: 42px;
	left						: 180px;
}

#content.kinderboeken .heks_schets
{
	position					: absolute;
	top							: 375px;
	left						: 40px;
}

#content.kinderboeken .schots
{
	position					: absolute;
	top							: 42px;
	left						: 220px;
}

#content.kinderboeken .schots2
{
	position					: absolute;
	top							: 112px;
	left						: 220px;
}

#content.kinderboeken .schots_schets
{
	position					: absolute;
	top							: 325px;
	left						: -30px;
}

#content.kinderboeken .soep
{
	position					: absolute;
	top							: 12px;
	left						: 220px;
}

#content.kinderboeken .soep2
{
	position					: absolute;
	top							: 62px;
	left						: 220px;
}

#content.kinderboeken .soep_schets
{
	position					: absolute;
	top							: 325px;
	left						: -86px;
}

#content.kinderboeken .draad
{
	position					: absolute;
	top							: 12px;
	left						: 220px;
}

#content.kinderboeken .draad2
{
	position					: absolute;
	top							: 62px;
	left						: 220px;
}

#content.kinderboeken .draad_schets
{
	z-index						: 1;
	position					: absolute;
	top							: 300px;
	left						: -86px;
}

#content.kinderboeken .mama
{
	position					: absolute;
	top							: 62px;
	left						: 220px;
}

#content.kinderboeken .mama_schets
{
	z-index						: 1;
	position					: absolute;
	top							: 360px;
	left						: -26px;
}

#content.kinderboeken .hans
{
	position					: absolute;
	top							: 32px;
	left						: 220px;
}

#content.kinderboeken .hans_schets
{
	z-index						: 1;
	position					: absolute;
	top							: 370px;
	left						: -26px;
}


/* @end */

/* @group 00. VRIJWERK */

#content.vrijwerk ul.list
{
	position					: absolute;
	top							: 150px;
	left						: 20px;
	text-align					: left;
}

#content.vrijwerk ul.imgnav
{
	position					: absolute;
	z-index						: 200;
	top							: 420px;
	left						: 280px;
	list-style					: none;
}

#content.vrijwerk ul.imgnav li
{
	float						: left;
}

#content.vrijwerk .gouache1,
#content.vrijwerk .acryl1,
#content.vrijwerk .acryl2,
#content.vrijwerk .acryl3,
#content.vrijwerk .acryl4
{
	position					: absolute;
	top							: 10px;
	right						: 100px;
}

#content.vrijwerk .acryl5
{
	position					: absolute;
	top							: 100px;
	right						: 40px;
}

#content.vrijwerk .acryl6
{
	position					: absolute;
	top							: 110px;
	right						: 20px;
}

#content.vrijwerk .acryl7
{
	position					: absolute;
	top							: 125px;
	right						: 10px;
}

/* @end */

/* @group 00. TOEGEPASTWERK */

#content.toegepastwerk ul.list
{
	position					: absolute;
	top							: 120px;
	left						: 20px;
	text-align					: left;
}

#content.toegepastwerk ul.imgnav
{
	position					: absolute;
	z-index						: 200;
	top							: 430px;
	left						: 300px;
	list-style					: none;
}

#content.toegepastwerk ul.imgnav li
{
	float						: left;
}

#content.toegepastwerk .abb
{
	position					: absolute;
	top							: 10px;
	left						: 260px;
}

#content.toegepastwerk .abb_schets
{
	position					: absolute;
	top							: 420px;
	left						: 600px;
}

#content.toegepastwerk .agfa
{
	z-index						: 100;
	position					: absolute;
	top							: 0px;
	left						: 260px;
}

#content.toegepastwerk .agfa_schets
{
	position					: absolute;
	top							: 420px;
	left						: 570px;
}

#content.toegepastwerk .belgacom1,
#content.toegepastwerk .belgacom2
{
	position					: absolute;
	top							: 20px;
	left						: 240px;
}

#content.toegepastwerk .belgacom3
{
	position					: absolute;
	top							: 100px;
	left						: 240px;
}

#content.toegepastwerk .im
{
	position					: absolute;
	top							: 00px;
	left						: 240px;
}

#content.toegepastwerk .im_schets
{
	position					: absolute;
	top							: 395px;
	left						: 570px;
}

#content.toegepastwerk .febeltex
{
	z-index						: 100;
	position					: absolute;
	top							: 0px;
	left						: 260px;
}

#content.toegepastwerk .febeltex_schets
{
	position					: absolute;
	top							: 420px;
	left						: 570px;
}

#content.toegepastwerk .jpz
{
	z-index						: 100;
	position					: absolute;
	top							: 0px;
	left						: 260px;
}

#content.toegepastwerk .jpz2
{
	z-index						: 100;
	position					: absolute;
	top							: 40px;
	left						: 230px;
}

#content.toegepastwerk .jpz_schets
{
	position					: absolute;
	top							: 400px;
	left						: 580px;
}


#content.toegepastwerk .sfinks
{
	z-index						: 100;
	position					: absolute;
	top							: 0px;
	left						: 260px;
}

#content.toegepastwerk .sfinks_schets
{
	position					: absolute;
	top							: 435px;
	left						: 585px;
}

#content.toegepastwerk .simon
{
	z-index						: 100;
	position					: absolute;
	top							: 40px;
	left						: 230px;
}

#content.toegepastwerk .simon2
{
	z-index						: 100;
	position					: absolute;
	top							: 10px;
	left						: 240px;
}

#content.toegepastwerk .simon_schets
{
	position					: absolute;
	top							: 400px;
	left						: 585px;
}



#content.toegepastwerk .unizo
{
	z-index						: 100;
	position					: absolute;
	top							: 10px;
	left						: 290px;
}

#content.toegepastwerk .unizo_schets
{
	position					: absolute;
	top							: 300px;
	left						: 535px;
}

#content.toegepastwerk .zva
{
	z-index						: 100;
	position					: absolute;
	top							: 10px;
	left						: 240px;
}

#content.toegepastwerk .zva_schets
{
	position					: absolute;
	top							: 320px;
	left						: 585px;
}

#content.toegepastwerk .znu1
{
	z-index						: 100;
	position					: absolute;
	top							: 10px;
	left						: 240px;
}

#content.toegepastwerk .znu2
{
	z-index						: 100;
	position					: absolute;
	top							: 50px;
	left						: 240px;
}

#content.toegepastwerk .znu3
{
	z-index						: 100;
	position					: absolute;
	top							: 10px;
	left						: 240px;
}
/* @end */

/* @group 00. CONTACTEERMIJ */

#content.contacteermij p.p1
{
	position					: absolute;
	top							: 235px;
	left						: 200px;
	font-size					: 1.6em;
	text-align					: left;
}

/* @end */

/* @group 00. HOME */

#content.home #home_biografie
{
	position					: absolute;
	float						: left;
	top							: 58px;
	left						: 58px;	
}

#content.home #home_kinderboeken
{
	position					: absolute;
	float						: left;
	top							: 58px;
	left						: 227px;	
}

#content.home #home_vrijwerk
{
	position					: absolute;
	float						: left;
	top							: 66px;
	left						: 431px;	
}

#content.home #home_toegepastwerk
{
	position					: absolute;
	float						: left;
	top							: 246px;
	left						: 56px;	
}

#content.home #home_contacteermij
{
	position					: absolute;
	float						: left;
	top							: 288px;
	left						: 346px;	
}

/* @end */

/* @end */

/* @group 00# FOOTER */

#footer
{
	display						: none;
	bottom						: 0px;
	padding						: 20px 39px 0 31px;
	width						: 680px;
	height						: 125px;
	
	color						: #8c6646;
	
	background-image			: url(../img/bg_footer.jpg);
	background-repeat					: no-repeat;
}

#footer .left
{
	float						: left;
	margin					: 0;
	padding					: 0;
	width						: 200px;
	text-align					: left;
}

#footer .right
{
	float						: right;
	margin						: 0;
	padding						: 0;
	width						: 200px;
	text-align					: right;
}

#footer a,
#footer a:link,
#footer a:visited
{
	text-decoration				: none;
	color						: #000;
}

#footer a:hover
{
	text-decoration				: underline;
	color						: #8c6646;
}

/* @end */