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

body
{
scrollbar-face-color: #ffffff; 
scrollbar-highlight-color: #028fb8; 
scrollbar-shadow-color: #028fb8; 
scrollbar-3dlight-color: #ffffff; 
scrollbar-arrow-color: #028fb8; 
scrollbar-track-color: #ffffff; 
scrollbar-darkshadow-color: #ffffff; 
scrollbar-base-color: #ffffff;
background-color: #0e005d;
font-family: verdana, arial;
font-size: 12px;
}

/*Centering page correctly without table is impossible*/
#main
{
width: 100%;
height: 100%;
}

#container
{
position: relative;
margin: 0 auto;
width: 1000px;
height: 580px;
background-color: #ffffff;
}

/*topmenu*/
#topmenu
{
position: absolute;
}

#topmenu ul
{
margin: 0;
padding: 0;
}

#topmenu li
{
list-style-type: none; 
float: left;
}

#topmenu a
{
display: block;
width: 123px;
height: 20px;
border: 1px solid #2391b6;
text-decoration: none;
color: #10005a;
font-size: 14px;
font-weight: bold;
padding-top: 3px;
text-align: center; 
}

#topmenu a:hover
{
border: 1px solid #ffffff;
background-color: #2391b6;
}

/*Logo*/
#logo
{
position: absolute;
top: 30px;
background: url('img/logoklein.jpg') no-repeat;
width: 242px;
height: 60px;
}

#logo span
{
display: none;
}

#logobig
{
position: absolute;
top: 380px;
left: 140px;
width: 546px;
height: 116px;
background: url('img/logo.jpg');
z-index: 100;
}

#logobig h1
{
display: none;
}

#bgbig
{
position: absolute;
top: 25px;
left: 170px;
width: 827px;
height: 458px;
background: url('img/krachtinwater.jpg');
}

#bgbig h2
{
display: none;
}

/*header*/
#header
{
width: 634px;
height: 233px;
background: url('img/mainheader.jpg') no-repeat;
}

#headerp
{
width: 634px;
height: 233px;
background: url('img/productheader.jpg') no-repeat;
}

#header h1, #headerp h1
{
position: absolute;
top: 15px;
left: 40px;
margin: 0;
padding: 0;
font-size: 22px;
color: #ffffff;
height: 28px;
}

/*Links*/
#links
{
position: absolute;
top: 180px;
left: 45px;
}

#links h3
{
font-size: 12px;
}

#links ul
{
margin: 0;
padding: 0;
}

#links li
{
list-style-type: none; 
}

#links ul a
{
text-decoration: none;
color: #000000;
}

#links ul a:hover
{
background-color: #2391b6;
color: #ffffff;
}


/*Leftmenu*/
#leftmenu
{
position: absolute;
top: 180px;
left: 5px;
z-index: 100;
}

#leftmenu ul
{
margin: 0;
padding: 0;
}

#leftmenu ul li
{
list-style-type: none; 
margin-bottom: 3px;
}

#leftmenu ul a
{
display: block;
width: 260px;
text-decoration: none;
color: #000000;
font-size: 14px;
font-family: arial, verdana
}

#leftmenu ul a:hover
{
background-color: #2391b6;
color: #ffffff;
}

/*leftmenu sub*/
#leftmenu ul ul
{
margin-left: 20px;
}

#leftmenu ul ul li
{
list-style-type: square; 
}

#leftmenu ul ul a
{
display: block;
width: 240px;
text-decoration: none;
color: #000000;
font-size: 13px;
font-family: arial, verdana
}

#leftmenu ul ul a:hover
{
background-color: #2391b6;
color: #ffffff;
}

#leftmenu .active
{
background-color: #2391b6;
color: #ffffff;
}

/*Content*/
#content h2
{
color: #028fb8;
font-size: 16px;
}

#content
{
position: absolute;
top: 25px;
left: 255px;
width: 745px;
height: 555px;
overflow: auto;
line-height: 16px;
}

#content #text
{
width: 500px;
margin: -60px 0px 0px 35px;

}

/*newsflash file*/
#content a.file
{
font-weight: bold;
color: #000000;
}

#content a.file:hover
{
text-decoration: none;
background-color: #2391b6;
color: #ffffff
}


/*adres*/
#adress
{
font-size: 11px;
position: absolute;
top: 550px;
left: 300px;
}

/*form*/
form
{
margin: 0px;
padding: 0px;
}


label
{
display: block;
width: 120px;
float: left;
text-align: right;
padding-right: 4px;
margin-bottom: 2px;
}

.textinput, textarea
{
border: 1px solid #0e005d;
width: 200px;
margin-bottom: 2px;
}

textarea
{
height: 80px;
}

.button
{
width: 100px;
}

br
{
clear: left;
}

fieldset
{
margin: 0px;
padding: 0px;
border: 0px;
}