/************************************ DESKTOP ************************************/

@font-face {
    font-family: 'ARCENA';
    src: url('/fonts/ARCENA.eot');
    src: local('☺'), url('/fonts/ARCENA.woff') format('woff'), url('/fonts/ARCENA.ttf') format('truetype'), url('/fonts/ARCENA.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* GENERAL */
html {
    background: url('/images/layout/background.jpg') no-repeat fixed top center #FFF;
}

body {
    height: 100%;
    color: #000;
    font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
}

/* CONTENT */
a {
    color: #3799c6;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

a.read-more, .read-more {
    background: #3799c6;
    color: #fff;
}

.newsitem-content a.read-more, .newsitem-content .read-more{
    border-radius: 9px;
    text-transform: none;
    font-weight: normal;
    font-size: 12px;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #3799c6;
}

a.read-more.yellow, .read-more.yellow{
    background-color: #e3c201;
}

a.read-more.green, .read-more.green{
    background-color: #319036;
}

a.read-more.red, .read-more.red{
    background-color: #d6251f;
}

a.read-more.blue, .read-more.blue{
    background-color: #3799c6;
}

a.read-more:hover, .read-more:hover{
    background: #767475;
}

h1 {
    color: #3799c6;
    font: normal 30px/34px 'ARCENA', Arial,Helvetica,sans-serif;
}

h2 {
    color: #3799c6;
    font: normal 20px/24px 'ARCENA', Arial,Helvetica,sans-serif;
}

h3 {
    color: #3799c6;
    font: normal 18px/20px 'ARCENA', Arial,Helvetica,sans-serif;
}

.main-color {
    color: #3799c6;
}

.newsitem-content h3 {
    color: #767475;
    margin-top: 10px;
}

.newsitem-content h3.yellow{
    color: #e3c201;
}

.newsitem-content h3.green{
    color: #319036;
}

.newsitem-content h3.red{
    color: #d6251f;
}

.newsitem-content h3.blue{
    color: #3799c6;
}

.newsdate-category{
    color: #3799c6;
    font-size: 12px;
}

.newsdate-category.yellow{
    color: #e3c201;
}

.newsdate-category.green{
    color: #319036;
}

.newsdate-category.red{
    color: #d6251f;
}

.newsdate-category.blue{
    color: #3799c6;
}

.home .newsitem-summary{
    font-style: normal;
}

.images img {
    background: #767475;
    padding: 0;
}

.image-title{
    color: #000;
}

.imageHolder{
    border: 9px solid #3799c6;
    border-radius: 9px;
    background-color: #3799c6;
}

.imageHolder img{
    border-radius: 4px;
}

.imageHolder.yellow{
    border-color: #e3c201;
    background-color: #e3c201;
}

.imageHolder.green{
    border-color: #319036;
    background-color: #319036;
}

.imageHolder.red{
    border-color: #d6251f;
    background-color: #d6251f;
}

.imageHolder.blue{
    border-color: #3799c6;
    background-color: #3799c6;
}


.newsitem-content {
    border-top: 1px solid #767475;
}

.home .newsitem-content {
    border-top: 0;
}

/* NAVIGATION */

.mobile-menu{
    background:#3799c6;
}

nav#main-menu a {
    color: #767475;
}

nav#main-menu a.active {
    background: #3799c6;
    color: #fff;
}

nav#main-menu a:hover,
nav#main-menu ul > li:hover > a {
    background: #3799c6;
    color: #fff;
}

nav#main-menu ul > li > ul {
    margin-bottom: 0;
}


.sub-navigation a {
    color: #fff;
    background-color: #767475;
}

.sub-navigation a:hover {
    background-color: #3799c6;
}
.sub-navigation a.active {
    background-color: #3799c6;
    display: block;
}

nav#main-menu li a{
    border-radius: 9px;
    padding: 5px 8px;
    color: #000;
    font: normal 18px/20px 'ARCENA', Arial,Helvetica,sans-serif;
}

