/* ---------------- HTML ELEMENTS --------------------------*/
/* html {overflow: scroll;} */

body {
    background: #FFF;
    margin: 0;
    padding: 0px;
    /*font: 11px Verdana, Geneva, Arial, helvetica, sans-serif;*/
    font: 13px Roboto, Verdana, Geneva, Arial, helvetica, sans-serif;
    color: #E2E2E2;
    behavior: url("cssfocusandhover.htc");
}
.pagelink{
    
    font-weight:bold;
    color:#CC0000!important;
}
.firstimage{
/*    margin: auto;
    display: block!important;*/
    
}

.firstimage img
{
    max-height:350px;
}

a.link_button {
    color:#fff!important;
    text-decoration:none!important;
}

#carousel ul.slides li{
   

}

#divbtwkeuze{
    color: #666666;
    
}
.bijkomendeinfo{
    padding:10px;
    
    margin-top:20px;
}
.switch{
        margin-left:5px;
    margin-right:5px;
margin-top:5px;

}
.switchcontainer{
        margin-top:5px;
            margin-left:5px;
    margin-right:5px;
}
.switchtext{
       line-height: 35px;
    font-family: Roboto, Verdana, Geneva, Arial, helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 11px;;
}

.switch-paddle{
 /*   border-radius: 45px;*/

}
.switch input:checked + label,.switch input:checked + label {
    background-color:#CC0000 ;
}
.infoicon{
    height:14px;
    vertical-align: sub;
    cursor:pointer;
    opacity: 0.5;
    display:none;
}

.light-mode .mollie-post-badge:not(.dark-mode), .mollie-post-badge.light-mode {
    border: 2px solid #fff;
}
.mollie-post-badge {
    border: 2px solid #242527;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    float:left;
}
.light-mode .mollie-post-badge:not(.dark-mode) figure, .mollie-post-badge.light-mode figure {
    background: linear-gradient(322deg,#e6e6e6,#fff);
    border-radius: 50%;
    box-shadow: 6px 6px 12px #d9d9d9, -6px -6px 12px #fff;
}
.mollie-post-badge figure {
    background: linear-gradient(140deg,#242527 -3.02%,#0c0c0c 93.08%);
    border-radius: 50%;
    box-shadow: 30px 20px 40px #000, -5px -10px 40px rgba(79,79,79,.05);
}
.mollie-post-badge figure {
    height: 0;
    margin: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
}

td {
    font: 11px Roboto, Verdana, Geneva, Arial, helvetica, sans-serif;
    color: #333333;
}

th {
    font-family: Roboto, Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size: 11px;

}

img {
    border: 0px none #FFFFFF;
}

a {
    color: #000000;
    text-decoration: none;
    text-decoration: underline;
}
.btwinfo{
    padding:5px;
    font-family: Roboto, Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size: 16px;
        text-transform:none;
    line-height: 20px;
    text-align: center;
}
a:visited, a:active {
    color: #666666;
    text-decoration: underline;
}

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

p {
    margin-bottom: 8px;
    font-size: 1em;
}

label {
    display: inline-block;
}

form {
    padding: 0px;
    margin: 0px;
}

li {
    margin-left: 0px;
    line-height: 18px;
    font-size: 13px;
}

ul {
    margin-bottom: 8px;
}

ul ul {
    margin-bottom: 0px;
}

sup {
    font-size: 80%;
}

select {
    font-family: Roboto, Verdana, Geneva, Arial, helvetica, sans-serif;
}


/*--------- IMAGES ----------------------------*/
.image_right {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

.image_left {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

/*--------- CLEARERS ----------------------------*/
.clearer_right {
    clear: right;
    line-height: 0;
    height: 0;
}

.clearer_left {
    clear: left;
    line-height: 0;
    height: 0;
}

/* ------- ERROR SELECTORS ----------------------- */
.error ul {
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
}

.error {
    padding: 10px;
    border: 1px solid #6C6C6C;
    color: #FF0000;
    background-color: #FFFFFF;
    margin-bottom: 10px;
}

.warning {
    padding: 10px;
    border: dotted 1px #999;
    color: #000000;
    font-weight: bold;
    background-color: #FFFFFF;
    margin-bottom: 10px;
}

.message {
    padding: 10px, 0px, 10px, 0px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 10px;
}

/* ------- CONFIRMATION SELECTORS ----------------------- */
.confirmation ul {
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
}

.confirmation {
    padding: 10px;
    border: 1px solid #6C6C6C;
    color: #000000;
    background-color: #FFFFFF;
    margin-bottom: 10px;
}

/*-------- CRUMB PATH -----------------------------*/
#crumbpath {
    color: #666666;
    margin: 2em 0;
}

#crumbpath a:link, #crumbpath a:active, #crumbpath a:visited {
    color: #666666;
}

#crumbpath a:hover {
    color: #666666;
    text-decoration: none;
}

/* ------ SECTION SELECTORS --------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto", Verdana, sans-serif;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 20px;
}

.section h1 {
    font-size: 24px;
    /*color: #666666;*/
    margin: 5px 0px 1em 0;
    padding: 0px;
    /*font-weight: 700;*/
}

.section h2 {
    font-size: 20px;
    color: #000000;
    padding: 4px;
    margin-bottom: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.section_box {
    margin-bottom: 2em;
}

.section_box .product_code_naam {
    border: 1px dotted #999999;
    float: left;
    /*width: 635px;*/
    width: 100%;
}

.section_box .code {
    /*background-color:#CC0000;
color:#FFFFFF;*/
    /*padding: 5px;*/
    margin-top: 0px;
}

.section_box .naam {
    color: #000000;
    font-weight: bold;
    margin: 0;
    padding: 0;
    /*border-top: 1px dotted #999999;
padding: 5px;*/
}

.section_box .afbeelding_outer {
    float: left;
    margin-right: 8px;
}

.section_box .afbeelding_inner {
    /*padding: 1px 5px 0px 5px;*/
    /*float: left;*/
    display: inline-block;
}


.section_body {
}


.section_body a:link, .section_body a:active, .section_body a:visited {
    color: #666666;
    text-decoration: underline;
}

.section_body a:hover {
    color: #666666;
    text-decoration: none;
}

.section_link {
    text-align: right;
}

.section_toolbar {
    text-align: right;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    background-image: url(/images/basis/toolbar.gif);
    background-repeat: repeat-x;
    background-position: left top;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #FFFFFF;
    border-right-color: #999999;
    border-left-color: #FFFFFF;
    background-color: #dbdbdb;
}

/*------ FORM SELECTORS --------------------*/
.required {
    background-image: url(/images/basis/required.gif);
}

.fakebutton {
    padding: 6px;
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #333333;
    background-color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-appearance: none;
}

.fakebutton a:link, .fakebutton a:active, .fakebutton a:visited {
    color: #000000;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-appearance: none;
}

.fakebutton a:hover {
    color: #000000;
    text-decoration: none;
    text-transform: uppercase;
}

A.fakebutton2 {
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    background-color: #CC0000;
    text-transform: uppercase;
    border: none;
    padding: 6px;
    cursor: pointer;
    -webkit-appearance: none;
}


.order_button, .link_button {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-transform: uppercase;
    border: none;
    padding: 1em;
    cursor: pointer;
    background: #CC0000;
    min-width: 100px;
    -webkit-appearance: none;
}

.link_button{
    display: inline-block;
    width:220px;
    text-align:center;
    margin:5px;
}


@media only screen and (max-width: 40em) {
    .order_button, .link_button {
        margin-top: 2em;
        width: 100%;
    }
}



.quantitybox {
    width: 100%;
    max-width: 75px;
    text-align: center;
}

/*------- MAIN DIVISIONS -------------------*/
#main {
    /*width:830px;*/
    margin: 0px auto;
    text-align: left;
    /*border: 1px solid red;*/
}

