body
{
margin: 0px;
font-family: "Trebuchet MS", Arial;
font-size: 9pt;
color: #000000;
background-image: url(../images/bgblad.png);
background-repeat: repeat-x;
background-color: #F9F9F9;
text-align: center;
}
a
{

font-size: 9pt;
color:#0054a6;
text-decoration: none;
}
a:hover
{

font-weight: bold;
text-decoration: none;
}
h1 {
font-size: 9pt;
color:#0054a6;
text-decoration: none;
}
td
{
white-space: nowrap;
}

img
{
border: 0px;
}
#wrapper {

width: 100%;

}
#container {
margin: 0;
width: 1200px;
height: 620px;
position: relative;
}
.footer {
position: absolute;
top: 605px;
left: 10px;
}
.mainframe {
position: absolute;
top: 10px;
left: 480px;
height: 360px;
width: 480px;
z-index: 1;
text-align: left;
overflow: hidden;
}

.mainframe div.left {
 position: relative;
 width: 240px;
 float: left;
}

.mainframe div.right {
 position: relative;
 width: 240px;
 float: right;
 max-height: 360px;
}




.tekst {

	font-weight: bold;
	color: #ec008c;
	text-decoration: none;
}
div.langen{
position: absolute;
left: 20px;
top: 450px;
z-index: 4;
}
div.langen a {
	display: block;
	border: 0px;

	width: 92px;
	background : url(../images/flag.png) no-repeat -97px 0px;
	text-decoration: none;
	padding-top: 88px;
}
div.langen a:hover {
	background-position: -97px 0px;
}
div.langnl{
position: absolute;
left: 20px;
top: 450px;
z-index: 4;
}
div.langnl a {
	display: block;
	border: 0px;
	width: 92px;
	background : url(../images/flag.png) no-repeat 0px 0px;
	text-decoration: none;
	padding-top: 88px;
}
div.langnl a:hover {
	background-position: 0px 0px;
}

div.lamp{
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
}
div.lamp a {
	display: block;
	border: 0px;
	height: 328px;
	width: 161px;
	background : url(../images/lamp.png) no-repeat -1px 0px;
	text-decoration: none;
	padding: 100px 0px 0px 60px;
}
div.lamp a:hover{
	background-position :  -225px 0px;
}
div.lampon {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	border: 0px;
	height: 328px;
	width: 161px;
	background : url(../images/lamp.png) no-repeat -225px 0px;
	padding: 100px 0px 0px 60px;
	z-index: 1;
}
div.cherry {
position: absolute;
left: 60px;
top: 190px;
z-index: 3;
}
#screen {
position: absolute;
left: 71px;
top: 209px;
z-index: 16;
height: 184px;
width: 276px;
}
.bgblack{
background-color:#000;
}
#bgcherry {
position: absolute;
display: block;
left: 90px;
top: 225px;
z-index: 1;
height: 184px;
width: 276px;
}
#portfolio {
text-align: center;
position: absolute;
left: 90px;
top: 225px;
z-index: 9;
height: 184px;
width: 276px;
}
#animebg{
position: absolute;
left: 90px;
top: 225px;
z-index: 9;
height: 184px;
width: 276px;
background-color:#3399ff;
}
#logoanime {
text-align: center;
position: absolute;
left: 114px;
top: 241px;
z-index: 9;
height: 152px;
width: 221px;
background-color:#3399ff;
}
div.cherry a {
display: block;
height: 298px;
width: 313px;
	background : url(../images/cherry.png) no-repeat 0px 0px;
	text-decoration: none;
	padding: 0px 0px;
}
div.cherry a:hover {
	background-position: -325px 0px;
}