/* CONTACT */
.contactForm input[type=submit]:hover {
    background: #3799c6;
}

.contactForm input[type=submit] {
    background: #767475;
}

.errorBox {
    background: #fff;
    border: 5px solid #a61814;
    color: #000;
}

select{
    border: 1px solid #ccc;
}

/* Pagination */

.pagination .pageLink, .pagination .lastPage, .pagination .nextPage, .pagination .prevPage, .pagination .firstPage, .pagination .dotSep{
    background: #767475;
    color: #fff;
}

.pagination .currPage{
    background: #3799c6;
    color: #fff;
}

/* FOOTER */
.footer-background-color {
    background: #3799c6;
}

footer a{
    color: #fff;
}

#sticky-footer {
    color: #fff;
}

/* Webshop */

.shopping-cart{
    background:#fff;
    border: 1px solid #ccc;
}
.shopping-cart-head{
    background:#ccc;
}

.shopping-cart-content{
    color: #000;
}

.shopping-cart-content a{
    color: #000;
}

.shopping-cart-price{
    border-top: 1px solid #ccc;
}

.shopping-cart-head a{
    color: #fff;
}

/* Product overview*/

.product-block{
    background: #fff;
    border: 1px solid #ccc;
    color: #000;
}

.products-overview .product-price, .home .product-price{
    color: #fff;
    background: #3799c6;
}

.products-overview-description{
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
}

.products-overview .product-image, .home .product-image{
    border: 1px solid #ccc;
}

.products-overview .product-name, .home .product-name{
    border-bottom: 3px solid #ccc;
}

/* Product detail */
.product-detail .product-original-price{
    font-size: 14px;
    color: #f00;
    text-decoration: line-through;
}
.product-detail .product-price{
    color: #3799c6;
}

.product-detail-column{
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
}

.product-detail-image{
    border: 1px solid #ccc;
}
.product-detail-image-small{
    border: 1px solid #ccc;
}

.statusUpdate{
    color: #f00;
}

.product-info h1{
    color: #3799c6;
}

/* Tabs on product detail*/

.tabs .tabsHolder ul li.active span.label{
    background-color: #3799c6;
    border-bottom: 1px solid #3799c6;
    color: #fff;
}

.tabs .tabsHolder ul{
    background-color: #CCC;
    color: #fff;
}

.tabs .tabsHolder ul li span.label:hover{
    background: #3799c6;
    border-bottom: 1px solid #3799c6;
}

.tabs .tabDetails .tabLabel.active{
    background: url(/images/layout/closed.png) no-repeat #3799c6;
    background-position: 95% 50%;
}

.tabs .tabsHolder ul{
    background-color: #CCC;
}

.tabs .tabDetails .tabContent.opened{
    border: 1px solid #c4c4c4;
    background: #fff;
    color: #000;
}

.tabs .tabDetails .tabContent p:last-child{
    margin-bottom: 0;
}

/* Product navigation */

.product-categories{
    border: 1px solid #ccc;
    background: #fff;
}

.product-categorie-active{
    background: #ccc;
    color: #fff;
    line-height: 28px;
}

.product-categorie-active a{
    color:#f00;
}

.product-categorie-column a{
    color:#000;
}
.product-categorie-column a:hover{
    color:#3799c6;
}

#product-filter{
    border: 1px solid #ccc;
    background: #fff;
}
.product-filter-head{
    background: #ccc;
    color: #fff;
}

.product-filter-head-mobile{
    background: url(/images/layout/opened.png) no-repeat #ccc;
    background-position: 95% 50%;
}
.opened{
    background: url(/images/layout/closed.png) no-repeat #ccc;
    background-position: 95% 50%;
}
.product-filter-column{
    color: #000;
}

/* Shopping cart Page */

.basket .product{
    border-bottom: 1px solid #ccc;
    background: #fff;
    color: #000;
    overflow: hidden;
}

