/*All*/

body{
	background-color:#f4f5ee;
	text-align:center;
	min-width:990px;
}
body.opening{
	background:url('../images/opening_bg.jpg') no-repeat center -30px #F7F6F2;
	height:101%;
}
.clear{
	clear:both;
}
.right{
	float:right;
}
h1{
	
}
p{
	font-size:13px;
	text-transform:uppercase;
	line-height:16px;
	color:#31375b;
	padding-bottom:15px;
}
p a{
	color:#000;
}
p a:hover{
	color:#64002A;
}
#wrapper{
	margin:0 auto;
	width:990px;
	position:relative;
	text-align:left;
}


.logo_link a{
	width:285px;
	height: 0px !important; /* for most browsers */
	height /**/:48px; /* for IE5.5's bad box model */
	padding-top:48px;
	margin-top:62px;
	overflow:hidden;
	background:url(../images/logo.png) no-repeat;
	position:absolute;
	left:30px;
}
.opening #menu{
	margin-top:67px;
}
#menu{
	margin-top:30px;
	padding-left:200px;
	padding-right:22px;
	width:450px;
	position:absolute;
	right:0;
}
#menu.groot{
	background:url(../images/menu_groot.png) no-repeat;
	padding-top:37px;
	height:93px;
	z-index:3;
}
#menu.klein{
	background:url(../images/menu_klein.png) no-repeat;
	height:57px;
	padding-top:37px;
}
#menu.klein .mainmenu{
	height:57px;
}
#menu li{
	float:left;
	margin-right:20px;
	color:#aa0000;
}
.mainmenu li a{
	color:#000;
}
.mainmenu, .submenu{
	width:450px;
}
.submenu{
	clear:both;
	padding-top:3px;
	height:70px;
}
#menu .submenu li{
	font-style:italic;	
	font-size:14px;
}
.submenu li a{
	color:#520000;
	font-size:14px;
}
/*FOOTER

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/
html, body {
	height: 100%;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -76px; /* the bottom margin is the negative value of the footer's height */
}
#push {
	height: 76px; /* .push must be the same height as .footer */
}
#footer{
	background:url(../images/footer.jpg) no-repeat center bottom;
	width:1000px;
	margin:0 auto;
	height:30px;
	padding-top:36px;
	padding-bottom:10px;
	text-align:left;
}
#footer p{
	color:#fff;
	text-transform:none;
	margin-left:250px;
	padding:0;
}

/*Bio*/
.content.bio{
	padding:220px 0 0 400px;
}
.bio h1{
	width:254px;
	height: 0px !important; /* for most browsers */
	height /**/:19px; /* for IE5.5's bad box model */
	padding-top:19px;
	overflow:hidden;
	background:url(../images/replace_paulsixta.png) no-repeat;	
	margin:0 0 15px 320px;
}
img.bio{
	position:absolute;
	left:-20px;
	z-index:-1;
}
.bio p{
	background:url(../images/stippellijn_horizontaal.png) repeat-y right top;
	padding-right:18px;
	margin-right:130px;
	text-transform:none;
	font-size:14px;
	text-align:justify;
}
.bio p span{
	display:block;
	position:absolute;
	right:95px;
}

/*Contact*/

.content.contact{
	padding:380px 0 0 10px;
	background:url(../images/contact_header.jpg) no-repeat 0 200px;
	width:100%;
	min-height:300px;
}
.contact h1{
	width:198px;
	height: 0px !important; /* for most browsers */
	height /**/:69px; /* for IE5.5's bad box model */
	padding-top:69px;
	overflow:hidden;
	background:url(../images/replace_contact.png) no-repeat;	
}
.contact p{
	padding-bottom:10px;
	margin-left:35px;
}
#contact_form_wrap{
	display:none;
}
.contact .leave_a_note{
	width:188px;
	height: 0px !important; /* for most browsers */
	height /**/:56px; /* for IE5.5's bad box model */
	padding-top:56px;
	overflow:hidden;
	background:url(../images/contact_note.jpg) no-repeat;		
	margin-top:40px;
	padding-bottom:0;
	cursor:pointer;
}
.contact form{
	margin:35px 0 0 -33px;
}
#send_message{
	margin-top:35px;
}
.contact #email, .contact #name, .contact #message{
	background-color:#dedfd9;
	border-top:1px solid #838380;
	border-right:1px solid #bfc0bb;
	border-left:none;
	border-bottom:none;
	padding:3px 5px;
	width:275px;
}
.contact #message{
	overflow:auto;
}
.contact label.error{
	display:block;
	margin-top:10px;
}
/*Links*/

.content.links{
	padding:300px 0 180px 270px;
	background:url(../images/links_header.jpg) no-repeat 170px 40px;
}
.content.links .left, .content.links .right{
	width:160px;
}
.content.links p{
	text-align:center;
	padding-bottom:10px;
}
.content.links .right{
	float:right;
	margin-right:330px;
}

