body {
    margin: 0;
    padding: 0;
    background: #000 url(/skin/page-bg.jpg) 0 0 repeat-x;
    font: normal 12px "Trebuchet MS", sans-serif;
}
a {
    color: #E66200;
}
a:visited {
    color: #E66200;
}
#container {
    z-index: 0;
    position: relative;
    width: 792px;
    margin: 0 auto;
    padding-right: 158px;
}
/*--- navigation ---*/
#top {
    width: 790px;
    height: 23px;
    padding-top: 57px;
    background: #000 url(/skin/header.jpg) 0 0 no-repeat;
}
#top ul {
    z-index: 10;
    position: relative;
    margin: 0 0 0 137px;
    padding: 0;
    list-style: none;
}
#top li.mainmenu {
    float: left;
    margin: 0;
    padding: 0;
    line-height: 23px;
}
#top li ul {
    z-index: 1;
}
#top li a {
    display: block;
    height: 23px;
    background-image: url(/skin/header.jpg);
    background-repeat: no-repeat;
}
#overons a {
    width: 56px;
    background-position: -137px -57px;
}
#overons a:hover, #overons a.active {
    background-position: -137px -137px;
}
#producten a {
    width: 81px;
    background-position: -193px -57px;
}
#producten a:hover, #producten a.active {
    background-position: -193px -137px;
}
#portfolio a {
    width: 72px;
    background-position: -274px -57px;
}
#portfolio a:hover, #portfolio a.active {
    background-position: -274px -137px;
}
#nieuws a {
    width: 59px;
    background-position: -347px -57px;
}
#nieuws a:hover, #nieuws a.active {
    background-position: -347px -137px;
}
#contact a {
    width: 64px;
    background-position: -406px -57px;
}
#contact a:hover, #contact a.active {
    background-position: -406px -137px;
}
#top li#tic4 {
    padding-left: 177px;
}
#tic4 a {
    width: 137px;
    background-position: -646px -57px;
}
#tic4 a:hover, #tic4 a.active {
    background-position: -646px -137px;
}

/*--- pure CSS menu ---*/
#top li.mainmenu {
    position: relative;
}
#top li ul.submenu {
    display: none;
    list-style: none;
    position: absolute;
    left: 0;
    top: 23px;
    min-width: 120px;
    margin: 0;
    padding: 0 4px 4px 4px;
    border: 0;
    background: #3D3D3D;
    opacity: 0.9;
}
#top li:hover ul.submenu {
    display: block;
}
#top ul.submenu li {
    display: block;
    float: none;
    min-width: 112px;
    margin: 0;
    padding: 0;
    border: 0;
    white-space: nowrap;
    font-size: 11px;
}
#top ul.submenu a {
    color: #CCC;
    background-image: none;
    text-decoration: none;
}
#top ul.submenu a:hover {
    color: #03ADF8;
}

/*--- gallery ---*/
#gallerynav {
    position: absolute;
    z-index: 0;
    top: -175px;
    left: -150px;
    width: 950px;
    height: 174px;
    text-align: center;
}
#gallerynav ul {
    list-style: none;
    height: 138px;
    margin: 0;
    padding: 10px 0;
}
#gallerynav li {
    float: left;
    margin: 0 4px;
    padding: 0;
    width: 182px;
    height: 138px;
    background-position: left top;
    background-repeat: no-repeat;
}
#gallerynav li:hover, #gallerynav li.active {
    background-position: left bottom;
}
/*
#gallerypager {
    width: 100%;
    height: 15px;
    text-align: center;
}
#gallerypager .imgnav {
}
*/
#gallerypager a {
    margin: 0 5px;
    padding: 0 15px;
    color: #03ADF8;
    text-decoration: none;
}
#gallerypager a:hover {
    color: #03ADF8;
}
#gallerypager #prev {
    background: transparent url(/skin/left.png) 100% 50% no-repeat;
}
#gallerypager #next {
    background: transparent url(/skin/right.png) 0 50% no-repeat;
}

/*--- content area ---*/
#content {
/*    z-index: 0;*/
    position: relative;
    min-height: 100px;
    margin: 175px 6px 0 136px;
    padding: 20px;
    background: #3D3D3D url(/skin/content-fade.jpg) 0 0 repeat-x;
    color: #FFF;
    font: normal 13px/16px "Trebuchet MS", sans-serif;
}
#content #contentpadding {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 17px;
    background: #3D3D3D url(/skin/content-bg.jpg) 0 100% no-repeat;
}
#content div.content {
    clear: both;
    float: none;
}
#content img {
    float: left;
    border: 0;
}
.tagline, dl {
    font: normal 15px/20px "Trebuchet MS", sans-serif;    
}
.tagline .tag, dt {
    float: left;
    width: 170px;
    padding-right: 20px;
    color: #C3C3C3;
    text-align: right;
}
.tagline p, dd {
    margin-left: 190px;
}
dt, dd {
    margin-bottom: 10px;
}
p#metalink a {
    color: #03ADF8;
    font-style: italic;
    text-decoration: none;
}
#content .banner {
    position: absolute;
    z-index: 0;
    top: -175px;
    left: 1px;
    width: 650px;
    height: 174px;
}

/*--- contact form ---*/
input.input, textarea.input {
    width: 100%;
    border: 1px solid #000;
}
input[type="submit"], input[type="button"] {
}
input[type="submit"]:hover, input[type="button"]:hover {
}
table.form {
    margin: 20px 55px 20px 40px;
    border-collapse: collapse;
}