@import url('resetSettings.css');
@import url('standardSettings.css');

/* -----------------------------------*/
/* ------->>> BASIC LAYOUT <<<--------*/
/* -----------------------------------*/
/* BG Color linker menu: #ffcc00 */
/* BG Color boven menu:  #cbb07b */
/* Text Color boven menu: #451c01 */
/* Text Color linker menu: #451c00 */
html {
    overflow-y: scroll;
}
body, html, form {
    height: 100%;
    width: 100%;
    background-color: #000000;
}
a {
    color: #fff;
}
/* MAIN LAYOUT */
#container {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #00FFFF;
}
#contentHolder {
    position: relative;
    width: 905px;
    background: #000;
}
#headerMenu {
    font-size: 0;
    width: 905px;
    height: 76px;
    background:  url(../images/header.png) repeat-x;
}

#headerMenu .logo {
    height: 100%;
    background: url(../images/header-left.png) no-repeat;
    padding-left: 32px;
}

#headerMenu .menuButtons {
    background: url(../images/header-right.png) no-repeat 100% 0;
    overflow: hidden;
    height: 26px;
    padding-top: 50px;
    margin-top: -76px;
    margin-left: 32px;
}

.menuButtons img {
    float: left;
}
#content {
    margin-top: 19px;
    margin-left: 21px;
    margin-right: 21px;
    background-color: #000;
}
#leftFiller {
    background-image: url(../images/bg-filler-left.gif);
    background-repeat: repeat-y;
    background-position: right;
    background-color: #000;
}
#rightFiller {
    background-image: url(../images/bg-filler-right.gif);
    background-repeat: repeat-y;
    background-position: left;
    background-color: #000;
}

#footer {
    color: #3f3f3f;
    width: 905px;
    height: 40px;
    background-color: #000;
}
#footer .safe-shopping img {
	margin-top: 16px;
}
#footer .copyright {
	float: right;
	padding-top: 16px;
    margin-top: 5px; /* overrideen IE6 */
    margin-right: 21px; /* overrideen IE6 */
    font-size: 10px;
}
#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
    font-size: 10px;
    color: #3f3f3f;
}
#footer a:hover {
    text-decoration: underline;
}
#footer img {
	float: left;
    margin-left: 10px;
}

