* {
    text-align: left;
}

html, body {
    border: 0px;
    
    width: 100%;
    height: 100%;
    
    padding: 0px;
    margin: 0px;
    
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /* background: #3e3e40; */
    background: #000;
    text-align: center;
}

a {
    text-decoration: none;
    color: #000;
}
a:hover {
    text-decoration: underline;
}

img {
    border: 0px;
}

h1 {
    font-size: 1.6em;
}
h2 {
    font-size: 1.6em;
    margin-top: 0px;
}
h3 {
    font-size: 1.2em;
}
label {
    font-size: 12px;
}
a.blue {
    font-weight: bold;
    color: #4d90b1;
}

.hidden {
    display: none;
    visibility: hidden;
}
/** LANDING PAGE **/
body.intro {
    background: #575859;
}
#landingWrapper {
    text-align: center;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
#landingWrapper table {
    margin-left: auto;
    margin-right: auto;
    width: 530px;
}
#landingWrapper table tr td {
    width: 260px;
    color: #fff;
    font-family: Arial;
    font-size: 11px;
    vertical-align: top;
}
#landingWrapper table tr td a {
    color: #fff;
    text-decoration: none;
    font-size: 12px;
}
#landingWrapper table tr td.left {
    text-align: right;
}
#landingWrapper table tr td.right {
    text-align: left;
}
#landingWrapper table tr td .blueUnderlined {
    color: #fff;
    text-decoration: underline;
}
a.blue {
    font-weight: bold;
    color: #4d90b1;
}

/** DEFAULT TEMPLATE **/
#mainWrapper {
    position: relative;
    top: 0px;
    left: 0px;
    width: 1024px;
    height: 742px;
    background: url(../../gfx/wrapper_bg.gif) repeat-y;
    text-align: left;
    font-family: Arial;
    font-size: 11px;
    margin-left: auto; margin-right: auto;
}
#mainWrapper #mainSpacer {
    height: 35px;
    width: 1024px;
    background-color:#3e3e40;
}
/* Hoofdmenu */
#mainWrapper #mainMenu {
    width: 245px;
    height: 557px;
    padding-top: 100px;
    float: left;
    background: url(../../gfx/menu_bg.gif) no-repeat bottom left;
}
#mainWrapper #mainMenu ul {
    list-style: none;
    width: 245px;
    margin:0px;
    padding: 0px;
}
#mainWrapper #mainMenu ul li {
    
}
#mainWrapper #mainMenu ul li a {
    display: block;
    padding: 6px 40px 6px 78px;
    text-decoration: none;
    font-weight: bold;    
}
#mainWrapper #mainMenu ul li a.active {
    background: #babbbd;
}
#mainWrapper #mainMenu ul li a:hover {
    background: #babbbd;
}
.subMenu {
    list-style: none;
    padding-left: 0px;
}
.subMenu a {
    font-weight: normal;
    color: #babbbd;
    font-size: 10px;
}
a.subactive {
    color: #cc1728;
}
/* Content wrapper */
#contentWrapper {
    width: 779px;
    height: 705px;
    float: right;
    border-top: 2px solid #ececed;
    font-size: 11px;
    background-color:#3e3e40;
}
/* Top menu */
#contentWrapper #topMenu {
    width: 100%;
    /*margin-top: 14px;*/
   margin-top: 6px;
}
#contentWrapper #topMenu ul {
    list-style: none;
    padding: 0px;
    margin: -6px;
    margin-left: 78px;
}
#contentWrapper #topMenu ul li {
    float: left;
    margin-top: 0px;
}
#contentWrapper #topMenu ul li a {
    padding: 6px 10px;
    margin-top: 0px;
    display: block;
    height: 12px;
    color:#b1b3b4;
}
#contentWrapper #topMenu ul li a.active,
#contentWrapper #topMenu ul li a:hover {
    background: #000000;
}
#contentWrapper #content {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 690px;
    height: 673px;
    font-size: 12px;
    overflow: auto;
}
#contentWrapper #content #lineWithMenu {
    padding-top:70px;
}
#contentWrapper #content #cLeft {
    height: 560px;
    width: 285px;
    overflow: auto;
    margin-top: 113px;
    float: left;
    line-height: 20px;
    padding-right: 30px;
    font-size: 12px;
}
#contentWrapper #content #cLeft {
    
}
#contentWrapper #content #cRight {
    height: 560px;
    width: 360px;
    float: right;
    margin-top: 113px; 
    overflow:hidden;
}
#contentWrapper #content.moreTopMargin {
    bottom: 0px;
    right: 0px;
    width: 779px;
    height: 560px;
    overflow: hidden;
}
#contentWrapper #content.moreTopMargin.moreLeftMargin {
    bottom: 0px;
    right: 0px;
    width: 540px;
    height: 560px;
    overflow: auto;
    padding-right: 150px;
    line-height: 20px;
}
.newsTable {
    width :625px;
}


.newsletterSignupForm table {
    width: 350px;
    position: absolute;
    margin-left: -50px;

    font-size: 100%;
}
.newsletterSignupForm table td {
    padding: 0px 0px 16px 0px;
}
.newsletterSignupForm table th {
    vertical-align: middle;
    
    width: 50px;
    
    padding: 0px 0px 16px 0px;
}
.newsletterSignupForm table .textbox {
    background-color: #e2e3e4;
    
    height: 16px;
    width: 100%;
    
    font-size: 1.0em;
    
    border: 0px;
    
}
.newsletterSignupForm table button {
    background-color: #babbbd;
    color: #000000;
    
    font-size: 0.7em;
    text-transform: uppercase;
    
    border: 0px;
    
    
    padding: 4px 10px 4px 10px;
    line-height: 110%;
    
    overflow: visible;
}


