body {
    background-image: url('/skin/page-bg.png');
    background-repeat: repeat-y;
    background-position: 0 0;
    background-color: #FFF;
    color: #000;
    font-family: Verdana, sans-serif;
    font-size: 10pt;
    margin: 0;
    padding: 0;
}
a {
    color: #11B3F0;
}
img.bannerimage {
    border: 0;
}


div#banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 999px;
    height: 111px;
    padding: 0;
    background-image: url('/skin/header.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: #FFF;
}
div#banner div#menu {
    margin: 5px 0 0 222px;
    height: 20px;
    color: #636363;
}
div#banner div#menu a {
    color: #636363;
    text-decoration: none;
    font-weight: bold;
}
div#banner div#menu a:hover, div#banner div#menu a.active {
    color: #1184F0;
}

div#buttons {
    position: absolute;
    left: 222px;
    top: 25px;
    width: 777px;
    height: 86px;
}
div#buttons a {
    display: block;
    float: left;
    height: 86px;
    background-repeat: no-repeat;
}
div#buttons a:hover, div#buttons a.active {
    background-image: url(/skin/header-mo.jpg);
}
div#buttons a.butt1 {
    width: 111px;
    background-position: -222px -25px;
}
div#buttons a.butt2 {
    width: 111px;
    background-position: -333px -25px;
}
div#buttons a.butt3 {
    width: 111px;
    background-position: -444px -25px;
}
div#buttons a.butt4 {
    width: 111px;
    background-position: -555px -25px;
}
div#buttons a.butt5 {
    width: 111px;
    background-position: -666px -25px;
}
div#buttons a.butt6 {
    width: 111px;
    background-position: -777px -25px;
}
div#buttons a.butt7 {
    width: 111px;
    background-position: -888px -25px;
}

div#left {
    position: absolute;
    top: 127px;
    left: 223px;
    width: 111px;
    height: 493px;
/*    background-image: url('/skin/left-bg.png');
    background-repeat: no-repeat;
    background-position: 0 0;*/
    background-color: #D7FFCA;
}
div#nav {
    width: 111px;
}
div#nav a {
    display: block;
    padding: 2px 0 2px 10px;
    border-bottom: 2px solid #FFF;
    color: #FF0040;
    background-color: #FFD1DD;
    font-weight: bold;
    text-decoration: none;
    font-size: 8pt;
    text-align: left;
}
div#nav a:hover, div#nav a.active {
    color: #1184F0;
}
div#nav a.mainbutton {
    min-height: 18px;
    background-image: url(/skin/button.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 8px 0 0 10px;
    border: 0;
    color: #FFF;
    font-weight: bold;
    background-color: #FF5E87;
}

div#bg {
    position: absolute;
    top: 111px;
    left: 0;
    height: 700px;
    width: 222px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
div.bgcart, div.bgprofile {
    background-image: url('/skin/afbeelding-1.jpg');
}
div.bgkids {
    background-image: url('/skin/afbeelding-2.jpg');
}
div.bgfashion {
    background-image: url('/skin/afbeelding-3.jpg');
}
div.bgliving {
    background-image: url('/skin/afbeelding-4.jpg');
}
div.bgbeauty {
    background-image: url('/skin/afbeelding-5.jpg');
}
div.bgmedia {
    background-image: url('/skin/afbeelding-6.jpg');
}
div.bgoffice {
    background-image: url('/skin/afbeelding-7.jpg');
}
div.bgvarious {
    background-image: url('/skin/afbeelding-8.jpg');
}

div#leftbar {
    position: absolute;
    top: 111px;
    left: 0;
    width: 222px;
}
div#leftbar > img {
    border: 0;
    margin: 4px 0 2px 0;
}
div.newsitem {
    clear: both;
    border: 1px solid #4FFF14;
    margin-bottom: 2px;
    padding: 0 2px 2px 2px;
    width: 210px;
    color: #636363;
    font-size: 9pt;
}
div.newsitem-header {
    font-size: 10pt;
    font-weight: bold;
}
div.newsitem-image {
    float: left;
    width: 70px;
    height: 80px;
    margin: 0 2px 2px 0;
    border-color: #4FFF14;
    border-style: solid;
    border-width: 0 1px 1px 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    overflow: hidden;
}
div.newsitem a {
    display: block;
    clear: both;
    text-align: right;
    font-size: 8pt;
    font-weight: bold;
    color: #1184F0;
}
ul#calendar li {
    font-size:9pt;
    padding-bottom: 10px;
}

