body {
    font-family: verdana, helvetica, sans-serif;
    background: #f5f5f5;
    font-size: 80%;
    line-height: 120%;
    border: none;
    text-align: center;

    /** Altijd verticale scrollbalk tonen (zo verspringt de site niet) **/
    /*overflow-x:hidden;*/
    overflow-y:scroll;
}

/** Home page **/
#home {
    position: relative;
    background: url('home.png') no-repeat;
    width: 820px;
    height: 620px;
}
.visie {
    position: absolute;
    top: 250px;
    /* left = (800-width)/2) */
    left: 190px;
    width: 310px;
    color: #000080;
    text-align: center;
}
.snellinks {
    position: absolute;
    top: 480px;
    /* left = (800-width)/2) */
    left: 100px;
    width: 600px;
    text-align: center;
    color: white;
    font-size: 120%;
}
/** Einde home page **/

/* Voor centreren van de gehele site */
#site {
    text-align: left;
    width: 820px;
    margin-left: auto;
    margin-right: auto;
}
#site_popup {
    text-align: left;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

#kop {
    position: relative;
    height: 140px;
    width: 820px;
    background:url('kop.png') no-repeat;
}

#voet {
    height: 45px;
    width: 820px;
    background:url('voet.png') no-repeat;
    text-align: center;
    font-size: 80%;
}

#midden {
    width: 820px;
}

#logo {
    position: absolute;
    top: 26px;
    left: 29px;
    z-index: 2000;
}

/** Menu **/
#submenu_verbreding {
    position:absolute;
    float: left;
    top: 120px;
    width: 115px;
    height: 20px;
    background-color: #FFF9AA;
}
#home_link {
    position: absolute;
    top: 100px;
    left: 164px;
}
#mainmenu {
    position: absolute;
    top: 100px;
    left: 115px;
}
/** EINDE MENU **/


/** Algemene opmaak **/
table#content {
    table-layout: fixed;
    border-spacing: 0;
}

table#content td {
    padding: 0;
    margin: 0;
}
TH {
    text-align: left;
    vertical-align: top;
}
TD {
    vertical-align: top;
}

.left_column_cell {
    background-image: url('links_achter.png');
    background-repeat: no-repeat;
    background-color: #FFFCDB;
    width: 175px;
    vertical-align: top;
    padding: 0;
    margin: 0;
}
.left_column {
    /* height voor minimale hoogte van de site = 600-kop-voet */
    height: 455px;
    margin-top: 20px;
    margin-left: 0px;
}
#reclame_muziek {
    padding-top: 5px;
    font-size: 80%;
    width: 120px;
    float: right;
    text-align: right;
    margin-top: -10px;
}
.aandachtskader {
    float: left;
    border-top: 1px dotted black;
    border-right: 1px dotted black;
    border-bottom: 1px dotted black;
    background-color: #D8D6BA;
    margin-top: 20px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    font-size: 80%;
}
.blok_leeg {
    width: 185px;
    height: 160px;
}
    
.blok {
    background: url('blok.png') no-repeat;
    width: 185px;
    height: 160px;
}
.blok_links {
    background: url('blok_links.png') no-repeat;
    width: 155px;
    height: 153px;
    left: 20px;
}
.blok_links_half_hoog {
    background: url('blok_links_half_hoog.png') no-repeat;
    width: 155px;
    height: 126px;
    left: 20px;
}
.blok_links_half_laag {
    background: url('blok_links_half_laag.png') no-repeat;
    width: 155px;
    height: 94px;
    left: 20px;
}
.blok_breed {
    background: url('blok_breed.png') no-repeat;
    width: 260px;
    height: 160px;
}
.blok_breed_vol {
    background: url('blok_breed_vol.png') no-repeat;
    width: 550px;
    height: 160px;
}
.blok_leeg, .blok, .blok_links, .blok_links_half, .blok_breed, .blok_breed_vol {
    position: relative;
    float: left;
}
.bloktitel {
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #353535;
}
.blok .bloktitel, .blok_breed .bloktitel, .blok_breed_vol .bloktitel {
    height: 25px;
    padding-top: 8px;
}
.blok_links .bloktitel, .blok_links_half .bloktitel {
    height: 20px;
    padding-top: 6px;
}
.blokinhoud {
    /*width: 100%;*/
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
    color: #353535;
}
.blok_breed .blokinhoud {
    padding-left: 20px;
    padding-right: 20px;
}
.blok_links .blokinhoud {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
    color: #353535;
}
.blokinhoud UL {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-left: 10px;
}
.content_cell {
    padding: 0;
    margin: 0;
    height: 100%;
}  
.content {
    height: 100%;
    padding: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
    margin: 0;
    background-color: #FFFCDB;
    background-image: url('inhoud_achter.png');
    background-repeat: no-repeat;
    line-height: 150%;
}
.content IMG {
    margin: 0;
    margin-top: 0;
}
.content_intro {
    padding-left: 20px;
    padding-right: 25px;
    margin: 0;
    background-color: #FFFCDB;
}
.shadow {
    background-image: url('schaduw_rechts.png');
    background-repeat: repeat-y;
    width: 22px;
    padding: 0;
    margin: 0;
}

H1 {
    font-size: 150%;
    letter-spacing: 1px;
/*    color: #0000AA;*/
    color: #000;
    font-family: arial, helvetica, sans-serif;
}