#container_language {
    text-align: right;
    height: 15px;
    margin-bottom: 5px;
    padding-right: 10px;
}

#container_language a, #container_language a:visited {
    color: #999;
}

#container_language a:hover {
    color: 000;
}

#container_left_shadow {
    width: 770 px;
    background: url(/images/home/master_L.gif) left top repeat-y;
    padding-left: 40px;
}

#container_right_shadow {
    width: 740 px;
    background: url(/images/home/master_R.gif) right top repeat-y;
    padding-right: 40px;
}

.header-top {
    /*background: #ccc;*/
    border-bottom: 1px solid #bbbebf;
}



.header-banner {
    text-align: center;
    margin: 15px 0 30px 0;
}


/*#header_left
{   
width: 115px;
}

#header_right
{  
text-align: right;
width: 125px;
}*/

/*#header_center
{   text-align:center;
padding-top:30px;
}*/

#header {
    padding: 2em 0;
}

/*small*/
@media only screen and (max-width: 40em) {
    #header {
        padding: 1em 0 0;
    }
}


#header_main {
    text-align: center;
}

#header_title img {
    /*border-bottom:1px solid #999;*/
    padding-bottom: 8px;
    padding-top: 18px;
}

/* WEG */
#header_categories {
    font-size: 10px;
    padding-top: 8px;
    color: #999;
}

#header_categories a:link, #header_categories a:active, #header_categories a:visited {
    color: #999;
    margin-left: 0px;
    text-decoration: none;
    border-right: 1px solid #CC0000;
    padding-left: 2px;
    padding-right: 7px;
}

#header_categories #light {
    padding-left: 0px;
}

#header_categories #staging {
    border-right: none;
    padding-right: 0px;
}

#header_categories a:hover {
    color: #000;
}

#header_categories current {
    color: #000;
}
/* WEG */
#header_cattable {
    width: 391px;
    margin-top: 6px;
}

#header_cattable td {
    font-size: 10px;
    font-weight: normal;
    background: url(../images/basis/redseparator.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding: 0px 1px 0px 1px;
    color: #999;
    text-align: center;
}

#header_cattable td.left {
    text-align: left;
    padding-left: 0px;
    width: 9%;
}

#header_cattable td.right {
    border-right: none;
    text-align: right;
    padding-right: 0px;
    background: none;
    width: 13%;
}

#header_cattable a {
    color: #999;
    text-decoration: none;
}

#header_cattable a:hover {
    color: #000;
}

#header_cattable current {
    color: #000;
}



#header input { /*font-size:10px;
color: #666666;
background: #FFFFFF;
border: 1px solid #999999;
height: 16px;
margin-bottom:3px;
padding-left:3px;*/
}

#header .halfbox {
    width: 54px;
}

#header .fullbox {
    width: 120px;
}

#header .selectbox {
    font-size: 10px;
    color: #666666;
    background: #FFFFFF;
    border: 1px solid #999999;
    height: 18px;
    width: 125px;
    margin-bottom: 3px;
}

#divMijnBestelling a:link, #divMijnBestelling a:visited {
    font-weight: bold;
}

#divMijnBestelling a:hover {
    font-weight: bold;
    color: #000;
}

.header_afmelden {
    padding-top: 5px;
}

#footer {
    background: #fff;
    clear: both;
    color: #999;
    padding: 2em 0;
}

#footer a {
    color: #999;
    text-decoration: none;
}

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


#footer .copyright a {
    padding-left: 5px;
    padding-right: 5px;
    border-left: 1px solid #999;
}

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

#footer ul {
    list-style: none;
    margin: 0;
}

#footer [class*="block-grid-"] > li {
    padding: 0 1rem 1.25rem 0;
}

#footer ul > li.cat {
    font-weight: bold;
}

#footer ul > li.cat a {
    color: #666666;
}

#footer ul > li.cat a:hover,
#footer ul > li.subcat a:hover {
    color: #000;
}

#footer ul ul.subcats {
    margin: 0;
}



#footer ul > li.subcat {
    font-weight: normal;
    list-style: none;
}

#footer ul > li.subcat a {
    color: #999;
}

#footer .footer_block {
    margin-top: 2em;
}




#content {
    margin: 0px 0px 0px 0px;
    color: #333333;
    padding-top: 10px;
}


/* ------------------ HOOFD- EN SUBMENU -----------------------------------*/
.menu-container {
    background: #CC0000;
    /*padding: 1em;*/
}


#menu {
    width: 100%;
    /*margin-top: 20px;*/
}

#menu .normitem {
    float: left;
    cursor: pointer;
    margin: 0px 3px 0px 0px;
    padding: 15px 2px;
}

#menu .normitem a {
    text-transform: uppercase;
    /*background: #efefef;*/
    padding: 5px;
    font-size: 11px;
    text-decoration: none;
}

.normitem div {
    display: inline-block;
}


#menu .lastitem {
    float: left;
    cursor: pointer;
    margin: 0px 0px 0px 0px;
}


.top-bar {
    background: transparent;
}

.top-bar-section ul li {
    background: #fff;
}

.top-bar-section li:not(.has-form) a:not(.button) {
    background: #fff;
    text-decoration: none;
}

.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section li.hover > a:not(.button),
.top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
    background: #eceff1;
    color: #666666;
}

.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
    color: #666666;
    background: #fff;
    text-decoration: none;
}

.top-bar-section ul li > a {
    color: #666666;
    font-family: Roboto, Verdana, Geneva, Arial, helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 11px;
}


.top-bar-section .has-dropdown > a::after {
    border-color: rgba(0, 0, 0, 0.4) transparent transparent transparent;
}

.top-bar-section ul.dropdown {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.top-bar-section ul li > a.button {
    background: #cc0000;
}

.top-bar-section ul li > a.button:focus,
.top-bar-section ul li > a.button:hover,
.top-bar-section ul li > a.button:active {
    background: #930000;
    color: #fff;
}

.top-bar-section li:not(.has-form) a.mycart:not(.button) {
    background: #cc0000;
}

.top-bar-section li:not(.has-form) a.selected {
    font-weight: bold;
    color: #cc0000;
}


.submenu { /*height:20px;*/
    cursor: pointer;
    margin: 0PX;
    /*width:746px;*/
    background: #CCC;
}

#sub_home {
    margin-left: 0px;
}

#sub_producten {
    margin-left: 100px;
}