/* FRONT END BLOCK */
.frontPageBlockLink, .frontPageBlockLinkDouble, .frontPageBlockDouble, .frontPageBlockBackground {
    display: block;
    background: #e98300 url(../images/block-border.png) repeat-x 0 100%;
    cursor: pointer;
    padding-bottom: 16px;
    width: 200px;
    margin-bottom: 21px;
}
.frontPageBlockLink *, .frontPageBlockLink * *, .frontPageBlockLink * * *, .frontPageBlockLink * * * * {
    cursor: pointer;
}
.frontPageBlock {
    display: block;
    border: 1px solid #3f3f3f;
    border-bottom: 0;
    background-color: #222222;
    width: 198px;
}
.blockTitle {
    padding-top: 6px; /* override ie */
    font-weight: bold;
    padding-left: 9px;
    overflow: hidden;
    height: 20px; /* override ie */
    border-bottom: 1px solid #3f3f3f;
    color: #fff;
}
.blockContentHolder, .blockContentHolderLink {
    display: block;
    margin: 9px;
    background-color: #111111;
}
.blockSubTitle {
    padding-left: 11px;
    padding-right: 10px;
    padding-top: 4px; /* override ie */
    height: 16px; /* override ie */
    border-bottom: 1px solid #222222;
    font-weight: bold;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
}
.frontPageBlock .blockSubTitle {
    width: 159px;
}
.blockContent {
    padding: 10px;
    position: relative;
    color: #a8a8a8;
    line-height: 16px;
}
.blockContent td {
    font-size: 11px;
    padding-right: 10px;
    color: #a8a8a8;
    line-height: 16px;
}
.blockContent div {
    font-size: 11px;
    color: #a8a8a8;
    line-height: 16px;
}
.blockContent a {
    font-size: 11px;
    text-decoration: underline;
    color: #a8a8a8;
    line-height: 16px;
}
.blockContent a:hover {
    text-decoration: underline;
}
.blockContent div.discountMessage {
    color: #a8a8a8;
    line-height: 14px;
    height: 42px;
    overflow: hidden;
}
.blockFooter {
    text-align: right;
    font-weight: bold;
    color: #FFFFFF;
    height: 19px;
    margin-left: 12px;
    margin-right: 12px;
}
.blockFooter div {
    position: relative;
    top: -1px;
    padding-right: 10px;
    background-image: url(../images/front-page-arrow.gif);
    background-position: right 2px;
    background-repeat: no-repeat;
}
.blockFooter span.notes {
    position: relative;
    top: -1px;
    padding-left: 0px;
    float: left;
    font-weight: normal;
    color: #4e4e4e;
}
/* DOUBLE FRONTPAGE BLOCKS */
.frontPageBlockDouble {
    cursor: default;
    width: 421px;
}
.frontPageBlockDouble .frontPageBlock {
    width: 419px;
}
.frontPageBlockDouble .frontPageBlock .blockSubTitle {
    width: 380px;
}
.blockContentHolderLink {
    display: block;
    cursor: pointer;
}
.frontPageBlockDouble .blockContent {
    font-size: 11px;
    padding: 10px;
}
.blockImageThumb {
    float: left;
    margin-right: 10px;
}
.readMoreLink, .blockContentHolderLink .readMoreLink, .frontPageBlockLink .readMoreLink, .blockContent .readMoreLink {
    background-image: url(../images/bg-shopmenu-sub-button-arrow.gif);
    background-repeat: no-repeat;
    background-position: right 6px;
    padding-right: 7px;
    position: absolute;
    right: 13px;
    bottom: 12px; /* override ie */
    color: #FFFFFF;
}
.readMoreLink a {
    color: White;
    text-decoration: none;
}
/* LINK / FRONTPAGE BLOCK HOVERS */
.blockContentHolderLink:hover .blockSubTitle, .frontPageBlockLink:hover .blockSubTitle {
    color: #e98300;
}
.blockContentHolderLink:hover, .frontPageBlockLink:hover .blockContentHolder {
    background-color: #080808;
}
.blockContentHolderLink:hover .red, .frontPageBlockLink:hover .red, .blockContentHolderLink:hover .blockSubTitle .red, .frontPageBlockLink:hover .blockSubTitle .red {
    color: #610000;
}
.frontPageBlockDouble .blockContentHolderLink:hover .blockContent, .frontPageBlockDouble .blockContentHolderLink:hover .blockContent .discountMessageOverview, .frontPageBlockDouble .blockContentHolderLink:hover .blockContent td, .frontPageBlock .blockContentHolderLink:hover .blockContent, .frontPageBlock .blockContentHolderLink:hover .blockContent .discountMessageOverview, .frontPageBlock .blockContentHolderLink:hover .blockContent td {
    color: #545454;
}
.blockContentHolderLink:hover div.blockContent div.readMoreLink, .frontPageBlockLink:hover div.blockContent div.readMoreLink {
    background-image: url(../images/bg-shopmenu-sub-button-arrow-orange.gif);
    color: #e98300;
}
.blockContentHolderLink:hover div.blockContent div.readMoreLink a, .frontPageBlockLink:hover div.blockContent div.readMoreLink a {
    color: #e98300;
}
.blockContentHolderLink:hover div.blockContent div.readMoreLink a:hover, .frontPageBlockLink:hover div.blockContent div.readMoreLink a:hover {
    text-decoration: none;
}
/* QUATRO FRONTPAGE BLOCKS */
.frontPageBlockQuatro {
    width: 863px;
    cursor: default;
}
.frontPageBlockQuatro .frontPageBlock {
    width: 861px;
}
.shopNavigation {
    height: 45px;
    margin: 5px;
    color: #a8a8a8;
}
.shopNavigation a {
    font-size: 11px;
    display: block;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px;
    float: left;
    font-weight: normal;
    color: #ddd;
    background-color: #111111;
}
.shopNavigation a:hover {
    background-color: #333333;
}