H2 {
    margin-top: 10px;
    padding-top: 3px;
    padding-bottom: 0;
    border-top: 1px dotted #555555;
    font-size: 130%;
/*    color: #0000AA;*/
    color: #555555;
    font-family: arial, helvetica, sans-serif;

}
H3 {
    padding-top: 20px;
    padding-bottom: 0px;
    font-size: 100%;
    /*color: #0000AA;*/
    font-family: verdana, helvetica, sans-serif;
}
H1 + H2, H2:first-child {
    padding-top: 0;
    border-top: none;
}
H2 + H3 {
    padding-top: 0;
}
.tussenkopje {
    color: #0000AA;
    font-weight: bold;
}
.form_error {
    color: red;
}
DIV#logo {
    height: 130px;
    width: 140px;
    background-image: url('logo.png');
}

A#logolink {
    cursor: pointer;
    text-decoration: none;
}
A.mouseover {
    text-decoration: none;
    color: #353535;
}
A.mouseover:hover {
    text-decoration: underline;
    color: blue;
}
A.IMG {
    border: none;
}
.noshow {
    position: absolute;
    left: -9000px;
}
/** Einde algemene opmaak **/

/** Algemene tabel-opmaak **/
TABLE {
    font-size: 100%;
}

HR {
    border: 0px;
    height: 2px; 
/*    background: #FFEECA;
    color: #FFEECA;*/
    background: #FFD788;
    color: #FFD788;
}

HR.begin_toelichting {
    border: 0px;
    height: 1px;
    background: black;
    color: black;
}
.evenement_aanmeldcontrole TH, .winkel_bestelcontrole TH {
    width: 200px;
}
/** Einde algemene tabel-opmaak **/


/** Voor alle formulieren **/
TABLE.tcms_form TR.required LABEL:before {
    content: '*';
}
TABLE.tcms_form TR.error LABEL {
    color: red;
    font-weight: bold;
}

/** Einde voor alle formulieren **/

/** Winkel **/
TABLE.producten TR.product_rij TD {
/*    border-bottom: 2px solid #FFD788;*/
    border-top: 2px solid #FFD788;
}
table#content TABLE.producten TD {
    padding: 5px;
    background-color: #FFFEEE;
}
table#content TABLE.producten TD.teruglink {
    padding: 5px;
    background-color: transparent;
}
table#content TABLE.producten TH {
    border-top: 15px solid #FFFCDB;
    padding: 5px;
}

.producten .categorietitel_rij TH {
    background-color: #FFD788;
}

.producten .kop_rij {
    display: none;
}

.producten .titelkop {
    display: none;
}

.producten .prijskop {
    display: none;
}
.producten .teruglink {
    font-size: 80%;
    text-align: right;
}
TABLE.product_details {
    border-spacing: 10px 0px;
}
TABLE.winkelwagen {
    border-spacing: 10px 0px;
}
.winkelwagen_prijs {
    text-align: right;
}
TABLE#content TD.winkelwagen_verwijderen {
    padding-left: 10px;
}
TABLE#content .winkelwagen TD {
    height: 1.5em;
}
TABLE#content TR.winkelwagen_bestelknoppen TD {
    padding-top: 10px;
}
/** Einde winkel **/


/** Evenementen (workshops en therapieen) **/
TABLE.evenementen {
    border-collapse: collapse;
}
TABLE.evenementen TR.evenement_rij TD {
    border-bottom: 2px solid #FFD788;
    border-top: 2px solid #FFD788;
    background-color: #FFFEEE;
}
table#content TABLE.evenementen TD {
    padding: 5px;
}
table#content TABLE.evenementen TH {
    padding: 5px;
    background-color: #FFD788;
}

.evenementen .evenement_rij {
    /*background-color: #FFF9AA;*/
}

TABLE.evenementen P {
    margin: 0;
    padding: 0;
}
TABLE#content TABLE.datums {
    border-collapse: collapse;
    width: 100%;
}
TABLE#content TR.datum TD {
    border-top: 1px dotted black;
}
TABLE#content TR.datum .datum_tekst {
/*    background-color: grey;*/
    font-weight: bold;
}
.evenement_aanmeldformulier TABLE {
    width: 500px;
}
.evenement_aanmeldformulier TH {
    width: 120px;
}
.aanmelden BUTTON {
    margin-top: 5px;
    margin-bottom: 5px;
}
/** Einde evenementen **/

/** Gastenboek **/
.gastenboek_begin {
    height: 1px;
    color: black;
    background: black;
    border: 0;
}
.gastenboek_formulier TABLE {
    width: 500px;
}
.gastenboek_formulier TH {
    width: 120px;
}
.gastenboek_foutmelding {
    color: red;
    font-weight: bold;
}
.gastenboek_ingang .naam {
    font-weight: bold;
}
.gastenboek_ingang .email, .gastenboek_ingang .website {
    color: #888;
}
.gastenboek_ingang .reactie {
    padding-left: 10px;
}
/** Einde gastenboek **/

/** Rechts uitgelijnde plaatjes: marge links **/
IMG[align=right] {
    margin-left: 1em;
}
/** Rechts uitgelijnde plaatjes: marge links **/
IMG[align=left] {
    margin-right: 1em;
}

/** Accounts **/
FORM.account_form {
    margin: 0;
    padding: 0;
    /*margin-bottom: -10px;*/
}
DIV.left_column FORM.account_form {
    font-size: 80%;
}

DIV.left_column FORM.account_form INPUT {
    width: 100px;
    
}

DIV.left_column FORM.account_form P {
    margin: 0;
    padding: 0;
    font-size: 80%;
}

#account_login, #account_logout {
    width: 80%;
    font-size: 90%;
    margin-top: 3px;
}
#account_login_fout {
    padding-left: 15px;
    padding-bottom: 10px;
    border: 1px dotted black;
    background-color: #d8d6ba;
}

.account_action TD {
    valign: top;
}
TABLE.account_management .error, .account_error {
    color: red;
}

TABLE.account_management TH {
    font-weight: normal;
}

TABLE.account_management TH.heading {
    font-weight: bold;
}
/** Einde accounts **/