body,html{
overflow:hidden;
font-family:Verdana;
width:100%;
height:100%;
margin:0;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
}

/*- Menu Tabs J--------------------------- */

#tabsJ {
float:left;
width:100%;
font-size:93%;
line-height:normal;
border-bottom:1px solid #24618E;
}

#tabsJ ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}

#tabsJ li {
display:inline;
margin:0;
float:left;
padding:0 0 0 5px;
text-decoration:none;
}

#tabs {
background:url("img/tableftJ.gif") no-repeat left top;
}

#actief {
display:inline;
margin:0;
float:left;
background:url("img/actieflinks.gif") no-repeat left top;
padding:0 5px 0 5px;
text-decoration:none;
}

#tabsJ a {
text-decoration:none;
}

#tabsJ span {
float:left;
display:block;
background:url("img/tabrightJ.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#24618E;
}

#actief a span {
float:left;
display:block;
background:url("img/actiefrechts.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#fff;
}


#tabsJ span {
float:none;
}

#tabsJ a:hover span {
color:#FFF;
}

#tabsJ li:hover {
background-position:0% -42px;
}

#tabsJ a:hover span {
background-position:100% -42px;
}

#actief a:active {
background-position:0% -42px;
}

#actief a:active span{
background-position:100% -42px;
}

#actief a:hover span{
color:#24618E;
}

/*------------------------------------------- */

.footer{
font-size:10px;
}

#headercontainer{
width:100%; 
height:116px; 
position:relative; 
}

#header{
position:relative; 
top:0; 
left:0; 
z-index:1; 
}

#header_logo{ 
position:absolute;
top:0px;
left: 50%;
margin-left:-49px;
z-index: 2; 
}
#header_logo2{ 
position:absolute;
top:25px;
left: 35%;
z-index: 2; 
}

#watermerk{
background-image:url(img/logo_achtergrond.gif);
background-repeat:no-repeat;
background-position:center;
height:461px;
}

#afstand{
padding-left:50px;
}

.myBox{
height:300px;
padding:10px;
width:380px;
color: #003E7E;
text-align: justify;
background-color: #ffffff;
border: 1px solid #A5C4F2;
font-size:14px;
}

#contact{
height:300px;
width:360px;
overflow:auto;
}

.contact{
width:380px;
color: #003E7E;
text-align: left;
font-size:11px;
}

.contact a{
width:340px;
color: #003E7E;
text-align: left;
font-size:11px;
text-decoration:none;
}

.contact a:hover {
color: #0099CC;
}

.myBox2{
font-size:14px;
padding:10px;
width:385px;
color: #003E7E;
text-align: left;
background-color: #ffffff;
}

.myBox3{
height:300px;
padding:10px;
padding-bottom:0px;
color: #003E7E;
text-align: left;
background-color: #ffffff;
border: 1px solid #A5C4F2;
}

.myBox4{
height:300px;
padding:8px;
width:380px;
color: #003E7E;
text-align: justify;
background-color: #ffffff;
border: 1px solid #A5C4F2;
font-size:14px;
}

#footer {
font-size:10px;
text-align:center;
padding-top:5px;
width:100%;
line-height:normal;
border-top:1px solid #24618E;
position: absolute;
bottom: 5px;
left: 0px;
}

#footer2 {
font-size:10px;
text-align:center;
padding-top:5px;
width:100%;
line-height:normal;
position: absolute;
bottom: 28px;
right:0px;
}

.production{
text-align:center;
width: 395px;
height: 300px;
background-image: url(img/productie.jpg);
background-repeat: no-repeat;
border: 1px solid #A5C4F2;
}

.pepermunt{
text-align:center;
width: 395px;
height: 300px;
background-image: url(img/tin.jpg);
background-repeat: no-repeat;
border: 1px solid #A5C4F2;
}

.ftp{
text-align:center;
width: 395px;
height: 300px;
background-image: url(img/ftpserver.jpg);
background-repeat: no-repeat;
border: 1px solid #A5C4F2;
}

#content1 {
	font-size:10px;
	text-align:center;
	padding-top:5px;
	line-height:normal;
	position: absolute;
	top: 200px;
	left: 50px;
	width: 372px;
}

#content2 {
width:100%;
font-size:10px;
text-align:left;
padding-top:5px;
line-height:normal;
position: absolute;
top: 200px;
left: 478px;
}

#content2-2 {
width:100%;
font-size:10px;
text-align:left;
padding-top:5px;
line-height:normal;
position: absolute;
top: 180px;
left: 477px;
z-index:2;
}

#content3 {
width:100%;
height:400px;
text-align:center;
padding-top:5px;
line-height:normal;
position: absolute;
top: 28%;
left: 0px;
}

#content4 {
width:90%;
height:400px;
text-align:center;
padding-top:5px;
line-height:normal;
position: absolute;
overflow:auto;
top: 28%;
left: 50px;
}

#content5 {
height:287px;
width:500px;
font-size:10px;
text-align:left;
padding-top:5px;
line-height:normal;
position: absolute;
top: 200px;
left: 478px;
}

#content6 {
line-height:normal;
position: absolute;
top: 129px;
right: 0px;
}

#content7 {
width:100%;
font-size:10px;
text-align:left;
line-height:normal;
position: absolute;
top: 186px;
left: 498px;
}