﻿/* Fonts instellen */
@font-face {
    font-family: 'Futura';
    src: url("/Content/Styles/Fonts/Uitgevers/CPrintProductions/Futura/Medium/Futura-Medium.eot"), url("/Content/Styles/Fonts/Uitgevers/CPrintProductions/Futura/Medium/Futura-Medium.eot?#iefix") format('embedded-opentype'), url("/Content/Styles/Fonts/Uitgevers/CPrintProductions/Futura/Medium/Futura-Medium.ttf") format('truetype'), url("/Content/Styles/Fonts/Uitgevers/CPrintProductions/Futura/Medium/Futura-Medium.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futura-Bold';
    src: url("/Content/Styles/Fonts/Uitgevers/CPrintProductions/Futura/Bold/Futura-Bold.eot"), url("/Content/Styles/Fonts/Uitgevers/CPrintProductions/Futura/Bold/Futura-Bold.eot?#iefix") format('embedded-opentype'), url("/Content/Styles/Fonts/Uitgevers/CPrintProductions/Futura/Bold/Futura-Bold.ttf") format('truetype'), url("/Content/Styles/Fonts/Uitgevers/CPrintProductions/Futura/Bold/Futura-Bold.otf") format("opentype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Futura-Italic';
    src: url("/Content/Styles/Fonts/Uitgevers/CPrintProductions/Futura/Italic/Futura-MediumItalic.eot"), url("/Content/Styles/Fonts/Uitgevers/CPrintProductions/Futura/Italic/Futura-MediumItalic.eot?#iefix") format('embedded-opentype'), url("/Content/Styles/Fonts/Uitgevers/CPrintProductions/Futura/Italic/Futura-MediumItalic.ttf") format('truetype'), url("/Content/Styles/Fonts/Uitgevers/CPrintProductions/Futura/Italic/Futura-MediumItalic.otf") format("opentype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'SquirrelFYW01';
    src: url("/Content/Styles/Fonts/Uitgevers/CPrintProductions/Squirrel/SquirrelFY.eot"), url("/Content/Styles/Fonts/Uitgevers/CPrintProductions/Squirrel/SquirrelFY.eot?#iefix") format('embedded-opentype'), url("/Content/Styles/Fonts/Uitgevers/CPrintProductions/Squirrel/SquirrelFY.ttf") format('truetype'), url("/Content/Styles/Fonts/Uitgevers/CPrintProductions/Squirrel/SquirrelFY.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

/*Algemeen*/
body, #site-layout {
    max-width: 870px;
}

body {
    margin-left: auto;
    margin-right: auto;
    background-image: none;
    font-family: Futura;
    overflow: auto
}

body,
table.shoppingcart tr td .tile,
div.tile, a.tile {
    background-color: #F9CEDC;
}

table.shoppingcart tfoot tr td.tile {
    background-color: #000000;
    color: #FFFFFF;
}

#site-header {
    height: 0;
}

.ProductImage {
    height: 145px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.abonget,
.Verberg,
.group .search,
table.summary tr td.product-info h4 {
    display: none;
}

.Toon {
    display: list-item;
}

#TruiTekst,
#SweaterTekst {
    font-family: SquirrelFYW01;
    font-size: 41px;
}

#Maat {
    background-color: #FFFFFF;
}

#site-content h1,
div.tile, a.tile,
#site-footer {
    border-color: #000000;
}

a {
    text-decoration: none;
    color: #000000;
}

.ie7 #site-layout {
    overflow: hidden;
}

/*Bovenkant*/
.ie7 #site-nav {
    width: 100%;
    display: block;
}

.navigation {
    width: 650px;
}

#site-nav .nav ul li a {
    color: #000000;
    font-weight: bold;
    font-family: Futura;
    font-size: 13px;
    text-transform: uppercase;
}

#site-nav .nav ul li {
    padding-bottom: 15px;
}

#site-nav .nav li:hover ul.menu {
    max-height: 38px;
    line-height: 38px;
}

.group .align.right .shoppingbag-widget {
    z-index: 99;
}

/*Producten*/
ul.products li article.product .column-right .product-info {
    max-width: 650px;
    width: 500px;
    height: auto;
}

#site-side {
    visibility: hidden;
}

#site-content {
    min-height: 450px;
    position: relative;
}

.ie7 #site-content {
    margin-left: 0;
}

#site-content h1 {
    width: 680px;
    color: #000000;
    font-weight: bold;
    line-height: 15px;
    font-size: 15px;
}

#site-layout #site-content article.product header .column-left #Layer1 {
    display: none !important;
}

ul.products {
    position: relative;
    padding: 0 0 0 3px;
    display: block;
    width: 100%;
}

    ul.products li article.product {
        width: 100%;
        display: block;
        height: 160px;
        max-width: 680px;
    }

        ul.products li article.product .column-left {
            position: relative;
            z-index: 10;
        }

            ul.products li article.product .column-left a.visual {
                border: 0;
                background-color: transparent;
                cursor: pointer;
                position: relative;
                z-index: -20;
                padding-bottom: 21px;
                width: 118px;
                height: 145px;
            }

        ul.products li article.product .column-right {
            width: auto;
        }

            ul.products li article.product .column-right .product-info h4 {
                margin-bottom: 10px;
                font-size: 11px;
                font-family: Futura;
                margin-right: 0;
            }

            ul.products li article.product .column-right .product-info h2 {
                color: #000000;
                font-size: 15px;
                font-weight: bold;
            }

            ul.products li article.product .column-right .product-info ul {
                margin-top: 0px;
            }

                ul.products li article.product .column-right .product-info ul li {
                    margin-bottom: 0;
                }

            ul.products li article.product .column-right .product-info .footer ul li .buy {
                height: 37px;
            }

            ul.products li article.product .column-right .product-info .footer ul li .tile {
                font-size: 15px;
            }

a.button, a.tile.green, div.tile.green {
    background-color: #000000;
}

    a.button:hover,
    a.tile.green:hover,
    div.tile.green:hover {
        background-color: #000000;
    }

.pager ul li a.current {
    background-color: #000000;
    border-color: #000000;
}

.product {
    margin-top: 38px;
    margin-left: 0;
}

article.product header .column-right .product-info {
    width: 300px;
}

    article.product header .column-right .product-info h2 {
        font-size: 20px;
    }

    article.product header .column-right .product-info h4 {
        font-size: 12px;
    }

/*Winkelwagen*/
table.shoppingcart {
    width: 660px;
}

    table.shoppingcart tfoot tr td.amount.tile {
        font-size: 10px;
    }

    table.shoppingcart tr td.price, table.shoppingcart tr td.total {
        width: 100px;
    }

table.summary tr td h2 {
    font-size: 13px;
}

/*gegevens*/
form fieldset {
    border-bottom: 0;
    margin: 0;
}

fieldset ul.fieldset li {
    width: 100%;
}

    fieldset ul.fieldset li .input-editor {
        width: 245px;
    }

/*overzicht*/
.summary-wrapper {
    margin-right: 170px;
}

    .summary-wrapper .tile {
        width: 127px;
    }

table.summary tr td.product-info {
    width: 150px;
}

table.summary tr td.product-visual .tile {
    background: transparent;
}

table.summary tr td.amount,
table.shoppingcart tr td.amount {
    text-align: left;
}

.button.submit-once {
    margin-right: 15px;
}

/*bestelling*/
.order-wrapper {
    width: 700px;
}

    .order-wrapper article.order .order-details-wrapper table {
        width: 650px;
    }