#sub_nieuws {
    margin-left: 200px;
}

#sub_support {
    margin-left: 300px;
}

#sub_downloads {
    text-align: right;
}

#sub_contact {
    text-align: right;
}

#sub_aanmelden {
    text-align: right;
}

.submenu ul {
    padding: 3px 0px 0px;
    margin: 0px 5px 0px 5px;
}

.submenu li {
    display: inline;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    /*border-right: 1px solid #999;*/
    font-size: 10px;
    font-weight: bold;
    color: #999;
}

.submenu li a:link {
    color: #999;
    padding-right: 15px;
    padding-left: 10px;
    text-decoration: none;
}

.submenu li a:visited {
    color: #999;
    padding-right: 15px;
    padding-left: 10px;
    text-decoration: none;
}

.submenu li a:hover, .submenu li a:active {
    color: #000;
    padding-right: 15px;
    padding-left: 10px;
    text-decoration: none;
}

.submenu li a#current {
    color: #000;
    padding-right: 15px;
    padding-left: 10px;
    text-decoration: none;
}

.menu-cats {
    list-style: none;
    margin: 0;
    font-weight: bold;
}

.menu-cats li {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
}

.menu-cats li a {
    color: #fff;
    padding: 12px 15px;
    display: inline-block;
    text-decoration: none;
}

.menu-cats li a:hover,
.menu-cats a.selected {
    color: #fff;
    background: #930000;
    text-decoration: none;
}

@media only screen and (min-width: 64.063em) {
    /*.menu-cats li.alt-menu a {
    background: #f05545;
}

.menu-cats li.alt-menu a:hover {
    background: #930000;
}*/
    .menu-cats li.alt-menu {
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: portrait) {
    .menu-cats .pull-right {
        float: none;
    }
}

#footer .footer-menu {
    margin: 0;
}


#footer .footer-menu li {
    list-style: none;
    margin: 0;
}

#footer .footer-menu li:first-child a {
    border: none;
}


.flex-nav-next, .flex-nav-prev{
    
    line-height: normal!important;
}

.flexslider .slides img{
    margin: 0 auto;
}




/*---------------------SPECIFIC FOR PRODUCT/ACCESSORIES DETAIL -----------*/
.product_detail .product_description, 
.product_detail .product_order,
.product_detail .product_documents,
.product_detail .product_tech {
    margin-bottom: 1em;
    background: #fff;
    padding: 1em;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.08);
}

/*.product_detail .product_documents,*/
.product_detail .product_tech {
    margin-top: 1em;
}

.product_detail .product_description:empty,
.product_detail .product_order:empty,
.product_detail .product_documents:empty,
.product_detail .product_tech:empty {
    display: none;
}


.product_detail .product_image {
    background: #fff;
    padding: 1em;
    text-align: center;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.08);
}



.product_description span span,
.product_description font,
.product_technicalinfo span,
.product_technicalinfo span span,
.product_technicalinfo font {
    font-size: 13px !important;
    font-family: Roboto, Verdana, Arial, Helvetica, sans-serif !important;
}




.product_documents {
    margin-bottom: 10px;
    color: #666666;
}

.product_documents a:link, .product_documents a:active, .product_documents a:visited {
    color: #666666;
}

.product_documents a:hover {
    color: #666666;
    text-decoration: none;
}


.product_detail .product_price {
    text-align: right;
    font-weight: bold;
    font-size: 1.2em;
}


.product_detail .product_amount {
    text-align: center;
}



.product_order_table {
    width: 100%;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.08);
    background: #fff;
    padding: 2em;
}

.product_order_table th {
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
}

.product_detail_order_table {
    line-height: 35px;
}


.product_order .product_vat {
    font-size: 0.8em;
}


.product_overview_order_table {
    text-align: center;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.08);
    background: #fff;
    padding: 2em;
}

.product_overview_order_table #thDagprijs, 
.product_overview_order_table #thTotaal, 
.product_overview_order_table #thAantal {
    width: 70px;
}

.product_overview_order_table th {
    border-top: 1px #999 dotted;
    border-right: 1px #999 dotted;
    padding: 5px;
}

.product_overview_order_table td {
    border-top: 1px #999 dotted;
    border-right: 1px #999 dotted;
    padding: 5px;
}

.product_overview_order_table #Img {
    /*width: 100px;*/
}

.product_overview_order_table #Code {
    text-align: left;
}

.product_overview_order_table .totals {
    background-color: #E5E5E5;
    font-weight: bold;
    text-align: right;
    padding: 10px 0 !important;
}

.product_overview_order_table .prices {
    color: #FFF;
    font-weight: bold;
    background: #CC0000;
    padding: 10px 0 !important;
}

.product_overview_order_table .btw {
    /*font-weight: bold;*/
    padding: 10px 0 !important;
}

.product_technicalinfo ul {
    list-style-type: none;
    margin: 0;
    padding-left: 0px;
}

.product_technicalinfo li {
    margin: 0px;
    background: url(/images/basis/li_pijltjes.gif) no-repeat 0px 7px;
    padding-left: 8px;
    padding-bottom: 1px;
}

.accessory_order_table {
    width: 100%;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.08);
    background: #fff;
    padding: 2em;
}

.accessory_order_table .accessoryrow {
    margin-bottom: 2em !important;
    border-bottom: 1px solid #bbbebf;
    padding-bottom: 1em;
}

.accessory_order_table .accessoryrow:last-child {
    border-bottom: none;
    margin-bottom: 0 !important;
}

.accessory_order_table .labelaccessoryprice {
    display: inline-block;
    margin-top: 10px;
}


.accessory_order_table .labelaccessoryprice.strike {
    font-size: 1em;
    font-weight: normal;
    text-decoration: line-through;
}


.accessory_order_table .quantitybox {
    width: 100%;
    max-width: 75px;
    text-align: center;
}

@media only screen and (max-width: 40em) {

    .accessory_order_table .accessory-image {
        text-align: center;
    }

    .accessory_order_table .accessory-description {
        text-align: center;
        margin-bottom: 2em;
        margin-top: 2em;
    }
}


.productaccessories_total {
    font-weight: bold;
    font-size: 16px;
    text-align: right;
    padding: 1.5em;
}

.productaccessories_total .section_link {
    font-weight: normal;
    font-size: 13px;
    margin-top: 2em;
}

.productaccessories_total .order_button {
    margin-top: 2em;
}





.product_icon {
}

.productdetail_icon {
    display: inline-block;
}



.productdetail_icon img {
    /*margin-left: 5px;*/
}

div.categorie_selectie {
    border: none;
    margin: 0;
    background: #fff;
    padding: 1em;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.08);
}

div.categorie_selectie select {
    width: 100%;
}



/*------------------------- Fieldset ----------*/
.fieldset {
    border: 1px solid #E2E2E2;
    padding: 5px;
}

/*------------------------- Loginscher --------------*/
.loginbutton {
    margin-right: 5px;
}

/* ------------------  niet clean, of misschien toch wel een beetje--------------------------*/
h3 {
    font-size: 18px;
    color: #cc0000;
    margin: 5px 0px;
    padding: 0px;
}

