/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
    #Site Styles
    #Page Styles
    #Media Queries
    #Font-Face */





/*      EXTRA ADDED STYLES
        -----------------------------------------------------
        | Put the extra style you apply to the website here. |
        | e.a. new styling to classes                        |
        -----------------------------------------------------

================================================== */

/* TEMPORARY MENU */
/*.megamenu > li > a{
    font-size: 15px;
}


.megamenu > li > a:hover{background:none;}
.megamenu>li:hover, .megamenu>li:active{background: #ad310c;}
header .menu-header ul li{
    display: inline-block;
    margin-top: 18px;
    padding: 0 7px;
}

header .menu-header ul li a{
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
} */
#recalculateCart{display: none;}

body{background: #fff;}

/* HEADER */

/*.menu{
    margin: 15px 0 0;
    background: #00AAE3;
    background: #e64111;
    margin-left: !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#menu_hoofdmenu {
    background: none;
    border-bottom: 0;
    margin:0;
}

.megamenu {}

.megamenu > li {
    height: 56px;
    padding-top: 5px;
    height: 40px;
}

.megamenu > li > a {
    padding: 0 14px;
    color: #fff;
    font-variant: inherit;
    font-size: 13px;
}*/
nav{width: 1004px; background: #000; border-bottom: 5px solid #000; margin: 0 auto; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
nav .menu{margin: 0px; }
nav .menu li a{color:#fff; text-transform: uppercase; font-size: 13px;font-weight: 700;}
nav .megamenu>li {border-right: 1px solid #55688f;padding: 5px 0;}
ul.megamenu li .sub{top: 44px !important;}
ul.megamenu li .sub a{text-transform: inherit;}
header #zoeken {
padding-top: 0;
display: inline-block;
background: url('../img/search-arrow.png') no-repeat 15px 4px #fff;
}

.mobile-cart i{
    color:#e64111;
}

.winkelwagen i {
top: 12px;
}
.winkelwagen-res {
	padding-top: 0;
}
.btn-primary{

}

.btn-primary:hover{
    background: #aaa;
}
/* CONTENT SLIDER + AANBIENDING */

p {
    font-family: 'Source Sans Pro', arial;
    font-size: 14px;
    line-height: 20px;
}

#logo{
    margin:0;
}

#content .links .blocks>div{
    border:1px solid #eee;
    margin-top:5px;
}


#content .rechts{
    float:right;
}


#content .slider{
    background:#eaf3f6;
    padding:55px 0px 64px 0px;
}

    /* PRODUCTS */
#content h1 {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
}

label, legend {
    display: inline;
    font-weight: 500;
    font-size: 13px;
}

.voordeel {
    font-size:1.3em;
    color: red;
    margin-left:20px;
}

th.specs-titel {
    float: left;
    font-weight: bold;
    margin:10px 0 0 0;
}

    /*#content .breadcrumbs{
        display: none;
    }*/

    #content .info-blocks{
        margin-top:20px;
        padding:10px;
        font-size: 13px;
        min-height:200px;
        border-right: 1px solid #eee;
    }

    #content .info-blocks.last{
        border:none;
    }

    #content .info-blocks h3{
        font-size: 14px;
        font-weight: 700;
    }
    #content .last{
        margin-right:0px;
    }

    #content .info-blocks p{
        min-height: 120px;
        }

    /* CONTENT */

    .order-button{
        font-size: 14px;
        font-weight: 700;
        background:#00adef;
        color:#fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: none;
        border-bottom: 1px solid #0083b5;
        padding:10px 20px;
    }

    .pli-controls .btn-primary{
    background: #e78215;
    }
    .pli-controls .btn-primary:hover{
    background: #bbb;
    }



    #content .considering{
        margin-top:20px;
    }

    #content .consider-link{
        text-decoration: underline;
        font-style: italic;
    }

        #content .testimonial{
        width:100%;
        text-align: center;
    }

    #content .testimonial .container{
        padding:40px 0;
    }

    #content .testimonial blockquote{
        border-left: none;
        font-size: 14px;
        width:280px !important;
        padding: 0px 10px;

    }

    /* FOOTER */
    /*
    footer{
        width:1040px;
        background:#fff;
        color:#333;
        font-size: 12px;
        margin: 0 auto;
        border-top:3px solid #e64111;
    }

    footer .container{
        padding:40px 0;
    }

    footer h3{
        font-size: 14px;
        font-weight: 900;
        color:#fff;
    }

    footer i{
        color:#ddd;
        padding-right:7px;
    }

    footer a{
        text-decoration: none;
    }

    footer li{
        margin-bottom: 5px;
    }

    footer .copyright{
        margin-top:50px;
    }

*/


/* OLD KORTING
.korting-percentage {
    background: #39aee0;
    padding: 5px 3px 5px 0px;
    float: right;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-left: 20px;
    margin-top: -5px;
    width: 41px;
}

.korting-percentage:before {
    content: '';
    display: block;
    position: relative;
    top: 50%;
    left: -41px;
    border-bottom: 16px solid transparent;
    border-right: 10px solid #39aee0;
    border-top: 16px solid transparent;
    font-size: 0;
    margin-top: -31px;
    top: 26px;
}
*/
.opc_usps{margin-top: 35px;}






/* #Media Queries
================================================== */

    /* Smaller than standard 960 (devices and browsers) */
    @media only screen and (max-width: 959px) {}

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 959px) {}

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
        header{
            border-bottom: 3px solid #e64111;
        }
        .img { max-width: 99% }
        #logo{
            padding-top:0;
        }

        #logo img{
            width:auto;
            height:50px;
        }

        footer,
        #disclaimer{
            width:100%;
        }

        #product-ooktekoopmet{
            display: none;
        }


    }

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {}

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 767px) {

    }


/* #Font-Face
================================================== */
/*  This is the proper syntax for an @font-face file
        Just create a "fonts" folder at the root,
        copy your FontName into code below and remove
        comment brackets */

/*  @font-face {
        font-family: 'FontName';
        src: url('../fonts/FontName.eot');
        src: url('../fonts/FontName.eot?iefix') format('eot'),
             url('../fonts/FontName.woff') format('woff'),
             url('../fonts/FontName.ttf') format('truetype'),
             url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
        font-weight: normal;
        font-style: normal; }
*/

.category{text-align: center; padding: 10px 0 20px 0;  margin-bottom: 20px;}
.category h3{font-size: 18px !important; text-align: center !important; font-weight: 700 !important; margin-bottom: 0px; padding: 20px 0;}
.category p{margin-bottom: 10px;}
.categorien .secund{background: #97C33B !important; border-color:#77a415;}
.categorien .secund:hover{background: #7fac1e !important; }