body {
     width: 100%;
     margin: 0;
     padding: 0;
     background: url('../images/background.jpg') repeat-x #444444;
}


/* ####### Wrapper ######## */
#wrapper {
     width: 914px;
     margin: 0 auto;
     overflow: hidden;
     position: relative;
}
 #wrapper div {
      display: inline;
      float: left;
 }
 .no_border {
      float: left;
      border: 0;
 }


/* ####### Head ####### */
#header {
     width: 914px;
     height: 183px;
    /*  background: url('../images/header_background.jpg');*/
}


/* ####### Winkelwagen ###### */
#winkelwagen {
     width: 256px;
     height: 57px; 
     background: url('../images/winkelwagen_background.png');
     margin: 7px 0 0 650px;
}
#winkelwagen span {
     float: left;
     margin: 17px 0 0 30px;
     font: 16px arial;
     color: #ffffff;
     width: 200px;
}
#winkelwagen a {
     float: left;
     margin: 0 0 0 30px;
     font: 16px arial;
     color: #ffffff;
     width: 200px;
     text-decoration: none;
}


/* ####### Menu ####### */
#menu {
     width: 864px; 
     height: 40px;
     background: url('../images/menu_background.png');
     margin: 62px 0 0 50px;
}
#menu ul {
     float: left;  
     height: 40px;
     margin: 0 0 0 15px;
     padding: 0;
     display: inline;
}
#menu ul li {
     float: left;
     list-style: none;
}
#menu ul li a {
     padding: 12px 15px 0 13px;
     height: 30px;
     margin: 0;
     float: left;
     font: bold 13px arial;
     color: #ffffff;
     text-decoration: none;
}
.li1 {
     background: url('../images/menu_split.png') right top no-repeat;
}


/* ####### Content ####### */
#content {
     width: 863px;
     overflow: hidden;
     background: #ffffff;
     margin: 5px 0 0 50px;
}
#content_left {
     width: 248px;
}
#content_right {
     width: 615px;
}


/* ####### Hoofdmenu ####### */
#hoofdmenu {
     width: 235px;
     margin: 25px 0 0 7px;
}
#hoofdmenu_top {
     width: 235px;
     height: 22px;
     background: url('../images/hoofdmenu_top.png');
}
#hoofdmenu_top span {
     float: left;
     font: bold 13px arial;
     margin: 3px 0 0 10px;
     color: #ffffff;
}
#hoofdmenu ul {
     width: 235px;
     background: #c8c8c8;
     float: left;
     margin: 0;
     padding: 0;
}
#hoofdmenu ul li {
     float: left;
     margin: 0 0 0 1px;
     width: 233px;
     list-style: none;
}
#hoofdmenu ul li a {
     float: left;
     padding: 2px 0 0 10px;
     height: 19px;
     font: 13px arial;
     color: #ffffff;
     text-decoration: none;
}
.li2 {
     height: 20px;
     border-bottom: 1px solid #ffffff;
}

p{

     margin-top: 4px;
     margin-bottom: 4px;
     padding: 0 0 0 10px;
     font: bold 12px arial;
     color: #ffffff;
     border-bottom: 1px solid #ffffff;
}


/* ####### Info ####### */
#info {
     width: 235px;
     margin: 25px 0 0 7px;
}
#info_top {
     width: 235px;
     height: 22px;
     background: url('../images/hoofdmenu_top.png');
}
#info_top span {
     float: left;
     font: bold 13px arial;
     margin: 3px 0 0 10px;
     color: #ffffff;
}
#info ul {
     width: 235px;
     background: #c8c8c8;
     float: left;
     margin: 0;
     padding: 0;
}
#info ul li {
     float: left;
     margin: 0 0 0 1px;
     width: 233px;
     list-style: none;
}

.s4 {
     float: left;
     margin: 1px 0 0 6px;
     font: 13px arial;
}
.s2 {
     font: bold 13px arial;
     color: #4b4b4b;
}
.s3 {
     color: #e8982b;
}
.ad_banner {
     float: left;
     margin: 20px 0 0 6px;
}

/* ####### table ####### */
#table {
     width: 605px;
     margin: 25px 0 0 0;
}
td {
     padding: 0 0 0 10px;
     font: 12px arial;
     color: #383838;
}