h4 {
    font-size: 16px;
    color: #666666;
    margin: 5px 0px;
    padding: 0px;
    font-weight: bold;
}

.Alert {
    font: 11px Roboto, Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    background: #FFFFFF url(../images/contact/alert.png) no-repeat 5px 4px;
    padding: 5px 5px 5px 25px;
    border: 1px dashed #999999;
}

/* ------------------  HOME --------------------------*/
#categorien_home {
    background-color: #999;
    text-align: center;
    width: 680px;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

#categorien_home div {
    width: 60px;
    background-color: #999;
    float: left;
    margin-left: 22px;
}

#categorien_home img {
    margin-bottom: 10px;
    border: none;
}

#categorien_home a:link, #categorien_home a:visited {
    color: #fff;
    text-decoration: none;
}

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

#home_feeds {
    /*float: left;
margin-top: 10px;*/
}

#home_feeds div {
    /*width: 184px;
float: left;
text-align: center;*/
}

#home_feeds div .home_feed_title,
#vacatures_news_title {
    font-size: 15px;
    /*background: url(../images/home/glass_button_small.gif) no-repeat;*/
    background: #efefef;
    text-align: center;
    /*height: 24px;*/
    /*padding-top: 7px;*/
    color: #999;
    border: none;
    margin: 0px;
    padding: 10px 0;
}

#promo_feed {
    /*margin-left: 0px;kijker
height: 175px;*/
    max-width: 184px;
}

#promo_feed div {
    /*background: url(/upload/promotie_kijker/promotie_nl.jpg) no-repeat center;*/
    /*border: 1px solid #ccc;*/
    /*width: 184px;
height: 155px;*/
}

#featured_product {
    /*height: 175px;
margin-left: 10px;*/
    max-width: 184px;
}

#featured_product div {
    /*border: 1px solid #ccc;*/
    /*width: 184px;
height: 155px;*/
    /*background: url(/upload/promotie_kijker/kijker_nl.jpg) no-repeat center;*/
}

#home_feeds #vacatures_news {
    color: #999;
    /*background: url(http://www.solirent.com/images/home/vacatures_news.gif) no-repeat;*/
    /*margin-left: 10px;*/
    /*width: 362px;*/
    /*height: 185px;*/
    /*background-color: #F5F5F5;*/
}

#home_feeds #vacatures_news #vacatures_news_title td {
    width: 340px;
    text-align: center;
    /*font: 15px Arial, Helvetica, sans-serif;*/
    padding-top: 4px;
    padding-bottom: 6px;
    color: #999;
}

#home_feeds .home_feed {
    /*width: 184px;*/
    height: 155px;
    /*background: url(http://www.solirent.com/images/home/home_feed_background.gif) no-repeat left bottom;*/
    cursor: pointer;
    border: 1px solid #ccc;
}

#home_feeds #vacatures_news .vacatures_news_item {
    /*font: 10px Verdana, Geneva, Arial, helvetica, sans-serif;*/
    text-align: left;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    color: #000;
}

#home_feeds #vacatures_news #vacatures_news_items {
    /*width: 362px;
height: 155px;*/
    /*background: url(http://www.solirent.com/images/home/vacatures_news_background.gif) no-repeat left bottom;*/
    /*border: 1px solid #ccc;*/
    padding: 5px;
}

#home_feeds #vacatures_news .vacatures_news_item a {
    /*font: 10px Verdana, Geneva, Arial, helvetica, sans-serif;*/
    font-color: #000;
}

#home_feeds img {
    border: none;
}

#home_feeds a:link, #home_feeds a:visited {
    color: #999;
    font-weight: bold;
    text-decoration: none;
}

#home_feeds a:hover {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}



/* ------------------  REFERENTIES--------------------------*/
.referenties_cat {
    font-size: 16px;
    color: #999999;
    width: 680px;
    float: left;
    border-bottom: 1px solid #F1F1F1;
    padding: 0px 0px 5px;
    margin-bottom: 10px;
    cursor: pointer;
}
/* ------------------  SUPPORT--------------------------*/
.vraag {
    margin-bottom: 8px;
    font-weight: bold;
    /*font-color: #666666;*/
    color: #333333;
    padding-left: 15px;
    background: url(../images/support/list.gif) no-repeat left 3px;
}

.vraag a:hover {
    color: #CC0000;
    text-decoration: none;
}

.antwoord {
    margin-bottom: 20px;
    margin-left: 15px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #F5F5F5;
    padding: 8px 4px 8px 4px;
}



.antwoord font,
.antwoord span,
.antwoord p {
    /*font-size: 16px !important;*/
    font-family: Roboto, Verdana, Arial, Helvetica, sans-serif !important;
}


.links {
    border-top: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.grey_list {
    background: url(../images/support/list.gif) no-repeat left 3px;
    padding-left: 14px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.antwoord ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.antwoord .grey_list li {
    background: url(../images/support/list.gif) no-repeat left 5px;
    padding-left: 14px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    line-height: 24px;
    font-size: 13px;
}
/* ------------------  CONTACT--------------------------*/
/* ALGEMEEN */
#Adres {
    /*width: 170px;
float: left;*/
}

#Map {
    /*width: 510px;
float: left;*/
    width: 100%;
}

.BBG {
    margin: 0px;
    padding: 0px 0px 5px;
    border-bottom: 1px dotted #CCCCCC;
}
/* WIE is WIE */


.afdeling p {
    border: solid 1px#ccc;
    padding: 5px;
    margin-top: 20px;
}

.afdeling_sectie {
    background-color: #E5E5E5;
    margin: 0px;
    padding: 5px 0px 5px 5px;
    color: #333333;
}

/* INFO AANVRAAG*/
.FormDiv {
    /*width: 609px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 75px;
margin-bottom: 10px;
margin-top: 10px;
float: left;	
background: #E5E5E5;*/
}

.FormDiv td {
}

.Required {
    background: #FFFFFF url(../images/contact/required_field.png) no-repeat 100% 4px;
}
/*.Form {
color: #333333;
border: 1px solid #CCCCCC;
height: 16px;
width: 400px;
vertical-align: middle;
padding-left: 3px;
}*/

.dd {
    /*height: 20px;
width: 405px;*/
}

.FormInfo {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    border: 1px solid #CCCCCC;
    width: 100%;
    padding: 3px;
    margin-top: 3px;
}

.Postcode {
    color: #333333;
    border: 1px solid #CCCCCC;
    height: 16px;
    width: 100%;
    vertical-align: middle;
    padding-left: 3px;
}

.PostRequired {
    background: #FFFFFF url(../images/contact/required_field.png) no-repeat 100% 4px;
}

.Plaats, .Form {
    color: #333333;
    border: 1px solid #CCCCCC;
   
    width: 100%;
    padding-left: 3px;
    vertical-align: middle;
}

.PlaatsRequired {
    background: #FFFFFF url(../images/contact/required_field.png) no-repeat 100% 4px;
}

.Vraag {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    border: 1px solid #CCCCCC;
    width: 400px;
    padding: 3px;
}