div#rightbar {
    position: absolute;
    top: 241px;
    left: 883px;
    width: 116px;
    background-color: #FFF;
    text-align: center;
}
div#rightbar > img {
    margin: 10px 0;
}
div#thuiswinkel {
    position: absolute;
    top: 111px;
    left: 883px;
    width: 116px;
    background-color: #FFF;
    border: 0
}
div#content {
    position: absolute;
    top: 111px;
    left: 0;
    height: 493px;
    width: 999px;
    background-image: url('/skin/left-bg.png');
    background-repeat: no-repeat;
    background-position: 222px 0;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 11pt;
    color: #11B3F0;
}
div#innercontent {
    margin-left: 333px;
    padding: 10px;
    width: 530px;
    color: #1184F0;
}
div#innercontent.shop {
    width: 646px;
}
div#content h1 {
    margin-bottom: 0;
    font-size: 150%;
}
div#content h2 {
    margin-bottom: 0;
    font-size: 130%;
}
div#content h3 {
    margin-bottom: 0;
    font-size: 110%;
}
div#content p {
    margin-top: 0;
    float: none;
    clear: both;
}
div#content img {
    border: 1px solid #4FFF14;
}
div#content img[align="left"] {
    margin: 0 5px 5px 0;
}
div#content img[align="right"] {
    margin: 0 0 5px 5px;
}
div#content a {
    color: #FF0040;
}

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

form#contact td {
    font-size: 90%;
}
input.form[type=submit], input.form[type=reset] {
    border: 0;
    background-color: #FF6000;
    color: #000;
    padding: 3px 5px;
}
input.form[type=text], textarea.form {
    border: 1px solid #FF6000;
    padding: 3px 1px 3px 1px;
}
textarea.input100 {
    width: 442px;
}
input.input50 {
    width: 214px;
}
input.input25 {
    width: 100px;
}

div#credits {
    margin-top: 20px;
    width: 222px;
    font-size : 7pt;
    text-align: center;
    color: #636363;
}
div#credits a {
    text-decoration: none;
    color: #1184F0;
}
div#credits a:hover {
    text-decoration: underline;
}

div#login {
    position: absolute;
    top: 0;
    left: 0;
    width: 222px;
    border-top: 1px solid #FFF;
    text-align: right;
    background-color: #A6CE38;
    color: #FFF;
    font-size: 90%;
}
div#login div {
    padding-bottom: 4px;
}
div#login h2 {
    display: inline;
    float: left;
    margin: 0;
    padding-left: 40px;
}
div#login form {
    float: right;
    width: 111px;
    text-align: left;
}
div#login form input.text {
    border: 0;
    width: 100%;
    padding: 2px 1px;
}
div#login form input.submit {
    margin-top: 2px;
    border: 0;
    background-color: transparent;
    color: #FFF;
    width: 100%;
    padding: 2px 1px;
    font-weight: bold;
    cursor: pointer;
}
div#login form input.submit:hover {
    background-color: #F73E06;
}
#content div#login a {
    color: #FFF;
    text-decoration: none;
}
#content div#login a:hover {
    text-decoration: underline;
}

div#shopleft {
    position: absolute;
    top: 16px;
    left: 222px;
    width: 111px;
}
div#shopnav {
    padding-top: 10px;
    background-color: #FFD1DD;
}
div#shopnav a {
    display: block;
    padding: 2px 0 2px 10px;
    border-bottom: 1px solid #FFF;
    color: #FF0040;
    background-color: #FFD1DD;
    font-style: normal;
    text-decoration: none;
    font-size: 8pt;
    text-align: left;
}
div#shopnav a:hover, div#shopnav a.active {
    color: #11B3F0;
}
div#shopnav a.cartbutton {
    min-height: 18px;
    background-image: url(/skin/button-blauw.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 8px 0 0 10px;
    border: 0;
    color: #FFF;
    font-weight: bold;
    background-color: #FF5E87;
}

div#shoppagenav {
    margin-bottom: 10px;
}
div.shoparticle {
    position: relative;
    float: left;
    height: 267px;
    margin: 0 8px 12px 0;
    border: 1px solid #FF0040;
    background-color: #FF0040;
}
div#content div.shoparticle img {
    border: 0;
}
div.articlename {
    width: 146px;
    height: 30px;
    padding: 2px;
    background-color: #FF0040;
    color: #FFF;
    text-align: center;
    overflow: hidden;
    font-size: 9pt;
    font-weight: bold;
}
div.articleimage {
    width: 150px;
    height: 200px;
    margin: 0;
    background-color: #FF0040;
    color: #FFF;
    border: 0;
    text-align: center;
    overflow: hidden;
}
div.articleimage img {
    width: 150px;
}
div.articleprice {
    width: 146px;
    height: 15px;
    padding: 2px;
    background-color: #4FFF14;
    color: #FF0040;
    text-align: center;
    overflow: hidden;
    font-size: 9pt;
    font-weight: bold;
}
div.articlelink {
    width: 150px;
    height: 15px;
    background-color: #FF0040;
    color: #FFF;
    text-align: center;
    overflow: hidden;
    font-size: 9pt;
}
div#content div.articlelink a {
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}