.basket .head, .order .head, .bike .head, .page .head{
    border-bottom: 1px solid #ccc;

}

.step{
    color: #fff;
    background-color: #ccc;
}

.step-active{
    color: #fff;
    background-color: #3799c6;
}
.step-amount{
    background: #ccc;
    color: #fff;
}
.step-sep{
    background: url(/images/layout/step-sep.png) no-repeat center center;
}
.delete-button{
    background: url(/images/layout/delete-button.png) #ccc no-repeat;
}
.refresh-button{
    background: url(/images/layout/refresh-icon.png) no-repeat;
}
.refresh-button-small{
    background: url(/images/layout/refresh-icon-small.png) no-repeat;
}
.delete-button-small{
    background: url(/images/layout/delete-button-small.png) #ccc no-repeat;
}

.basket .basket-order-details-column{
    background: #fff;
    color: #000;
}


.basket .underline{
    border-bottom: 1px solid #ccc;
}
.basket .upperline{
    border-top: 1px solid #ccc;
}

/* Order Page */
.order select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    color: #000;
}

.order-column{
    background: #fff;
    color: #000;
}

/* Shopping cart column header*/


.cart-button-amount{
    color: #ccc;
}

.shopping-cart{
    background:#fff;
    border: 1px solid #ccc;
}
.shopping-cart-head{
    background:#ccc;
    min-width: 235px;
}

.shopping-cart-content{
    color: #000;
    background: #fff;
}

.shopping-cart-content a{
    color: #000;
}

.shopping-cart-price{
    border-top: 1px solid #ccc;
    background: #fff;
}

/*Login column header*/


.inlog-button {
    color: #3799c6;
}

.login-column{
    background:#fff;
    border: 1px solid #ccc;
    color: #000;
}
.login-column-head{
    background:#ccc;
    color: #fff;
}

.login-column-content{
    color: #000;
}

.login-column-content a{
    color: #3799c6;
}

.login-column-head a{
    color: #fff;
}

/* Image zoom */

.image-zoom {
    background: #ccc;
}

a:hover .image-zoom {
    background: #3799c6;
}

/* Producten on Home*/

.module-producten{
    border-bottom: 3px solid #767475; 
}

.module-container-title{
    font: normal 30px/34px 'ARCENA', Arial,Helvetica,sans-serif;
}

.module-container-title a{
    color: #3799c6;
}


/* Motoren */

.bike-column{
    border-top: 3px solid #767475;
}

.bike-column-title{
    color: #767475;
}

.bike-overview-column-title a{
    color: #767475;
}

.bike-overview-column{
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
}

.bike-overview-column-title{
    border-bottom: 3px solid #ccc;
}

.bike-overview-column-image{
    border: 1px solid #ccc;
}

.bike-detail-title{
    border-bottom: 3px solid #ccc;
}

.bike-detail-column{
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
}

.bike-detail-image{
    border: 1px solid #ccc;
}
.bike-detail-thumb{
    border: 1px solid #ccc;
}

/* Style Special for Client*/

.totalLinesHolder{
    margin-bottom: 20px;
    color: #767475;
}

.totalsLine {
    border-bottom: 1px solid #767475;
    padding: 5px 0;
}

.totalsLine.line1{
    border-top: 1px solid #767475;
}

.totalsLine b{
    font-weight: bold;
    color:  #3799c6;
}


.agenda-items-holder{
    background-color: #3799c6;
    padding: 15px;
    border-radius: 9px;
}

.agenda-items-holder .agenda-items-title{
    font: normal 24px/20px 'ARCENA', Verdana,Arial,Helvetica,sans-serif;
    color: #FFF;
    margin-bottom: 10px;
}

.agenda-item{
    color: #FFF;
    padding-left: 40px;
    background: url('/images/layout/logo-super-small.png') no-repeat 0 0 transparent;
    margin-top: 3px;
    padding-bottom: 10px;
}

.agenda-item a{
    color: #FFF;
}