/*fonts declareren om te gebruiken in de pagina zonder dat de end-user hem ook heeft*/
@font-face {font-family: Delicious; src: url('Delicious-Roman.otf');}
@font-face {font-family: Delicious; font-weight: 500; src: url('Delicious-roman.otf');}

@font-face {font-family: Helvetica; src: url('HelveticaLTStd-Light.otf');}
@font-face {font-family: Helvetica; src: url('HelveticaLTStd-Light.otf');}

/*standaard structuren*/
body{
	background-color: #000;
	font-size: 10pt;
	font-family: verdana, arial, sans-serif;
	color: #fff;
	overflow-x: hidden;
	text-align: center;
}

div{
margin: 1px;
}

div.wrapper{
	margin:0 auto;
	text-align: left;
	width: 720px;
	position: relative;
	z-index: 20;
}

div.top{
	position: fixed;
	z-index: 10;
	/*background: url(../images/achtergrond.png); */
	background-repeat: repeat-x;
	height: 300px; 
	width: 100%;
}

div.logo{
border-radius:20px 20px;
	float: left;
	position: relative;
	text-align: center;
	vertical-align: middle;
	height: 182px;
	width: 400px;
	/*border: solid 1px #f00;*/
	/*background: url(../images/grijsachtergrond2.png);*/
}

div.foto{
z-index: -1;
	position: absolute;
left: 150px;	
top: -150px;
	/*border: solid 1px #f00;*/
/*	background: url(../images/grijsachtergrond2.png);*/
	padding: 1px;
}

div.content{
	width: 370px;
	float: left;
	vertical-align: top;
	width: 400px;
	/*border: solid 1px #f00;*/
	/*background: url(../images/grijsachtergrond2.png);*/
}

div.menu{
	width: 284px;
	vertical-align: top;
	background: url(../images/grijsachtergrond2.png);
	float: left;
padding-top: 15px;
margin-top: -7px;
}

div.menubar{
float: left;
position: relative;
width: 686px;
height: 37px;
background: url(../images/grijsachtergrond2.png);
margin-bottom: 7px;
margin-top: 15px;
}

div.website{
position: relative;
width: 400px;
height: 200px;
}

div.website h1{
text-align: center;
position: relative;
margin: 0 auto;
}

div.website hr{
border: none;
border-bottom: 1px solid #fff;
width: 100%;
}

div.website p{
margin-top: -5px;
}

img.websitethumb{
float: left;
position: relative;
margin: 5px;
width: 200px;
margin-bottom: 50px;
}



table.menu{
width: 686px;
margin-top: 2px;
}

table.menu td{
text-align: center;
font-family: Delicious;
font-size: 20px;
}

/*tekst elementen*/
a:link{text-decoration: none; color: #00a4a6;}
a:visited{text-decoration: none; color: #00a4a6;}
a:active{text-decoration: none; color: #f28f01;}
a:hover{text-decoration: none; color: #f28f01;}

span.h1{
	display: block;
	font-size: 24px;
	color: #FFF;
	font-family: Delicious, sans-serif;
	margin-left: 15px;
}

span.h1:first-letter{
	color: #00a4a6;
}

a span:link:first-letter{text-decoration: none; color: #00a4a6;}
a span:visited:first-letter{text-decoration: none; color: #00a4a6;}
a span:active:first-letter{text-decoration: none; color: #f28f01;}
a span:hover:first-letter{text-decoration: none; color: #f28f01;}

p.nonsense{
	text-align: justify;
	margin: 15px 51px 0 50px;
}

em{
color: #00c00e;
}

strong{
color: #00c00e;
}

/*list spul*/
li{
	max-width: 180px;
}

dt{
	font-size: 27px;
	font-weight: bold;
	color: #FFF;
	font-family: Delicious, sans-serif;
	margin-left: 15px;
	margin-top: 15px;
}

dd{
	text-align: justify;
	margin: 15px 51px 0 50px;
}

/*en porn*/
img{
	border: 0px;
}

img#bgimage {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index:0;
}

img#logo{
	margin: 2px auto;
}

img#dread{
	margin-right: -1px;
	border: 0;
}


div.vis{
float: left;
position: relative;
height: 96px;
width: 300px;
top: 30px;
margin: 0px 0px 5px 45px;
}