/*********************** LOGO & COLORS ***********************/

  body {
      background-attachment: scroll;
      background-color: #fff;
      background-image: url('../images/test.jpg');
      background-position: center top;
      background-repeat: no-repeat;
      background-size: calc(100%);
  }



/* logo */
#logo
{
    background-image: url("../images/aanwinst.png");
    background-repeat: no-repeat;
    width: 150px;
    height: 120px;
}

@media screen and (max-width:767px)
{
    #logo
    {
        background-size: 36px 26px;
        height: 36px;
    }
}

/* language */
.language-default li.active a
{
    /*color: #cdaf97;*/
    color: #cdaf97;
}

.language-default a:hover
{
    color: #cdaf97;
}

/* menu */
.navigation-default li li.first.active a, .navigation-default li li.first.active a:hover
{
    background: #fff url("../images/icon-home-active.png") no-repeat 0 0;
}

.navigation-default li li.active, .navigation-default li li.active a
{
    color: #FFF;
    background-color: #cdaf97;
    border-radius: 5px;
}

    .navigation-default li li.active ul li.active a
    {
        color: #cdaf97;
        background: transparent none;
    }

    .navigation-default li li.active ul li.first.active a
    {
        color: #cdaf97;
        background: transparent none;
    }

    .navigation-default li li.active ul li ul li.active a
    {
        color: #cdaf97;
    }

    .navigation-default li li.active a:hover
    {
        background-color: #cdaf97;
        border-radius: 5px;
    }

/* mobile menu */
.responsejs .slicknav_nav li.active a
{
    color: #cdaf97;
}

.responsejs .slicknav_nav li.hasChild li.active
{
    background: #cdaf97;
}

.responsejs .slicknav_nav .sitewide-nav.slicknav_open a
{
    color: #cdaf97;
}

.responsejs .slicknav_nav .sitewide-nav.hasChild li.active a
{
    color: #cdaf97;
}

.responsejs .slicknav_menu .slicknav_btn:hover, .responsejs .slicknav_menu .slicknav_btn.slicknav_open
{
    background: #cdaf97;
    border-radius: 5px;
}