input[type=submit],
.Submit,
a.Submit {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-transform: uppercase;
    border: none;
    padding: 1em;
    margin: 12px 0;
    cursor: pointer;
    background: #CC0000;
    text-decoration: none;
    /*background: #CC0000 url(../images/contact/Pijl_Submit.png) no-repeat right;*/
}

a.Submit {
    display: inline-block;
}

a.Submit:hover {
    color: #fff;
}

.Disabled {
    background-color: #CCCCCC;
}
/*  OFFERTE AANVRAAG */
.OfferteDiv {
    /*float: left;	
background-color: #E5E5E5;
width: 680px;
margin-bottom: 10px;*/
}

.OfferteFormDiv {
    /*float: left;	
background-color: #E5E5E5;
padding-left: 75px;*/
}

.OfferteForm {
    /*width: 684px;
padding-top: 10px;padding-bottom: 10px;
margin-bottom: 10px;
background-color: #E5E5E5;*/
}

.OfferteFormDiv input[type="text"] {
    width: 100%;
}


.OfferteKeuze {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #333333;
    text-transform: uppercase;
    border: none;
    padding: 1em;
    margin: 12px 0;
    cursor: pointer;
    border: 1px solid black;
    display: inline-block;
}

.OfferteVerder {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #333333;
    text-transform: uppercase;
    border: none;
    padding: 1em;
    margin: 12px 0;
    cursor: pointer;
    border: 1px solid black;
    display: inline-block;
}

.OfferteTerug {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #333333;
    text-transform: uppercase;
    border: none;
    padding: 1em;
    margin: 12px 0;
    cursor: pointer;
    border: 1px solid black;
    display: inline-block;
}

.OfferteTitel {
    font: 16px Verdana, Arial, Helvetica, sans-serif;
    color: #999999;
    border: none;
    /*background-color: #FFFFFF;*/
    margin: 0px;
    padding: 5px 5px 5px 0px;
}

.OfferteFormKeuze {
}

.OfferteFormKeuze td {
    width: 50%;
    padding: 10px;
    background-color: #E5E5E5;
}

.OfferteFormDatum {
    width: 684px;
    padding: 10px;
    margin-left: 75px;
    background-color: #E5E5E5;
}

.OfferteFormDatum td {
    padding-top: 3px;
}

.OfferteFormKeuze td:hover {
    width: 50%;
    padding: 10px;
    background-color: #E2E2E2;
    cursor: pointer;
}

.OfferteInfo {
    /*padding-left: 5px;
padding-bottom: 10px;
background-color: #E5E5E5;*/
}

.Datum {
    color: #333333;
    border: 1px solid #CCCCCC;
    height: 16px;
    width: 100px;
    vertical-align: middle;
    padding-left: 3px;
}

.Calendar {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

#referentie {
    color: #333333;
    border: 1px solid #CCCCCC;
    height: 16px;
    width: 272px;
    vertical-align: middle;
}
/* ------------------  NIEUWS--------------------------*/
.NieuwsDatum {
    font-size: 11px;
    color: #666666;
    margin: 0px;
    padding: 0px;
}

.SubTitel {
    font-size: 18px;
    color: #666666;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
}

.NieuwsImage {
    float: left;
}

.NieuwsMenuItem {
    /*width: 165px;
float: left;*/
    padding: 10px 5px;
    /*background-color: #F1F1F1;*/
    border-top: 1px solid #F1F1F1;
    /*cursor: pointer;*/
}

.NieuwsMenuItem:hover {
    /*width: 165px;
float: left;*/
    /*padding: 10px 5px;
    background-color: #E2E2E2;
    border-top: 1px solid #FFFFFF;
    cursor: pointer;*/
}

.NieuwsMenuItem:hover a {
    font-size: 11px;
    font-weight: bold;
    color: #666666;
}

.NieuwsMenuItem a {
    font-size: 11px;
    font-weight: bold;
    color: #666666;
}

.NieuwsMenuItem a:visited {
    font-size: 11px;
    font-weight: bold;
    color: #666666;
}

.NieuwsMenuItem a:hover {
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    /*text-decoration: underline;*/
}


.NieuwsMenuLink a {
    font-size: 14px;
    color: #666666;
    text-decoration: none;
}

.NieuwsMenuLink a:visited {
    font-size: 11px;
    color: #666666;
    text-decoration: none;
}

.NieuwsMenuLink a:hover {
    font-size: 11px;
    color: #333333;
    /*text-decoration: underline;*/
}


#NieuwsOverzicht div {
    /*width: 165px;
float: left;*/
    padding: 10px 5px;
    /*background-color: #F1F1F1;*/
    border-top: 1px solid #ccc;
    cursor: pointer;
}

#NieuwsOverzicht div:hover {
    width: 165px;
    float: left;
    padding: 10px 5px;
    background-color: #E2E2E2;
    border-top: 1px solid #FFFFFF;
    cursor: pointer;
}

#NieuwsOverzicht div:hover a {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    text-decoration: underline;
}

#NieuwsOverzicht div a {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    text-decoration: none;
}

#NieuwsOverzicht div a:visited {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    text-decoration: none;
}

#NieuwsOverzicht div a:hover {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    text-decoration: underline;
}

#NieuwsOverzicht {
    width: 180px;
    float: left;
}

#NieuwsSummary {
    width: 495px;
    float: left
}

.NieuwsSummaryDiv {
    width: 495px;
    float: left;
    border-top: 1px solid #E2E2E2;
    padding-top: 5px;
    padding-bottom: 5px;
}

#Hotnews {
    margin-top: 12px;
}

#Hotnews img {
    float: right;
}

#Nieuws {
    width: 495px;
    float: left;
}

#NieuwsImg {
    float: right;
    margin-bottom: 10px;
    background: #E2E2E2;
    padding-bottom: 5px;
    text-align: center;
}

#NieuwsImg img {
    margin-bottom: 5px;
}

/* ------------------  DOWNLOADS--------------------------*/
.download_cat {
    font: normal 16px Verdana, Arial, Helvetica, sans-serif;
    color: #999999;
    width: 680px;
    border-bottom: 1px solid #F1F1F1;
    padding: 5px 0px 0px;
    margin-bottom: 10px;
    cursor: pointer;
}

.download_cat:hover {
}

.download_subcat {
    background-color: #F1F1F1;
    font: normal 13px Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    border: 1px solid #F1F1F1;
    margin-bottom: 10px;
    cursor: pointer;
}

.download_subcat:hover {
    background-color: #E2E2E2;
    font: normal 13px Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    border: 1px solid #E2E2E2;
    margin-bottom: 10px;
}

.download_subcat img {
    margin-right: 10px;
}

.download_doc {
    margin-bottom: 10px;
}

.download_doc img {
    margin-bottom: 5px;
}

.cat_menu {
    clear: both;
    margin-top: 10px;
}

.cat_header {
    border-bottom: 1px solid #F1F1F1;
    color: #999999;
    height: 48px;
    cursor: pointer;
}

.cat_cont {
    clear: both;
    margin-left: 32px;
    margin-bottom: 10px;
}

.cat_item {
    clear: both;
    /*padding-top: 3px;*/
    /*height: 160px;*/
    margin: 0px 5px 5px 5px;
}