/*
 * Shop menu
*/
.shopMenu {
    float: left;
    display: block;
    width: 199px;
    border-right: 1px solid #383838;
    margin-bottom: 21px;
}

    .shopMenu ul {
        padding: 0;
    }
    
    .shopMenu li {
        border-left: 3px solid #383838;
    }
    
        .shopMenu li.category-1,
        .shopMenu li.category-2 { border-color: #e98300; }
        .shopMenu li.category-3 { border-color: #f6cd99; }
        .shopMenu li.category-4,
        .shopMenu li.category-5 { border-color: #99d9f0; }
        .shopMenu li.category-6 { border-color: #009fda; }
        .shopMenu li.category-7 { border-color: #7ab800; }
        .shopMenu li.category-8 { border-color: #cae399; }

    .shopMenu .button,
    .shopMenu .buttonLast,
    .shopMenu .buttonActive {
        display: block;
        font-weight: bold;
        color: #fff;
        background: #0f0f0f url(../images/bg-shopmenu-button.gif) no-repeat;
        width: 185px;
        height: 23px;
        padding: 10px 0 0 11px;
        border-top: 1px solid #383838;
    }
        
        .shopMenu li.category-1 a.button:hover,
        .shopMenu li.category-1 a.buttonLast:hover,
        .shopMenu li.category-1 a.buttonActive:hover,
        .shopMenu li.category-2 a.button:hover,
        .shopMenu li.category-2 a.buttonLast:hover,
        .shopMenu li.category-2 a.buttonActive:hover { color: #e98300; }
        .shopMenu li.category-3 a.button:hover,
        .shopMenu li.category-3 a.buttonLast:hover,
        .shopMenu li.category-3 a.buttonActive:hover { color: #f6cd99; }
        .shopMenu li.category-4 a.button:hover,
        .shopMenu li.category-4 a.buttonLast:hover,
        .shopMenu li.category-4 a.buttonActive:hover,
        .shopMenu li.category-5 a.button:hover,
        .shopMenu li.category-5 a.buttonLast:hover,
        .shopMenu li.category-5 a.buttonActive:hover { color: #99d9f0; }
        .shopMenu li.category-6 a.button:hover,
        .shopMenu li.category-6 a.buttonLast:hover,
        .shopMenu li.category-6 a.buttonActive:hover { color: #009fda; }
        .shopMenu li.category-7 a.button:hover,
        .shopMenu li.category-7 a.buttonLast:hover,
        .shopMenu li.category-7 a.buttonActive:hover { color: #7ab800; }
        .shopMenu li.category-8 a.button:hover,
        .shopMenu li.category-8 a.buttonLast:hover,
        .shopMenu li.category-8 a.buttonActive:hover { color: #cae399; }
        
    .shopMenu .lastButton {
        border-bottom: 1px solid #383838;
    }
    
    .shopMenu .buttonActive {
        height: 19px;
    }
    
    .shopMenu .subButton,
    .shopMenu .subButtonActive {
        display: block;
        white-space: nowrap;
        color: #fff;
        background: #0f0f0f url(../images/bg-shopmenu-sub-button-arrow.gif) no-repeat 182px 6px;
        width: 164px;
        height: 14px;
        padding: 3px 16px 0;
    }
    
        .shopMenu .subButtonActive,
        .shopMenu a:hover.subButton {
            background-color: #4f4f4f;
        }
        
    .shopMenu .lastSubButton {
        border-bottom: 8px solid #0f0f0f;
    }
    
    .shopMenu .menuFooter {
        font-size: 0;
        width: 196px;
        height: 0;
        margin-top: -1px;
        margin-left: 3px;
        border-bottom: 1px solid #383838;
        background-color: #0f0f0f;
    }
    
/* SHOP DETAIL */
.shopDetail, .shopDetail td, .shopDetail div, .shopDetail a, .shopDetail a:link, .shopDetail a:visited, .shopDetail a:hover, .shopDetail a:active {
    color: #a8a8a8;
    line-height: 18px;
}
.shopDetail a:hover {
    text-decoration: underline;
}
.shopDetail table {
    width: 100%;
}
.shopDetail .openingstijden, .shopDetail td {
    padding: 0px;
}
.shopDetail .openingstijden div {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 0px;
}
.shopDetail .detailText {
    padding-top: 8px;
}
.shopDetail .detailLabels {
    padding-right: 10px;
    width: 60px;
    white-space: nowrap;
}
.detailText a {
    text-decoration: none;
}
.detailText a:hover {
    text-decoration: underline;
}
.readMoreLink img {
    vertical-align: middle;
}
.noRightMargin {
    margin-right: 0;
}
/* TEXT KLEUR */
.red, .red a {
    color: #c20000;
}
.noBackground {
    background-image: 0;
}
.discountMessageOverview {
    line-height: 14px;
    width: 315px;
    height: 45px;
    position: relative;
    overflow: hidden;
}
.discountTextDetail {
    line-height: 14px;
    padding: 0;
    margin-bottom: 7px;
    width: 382px;
    position: relative;
    overflow: hidden;
}
/* updateForm | INTRANET */
.loginTable, .updateForm {
    width: 100%;
    margin-right: 10px;
}
.loginTable td {
    vertical-align: middle;
    padding: 2px;
}
.input, textarea {
    border: 1px solid #a8a8a8;
    padding: 2px;
    padding-top: 4px;
    width: 100%;
}
label {
    position: relative;
    top: -1px;
    padding-left: 4px;
}
.eventDetailImage {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}
.input.ivld {
    background-color: #f9d0d0;
    border: 1px solid red;
    border-left: 1px solid red;
}
.input.required {
    border-left: 2px solid red;
}

/*
 * Image gallery
 */
.image-gallery {
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 10px 0 0;
}

.image-gallery li {
    float: left;
    padding: 5px;
}

.image-gallery a {
    display: block;
    background: #222;
    padding: 10px;
}

.image-gallery a:hover {
    background: #3f3f3f;
}

.image-gallery img {
}

/*
 * Download list
 */
.download-list {
	padding-left: 16px;
}