@charset "utf-8";

html,body {
height:100%;
margin:0;
padding:0;
border:0;
}



img {
border:0;
}

#overlay {
background-image:url(images\overlay.png);
}

body {
background:#0f1208;
}

img.bg {
position:fixed;
left:0;
top:0;
height:100%;
border:0;
}

img.flyer{
width:240px;
}

img.menubar {
position:relative;
align:right;
padding-left:3%;
width:97%;
left:4%;
z-index:2;
}

img.foto {
width:100%;
z-index:3;
}

div.header {
position:relative;
z-index:2;
top:7%;
height:38px;
width:100%;
}

div.flyer{
	text-align:right;
	float:right;
	height:200px;
	width:250px;
	
}

div.content {
position:relative;
width:100%;
height:650px;
z-index:1;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFF;
text-align:left;
}

div.content_viewfotograaf {
position:relative;
margin-right:5%;
width:100%;
top:5%;
height:40%;
z-index:1;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFF;
text-align:left;
}

table.controls {
position:relative;
width:300px;
top:16%;
left:25%;
}

div.aboutbox {
position:relative;
width:600px;
height:480px;
top:6%;
left:15%;
font-weight:700;
text-align:left;
}

div.persbox {
position:relative;
width:720px;
height:620px;
top:6%;
left:10%;
text-align:left;
}

div.next {
position:relative;
left:30%;
width:20px;
float:left;
}

div.prev {
width:20px;
float:left;
}

div.wrapper {
	margin-left:-400px;
	position:absolute;
	top:0%;
	left:50%;
	background-height:100%;
	width:800px;
	height:720px;
	background-image:url(images/backgrounds/mainbg2.png);
	background-repeat:no-repeat;

}

div.wrapper2 {
margin-left:-400px;
position:absolute;
top:0%;
left:50%;
background-height:100%;
width:800px;
height:720px;
background-image:url(images/backgrounds/fotografen_bg.png);
background-repeat:no-repeat;
}

div.wrapper3 {
margin-left:-400px;
position:absolute;
top:0%;
left:50%;
background-height:100%;
width:800px;
height:720px;
background-image:url(images/backgrounds/view_fotograaf_bg.png);
background-repeat:no-repeat;
}

div.wrapper4 {
margin-left:-400px;
position:absolute;
top:0%;
left:50%;
background-height:100%;
width:800px;
height:720px;
background-image:url(images/backgrounds/contactbg.png);
background-repeat:no-repeat;
}

div.wrapper5 {
margin-left:-400px;
position:absolute;
top:0%;
left:50%;
background-height:100%;
width:800px;
height:710px;
background-image:url(images/backgrounds/aboutbg.png);
background-repeat:no-repeat;

}


div.wrapper99 {
margin-left:-400px;
position:absolute;
top:0%;
left:50%;
background-height:100%;
width:800px;
height:710px;
background-image:url(images/backgrounds/view_fotograaf_bg.png);
background-repeat:no-repeat;

}

div.subtext {
position:relative;
width:100%;
z-index:1;
top:40%;
padding-left:10%;
}

div.contactsubtext {
position:relative;
width:100%;
z-index:1;
top:25%;
padding-left:10%;
}

div.aboutsubtext {
position:relative;
width:100%;
z-index:1;
top:0%;
padding-left:10%;
}

p.kop1 {
font-size:22px;
color:#FFF;
}

p.kop2 {
font-size:16px;
color:#FFF;
}

div.fotografensubtext {
position:relative;
width:100%;
z-index:1;
top:35%;
padding-left:10%;
}

div.subtext2 {
position:relative;
width:100%;
z-index:1;
top:30%;
padding-left:10%;
}

div.viewfotograafsubtext {
position:relative;
width:300px;
z-index:1;
top:24%;
padding-left:10%;
}

div.contactbox {
position:relative;
top:16%;
left:5%;
width:750px;
color:#FFF;
z-index:2;
}

div.sendform {
position:relative;
top:20%;
left:25%;
color:#FF0;
width:60%;
}

img.logo {
position:relative;
width:95%;
left:4%;
top:24%;
border:0;
}

div.menu {
position:relative;
overflow:auto;
z-index:3;
border:0;
left:8%;
top:10%;
height:60px;
width:100%;
}

div.contactinformatie {
float:left;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
padding-left:30px;
width:165px;
}

div.form {
padding-top:3px;
float:left;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
width:350px;
}

img.menuimg {
height:30px;
border:0;
}

table.namenlijst {
position:relative;
font:Verdana, Geneva, sans-serif;
color:#FF0;
top:18%;
left:14%;
text-align:center;
text-shadow:#FFF;
}

td.namenlijsttd {
padding:8px;
}

div.details {
position:relative;
left:16%;
top:20%;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
}

div.foto {
position:relative;
float:left;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
width:370px;
}

div.gegevens {
position:relative;
float:left;
left:3%;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
width:300px;
}

div.beschrijving {
float:left;
color:#FF0;
font-family:Arial, Helvetica, sans-serif;
width:400px;
}

table.metdankaan{
	padding:20px;
	margin:20px;
}

p.jules {
font-size:18px;
color:#FF0;
margin:0;
padding:0;
}

a {
color:#FF0;
text-decoration:underline;
border:0;
}

table.jules {
position:relative;
left:30%;
align:center;
text-align:center;
}

#lightbox {
background-color:#eee;
border-bottom:2px solid #666;
border-right:2px solid #666;
padding:10px;
}

#lightboxDetails {
font-size:0.8em;
padding-top:0.4em;
}

#lightboxCaption {
float:left;
}

#keyboardMsg {
float:right;
}

#lightbox img,#overlay img {
border:none;
}