.cat_icon {
    width: 48px;
    height: 48px;
    float: left;
}

.cat_itemicon {
    width: 48px;
    height: 48px;
    float: left;
    margin-bottom: 2px;
    margin-right: 5px;
    border: none;
}

.cat_toggle {
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 13px;
}

.cat_title {
    font: normal 16px Verdana, Arial, Helvetica, sans-serif;
    float: left;
    margin-top: 15px;
}

.cat_titlecont {
    margin-top: 15px;
}

.cat_text {
    font: normal 13px Verdana, Arial, Helvetica, sans-serif;
    float: left;
    margin-top: 15px;
}

.cat_table {
    margin: 5px;
    margin-left: 0px;
    width: 100%;
}

.cat_table td {
    width: 25%;
    text-align: center;
    vertical-align: top;
    padding-bottom: 10px;
}

.cat_table_pih {
    position: absolute;
    width: 24px;
    height: 24px;
    overflow: visible;
}

.cat_tablediv {
    margin: 5px;
    margin-top: 15px;
    margin: 15px auto 5px auto;
    padding: 5px;
    cursor: pointer;
    border: 1px solid #999999;
    /*width: 100px;*/
    height: 100px;
}

.cat_tabledocdiv {
    width: 50px;
    height: 50px;
}

.cat_table a:link, .cat_table a:visited, .cat_table a:hover, .cat_table a:active {
    /*text-decoration: none;*/
}

.cat_tableicon {
    position: absolute;
    z-index: 10;
    width: 24px;
    height: 24px;
    top: -15px;
    left: 2px;
    border: none;
}

.cat_tabledocicon {
    top: 0px;
    left: 0;
}

.cat_tabledocieicon {
    top: -10px;
    left: 50px;
}

.table_cont {
    margin-left: 20px;
    margin-top: 5px;
}

.beurs {
    padding-left: 10px;
    margin: 0px;
}

.beurs li {
    cursor: pointer;
    list-style: none;
}

.beursfoto {
    cursor: pointer;
    margin: 5px 0px 5px 0px;
    padding: 0px;
    border: 1px solid #CCCCCC;
}

.tDiv {
    display: inline;
    padding: 0px 5px 5px 5px;
    margin: 0px;
    width: 80px;
    height: 60px;
}

.itemHolder {
    position: relative;
    left: -5px;
}

.category {
    font-weight: bold;
    cursor: pointer;
    display: block;
    margin-top: 10px;
}

.mainPicDiv {
    text-align: center;
    margin-bottom: 20px;
}

.mainPic {
    float: none;
    border: 1px solid #CCCCCC;
}

#itemTitle {
    font-size: 16px;
}

#ruler {
    border-top: 1px solid #666666;
    margin: 10px;
    margin-left: 5px;
    display: none;
}

.standListItem {
    cursor: pointer;
}

.selectedItem {
    background-color: #CCCCCC;
    font-weight: bold;
}

.checkoutbox {
    font-weight: bold;
    border: dotted 1px #999;
    padding: 5px
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    width: 50%;
    height: 80%;
}


@media only screen and (max-width: 40em) {

    .modalPopup {
        width: 100%;
        height: 100%;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .modalPopup {
        width: 75%;
        height: 75%;
    }
}




.iframebody {
    background: #FFFFFF;
    font: 13px Roboto, Verdana, Geneva, Arial, helvetica, sans-serif;
    color: #333333;
    padding-bottom: 85px;
}

.iframeheader {
    background-color: #990000;
    color: #FFFFFF;
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

.iframecontrols {
    width: 100%;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: right;
    margin-top: 15px;
   
    bottom: 0;
    background: #fff;
}

.iframecontrols a.CancelButton {
    display: inline-block;
    margin: 15px 0;
    padding: 10px;
    border: 1px solid #ccc;
}


.iframecontrols a.SubmitButton {
    display: inline-block;
    margin: 15px 0;
    padding: 10px;
    background-color: #cc0000;
    color: #FFFFFF;
}

#wijzigdagen_toondatums {
    padding-bottom: 100px;
}


.optieszoekbeurs {
    padding: 5px 0px 5px 0px;
}

.beurslijst {
    width: auto;
    height: 400px;
    border: 1px solid Silver;
    overflow-y: auto;
    overflow-x: hidden;
}


@media only screen and (max-width: 40em) {
    .beurslijst {
        width: auto;
        height: 350px;

    }
}


.beurslijsttitel {
    background-color: #CC0000;
    font-weight: bold;
    color: #FFFFFF;
}


.beurslijsttekst2 {
    background-color: #EEEEEE;
}

td.beurslijsttekst2 a {
    text-decoration: underline;
}

td.beurslijsttekst a {
    text-decoration: underline;
}

.datumhelptekst {
    color: #999999;
}

.aantaldagentitel {
    font-size: 13px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 2px;
}

.transportsubpanel {
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
    /* background-color:#eeeeee*/
}

.transportsubpanel2 {
    margin-left: 10px;
    padding: 5px 0px 5px 5px;
    background-color: #eeeeee
}

.kieslevering {
    border-right: solid 1px #990000
}
/*---LIGHTBOX---*/
.content_lightbox p {
    color: #333;
}
/*--*/

.ordernr {
    color: #FF0000;
    font-weight: bold;
}

.notavailable {
    border: solid 1px #ff0000;
    padding: 5px;
    margin: 3px;
    color: #ff0000;
}

.notavailable a {
    color: red;
}


#lightbox_block_background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    background-color: #333333;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    width: 100%;
}

.lightbox_block {
    position: absolute;
    z-index: 100;
    background-color: #FFFFFF;
    margin-top: -120px;
    left: 50%;
    top: 50%;
    border: 1px solid #FF0000;
    padding: 10px;
}

.pull-right {
    float: right
}

.normitem.pull-right {
    float: right !important;
    font-weight: bold;
}

.content-inner {
    min-height: 600px;
    background: #ECEFF1;
    padding-bottom: 4em;
}

#frmZoek {
    padding: 10px 0;
    text-align: right;
}

#frmZoek input[type=text] {
    width: 177px;
}

#frmZoek input[type=submit] {
    background: #000;
    color: #fff;
    border: 0;
    padding: 9px 10px;
    cursor: pointer;
}


.menu-icon {
    color: #ffffff;
    display: block;
    height: 4rem;
    line-height: 2.0625rem;
    padding: 0;
    position: relative;
    text-indent: 2.1875rem;
    transform: translate3d(0px, 0px, 0px);
    width: 2.8125rem;
    float: right;
    background: #fff;
    z-index: 999;
    margin-top: 0.5rem;
}

.menu-icon span:after {
    box-shadow: 0 0 0 3px #cc0000, 0 10px 0 3px #cc0000, 0 20px 0 3px #cc0000;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin-top: -0.5rem;
    position: absolute;
    top: 35%;
    width: 2rem;
}


.move-right .exit-off-canvas {
    background: rgba(255, 255, 255, 0.5);
}

.breaker {
    word-break: break-all
}

.products_list td.product_cat {
    padding: 5px;
}