/* ####### Blok ####### */
#navigatie {
     margin: 20px 0 20px 10px;
     color: #df641d;
     text-align: center;
     clear: both;
}
#navigatie a{
     color: #df641d;
     text-decoration: none;
}
#navigatie a:hover{
     color: #df641d;
     text-decoration: none;
}
#blok {
     width: 605px;
     margin: 25px 0 0 0;
}
#blok_inner {
     width: 604px;
     background: #cacaca;
     overflow: hidden;
     margin: 0 0 0 1px;
}
#blok_inner h3 {
     color: #df641d;
     font: bold 18px arial;
}
.h1 {
     float: left;
     margin: 3px 0 0 7px;
     padding: 0;
     display: inline;
}
.h2 {
     float: right;
     margin: 3px 7px 0 7px;
     padding: 0;
     display: inline;
}
#blok_onder {
     width: 605px;
}
#inner_left {
     width: 195px;
}
#inner_left a{
     color: #df641d;
     text-decoration: none;
     margin: 0 0 0 10px;
}
#inner_left a:hover{
     text-decoration: underline;
}
#inner_middle {
     width: 605px;
}
#inner_middle p {
     float: left;
     width: 580px;
     margin: 10px 0 0 0;
     padding: 0 0 0 10px;
     font: 12px arial;
     color: #383838;
}
#inner_middle a {
     color: #df641d;
     text-decoration: none;
}
#inner_middle a:hover {
     color: #df641d;
     text-decoration: underline;
}
#inner_right {
     width: 410px;
}
#inner_right p {
     float: left;
     width: 400px;
     margin: 10px 0 0 0;
     font: 12px arial;
     color: #383838;
}
.left_img {
     float: left;
     width: 175px;
     border: 1px solid #5e5e5e;
     margin: 13px 0 15px 10px;
}
div.spacer2 {
     width: 100%;
     height: 35px;
}
#blok_bottom {
     width: 604px;
     height: 42px;
     background: url('../images/blok_bottom.png');
}
#blok_bottom span {
     float: left;
     font: 12px arial;
     color: #ffffff;
     margin: 13px 0 0 15px;
}
#blok_bottom_page {
     width: 604px;
     height: 22px;
     background: url('../images/blok_bottom_page.png');
}
#blok_select {
      width: 600px;
     margin: 0 0 10px 0;
}

.select {
     color: #df641d;
     margin: 0 0 0 7px;
}
.box {
     width: 100px;

}

.knop {
     float: left;
     border: 0;
     height: 24px;
     width: 110px;
     background: url('../images/winkelwagen.png');
}
.button {
     margin: 15px 0 15px 36px;
}
#blok_bottom a {
     float: right;
     margin: 8px 15px 0 0;
}

#doormailen {
     float: left;
     font: 14px arial;
     color: #ffffff;
     margin: 5px 0 0 15px;
}
#doormailen a {
     color: #ffffff;
     text-decoration: none;
}
#doormailen a:hover {
     color: #ffffff;
     text-decoration: underline;
}

/* ####### Toppers ####### */
#toppers {
     margin: 25px 0 0 0;
}
div.top {
     width: 190px;
     height: 238px;
     margin: 0;
     background: url('../images/top_bg.png');
     margin: 0 15px 15px 0;
}
div.topper {
     width: 190px;
     height: 150px;
     margin: 15px 0 0 0;
     text-align: center;
}
div.topper img{
     width: 118px;
     margin: 0 0 0 10px;
}
div.top span {
     float: left;
     width: 190px;
     text-align: center;
     margin: 0;
     padding: 0;
     color: #ffffff;
}
.t1 {
     font: 16px arial;
}
.t2 {
     font: 15px arial;
}
div.top a {
     float: left;
     margin: 2px 0 0 25px;
}
.spacer1 {
     width: 100%;
     height: 30px;
}



/* ####### Footer ####### */
#footer {
     width: 325px;
     height: 55px;
     background: url('../images/footer_background.png');
     margin: 0 0 0 588px;
}
#footer span {
     float:left;
     margin: 5px 0 0 0;
     padding: 0 0 0 20px;
     font: bold 11px arial;
     text-align: left;
     color: #444444;
     width: 315px;
}

#footer span a {
     color: #df641d;
     text-decoration: none;
     margin: 0 0 0 5px;
}
#footer span a:hover {
     color: #df641d;
     text-decoration: underline;
}

#footer p {
     float:left;
     margin: 5px 0 0 35px;
     padding: 0 0 0 20px;
     font: bold 8px arial;
     text-align: left;
     color: #444444;
     width: 315px;
}

#footer p a {
     color: #df641d;
     text-decoration: none;
     margin: 0 0 0 5px;
}
#footer p a:hover {
     color: #df641d;
     text-decoration: underline;
}
