/*css by wrvl
--------------------*/

/* hack om png bestanden goed in IE te tonen
--------------------*/
img { behavior: url(/css/iepngfix.htc); }


/*algemeen
--------------------*/
* 				{margin:0pt;padding:0pt;}
html, body 	{height:100%;margin:0;padding:0;}
body 			{background:#000;font: 15px/20px "Courier New", Courier, mono, sans-serif;}
#horizon    {text-align: center; position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; }
.bg_image   {width:1000px; margin-left: -500px; height:570px; top: -285px; background-color: #000;	position: absolute; left: 50%; text-align: left;  	}

img			{border:0px}
a, a:link	{color:#E6F0D5; }
a:visited	{color:#888}
a:hover		{color:#fff}
.inactief	{cursor:default;}
.verborgen	{display:none; position:absolute; top:-1000px; left:-1000px}
.preloader	{position:absolute; width:1px; height:1px; top:-100px; left:-100px}
.clear 		{clear:both;font-size:1px;margin-top:-1px;}
	
	
/*achtergrondplaten
--------------------*/
#home {background: url(../images/home/home_bg.jpg) 0 0 no-repeat;}
	#film_autoopdak	{background: url(../images/film/autoopdak1_bg.jpg) 0 -170px no-repeat;}
	#film_cestunehek 	{background: url(../images/film/cestunehek_bg.jpg) 0 0px no-repeat;}
	#film_vliegtuig	{background: url(../images/film/vliegtuig_bg.jpg) 0 0px no-repeat;}
	#film_houtauto 	{background: url(../images/film/houtauto_bg.jpg) 0 0px no-repeat;}
	#film_kinderen		{background: url(../images/film/kinderen_bg.jpg) 0 0px no-repeat;}
	#film_okkul 		{background: url(../images/film/okkul_bg.jpg) 0 0px no-repeat;}
	#film_olland		{background: url(../images/film/olland_bg.jpg) 0 0px no-repeat;}
#boek {background: url(../images/boek/boek_bg.jpg) 480px 80px no-repeat;}
#expo {background: url(../images/expo/lisson.jpg) 0 -148px no-repeat;}



/*navigatie
--------------------*/
#logo				{position:absolute; top:20px; left:160px; width:670px; vertical-align:top; white-space:nowrap; }

.nav	div		{position:absolute; }

#logo-joost 	{left:133px; top:27px; width:310px; height:70px;}
#logo-conijn 	{left:500px; top:27px; width:304px; height:95px;}
#button-film 	{left:47px; top:178px; width:152px; height:56px;}
#button-contact {left:695px; top:189px; width:255px; height:44px;}
#button-bio 	{left:740px; top:313px; width:210px; height:63px;}
#button-boek 	{left:44px; top:315px; width:172px; height:55px;}
#button-expo 	{left:44px; top:464px; width:161px; height:48px;}
#button-home 	{left:778px; top:468px; width:173px; height:44px;}

#button-backhome 	{left:38px; top:512px; width:21px; height:37px;}/* op volgpaginas, < knop*/
#button-backhome_r{left:778px; top:512px; width:21px; height:37px;}/* op volgpaginas, home knop*/
#button-previous 	{left:462px; top:512px; width:21px; height:37px;}
#button-next 		{left:519px; top:512px; width:22px; height:37px;}


/*FILM sectie
--------------------*/
.nav_sub	div				{position:absolute;}
#filmtitels-houtauto_ 	{left:677px; top:47px; width:254px; height:89px;}
#filmtitels-autoopdak_ 	{left:58px;  top:64px; width:267px; height:43px;}
#filmtitels-cestunehek_ {left:104px; top:189px; width:111px; height:132px;}
#filmtitels-kinderen_ 	{left:644px; top:195px; width:286px; height:91px;}
#filmtitels-okkul_ 		{left:709px; top:344px; width:209px; height:34px;}
#filmtitels-vliegtuig_ 	{left:87px;  top:386px; width:223px; height:93px;}
#filmtitels-olland_ 		{left:696px; top:464px; width:217px; height:56px;}


/*content / tekst
--------------------*/
p[lang="nl"] {color:#fff; font-style:italic}
p[lang="en"] {color: #dbdbdb}

.textbox {color:#fff;	font: 12px/16px "Courier New", Courier, mono, sans-serif; position:absolute; width:717px;	padding:1em;	height: 35px;}
#credits	 {top: 491px; left:132px; width:auto} /*textboxen bij Films*/
#col_links	{left:25px;  top:25px; width:460px; font-size:13px; overflow:auto; padding:4px; height:435px; }
#col_rechts {left:515px; top:25px; width:460px; font-size:13px; overflow:auto; padding:4px; height:435px; }


/*CV sectie
--------------------*/
#col_links h4, #col_rechts h4 { margin:2em 0 0em 0; padding:.2em 0 0 .5em; } 
#col_links h3, #col_rechts h3	{line-height: 20px}
table.cv		{border:0; margin:0; padding:0; width:445px}
table.cv td	{vertical-align:top; padding:2px 2px .5em 3px; }
table.cv	td p	{ margin:0; padding:0; font-size:11px; color:#FFF;}
.textbox table.cv h4, .textbox table.cv h4 { padding:.4em 0 0 0em; } 
.textbox table.cv h3, .textbox table.cv h3 { line-height:17px; font-size:13px; font-weight:bold }