.informationform input[type=text],
.informationform textarea,
.registrationform input[type=text],
.registrationform select,
.loginform input[type=text],
.loginform input[type=password] {
    width: 100%
}

input.input-validation-error {
    border: 1px solid red !important;
}

.cartrow {
    margin-bottom: 2em !important;
    border-bottom: 1px solid #bbbebf;
    padding-bottom: 1em;
}

.cartheader {
    font-weight: bold;
    margin-bottom: 2em !important;
}

.labelprice {
    display: inline-block;
    margin-top: 10px;
}

.labelprice.strike {
    text-decoration: line-through;
    display: block;
    font-size: 0.8em;
}



@media only screen and (max-width: 40em) {
    .cart-product-description {
        text-align: center;
        margin-bottom: 2em;
        margin-top: 2em;
    }

    .cart-product-image {
        text-align: center;
    }

    .checkout-product-description {
        margin: 0 0 1em 0;
    }
}


ul.off-canvas-list li label {
    display: block;
}




@media only screen and (min-width: 64.063em) {
    .left-off-canvas-menu {
        display: none !important;
    }
}

.panel {
    background: white;
}



.modalPopup {
}




/*----------------------------------------------------------
Cookie Consent
----------------------------------------------------------*/
/*----------------------------------------------------------
Cookie Consent
----------------------------------------------------------*/
.cc_banner-wrapper {
    position: relative;
    z-index: 2;
}

.cc_container {
    top: 0;
    right: 0;
    overflow: hidden;
    padding: 10px;
    position: relative;
    right: 0;
    background: #333333;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    animation-duration: 0.8s;
    animation-fill-mode: both;
    animation-name: fadeInRight;
    animation-delay: 5s;
}

.cc_container .cc_btn {
    cursor: pointer;
    font-size: 0.8em;
    line-height: 1em;
    text-align: center;
    bottom: 0px;
    padding: 8px 16px;
    position: relative;
    left: 0px;
    display: inline-block;
    float: right;
}

.cc_container .cc_message {
    font-size: 0.8em;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    transition: font-size 200ms ease 0s;
    text-align: center;
}

.cc_container .cc_logo {
    display: none;
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited {
    font-size: 13px;
    color: #fff;
    background-color: #CC0000;
    margin: 0px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border-radius: 2px;
}

.cc_container .cc_btn:hover,
.cc_container .cc_btn:active {
    color: #fff;
    text-decoration: none;
}

.cc_container a, .cc_container a:visited {
    color: #f9f9f7;
    text-decoration: underline;
}

.cc_container a:hover, .cc_container a:active {
    text-decoration: none;
}

/*small*/
@media only screen and (max-width: 40em) {
    .cc_container .cc_btn {
        font-size: 0.8em;
    }

    .cc_container .cc_message {
        font-size: 0.8em;
    }
}

/*medium*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .cc_container .cc_btn {
        font-size: 1em;
    }

    .cc_container .cc_message {
        font-size: 1em;
        line-height: 1.5em;
    }
}

/*large*/
@media only screen and (min-width: 64.063em) {
    /*.cc_container {
 
        padding-bottom: 0;


    }*/

    .cc_container .cc_logo {
        display: none;
    }

    .cc_container .cc_message {
        font-size: 0.8em;
    }
}

@media print {
    .cc_banner-wrapper, .cc_container {
        display: none;
    }
}




/*-------------------------------------------
    responsive product table
----------------------------------*/



td.hov a:link, td.hov a:active, td.hov a:visited {
    font-weight: bold;
    color: #000000;
}


products_list.product_pic {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
}

.products_table .product_pic img {
    /*width: 60px;
min-width: 60px;
max-width: 60px;*/
    max-height: 60px;
    max-width: 100%;
}




.products_list tr.productpager td span,
.products_list tr.productpager td a,
.products_table tr.productpager td span,
.products_table tr.productpager td a {
    padding: 5px 10px;
    text-decoration: none;
    position: relative;
    display: inline-block;
    padding: .5rem .75rem;
    margin-left: -5px;
    line-height: 1.25;
    color: #333333;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.products_list tr.productpager,
.products_table tr.productpager {
    display: block;
    width: 100%;
    clear: both;
    float: none;
    margin-bottom: 0;
    padding-bottom: 5px;
}


.products_list tr.productpager td span,
.products_table tr.productpager td span {
    color: #fff;
    font-weight: 700;
    background: #CC0000;
}


.products_list,
.products_table {
    display: block;
    margin: 0 -0.55556rem;
    width: auto;
}

.products_list tr {
    display: block;
    float: left;
    width: 50%;
    padding: 0 0.55556rem 1.11111rem;
}


.products_table tr {
    display: block;
    float: left;
    width: 100%;
    padding: 0 0.55556rem 1.11111rem;
}


table.products_list tr th,
table.products_list tr td,
table.products_table tr th,
table.products_table tr td {
    padding: inherit;
}




.products_list tbody,
.products_list tr td.productblock,
.products_table tbody,
.products_table tr td.productblock {
    width: 100%;
    display: block;
}

.products_list tr td.productblock {
    min-height: 170px;
    padding: 0;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.08);
    background-color: #FFF;
    /*border: 2px solid #999*/
    border: none;
    position: relative;
}

.products_table tr td.productblock {
    padding: 0;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.08);
    background-color: #FFF;
    /*border: 2px solid #999*/
    border: none;
    position: relative;
}


.products_list tr td.productblock a {
    cursor: pointer;
    padding: 2em;
    display: block;
    min-height: 156px;
    color: #323232;
}

.products_table tr td.productblock a {
    cursor: pointer;
    padding: 1.5em 2em;
    display: block;
    color: #323232;
}


.products_list tr td.productblock img.product_img {
    max-height: 90px;
}


.products_list tr td.productblock .product_name {
    font-weight: bold;
    display: inline;
    float: left;
    width: 87%;
    margin-left: 10px;
    margin-bottom: 15px;
    min-height: 60px;
}

.products_table tr td.productblock .product_name {
    font-weight: bold;
    margin-left: 10px;
    margin-bottom: 15px;
    /*min-height: 60px;*/
    display: inline;
    float: left;
    width: 87%;
}


.products_list tr td.productblock .product_icon,
.products_table tr td.productblock .product_icon {
    float: left;
}

.products_list tr td.productblock .product_price,
.products_table tr td.productblock .product_price {
    font-size: 1.2em;
    font-weight: bold;
}

.products_list tr td.productblock .product_price.strike,
.products_table tr td.productblock .product_price.strike {
    font-size: 0.8em;
    font-weight: normal;
    text-decoration: line-through;
}

.products_table tr td.productblock .product_price:not(.strike) {
    display: block;
}

.products_list tr td.productblock .product_price_type,
.products_table tr td.productblock .product_price_type {
    font-size: 0.8em;
}


.products_list tr td.productblock .product_code,
.products_table tr td.productblock .product_code {
    margin: 0.5em 0;
    clear: both;
}



.products_list tr td.productblock .cat_icon {
    position: absolute;
    right: 0em;
    bottom: 0;
    width: 48px;
}