/*Photography*/
.content.photo{
	padding-top:170px;
}
.photo .overlay{
	background:url('../images/photography_overlay.png') no-repeat;
	width:1009px;
	height:670px;
	position:absolute;
	top:120px;
	z-index:2;
}
.photography_sub{
	z-index:3;
	position:absolute;
	top:168px;
	left:50px;
}
.photo .img_holder{
	background-color:#000;
	width:1009px;
	height:550px;
}
.img_holder li{
	width:1000px;
	height:500px;
	text-align:center;
}
.img_holder li img{
	margin:50px auto;
	display:block;
}
.img_holder li img.horizontal{
	margin-top:110px;
}
.next, .prev{
	position:absolute;
	cursor:pointer;
	z-index:3;
	top:490px;
	opacity:0.8;
	filter: alpha(opacity = 80)	
}
.next{
	left:775px;
	margin-top:4px;
}
.prev{
	left:66px;
	background:url(../images/foto_left.png) no-repeat;
	width:182px;
	height:186px;
}
.thumbs{
	z-index:3;
	position:relative;
	margin:20px 0;
	width:1000px;
}
.thumbs ul{
	margin:0 auto;
	text-align:center;
}
.thumbs ul li{
	height:0px !important;
	height /**/:62px;
	padding-bottom:62px;
	padding-top:22px;
	overflow:hidden;
	display:inline;
	cursor:pointer;
	margin-right:3px;
	margin-top:-22px;
	width:40px;
	opacity:0.8;
	filter: alpha(opacity = 80);
}

/*Film*/

.content.film{
	padding:200px 0 150px 40px;
	background:url(../images/film_header.jpg) no-repeat 0 0;	
}
.replace_film{
	height: 0px !important; /* for most browsers */
	height /**/:19px; /* for IE5.5's bad box model */
	padding-top:19px;
	overflow:hidden;
	position:absolute;
	right:0;
}
#replace_body_image{
	width:333px;
	background:url(../images/replace_body_image.jpg) no-repeat;			
}
#middle{
	margin-bottom:25px;
}
#replace_near{
	width:560px;
	background: url(../images/film/near_text.png) no-repeat;
}
#replace_weg{
	width:405px;
	background: url(../images/film/weg_text.jpg) no-repeat;	
}
#replace_untitled{
	width:309px;
	background: url(../images/film/untitled_text.jpg) no-repeat;	
}
#replace_paper{
	width:350px;
	background: url(../images/film/paper_text.jpg) no-repeat;	
}
#replace_silently{
	width:420px;
	background: url(../images/film/silently_text.jpg) no-repeat;	
}
#replace_same{
	width:513px;
	background: url(../images/film/same_text.jpg) no-repeat;	
}
#replace_delivery{
	width:440px;
	height /**/:21px;
	padding-top:21px;
	background: url(../images/film/delivery_text.jpg) no-repeat;	
}

#stippellijn_vert{
	position:absolute;
	z-index:4;
	top:241px;
	left:778px;
}
.descr_left{
	text-align:right;
	float:right;
	width:327px;
	margin-top:40px;
}
.descr_right{
	width:200px;
	min-height:160px;
	float:right;
	margin-left:20px;
	margin-top:40px;
}
#film_bottom{
	clear:both;
}
#film_bottom img.right{
	margin:0 50px 0 10px;
}
#film_bottom p{
	width:550px;
}
#film_thumbs img{
	margin:40px 10px 0 0;
}
.film_toggle{
	cursor:pointer;
	display:block;
	margin-top:50px;
	position:relative;
	z-index:2;
	
}
.toggle_me{
	width:510px;
	background:url(../images/toggle_me_bg.jpg) repeat-y;
	z-index:1;
	display:none;
	position:relative;
	left:40px;
	top:-25px;
}
.toggle_me.video{
	background:url(../images/toggle_me_bg_bigger.jpg) repeat-y;
	margin:0px 0 0 0;
	width:550px;
	left:15px;
}
#film_bottom .toggle_me p{
	width:460px;
	padding:40px 0 0 15px;
}
.toggle_me .bottom{
	width:550px;
	height:19px;
	background:url(../images/toggle_me_bottom.jpg) no-repeat;
	z-index:-1;
}
.toggle_me.video .bottom{
	background:url(../images/toggle_me_bottom_bigger.jpg) no-repeat;	
}
.toggle_me #player{
	padding:40px 0 0 15px;
}
#img_here{
	display:none;
}
#img_here_wrap{
	position:relative;
	width:560px;
}
#img_here_wrap .close{
	position:absolute;
	top:5px;
	right:13px;
	background: url(../images/fancy_closebox.png) no-repeat;
	width:30px;
	height:30px;
	display:none;
	z-index:3;
	cursor:pointer;
}
#img_here_wrap.smaller .close{
	right:75px;
}
#img_here img{
	margin:20px;
}