@charset "utf-8";
/* CSS Document */
body {
background-repeat:repeat;
background-image:url(images/backgroundpatttern.jpg);
position : absolute;
width : 100%;
margin-top : 0;
background-color : #333333; 
}

#wrapper {
position : absolute;
float:left;
left : 50%;
margin-left:-520px;
width : 1100px;
}

#top_image{
position : absolute;
left : 162px;
top : 0;
width : 700px;
height: 51px;
background-image:url(images/index_02.png);
background-repeat:no-repeat;
}

#left_image {
position : absolute;
left : 0px;
top : 0;
width : 162px;
height: 561px;
background-image:url(images/index_01.png);
background-repeat:no-repeat;
}

#right_image {
position : absolute;
left : 862px;
top : 0;
width : 161px;
height: 561px;
background-image:url(images/index_03.png);
background-repeat:no-repeat;
z-index: 5;
}

#banner_image {
position : absolute;
left : 162px;
top : 51px;
width : 700px;
height: 250px;
padding: 0,0,0,0;
}

#banner_content_spacer {
position : absolute;
left : 162px;
top : 301px;
width : 700px;
height: 10px;
background-image:url(images/index_05.png);
background-repeat:no-repeat;
z-index:100;
}

#contentframe {
position : absolute;
left : 162px;
top : 311px;
width : 700px;
height:auto;
background-color:#d2d2d2;
min-height:300px;
}

#content_left {
position : relative;
float:left;
width : 454px;
height:auto;
background-color:#d2d2d2;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font:Arial;
font-size:12px;
padding-left: 12px;
padding-top: 12px;
min-height: 300px;
line-height:1.5em;
}

#content_right {
position:relative;
width : 210px;
height:inherit;
background-color:#d2d2d2;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font:Arial;
font-size:12px;
padding-left:12px;
padding-right:12px;
padding-top: 12px;
overflow:hidden;
min-height:300px;
line-height:1.5em;
}

#content_middle {
position : relative;
float:left;
width : 676px;
height:auto;
background-color:#d2d2d2;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font:Arial;
font-size:12px;
padding-left: 12px;
padding-top: 12px;
padding-right: 12px;
min-height: 300px;
line-height:1.5em;
}

.menu {
width: 100%;
z-index:10;
position:absolute;
top:186px;
left:162px;
height: 115px;
width: 700px;
}

.menu ul {
margin: 0;
padding: 0;
float: left;
background-image:none;
}

.menu ul li {
display: inline;
width: 1px;
height: 115px;
top: 186px;
}

.menu ul li a {
float:left;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font:Arial;
font-size:16px;
font-weight:800;
color: white;
background-image:url(images/knoppen_bg_light.png);
height:30px;
width:90px;
border:#FFFFFF;
padding-left:10px;
padding-top: 85px;
}

.menu ul li a:hover, .menu ul li .current, .menu ul li a:hover{
background-image:url(images/knoppen_bg_dark.png);
color:#FF0000;
}

#footer_original {
position:relative;
height:20px;
width:700px;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font:Arial;
font-size:10px;
text-align:center;
padding-top:5px;
background:none;
left : 50%;
margin-left : -350px;
}

#table {
margin:0px;
font: Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
line-height:1.5em;
}

#table_2 {
padding:3px;
font: Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:1.5em;
background-color:#DFDFDF;
border:#d2d2d2;
}

hr {
color:#999999;
height:1px;
}

h1 {
font:Arial, Helvetica, sans-serif;
font-size:18px;
color:#9F0000;
line-height:0.3em;
}

h2 {
font:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
font-style:italic;
padding-bottom:-5px;
}

#img {
border: 4px solid #FFFFFF;
margin-left:50px
}

#img:hover {
border: 4px solid #666666;
}