.products_table tr td.productblock .cat_icon {
    position: absolute;
    right: 0em;
    top: 0;
    width: 48px;
}


@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: portrait) {

    .products_table tr td.productblock .cat_icon {
        position: absolute;
        right: 0em;
        bottom: 0;
        width: 32px;
        height: 32px;
    }
}




table.products_list tr:nth-of-type(2n),
table.products_table tr:nth-of-type(2n) {
    background: transparent;
}


table.products_list tbody tr.product_container:nth-of-type(even) {
    clear: both;
}


table.products_table tr td div.productpic_c {
    width: 8.33333%;
}

table.products_table tr td div.productdesc_c {
    width: 91.66667%;
}


table.products_table tr td div.productdesc_c_i {
    width: 75%;
    position: relative;
    float: left;
    padding: 0 0.5rem
}

table.products_table tr td div.productprice_c {
    width: 25%;
    position: relative;
    float: left;
    padding: 0 0.5rem;
}

.products_list .product_vat,
.products_table .product_vat {
    font-size: 0.8em;
}



@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .products_list tr td.productblock .product_name {
        width: 82%;
    }
}

@media only screen and (max-width: 40em) {
    .products_list tr {
        width: 100%;
    }

    .products_list tr td.productblock .product_name {
        width: 85%;
        min-height: inherit;
    }

    .products_list tr td.productblock img.product_img {
        margin-bottom: 1em;
    }
}


.switch_panel_container {
    position: absolute;
    right: 0;
    padding: 0.5em 1em 1em;
}

.displaymode {
    float: right;
    margin: 0 0 0 1em;
}

.displaymode:hover {
    cursor: pointer;
}

.grid-icon,
.table-icon {
    display: inline-block;
    position: relative;
    width: 26px;
    height: 26px;
}

.grid-icon:hover > span > span,
.table-icon:hover > span > span {
    opacity: .8;
}

.grid-icon > .layer,
.table-icon > .layer {
    width: 100%;
    position: absolute;
    left: 0;
}

.grid-icon > .layer {
    height: 12px;
}

.table-icon > .layer {
    height: 6px;
}

.grid-icon > .layer-primary,
.table-icon > .layer-primary {
    top: 0;
}

.grid-icon > .layer-secondary,
.table-icon > .layer-tertiary {
    bottom: 0;
}

.table-icon > .layer-secondary {
    top: 50%;
    margin-top: -3px;
}


.grid-icon > .layer > span {
    position: absolute;
    display: block;
    width: 12px;
    height: 100%;
    box-sizing: border-box;
    border: solid 2px #333;
}

.table-icon > .layer > span {
    position: absolute;
    display: block;
    width: 100%;
    height: 6px;
    box-sizing: border-box;
    border: solid 2px #333;
}


.displaymode.active .grid-icon > .layer > span,
.displaymode.active .table-icon > .layer > span {
    border: solid 2px #cc0000;
}


.grid-icon .layer > span:first-child {
    left: 0;
}

.grid-icon > .layer > span:nth-child(2) {
    right: 0;
}







.panel {
    border: none;
    background: #fff;
    padding: 1em;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.08);
}



.home-block {
    background: #fff;
    width: 100%;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.08);
    position: relative;
}

.home-block img.bg {
    width: 100%;
}


.home-block-description {
    position: absolute;
    top: 0;
    /*-webkit-transform: translateY(-50%);
    transform: translateY(-50%);*/
    left: 0;
    right: 0;
    max-width: 50rem;
    color: #fff;
}

.home-block .order_button {
    padding: 0;
    display: block;
    width: 100%;
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    position: absolute;
    bottom: 0;
}

.home-block-description h2 {
    /*font-size: 2.60em;*/
    font-size: 2.0em;
    color: #fff;
    padding: 10px 10%;
    /*word-break: break-all;*/
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}


.home-block-description .home-block-text {
    padding: 0 10%;
    margin-bottom: 1em;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
    min-height: 36px;
}

@media only screen and (max-width: 40em) {
    .home-block-description h2 {
        font-size: 1.30em;
    }
}


@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: portrait) {
    .home-block-description h2 {
        font-size: 1.30em;
    }

    .home-block-description .home-block-text {
        min-height: 50px;
    }
}

@media print {
    /*.home-block-description h2,
    .home-block-description .home-block-text,
    .home-block-description a.order_button {
        color: #fff !important;
    }*/

    .home-block img.bg {
        display: none !important
    }

    .home-block {
        width: 100%;
        height: 180px;
        border: 1px solid #000;
    }

    .home-block-description h2 {
        font-size: 16px;
    }

    .home-block-description a.order_button {
        padding: 5px;
    }

    .home-block-description a.order_button img.ico {
        margin-right: 5px;
    }
}



#slideshow {
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 225px;
}


@media only screen and (max-width: 40em) {
    #slideshow {
        height: 186px;
        margin-bottom: 15px;
    }
}



#slideshow > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

.news-block .news-block h2 {
    text-align: center;
}


.news-block ul li {
    border-right: 1px solid #e2e2e2;
    text-align: left;
    min-height: 58px;
}

.news-block ul li:last-child {
    border-right: none;
}

.news-block ul.large-block-grid-2 .news_item {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}

.news-block ul.large-block-grid-3 .news_item {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}



@media print {
    .large-1 {
        width: 8.33333%;
    }

    .large-2 {
        width: 16.66667%;
    }

    .large-3 {
        width: 25%;
    }

    .large-4 {
        width: 33.33333%;
    }

    .large-5 {
        width: 41.66667%;
    }

    .large-6 {
        width: 50%;
    }

    .large-7 {
        width: 58.33333%;
    }

    .large-8 {
        width: 66.66667%;
    }

    .large-9 {
        width: 75%;
    }

    .large-10 {
        width: 83.33333%;
    }

    .large-11 {
        width: 91.66667%;
    }

    .large-12 {
        width: 100%;
    }


    .large-block-grid-3 > li {
        width: 33.33333%;
        list-style: none;
    }

    .large-block-grid-3 > li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-3 > li:nth-of-type(3n+1) {
        clear: both;
    }
}


/*-------------------------------------
TOPPERS
--------------------------------------*/

.section_body .toppers a {
    text-decoration: none;
    color: #333333;
}


h3.toppers_header {
    background: #CC0000;
    color: #fff;
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    margin: 0;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}

h3.promotitle {
    background: #CC0000;
    color: #fff;
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    margin: 0;
}

.toppers_block {
    min-height: 250px;
    border: 3px solid #cc0000;
    margin-top: 1.25rem;
}



.toppers .topper_product {
    padding: 20px 10px;
    height: 255px;
    position: relative;
}

.toppers .topper_img {
    text-align: center;
    height: 80px;
}

.toppers .topper_code {
    font-size: 10px;
    margin-bottom: 5px;
}

.toppers .topper_img img {
    max-height: 100%;
    margin: 0 auto;
}

.toppers .topper_price {
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px 0 10px 10px;
    width: 100%;
    background: #cc0000;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}





.welcome-message {
    text-align: right;
    color: #323232;
    font-weight: bold;
}