div.article {
    position: relative;
    margin: 20px;
    border: 1px solid #FF0040;
    color: #636363;
    min-height: 360px;
}
div#content div.article img {
    border: 0;
}
.article form {
    margin: 10px 10px 10px auto;
    width: 300px;
}
.article .order {
    width: 300px;
    border: 0;
    padding: 2px;
    margin-top: 10px;
    background-color: #4FFF14;
    color: #FF0040;
    cursor: pointer;
    font-weight: bold;
    font-size: 10pt;
}
div#content .article a.backlink {
    display: block;
    width: 296px;
    border: 0;
    padding: 2px;
    margin: 4px 4px 0 0;
    background-color: #FF0040;
    color: #FFF;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
div#content div.article h2 {
    margin: 0 0 5px 0;
}
div.article select {
    width: 148px;
}

.input {
    border: 1px solid #636363;
    color: #636363;
}
.button {
    border: 1px solid #FF0040;
    background-color: #FF0040;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}
.width1 {
    width: 50px;
}
.width2 {
    width: 100px;
}
.width3 {
    width: 150px;
}
.width100 {
    width: 95%;
}
td.pad {
    padding: 2px;
}

div#cart, form#regform {
    margin-top: 10px;
}
div.cartmessage {
    background-color: #FFD1DD;
    color: #636363;
    padding: 4px;
}
div.cartmessage ul {
    margin: 0;
    padding: 0;
    list-style-position: inside;
}
table.cart {
    border-collapse: collapse;
    margin-bottom: 10px;
}
table.cart td.line, table.cart th {
    border-bottom: 1px solid #636363;
    color: #636363;
}
table.cart td.total {
    background-color: #FFD1DD;
    color: #636363;
    padding: 2px 0 0 0;
}
table.cart td.total div {
    margin: 5px 0 5px 14px;
}
table.cart td.notify {
    padding: 5px;
    background-color: #D7FFCA;
    color: #FF0040;
    text-align: center;
}
table.cart td.control {
    background-color: #FFD1DD;
    color: #000;
    padding: 0;
    border: 0;
}
#content table.cart a.control {
    line-height: 100%;
    color: #FF0040;
    text-decoration: none;
    font-weight: bold;
}
#content table.cart a.total, span.emphasize {
    line-height: 100%;
    color: #FF0040;
    font-weight: bold;
    text-decoration: none;
}
#content table.cart a.control:hover, #content table.cart a.total:hover {
    text-decoration: underline;
}
table.cart input.control {
    margin: 0;
    border: 1px solid #FF0040;
    background-color: #FF0040;
    color: #FFF;
    text-decoration: none;
    font-size: 8pt;
    font-weight: bold;
    cursor: pointer;
}
table.cart input.control2 {
    margin: 0;
    border: 0;
    background-color: transparent;
    color: #FF0040;
    text-decoration: none;
    font-size: 10pt;
    font-weight: bold;
    cursor: pointer;
}
table.cart input.complete {
    border: 1px solid #636363;
    padding: 3px;
}

ul#calendar {
    list-style: none;
    border: 1px solid #4FFF14;
    margin: 0 0 2px 0;
    padding: 0 2px 2px 2px;
    width: 210px;
    color: #636363;
    font-size: 8pt;
}
ul#calendar li {
    margin: 2px;
}

div#pollcaption {
    padding: 0;
}
div#poll, div#pollresults {
    margin: 4px 0 10px 0;
    padding-bottom: 4px;
    background-color: #4FFF14;
    color: #636363;
    font-size: 8pt;
    text-align: left;
}
div#poll form {
    margin: 0;
}
div#poll > div, div#pollresults > div {
    margin: 2px;
}
div#poll a {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}
div#pollresults div.bar1, div#pollresults div.bar2,
div#pollresults div.bar3, div#pollresults div.bar4 {
    height: 5px;
    border: 1px solid #FFF;
    background-color: #FF0040;
}
div#pollresults div.bar2 {
    background-color: #FF0040;
}
div#pollresults div.bar3 {
    background-color: #FF0040;
}
div#pollresults div.bar4 {
    background-color: #FF0040;
}