body {
 margin: 0 0 20px 0;
 font: 12px verdana;
} 

.clear {
 clear: left;
}

h1 {
 margin: 0;
}

h2 {
 margin-top: 0;
 color: red;
}

a img {
 border: 0;
}

p#top-nav {
 position: absolute;
 top: 15px;
 left: 15px;
 margin: 0;
}

div#wrap-nav {
 margin: 50px 0 0 10px;
}

ul#nav, ul#nav ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

ul#nav {
 width: 259px;
 background: url(/gfx/images/mid.png) repeat-y;
}

ul#nav li {
 width: 252px;
 border-top: 1px #CCC solid;
 margin: 0;
 padding: 0;
}

ul#nav li a {
 padding-left: 15px;
 padding-top: 2px;
 padding-bottom: 2px;
}

ul#nav li ul li a {
 padding-left: 30px;
 width: 200px; 
}

ul#nav li ul li ul {
 /* display: none; */
}

ul#nav li ul li ul li a {
 padding-left: 45px;
}

ul#nav a {
 font: 10px verdana;
 color: #FFF;
 text-decoration: none;
 display: block;
 font-weight: bold;
}

ul#nav li a.active {
 background: #7C7C7C;
}

ul#nav li.sub-active {
 background: url(/gfx/images/active2.png) no-repeat 15px 0;
 line-height:15px;
 width: 252px;
 background-color: #BAB8B8;
}

ul#nav li.sub-active li.machine-active {
 background: url(/gfx/images/active2.png) no-repeat 30px 0;
 line-height:15px;
 width: 252px;
 background-color: #BAB8B8;
}

ul#nav li.sub-active li {
 background: #ACACAC;
}

ul#nav li.first {
 border-top: 0;
}

ul#nav a.machine-groep {
 color: #DDD;
}

div#container {
 width: 977px;
 margin: 0 auto;
 background: url(/gfx/images/tekst_repeat.jpg) repeat-y;
}

div#header {
 background-image: url(/gfx/images/header.jpg);
 width:977px;
 height:209px;
 position: relative;
}

div#sidebar {
 float: left;
 width: 277px;
 background: url(/gfx/images/tekst_l.jpg) no-repeat;
 min-height: 401px;
}

div#main {
 float: left;
 width: 655px;
 background: url(/gfx/images/tekst_r.jpg) no-repeat;
 min-height: 401px;
 /* height: 401px;  @todo fix for IE6 only */
 padding-top: 50px;
 padding-left: 35px;
 padding-right: 10px;
}

div#footer {
 clear: left;
 background: url(/gfx/images/footer.jpg) no-repeat;
 height: 85px;
}

div#shades {
 position: absolute;
 top: 40px;
}

div.shade {
 background:url(/gfx/images/shade.png) no-repeat top;
 height: 191px;
 width: 205px;
 margin: 10px 0 0 16px;
 position: relative;
 float: left;
}

div#shade1 {
 margin-left: 7px;
}

div#shade4 {
 background: url(/gfx/images/shade2.png) no-repeat top;
 width: 295px;
}

div.knop {
 background: #FFF;
 border: 2px solid white;
 height:167px;
 width:184px;
 float: left;
 margin: 6px 0 0 4px;
 position:relative;
 overflow:hidden;
}

#bgimg{
background:url(/gfx/images/knop.png) no-repeat top;
width:184px;
height:25px;
overflow:visible;
position:relative;
}

div.bgimg {
 background: url(/gfx/images/knop.png) no-repeat top;
 width: 184px;
 height: 25px;
 padding-top: 5px;
 overflow: visible;
 position: relative;
}

#news{
 background: url(/gfx/images/news.jpg) no-repeat;
 width: 278px;
 height: 162px;
 float: left;
 margin: 6px 0 0 2px;
 padding-top: 5px;
 border: 2px solid white;
}

#newstekst {
 font: 10px/11px verdana;
 color: #FFF;
 height: 120px;
 width: 221px;
 float: left;
 margin: 18px 0 0 15px;
}

#newstekst a, #newstekst a:visited {
 color: #FFF;
}

.button {
 font: 10px verdana;
 color: #FD0101;
 font-weight: bold;
 margin-left: 10px;
}

.bgimg a {
 text-decoration: none;
}

/*toplinks*/
div.knop a img {
 position: absolute;
 top: 0;
 left: 0;
 border: 0;
}

div.knop a:hover img{
 filter:alpha(opacity=50);
 -moz-opacity:.50;
 opacity:.50; 
}


div.machine {
 margin-bottom: 10px;
}

div.machine-info {
 width: 460px;
 padding-right: 20px;
 float: left;
}

div.machine-info h3 {
 margin-top: 0;
 font-size: 12px verdana;
}

div.machine-info table {
 border-collapse: collapse;
 margin-bottom: 10px;
}

div.machine-info table th {
 text-align: left;
 vertical-align: top;
 font-weight: normal;
 width: 150px;
}

div.image {
 background: url(/gfx/images/bgimg.png) no-repeat;
 height: 137px;
 width: 151px;
 padding-top: 4px;
 padding-left: 4px;
 float: left;
 margin-right: 20px;
 position: relative;
}

div.prod {
 width: 134px;
 height: 122px;
}

div#footer {
 position: relative;
}

div#footer p {
 position: absolute;
 margin: 0 0 0 15px;
 bottom: 5px;
 color: #FFF;
}

form#contactform {
 width: 400px;
}

form#contactform fieldset p label {
 width: 100px;
}

form#contactform fieldset p input {
 border: 1px #AAA solid;
 padding: 2px;
}

form#contactform fieldset {
 border: none;
 border-top: 1px #CCC solid;
 padding: 10px 0;
 position: relative;
}

form#contactform fieldset legend {
 margin-bottom: 10px;
    position:absolute;
    top: -.5em;
    left: .5em;
}

ul#contact-machines, ul#contact-machines ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

ul#contact-machines li {
 float: left;
 margin-right: 10px;
}

span.machine-groep {
 padding-bottom: 10px;
 display: block;
}

ul#contact-machines li li {
 margin-left: 10px;
 float: none;
}

ul#contact-machines label {
 cursor: pointer;
}

form fieldset p {
 margin: 0.1em 0;
 padding: 0.1em 0;
}

form p label {
 clear: left;
 float: left;
 display: block;
}