div.key{
position: absolute;
left: 120px;
top: 488px;
z-index: 4;
}
div.key a {
	border: 0px;
	display: block;
	width: 217px;
	background : url(../images/key.png) no-repeat -217px 0px;
	text-decoration: none;
	padding: 90px 0px 0px 0px;
}
div.key a:hover {
	background-position: 0px 0px;
}
div.keyon {
	display: block;
	position: absolute;
	left: 120px;
	top: 488px;
	width: 217px;
	background : url(../images/key.png) no-repeat 0px 0px;
	text-decoration: none;
	padding: 90px 0px 0px 0px;
	z-index: 3;
}
div.book{
position: absolute;
left: 646px;
top: 370px;
z-index: 2;
}
div.book a {
	border: 0px;
	display: block;
	width: 303px;
	background : url(../images/book.png) no-repeat -1px 0px;
	text-decoration: none;
	padding: 150px 0px 0px 0px;
}
div.book a:hover {
	background-position: -304px 0px;
}
div.bookon {
	position: absolute;
	left: 646px;
	top: 370px;
	border: 0px;
	display: block;
	width: 304px;
	background : url(../images/book.png) no-repeat -304px 0px;
	text-decoration: none;
	padding: 150px 0px 0px 0px;
	z-index: 2;
}
div.paper {
position: absolute;
left: 450px;
top: 475px;
z-index: 3;
}
div.paper a {
	border: 0px;
	display: block;
	width: 222px;
	background : url(../images/paper.png) no-repeat 0px 0px;
	text-decoration: none;
	padding: 105px 0px 0px 0px;
}
div.paper a:hover {
	background-position: -223px 0px;
}
div.paperon {
	display: block;
	position: absolute;
	left: 450px;
	top: 475px;
	border: 0px;
	width: 222px;
	background : url(../images/paper.png) no-repeat -223px 0px;
	padding: 105px 0px 0px 0px;
	z-index: 3;
}
div.plant{
position: absolute;
left: 950px;
top: 170px;
z-index: 2;
}
div.plant a {
	border: 0px;
	display: block;
	height: 260px;
	width: 135px;
	background : url(../images/plant.png) no-repeat 0px 20px;
	text-decoration: none;
	padding: 0px 0px 0px 45px;
}
div.plant a:hover {
	background-position: -184px 20px;
}
div.planton {
	position: absolute;
	left: 950px;
	top: 170px;
	border: 0px;
	display: block;
	height: 260px;
	width: 135px;
	background : url(../images/plant.png) no-repeat -184px 20px;
	padding: 0px 0px 0px 45px;
	z-index: 3;
}
div.contact{
position: absolute;
left: 940px;
top: 320px;
z-index: 3;
}
div.contact a {
	border: 0px;
	display: block;
	height: 75px;
	width: 152px;
	background : url(../images/contact.png) no-repeat 0px 0px;
	text-decoration: none;
	padding: 140px 0px 0px 0px;
}
div.contact a:hover {
	background-position: -158px 0px;
}
div.contacton {
	position: absolute;
	left: 940px;
	top: 320px;
	border: 0px;
	display: block;
	height: 75px;
	width: 153px;
	background : url(../images/contact.png) no-repeat -158px 0px;
	padding: 140px 0px 0px 0px;
	z-index: 3;
}
div.frame{
position: absolute;
left: 240px;
top: 0px;
width: 180px;

}
div.frame a {
	display: block;
	border: 0px;
	height: 107px;
	background : url(../images/frame.png) no-repeat 0px 0px;
	text-decoration: none;
	padding-top: 137px;
}
div.frame a:hover {
	background-position: -215px 0px;
}
div.frameon {
	display: block;
	position: absolute;
	left: 240px;
	top: 0px;
	border: 0px;
	height: 107px;
	width: 180px;
	background : url(../images/frame.png) no-repeat -215px 0px;
	padding-top: 137px;
}
div.mouseclick { 
background : url(../images/tablet.png) no-repeat 0px 0px;
	height: 74px;
	width: 177px;
position: absolute;
left: 305px;
top: 443px;
}
div.clock {
background:url(../images/klok.png) no-repeat scroll 0 18px transparent;
height:83px;
left:389px;
position:absolute;
top:329px;
width:92px;
z-index: 9;
}
div.clock a{
background:url(../images/klok.png) no-repeat scroll 0 18px transparent;
height:83px;
display: block;
width:92px;
z-index: 9;
}
div.bear a{
background:url(../images/beer.png) no-repeat scroll 10px 18px transparent;
height:152px;
left:352px;
position:absolute;
top:273px;
width:140px;

}
div.bear a:hover{
background:url(../images/beer.png) no-repeat scroll -140px 18px transparent;
}
div.bearon {
background:url(../images/beer.png) no-repeat scroll -140px 18px transparent;
height:152px;
left:352px;
position:absolute;
top:273px;
width:140px;
}
#time .bold{
font-weight: bold;
font-size: 15px;
color: #28903B;
}
#time {
background-color:#E9E9E9;
font-size:10px;
height:37px;
left:406px;
position:absolute;
top:361px;
width:50px;
z-index:8;
line-height: 1.4em;
}
div.coffee{

}
div.coffee a {
	display: block;
	border: 0px;
	height: 71px;
	width: 60px;
	background : url(../images/coffee.png) no-repeat -217px 0px;
	position: absolute;
	left: 595px;
	top: 360px;
	z-index: 4;
}
div.coffee a:hover {
	background-position: 0px 0px;
	height: 96px;
	width: 217px;
	position: absolute;
	left: 459px;
	top: 360px;
	z-index: 4;
}

hr
{
color: #999999;
}

/* user input fields and buttons */
strong
{
color: RED;
}
select
{
width: 300px;
}
textarea
{
font-family: "Trebuchet MS", Arial;
font-size: 9pt;
color: #222222;
width: 294px;
}
input
{
color: #222222;
}
option
{
color: #222222;
}
table.memo {
background-color: #eeeeee;
border: solid 1px #000;
padding: 2px;
margin: 1px;

}
.xxsmall {
	font-size: 7pt;
}
.error {
	color: red;
}
/* TD: entry details */
td.details {
font-family: "Tempus sans ITC", Arial;
font-weight: bold;
color:#0054a6;
margin: 0px;
padding: 1px;
text-align: left;
}
td.date {
font-family: "Tempus sans ITC", Arial;
font-weight: bold;
color:#0054a6;
margin: 0px;
padding: 1px;
text-align: right;
}

/* TD: cells with "no" formatting */
td.none {
	background-color: #ffffff;

}

hr
{
color: #999999;
}

/* user input fields and buttons */
strong
{
color: RED;
}

textarea
{
font-family: "Trebuchet MS", Arial;
font-size: 9pt;
color: #222222;
width: 294px;
height: 55px;
}
input
{
color: #222222;
}
option
{
color: #222222;
}
.fortab
{
margin-left: 0px;
width: 420px;
}
.formtable
{

color: #774488;
margin-top: 7px;
font-size: 9pt;

}

.page {
	height: 310px;
	margin-left: -5px;
	overflow: hidden;
}
.gegevens{
width: 150px;
}
.footerlinks {
width: 1200px;
position: relative;
float: left;
}
.link {
float:left;
margin:10px;
position:relative;
text-align:left;
width:280px;
}
.link ul {
list-style: none;
margin-left: 3px;
padding: 0px;
}