/* algemeen */
input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before
{
    border-color: #cdaf97;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus
{
    border-color: #cdaf97;
}

ul.feature-icons li:before
{
    background: #cdaf97;
}

input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover, .button:hover
{
    background-color: #cdaf97;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
.button
{
    background-color: #cdaf97;
    height: 3.75em;
}

ul.feature-icons li:before
{
    background: #cdaf97;
}

input[type='text'], input[type='password'], input[type='email'], select
{
    color: #cdaf97;
}

.fontxlarge_bold_color, .fontnormal_color, .fontlarge_color, .fontnormal_italic_color, .fontnormal_bold_color
{
    color: #cdaf97;
}

.path-backbutton a
{
    color: #cdaf97;
}

.error, .fontnormal_error, .fontnormal_bold_error
{
    color: red;
}

.success, .fontnormal_success
{
    color: green;
}


/*********************** EINDE LOGO & COLORS ***********************/



/********************** CUSTOM VOOR HZWEBSHOPAPP-HZCULT **********************/

.trheader{
    padding-top: 20px;
    padding-bottom: 30px;
}

.trsubtitle{
    padding-bottom: 30px;
}

.trinlog {
    padding-bottom: 70px;
}

/* fonts */
.fontxlarge_bold, .fontxlarge_bold_color
{
    font-size: 3rem;
    font-weight: bold;
    height: 100px;
}

.fontlarge_color
{
    font-size: 2rem;
}

.fontlarge {
    font-size: 1.7rem;
}

.fontlarge_bold, .fontlarge_bold_color, .fontlarge_bold_red, .fontnormal_bold_error {
    font-size: 1.8rem;
    font-weight: bold;
}

.fontnormal, .fontnormal_bold, .fontnormal_italic, .fontnormal_italic_color, .fontnormal_color, .fontnormal_bold_color, .fontnormal_error, .fontnormal_bold_error, .fontnormal_success, .fontnormal_black {
    font-size: 1.8rem;
}

.fontnormal_black {
    color:#000;
}

    .fontsmall, .fontsmall_italic, .fontsmall_italic_color, .fontsmall_color, .fontsmall_italic_red, .fontsmall_italic_orange {
        font-size: 1.4rem;
    }

.fontnormal_bold, .fontnormal_bold_color
{
    font-weight: bold;
}

.fontnormal_italic_color, .fontnormal_italic, .fontsmall_italic, .fontsmall_italic_color, .fontsmall_italic_red, .fontsmall_italic_orange, .fontlarge_italic
{
    font-style: italic;
}

.fontsmall_italic_color, .fontlarge_bold_color, .fontsmall_color
{
    color: #cdaf97;
}

.fontsmall_italic_red, .fontlarge_bold_red
{
    color: red;
}

.fontsmall_italic_orange
{
    color: orange;
}

/* items / item */
.divitems {
    border-radius: 5px;
    /*background-color: #f3f3f1;*/
    background-color: #cdaf971a;
}

.divitem
{
    border-radius: 5px;
    background-color: #f3f3f1;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 1px;
}

/* banken */
.divbanken
{
    border-radius: 5px;
    background-color: #f3f3f1;
}

/* algemeen */
.tdright
{
    vertical-align: middle;
    padding-right: 50px;
    width: 220px;
}

.tdsortsearch{
    text-align: left; 
    width:150px;
}

.tdinvoer_column1
{
    width: 150px;
}

.tdinvoer_column2
{
    width: 150px;
}

.tdinvoer_column3 {
    width: 300px;
}

.tdimage
{
    text-align:center;
    width: 260px;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 40px;
    padding-bottom: 6px;
    height: 180px;
}

.image_horizontaal 
{
    width: 210px;
    border-radius: 5px;
}

.image_verticaal
{
    height: 210px;
    border-radius: 5px;
}

.image_medium
{
    width: 110px;
    border-radius: 5px;
}

.image_small
{
    width: 45px;
}

.image_xsmall
{
    width: 26px;
}

.tblovz, .tblovz_1
{
    width: 490px;
}

.tblovz
{
    height: 110px;
}

.dropdown, .dropdown_right
{
    padding-right: 5px;
    font-size: 1.8rem;
    height: 2.5em;
    width: 500px;
}

.dropdown_right
{
    display:inline;
}

.textbox_large
{
    height: 2.5em;
    width: 100px;
    font-size: 1.8rem;
    width: 500px;
}

.textbox_normal
{
    height: 2.5em;
    width: 100px;
    font-size: 1.8rem;
    width: 450px;
}

.ahref:hover
{
    text-decoration: none;
}

.ahrefunderline
{
    text-decoration: underline;
}

.ahrefunderline:hover
{
    text-decoration: underline;
}

.action {
    position: absolute;
    /* left: 650px; */
    background-color: #a90329;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    padding: 12px 0;
    color: #f1edea;
    font-size: 11px;
    text-align: center;
}

.btnbekijk {
    color: #fff;
    background-color: #cdaf97;
    border-color: #d43f3a;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

@media screen and (max-width:767px) {
    .tdsortsearch {
        text-align: left;
        width: 75px;
    }

    .trheader{
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .trsubtitle{
        padding-bottom: 10px;
    }

    .trinlog {
        padding-bottom: 40px;
    }

    /* fonts */
    .fontxlarge_bold, .fontxlarge_bold_color
    {
        font-size: 1.5rem;
    }

    .fontlarge_color 
    {
        font-size: 1.5rem;
    }

    .fontlarge_bold, .fontlarge_bold_color, .fontlarge_bold_red, .fontlarge, .fontlarge_italic
    {
        font-size: 1.3rem;
    }

    .fontnormal, .fontnormal_bold, .fontnormal_italic, .fontnormal_italic_color, .fontnormal_color, .fontnormal_italic, .fontnormal_bold_color, .fontnormal_error, .fontnormal_bold_error, .fontnormal_success, .fontnormal_black {
        font-size: 1.3rem;
    }

    .fontsmall, .fontsmall_italic, .fontsmall_italic_color, .fontsmall_color, .fontsmall_italic_red, .fontsmall_italic_orange {
        font-size: 1rem;
    }

    /* algemeen */
    .tdright
    {
        padding-right: 10px;
        width: 10px;
    }

    .tdinvoer_column1
    {
        width: 90px;
    }

    .tdinvoer_column2
    {
        width: 120px;
    }

    .tdinvoer_column3 {
        width: 200px;
    }

    .tdimage
    {
        width: 116px;
        padding-left: 6px;
        padding-right: 10px;
        padding-bottom: 4px;
        height: 90px;
    }

    .image_horizontaal 
    {
        width: 100px;
    }

    .image_verticaal
    {
        height: 100px;
    }

    .image_medium
    {
        width: 80px;
    }

    .image_small
    {
        width: 33px;
    }

    .image_xsmall
    {
        width: 25px;
    }

    .tblovz, .tblovz_1
    {
        width: 220px;
    }

    .tblovz
    {
        height: 80px;
    }

    .dropdown, .dropdown_right
    {
        padding-right: 5px;
        font-size: 1.3rem;
        height: 2.7em;
        width: 230px;
    }

    .dropdown_right
    {
        
    }

    .textbox_large
    {
        height: 2em;
        font-size: 1.3rem;
        width: 230px;
    }

    .textbox_normal
    {
        height: 2em;
        font-size: 1.3rem;
        width: 180px;
    }

    .action {  
        visibility:hidden;     
    }

    .btnbekijk {
        font-size: 1.3rem;       
    }
}


.test
{
       padding-top:10px;
    }
                       

/********************** EINDE CUSTOM VOOR HZWEBSHOPAPP-HZCULT **********************/