#contentWrapper #content table .listTable {
    width: 500px;
    margin-left: -50px;
    position: absolute;
    font-size: 100%;
}
#contentWrapper #content table td {
    padding: 0px 0px 0px 0px;
    
}
#contentWrapper #content table th {
    vertical-align: middle;
    
    
    padding: 0px 0px 16px 0px;
}
#contentWrapper #content .textbox {
    background-color: #e2e3e4;
    
    height: 16px;
    width: 100%;
    
    font-size: 1.0em;
    
    border: 0px;
    
}
#contentWrapper #content #verstuurButton {
    background-color: #babbbd;
    color: #000000;
    margin-left: 40px;
    font-size: 0.7em;
    text-transform: uppercase;
    
    border: 0px;
    
    
    padding: 4px 10px 4px 10px;
    line-height: 110%;
    
    overflow: hidden;
}
#contentWrapper #content div.button a {
    display: block;
    text-decoration: none;
    color: #000;
    text-align: center;
}
#contentWrapper #content div.button a,
#contentWrapper #content div.button button {
    background-color: #babbbd;
    color: #000000;
    margin-left: 0px;
    font-size: 0.75em;
    text-transform: uppercase;
    border: 0px;
    padding: 4px 10px 4px 10px;
    line-height: 110%;
    overflow: hidden;
    text-align: center;
}


/*
 * Webshop CSS
 */
h1 {
    color:#fff;
    font-size:1.6em;
    margin:0px;
    margin-bottom:10px;
}
.productBlock {
    float:left;
    width:160px;
    color:#fff;
    margin-right:30px;
}
.productBlock .prijs {
    padding-bottom:20px;
    text-align: center;
}
.productBlock .image {
    overflow: hidden;
}
.productBlock .image img {
    height:180px;
}
.productBlock .text {
    color:#b1b3b4;
    padding-top:20px;
}
.productDetail {
    width:666px;
    color:#b1b3b4;
}
.productDetail h3 {
    margin:0px;
    padding:0px;
    font-size:1.4em;
}
.productDetail .tdFoto {
    width:350px;
    vertical-align:top;
    text-align:right;
}
.productDetail .tdInfo {
    vertical-align:top;
}

table.winkelmandje {
    width:100%;
    color:#b0b1b3;
}
table.winkelmandje a {
    color:#b0b1b3;
}
table.winkelmandje td {
    vertical-align:top;
}
table.winkelmandje .delete {
    width:30px;
}
table.winkelmandje .image {
    width:100px;
}
table.winkelmandje .name {
    width:250px;
}
table.winkelmandje .amount {
    text-align:center;
    width:80px;
}
table.kassaInlogForm {
    color:#b0b1b3;
}
#lineWithMenu {
    color:#b0b1b3;
}
#lineWithMenu a {
    color:#fff;
    text-decoration:underline;
}
#lineWithMenu .aanmeldForm table.jpForm {
    width:590px;
}
#lineWithMenu .aanmeldForm table.jpForm  th {
    width:40%;
}
#lineWithMenu .aanmeldForm table.jpForm  td {
    width:60%;
}
input.input_text {
    background-color:#ececed;
    border:1px solid #fff;
    font-size:1.0em;
}
#wwOverzicht {
    position: absolute;
    top: 60px;
    left: 46px;
    font-weight: bold;
    line-height: 16px;
    width: 200px;
}
#wwOverzicht .label {
    display: block;
    margin-left: 32px;
    float: left;
    width: 100px;
    color: #666;
}

/** OGONE TEMPLATE STYLE **/
td.ncolh1 {color : #b1b3b4; font-family : arial; font-size: 12px; font-weight: normal;}
td.ncoltxtl {color : #b1b3b4; text-align : right; font-weight : normal}
td.ncoltxtl2 {color : #b1b3b4; text-align : right!important; font-weight : normal}
td.ncoltxtr {color : #b1b3b4; text-align : left; font-weight : normal}
td.ncoltxtc {color : #b1b3b4; text-align : center; font-weight : normal}
td.ncolinput {color : #b1b3b4; text-align: left!important;}
td.ncolline1 {color : #b1b3b4}
td.ncolline2 {color : #b1b3b4}
input.ncol {color : black; background-color: #babbbd; border: 0px; margin-top: 10px; text-align: center;}
td.ncollogoc {background-color: #3e3e40; color : #B1B3B4; text-align : center; font-weight : bold; vertical-align: top;}
td.ncollogoc a { color : #B1B3B4; text-align : center;}
td.ncollogoc form { text-align: center; margin-top: 20px; }
td.ncollogoc table { background-color: #3e3e40; width: 100%; }
table.ncoltable1 { background-color: #3e3e40; }
table.ncoltable2 { background-color: #3e3e40; color : #fff; }
table.ncoltable2 tr td {
    padding: 5px !important;
    text-align: center;
}
table.ncoltable3 { }
.midncol {
    color: #b1b3b4;
}