/* CSS Document */

body {
background-attachment:fixed;
background-image:url(images/bg.gif);
margin:0px;
padding:0px;
}


/* TOP & MENU */

div.top {
position:fixed;
top:0px;
left:0px;
background-attachment:fixed;
background-image:url(images/logoblok.gif);
background-repeat:no-repeat;
height:150px;
width:400px;
padding:8px 0px 0px 320px;
}


div.contactbut a{
display:block;
width:70px;
height:34px;
background:url(images/contactbut.gif) 0 0 no-repeat;
background-position:-70px 0;
margin:0;
padding:0;
text-decoration:none;
}

div.contactbut a:hover{
background-position:-70px 0;
}


div.menu {
position:absolute;
top:150px;
left:0px;
width:140px;
height:450px;
padding:0;
margin:0;
z-index:1;
}

div.menu img {
padding-top:5px;
padding-bottom:73px;
padding-left:30px;
}

table.menu {
background-repeat:no-repeat;
width:140px;
height:450px;
margin:0;
padding:0;
}

/* CONTENT*/

div.content {
position:absolute;
background-image:url(images/whitespacing.gif);
background-repeat:repeat;
top:150px;
left:0px;
height:450px;
width:auto;
margin:0;
padding:0;
z-index:0;
}

table.werk1 {
height:450px;
margin:0;
padding:0;
}

th.spacer {
width:140px;
padding-left:6px;
padding-right:10px;
padding-bottom:3px;
color:#333;
font: normal 11px/16px Arial, Helvetica, sans-serif;
text-align:left;
}

th.item {
background-color:#FFFFFF;
width:450px;
}

/* CONTACT*/

th.contact {
background-image:url(images/contactbg.gif);
background-repeat:no-repeat;
width:450px;
}

div.inside {
padding:15px 25px 0px 25px;
width:400px;
}

th.contact p {
color:#333;
font: normal 12px/18px Arial, Helvetica, sans-serif;
text-align:left;
}

th.contact b {
text-transform:uppercase;
font: bold 14px/16px Arial, Helvetica, sans-serif;
}

th.contact span.subheader {
color:#1DBBE9;
font: bold italic 12px/18px Arial, Helvetica, sans-serif;
text-align:left;
}

th.contact a{
color:#333;
text-decoration:underline;
}

th.contact a:hover{
color:#FFE100;
text-decoration:underline;
}

/*BOTTOM*/

div.bottom {
position:absolute;
background-image:url(images/whitespacing.gif);
background-repeat:repeat;
top:625px;
left:0px;
height:150px;
width:4000px;
padding:15px 0px 0px 30px;
color:#333;
font: normal 11px/16px Arial, Helvetica, sans-serif;
text-align:left;
z-index:2;
}

div.bottom a{
color:#333;
text-transform:uppercase;
text-decoration:none;
font: bold 14px/16px Arial, Helvetica, sans-serif;
}

div.bottom a:hover{
color:#FFE100;
text-decoration:none;
}

div.bottom b{
margin:0px;
padding:0px;
text-transform:uppercase;
font: bold 10px/16px Arial, Helvetica, sans-serif;
}

div.scroll {
position:absolute;
left:0;
bottom:15px;
}

table.scroll{
text-align:left;
padding-left:30px;
width:200px;
height:100%;
}


/* TEXT */


th.spacer h1{
margin:0px;
padding:0px;
text-transform:uppercase;
font: bold 14px/16px Arial, Helvetica, sans-serif;
}

th.spacer b{
margin:0px;
padding:0px;
text-transform:uppercase;
font: bold 10px/16px Arial, Helvetica, sans-serif;
}