/*  ----------------------------------------------------------------------------------------------------------  */
/*      Bibelwerk
/*      Version: 1.0
/*      Author: Ingo Blenke // blenke(at)id-on(dot)de
/*      Author URI: www.id-on.de
/*  ----------------------------------------------------------------------------------------------------------  */

/*  ----------  Contents  ----------    */
/*
        §1 = Resets                 §6  = NAV
        §2 = Generic Styles         §7  = Boxes // §7.1 Teaser
        §3 = Structure              §8  = 
        §4 = Typo                   §9  = 
        §5 = Forms                  §10 = 

/*  --------------------------------    */

/*  -----------  Colors  -----------    */
/*
        light-blue  (search-bg)     = #edf2f8
        mid-blue 1  (box-border)    = #c3cddd
        mid-blue 2  (h3)            = #4f79ac
        dark-blue   (box h2)        = #0e3973

/*  --------------------------------    */

/*  ==========================================================================================================  */
/*                                             §1. Resets
/*  ==========================================================================================================  */

/*  meyer-reset with minor changes */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, button {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    font-weight:inherit;
    font-style:inherit;
    font-family:inherit;
}
textarea, input {
    font-size:100%;
    font-weight:inherit; /* IE will ignore inherits here */
    font-style:inherit;
    font-family:inherit;
}
:focus {outline:0;} /* remember to define focus styles! */

body {
    line-height:100%;
    word-wrap: break-word;
}

ol, ul {list-style:none;}

/* tables still need 'cellspacing="0"' in the markup */
table {
   /* border-collapse:separate;
       border-spacing:0;*/
}
caption, th, td {
    text-align:left;
    font-weight:normal;
}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* ======================================= >>> Edit from here >>> ============================================  */

/* if graphic buttons are used */
button {
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    cursor:pointer;
    overflow:visible; /* IE */
    white-space:nowrap; /* IE */
}

/*  ==========================================================================================================  */
/*                                             §2. Generic Styles
/*  ==========================================================================================================  */

body {
    color:#333;
    background:#f8fbfc;
    font-family:'Trebuchet MS', arial, sans-serif;
}
.clear {clear:both;}

.clearfix:after {
    content:'.';
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

a {
    color:#4F79AC;
    text-decoration:underline;
}
a:hover, a:focus {
    text-decoration:none;
}

ol.standard-list, ul.standard-list {
    list-style:decimal;
    font-size:75%;
    margin:0 0 1.25em  0;
    padding:0 0 0 2em;
}
    ol.standard-list li, ul.standard-list li {margin:0.3125em 0;}

ul.standard-list li {
    list-style:disc;
    vertical-align:top;
}

p em, ol em, ul em,
p cite, ol cite, ul cite {font-style:italic;}

code {
    font-family:monospace;
    font-size:125%;
}
abbr {
    border-bottom:1px dotted #ccc;
    cursor:help;
}

strong {font-weight:bold;}

    .button, .button span {
        display:inline-block;
        line-height:145%;
        text-decoration:none;
    }

    button div, button p {margin:0 !important;}

    button div, .button {
        border:1px solid #c3cddd;
        padding-right:5px;
        background:url(../img/button_bg.png) no-repeat left center;
    }
    button p, .button span {
        color:#4f79ac;
        margin:0;
        font-size:100%;
        padding:0.1em 15px 0.1em 5px;
        background:url(../img/button_arrow.png) no-repeat right center;
    }

    button.cart p, a.cart span {
        background:url(../img/btn_cart_icon.png) no-repeat right center;
        padding:0.1em 45px 0.1em 5px;
    }

    button:hover div, button:focus div, .button:hover, .button:focus {background-position:-500px center;}

    .button:hover {
        text-decoration:none;
        cursor:pointer;
    }
    button:hover p, button:focus p, .button:hover span, .button:focus span {color:#0e3973;}

.more {
    padding-right:10px;
    background:url(../img/arrow_blue.png) no-repeat right center;
}
    .teaser-box .more {background-image:url(../img/arrow_white.png);}

.backward {
    font-size:68.75%;
    font-weight:bold;
    background:url(../img/arrow_blue_left.png) no-repeat left center;
    padding-left:10px;
}

/*  ==========================================================================================================  */
/*                                             §3. Structure
/*  ==========================================================================================================  */

#outer-wrapper {
    width:60em;
    min-width:960px;
    background:url(../img/bg-outer-wrapper.gif) repeat-y;
    margin:auto;
    padding-left:5px;
}
    #inner-wrapper {
        width:60em;
        min-width:960px;
        background:#fff url(../img/bg-inner-wrapper.gif) repeat-y right top;
        padding-right:5px;
    }
        #header {
            background-color:#CED9E7;
            height:126px;
        }
        #nav {
            
        }
        #content-wrapper {
        
        }
            #sidebar {
                width:14.375em;
                min-width:230px;
                float:left;
                /*dev*/
                min-height:200px;
            }
            #content {
                width:30em;
                min-width:480px;
                padding:0 0.625em;
                float:left;
                /*dev*/
                min-height:300px;
            }
            #content.wide {
                width:44em;
                padding:0 0.625em 0 .875em;
            }
            #secondary-content {
                width:13.75em;
                min-width:220px;
                padding-right:0.62em; /* was 0.625, but there was a pixel rounding problem on resizing */
                float:left;
                /*dev*/
                min-height:200px;
            }
        #footer {
            text-align:center;
            background:url(../img/bg-footer.gif) no-repeat center top;
            padding:1.5em 0 1.875em;
            margin-top:1.5em;
        }

/*  ==========================================================================================================  */
/*                                             §4. Typo
/*  ==========================================================================================================  */

h1, h2, h3, h4, h5, h6 {line-height:120%;}

h1 {
    color:#0e3973;
    font-size:1.25em;
    margin:0.625em 0 1.25em;
}
h2 {
    font-size:87.5%;
    font-weight:bold;
    color:#222;
    margin:1.25em 0 0.625em;
}
p {margin:10px 0;}

p, .more {
    font-size:75%;
    line-height:145%;
}
p .more {font-size:100%;}

/*  ==========================================================================================================  */
/*                                             §5. Forms
/*  ==========================================================================================================  */

form {
    
}
    fieldset {
    
    }
        legend {
    
        }
        form ul {
            
        }
            form li {
                
            }
                label {
                    
                }
                input[type=text], input[type=password], textarea {
                    border:1px solid #a1b1c5;
                    background:#fff;
                    padding:3px 1px;
                    vertical-align:middle;
                }
                input:focus, textarea:focus {
                    
                }
                select {
                    
                }

    /* ====  Errors  ======================================================================== */

    .error {
        border:1px solid #d00;
        background:#fcc;
    }
    #login .error a{
        float:none;
        margin:0;
    }    
    .error-msg {
        border:2px solid #d00;
    /*    background:#fcc url(../img/error_icon.png) no-repeat 10px center;*/
        padding:10px 10px 10px 40px;
        margin:10px 0;
    }

/*  ==========================================================================================================  */
/*                                             §6. NAV
/*  ==========================================================================================================  */

#nav {
    border-top:1px solid #c3cddd;
    margin-bottom:1.25em;
}

    .nav-piece {
        margin-top:20px;
        border-top:1px solid #c3cddd;
    }

/* ====  Level 1  ======================================================================== */

    #nav a {
        border-bottom:1px solid #c3cddd;
        display:block;
        line-height:120%;
        background:#fff url(../img/bg-nav.jpg) no-repeat left bottom;
        text-decoration:none;
    }
        #nav a:hover, #nav a:focus {
            background-position:right bottom;
            text-decoration:none;
        }
        #nav a span {
            display:block;
            font-size:0.875em;
            color:#03426e;
            padding:0.3125em 0 0.3125em 1.875em;
            background:url(../img/icon-navarrow.png) no-repeat .625em center;
        }
        #nav a.active {background:url(../img/bg_nav_active.jpg) no-repeat;}
        #nav a.active span {background:url(../img/icon-navarrow-active.png) no-repeat 0.625em center;}

        /* ====  Level 2  ======================================================================== */

        #nav ul {
            padding-bottom:0.625em;
            border:1px solid #e1e1ec;
            border-width:0 1px 1px 0;
/*            margin-top:-1px;*/
        }
        #nav ul a {
            background:#fff;
            border:0;
            color:#8ca3c9;
            font-size:75%;
            padding:0.3125em 0 0.3125em 2.2em;
        }
        #nav ul a:hover, #nav ul a:focus {
            background:#f3f5f8;
            color:#03426e;
        }
        #nav ul .active {
            background:#edf2f8;
            color:#03426e;
            font-weight:bold;
            border:1px solid #c3cddd;
            border-width:1px 0;
        }
        
        #nav ul .add-on {border-top:none;}
        #nav ul .add-on-bottom {border-bottom:none;}
        
        /* ====  Level 3  ======================================================================== */
        
        #nav ul ul {
            margin-bottom:5px;
            padding-bottom:0;
            border-right:0;
        }
        
        #nav ul ul a {
            color:#8ca3c9;
            padding-left:50px;
        }
        
        /* ====  Level 4  ======================================================================== */
        
        #nav ul ul ul {
        }
        
        #nav ul ul ul a {
            padding-left:74px;
        }

    /* ====  Nav Rot  ======================================================================== */
    #nav .red ul {border-color:#EDDBDE;}
    #nav .red a {
        background:url(../img/nav_red.png) repeat-x;
        border-color:#F7B6BD;
    }
    #nav .red a:hover, #nav .red a:focus {background:url(../img/nav_red.png) repeat-x left -29px;}
        #nav .red a span {
            background:url(../img/nav_red.png) no-repeat 0.625em -87px;
            color:#E42033;
        }
        #nav .red a.active span {background:url(../img/icon-navarrow-active.png) no-repeat 0.625em center;}
    #nav .red .active, #nav .red .active:hover, #nav .red .active:focus {background:url(../img/nav_red.png) repeat-x left -58px;}
    #nav .red ul .active, #nav .red ul .active:hover, #nav .red ul .active:focus {
        background:#F9E2E4;
        color:#E42033;
    }
    #nav .red ul a:hover, #nav .red ul a:focus {
        background:#FFF5F6;
        color:#E42033;
    }
        #nav .red li a {
            background:none;
            color:#EB939D;
        }

    #nav .beige a {
        background:url(../img/nav_beige.png) repeat-x;
        border-color:#CFC1AE;
    }
    #nav .beige a:hover, #nav .beige a:focus {background:url(../img/nav_beige.png) repeat-x left -29px;}
        #nav .beige a span {
            background:url(../img/nav_beige.png) no-repeat 0.625em -87px;
            color:#96723C;
        }
        #nav .beige a.active span {background:url(../img/icon-navarrow-active.png) no-repeat 0.625em center;}
    #nav .beige li a {
        background:none;
        color:#B0987A;
    }
    #nav .beige ul {border-color:#E3DCD4;}
        #nav .beige .active, #nav .beige .active:hover, #nav .beige .active:focus {background:url(../img/nav_beige.png) repeat-x left -58px;}
        #nav .beige ul .active, #nav .beige ul .active:hover, #nav .beige ul .active:focus {
            background:#F5EDE5;
            color:#B2884D;
        }
        #nav .beige ul a:hover, #nav .red ul a:focus {
            background:#F9F5F1;
            color:#B2884D;
        }
    
    /* ====  BCP  ======================================================================== */

    #bcp {
        width:44.375em;
        border-bottom:1px solid #ddd;
        float:left;
        margin:0 0.62em 0.625em .625em;
        padding:0.3125em 0;
        list-style:none;
        font-size:100%;
    }
        #bcp li {
            font-size:75%;
            float:left;
            padding-left:15px;
            margin:0 1.25em 0 0;
            background:url(../img/icon-navarrow.png) no-repeat left center;
        }
            #bcp li:first-child {
                padding:0;
                background:transparent;
            }
            #bcp li, #bcp a {color:#4F79AC;}

            #bcp a:hover, #bcp a:focus {color:#4f79ac;}

/*  ==========================================================================================================  */
/*                                             §7. Boxes
/*  ==========================================================================================================  */

/* ====  Standard Boxes  ======================================================================== */

.box {
    border:1px solid #c3cddd;
    background:#fff url(../img/bg-box.png) repeat-x left bottom;
    padding:0.625em;
    margin-bottom:1.25em;
    position:relative;
}
#sidebar .box {margin-left:0.625em;}

    .box img {
        float:left;
        width:4.75em;
        background:#edf2f8;
        padding:0.3125em;
        border:1px solid #c3cddd;
        margin:0 0.625em 0.625em 0;
    }
    .box h2, .acc-wrapper h2, .prod-list h2 {
        color:#0e3973;
        font-weight:bold;
        font-size:87.5%;
        margin:0 0 0.625em 0;
    }
    .box h3, .contact h3 {
        color:#4f79ac;
        margin-bottom:0.625em;
    }
        .box h3 a, .contact h3 a {color:#4f79ac;}

.box.narrow {
    float:left;
    width:44%;
    height:18em; /* required for equal height floating elements */
}
/*.narrow + .narrow {float:right;}*/
.box.alternative {float:right;}
/*.box.sidebar-box {height:18em;}*/

    .action {
        clear:both;
        padding:.625em 0 0;
        border-top:1px solid #b4bccc;
        margin-top:0.625em;
    }
    .action button, .action .button {
        font-size:75%;
        float:right;
    }
    
.image-box {padding:0;}
    .image-box img {
        padding:0;
        margin:0;
        border:0;
        float:none;
        width:auto;
    }

/* ====  Magazine Boxes (with changing covers)  ======================================================================== */

.cover-preview {
    position:relative;
    float:left;
    width:5em;
    height:7.5em; /* needs a min-height equivalent to the images height. */
}
    .cover-preview img {
        position:absolute;
        left:0;
        top:0;
        width:4.75em; /* 76px */
        padding:0;
        margin:0;
        border:0;
    }

.cover-links {
    float:left;
    width:9.5em;
    margin-bottom:0.625em;
    font-size:75%;
}
    .cover-links li {margin:0.125em 0;}

    .cover-links a {
        display:block;
        padding:0.125em 0.3125em;
    }
    .cover-links a:hover, .cover-links a:focus, .cover-links a.active {
        background:#e7ecf5;
        text-decoration:none;
    }
    .cover-links a.active {color:#222;}

/* ====  Accordeon Boxes  ======================================================================== */

.accordeon, #prod-teaser {
    margin-bottom:1.25em;
    padding-bottom:10px;
    background:url(../img/acc_wrap_bg.png) repeat-x left bottom;
}
    .accordeon .box {
        margin-bottom:0;
        min-height:172px;
    }

    .acc-head, li.show-all {
        font-size:75%;
        color:#0e3973;
        border-bottom:1px solid #c3cddd;
        padding:0.3125em 1.25em 0.3125em 0.625em;
        background:url(../img/acc_head.png) no-repeat right center;
        cursor:pointer;
    }
    li.show-all {
        background:transparent;
        text-align:right;
        padding-right:0;
    }
    .accordeon li:first-child .acc-head {border-top:1px solid #c3cddd;}

    .acc-head:hover {background-color:#edf2f8;}

    .acc-cell {margin-top:-1px;}

    .accordeon li:first-child .acc-cell {margin-top:0;}

        .acc-cell h2 {
            font-size:100%;
            font-weight:normal;
            margin:10px 0;
        }
        
/* Accordeon Box slim */

.slim-box h2 {
    font-size:87.5%;
    margin-top:0;
    font-weight:bold;
}

.slim-box .action {
    padding:5px 0;
    border:none;
    margin:0;
}

.slim-box .box .action {
    border-top:1px solid #B4BCCC;
    margin-top:10px;
    padding:5px 50px 0 0;
}

.slim-box .box .button {float:none;}

.slim-box .box em {
    font-size:75%;
    font-weight:bold;
    font-style:normal;
    display:block;
    margin-top:5px;
}

/* ====  Product Boxes  ======================================================================== */

.product {padding-bottom:40px;}

    .product img, .slider img {
        border:0;
        padding:0;
        float:none;
        display:block;
        margin:0 auto 10px;
        width:auto;
    }
    .product dl {
        padding-bottom:0.625em;
        text-align:left;
        font-size:75%;
    }
    .product dt {font-weight:bold;}

/*    .product dt + dd {text-transform:uppercase;}*/

    dd.price, .pricemark span {
        color:#4F79AC;
        font-size:125%;
    }
    
    dd.special {
        color:#666;
        margin-top:5px;
    }
    
    .prod-action {
        border-top:1px solid #c3cddd;
        padding:0.625em 0;
        height:1.375em;
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
    }
    .prod-action li {
        float:right;
/*        width:44%;*/
        padding:0 3%;
    }
    .prod-action li:first-child, .prod-action .ie_first-child {float:left;}
    .prod-action button, .prod-action .button {
        float:right;
        font-size:75%;
    }

/* ====  Product Slider  ======================================================================== */

.slider {
    position:relative;
/*    height:14.375em;*/
    height:17em; /* height of items */
}
    .slide-content {height:17em; padding:0;}

    .slide-left, .slide-right {
        position:absolute;
        top:3.75em;
        width:1.25em;
        height:1.25em;
        border:1px solid #c3cddd;
        background:url(../img/button_bg.png) no-repeat left center;
        cursor:pointer;
    }
        .slide-left:hover, .slide-right:hover {background-position:right center;}

    .slide-left {left:0;}
    .slide-right {right:0;}
    
    .slide-left span, .slide-right span {
        display:block;
        height:1.25em;
        text-indent:-9999px;
        background:url(../img/button_arrow.png) no-repeat center center;
    }
    .slide-left span {background:url(../img/button_arrow_left.png) no-repeat center center;}

    .slide-left.inactive, .slide-right.inactive {
        background:#f8f8f8;
        border-color:#ddd;
    }
    .slide-left.inactive span {background:url(../img/button_arrow_grey_left.png) no-repeat center center;}
    .slide-right.inactive span {background:url(../img/button_arrow_grey.png) no-repeat center center;}

    .slide-mask {
        margin:0 30px;
        overflow:hidden;
        height:17em;
        width:9.375em;
        position:relative; /* IE */
        z-index:10; /* IE */
    }
    .slide-content {z-index:10;} /* IE */

    .slide-content li {
        margin:0 30px 0 0;
        padding:0;
        width:9.375em;
        height:17em ; /* for span positioning*/
        position:relative; /* for span positioning*/
        float:left;
        list-style-type: none;
    }
.slider-cart {
    position:absolute;
    bottom:10px;
}
.slider-cart .cart {
    line-height:100%;
    margin-top:5px;
    padding-right:2px;
}
/*    .slider-cart .more {margin-right:2px;}*/
    .slider-cart .cart span {font-size:75%;}
    .slider-cart li {
        width:7em;
        margin:0;
        float:none;
    }

/* ====  Ajax Slider  ======================================================================== */

.ajax-slider {
    margin:1.25em 0;
    background:#fff;
    padding-bottom:0;
}
    .ajax-slider img {
        width:6em;
        margin:0 auto;
    }
    .ajax-slider .slide-left, .ajax-slider .slide-right {top:5em;}

    .ajax-slider .slider, .ajax-slider .slide-content {height:10.5em;}

    .ajax-slider .slide-mask {
        width:39em;
        height:10.5em;
    }
/*        .ajax-slider .slide-content {padding-top:1px;}*/

        .ajax-slider .slide-mask li {
            width:8.25em;
            margin-right:0;
            padding-right:24px;
        }

        .ajax-slider .slide-mask a {
            display:block;
            padding:1.25em 0 .5em;
            height:8.6875em;
        }
        .ajax-slider .slide-mask a.active {
            border:1px solid #c3cddd;
            border-bottom:0;
            background:#fff url(../img/slider_active_bg.png) repeat-x left bottom;
        }
            .slide-mask a.active img {
                position:relative;
                top:-1px;
            }

    .slide-info {
        padding:0.625em 0.625em 0;
        border-top:1px solid #c3cddd;
        position:relative;
        left:-0.625em;
        width:100%;
        margin-top:-1px;
        background:#eef2f9 url(../img/slideinfo_bg.png) repeat-x left top;
    }
        .slide-info ul {padding:0 0 0.625em 0;}
        
            .slide-info li {
                float:left;
                margin-right:2em;
            }
            .slide-info button, .slide-info .button {font-size:75%;}

    .prodinfo {
        position:absolute;
        left:-9999px;
    }


/* ====  Search-Box  ======================================================================== */

#search {
    background:#edf2f8;
    border:1px solid #c3cddd;
    border-width:1px 0;
    padding:0.625em 0.3125em;
    margin-bottom:1.25em;
}
    #search input {
        font-size:87.5%;
        float:left;
        width:12.5em;
    }
    #search button {
        float:left;
        margin-left:5px;
        font-size:75%;
    }
        #search button div {
            padding:0 0.625em 0 0;
            float:left;
        }
        #search button p {
            float:left;
            width:0.625em;
            padding:0 0 0 .625em;
            height:2em;
            text-indent:-9999px;
        }

/* ====  Login-Box / Bibel-Search-Box / Logout-Box  ======================================================================== */

#login, #bibel-search, #logout {
    background:#edf2f8;
    padding:0.3125em;
}
    #login h2, #bibel-search h2, #logout h2 {
        background:#fff;
        margin:0;
        padding:0.625em 0.625em 0;
    }
    #login ul, #bibel-search ul, #logout ul {
        font-size:75%;
        background:#fff;
        padding:0.625em;
    }
    #login label, #bibel-search label {display:block;}

    #login input[type=text], #login input[type=password], #bibel-search input[type=text], #bibel-search input[type=password] {
        background:#edf2f8;
        width:100%;
        margin-bottom:0.3125em;
        padding:3px 0;
    }
    #login button {float:left;}
    #login a {
        float:left;
        margin:3px 0 0 10px;
        font-size:100%;
    }
    
    #logout .logout-nav {
        background:#fff;
        font-size:75%;
        padding:0 8px 7px;
    }
    
    #logout a {font-size:91.6667%;}
    #logout button {margin-top:10px;}

    /*  ==========================================================================================================  */
    /*                                             §7.1. Teaser Boxes
    /*  ==========================================================================================================  */

    /* HP Teaser ================================= */

    #hp-teaser img, .article img {
        float:right;
        margin:0 0 0.625em 0.625em;
        width:10em;
    }
    #hp-teaser .acc-cell span {
        color:#0e3973;
        font-size:68.25%;
/*        text-transform:uppercase;*/
        letter-spacing:0.05em;
    }
    
    /* HP Teaser ================================= */

    #prod-teaser img {
        width:9.5em;
        border:0;
        padding:0;
    }
    #prod-teaser .box {margin:0;}

    #prod-teaser .box div {
        float:left;
        width:18em;
    }
        span.author {
/*            text-transform:uppercase;*/
            font-size:87.5%;
        }
        #prod-teaser .button {font-size:75%;}

    /* Multi-Product Teaser ================================= */

    #multi-prod-teaser .box li {
        float:left;
        width:30%;
        margin-right:3%;
        min-height:100px;
        text-align:center;
    }
    #multi-prod-teaser .box img {
        float:none;
        width:auto;
        padding:0;
        border:0;
        margin:0;
    }
    #multi-prod-teaser strong {
        color:#0E3973;
        font-size:87.5%;
        font-weight:bold;
        display:block;
        margin:0 0 5px 10px;
    }

    /* Sidebar Teaser ================================= */

.teaser-box {
        background-color:#9d4548;
        border:1px solid #85171a;
        color:#fff;
        padding:0.625em;
        margin-bottom:1.25em;
    }
        .teaser-box p {
            font:italic 100%/120% georgia, serif;
            margin:0 0 5px;
        }
        .teaser-box .more {color:#fff;}

    .teaser-box  img {
        position:relative;
        left:-0.625em;
        top:-0.625em;
        width:13.625em;
    }
    
    #sidebar .teaser-box {margin-left:10px;}

/*    .teaser-box {
        background-color:#EDF2F8;
        border:1px solid #C3CDDD;
        color:#4F79AC;
        padding:0.625em;
        margin-bottom:1.25em;
    }
        .teaser-box p {
            font: 100%/120%  arial, georgia, serif;
            margin:0 0 5px;
        }
        .teaser-box .more {color:#4F79AC;}

    #teaser-stiftung img {
        position:relative;
        left:-0.625em;
        top:-0.625em;
        width:13.625em;
    }
    
    .teaser-box img {
        position:relative;
        left:-0.625em;
        top:-0.625em;
        width:13.625em;
    }
    
    #sidebar .teaser-box {margin-left:10px;}
*/
/*  ==========================================================================================================  */
/*                                             §8. Lists
/*  ==========================================================================================================  */

/* Content Prodlist ================================= */

.prod-list {}

    .prod-list li {
        float:left;
        position:relative;
    }
        .prod-list li .pic {
            float:left;
            width:4.75em;
        }
        .prod-list li li {
            width:auto;
            float:none;
            margin:2px 0;
        }
        .prod-list .product {
            float:left;
            height:9.5em;
            padding:.625em .625em .625em 0;
            border:1px solid #c3cddd;
            border-width:1px 1px 0 0;
        }
            .prod-list li:first-child .product, .prod-list li:first-child + li .product {border-top:0;}
    
        .prod-list .even .product {
            padding:.625em 0 .625em .625em;
            border-width:1px 0 0 0;
        }
            .prod-list .product div {
                float:left;
                width:8.25em;
                margin-left:0.625em;
            }
    .prod-list .button {font-size:75%;}

    .prod-list p {
        clear:both;
        margin:0;
        padding-top:0.625em;
    }

/* Secondary Content Prodlist ================================= */

    #secondary-content .prod-list {border:1px solid #c3cddd;}

        #secondary-content .prod-list .product {
            border:1px solid #c3cddd;
            border-width:1px 0 0;
            padding:0.625em;
            height:auto;
            
        }
        #secondary-content .prod-list li:first-child .product {border:0;}

            #secondary-content .prod-list img {
                float:left;
            }

            #secondary-content .prod-list h2 {padding:0.625em;}


/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             6. Whatever comes next, now it's on YOU!
/*  ----------------------------------------------------------------------------------------------------------  */

.livebook {
    float:right;
    margin:0 0 0.625em 0.625em;
    /*width:194px;
        height:134px;*/
}

    .small .livebook {
        float:none;
        margin-left:-5px;
    }

    .small-sidebar .livebook {
        float:none;
        margin:0 0 10px -10px;
    }

.content-end {
    text-align:right;
    border-top:1px solid #eee;
    padding:0.3125em 0;
    margin:1.5em 0.625em 0 14.375em;
    clear:both;
}
    .toplink {
        color:#666;
        font-size:75%;
        padding-right:15px;
        background:url(../img/button_arrow_top.png) no-repeat right center;
    }

/* header */

#header img {
    position:absolute;
    display:block;
    margin-top:8px;
    margin-left:62px;
}

#header.shop img {
    margin-left:17px;
    margin-top:36px;
}

#meta-nav {
    background-color:#e1e8f3;
}
        #meta-nav ul {
            float:left;
            margin:5px 10px 4px;
        }
        #meta-nav li {
            float:left;
            margin-left:7px;
            padding-right:7px;
            font-size:75%;
            border-right:1px solid #666666;
        }
            #meta-nav li a {text-decoration:none;}
            #meta-nav li a:hover, #meta-nav li a:focus {text-decoration:underline;}
        #meta-nav .member {
            float:right;
            margin-left:0;
        }
            #meta-nav .member li {
                margin:0 0 0 7px;
                border:none;
                padding:0 0 0 7px;
                border-left:1px solid #666;
                border-width:0 0 0 1px;
            }
                #meta-nav .member .cart {
                    background:url(../img/icon-cart.jpg) no-repeat;
                    padding:0 0 0 26px;
                    border:none;
                    margin:0;
                }
                #meta-nav .member span a {text-decoration:underline;}
                #meta-nav .member span a:hover, #meta-nav .member span a:focus {text-decoration:none;}
        #meta-nav .last {border:none;}
        #meta-nav #font-size {
            float:left;
            margin-right:0;
        }
        
        #meta-nav #font-size li {
            border:none;
            margin:0;
            padding:0;
        }
        #font-size a {
            width:9px;
            text-indent:-9999px;
            display:block;
            padding-right:7px;
        }
        
        #font-size span {margin-right:7px;}
        
        #size-normal {background:url(../img/size-normal.png) no-repeat 0 3px;}
        #size-big {background:url(../img/size-big.png) no-repeat 0 1px;}
        #size-huge {background:url(../img/size-huge.png) no-repeat 0 0;}

#flash-banner {
    background:url(../img/verein_header.jpg) no-repeat;
    width:720px;
    height:126px;
    float:right;
}

.shop #flash-banner {background:url(../img/shop_header.jpg) no-repeat;}

/* Content */

#switch-over {
    background:#b1cadc url(../img/bg-header.gif) repeat-x left bottom;
    padding:0 0 7px;
    vertical-align:middle;
}
    #switch-over a {
        background-color:#dee9f2;
        color:#0e3973;
        text-align:center;
        font-size:75%;
        margin-right:10px;
        padding:5px 0.625em;
        width:17em;
        float:right;
    }

/* Footer */

#footer ul {
    border-bottom:1px solid #e8ebf0;
    margin:0 0 .625em 14.375em;
    padding-bottom:.625em;
    width:43.75em;
}
    #footer li {
        float:left;
        color:#4c5462;
        font-family:Georgia, serif;
        font-size:81.25%;
        border-left:1px solid #7c828c;
        padding:0 15px;
        display:inline;
    }
        #footer li:first-child {border:0;}

    #footer li a {color:#4c5462;}

    #footer .adress, #footer .adress li {
        border:none;
        text-align:left;
    }




.main-pic {
    width:9.5em;
    float:right;
    margin:0  1.25em 0.625em;
    background:#edf2f8;
    padding:0.3125em;
    border:1px solid #c3cddd;
}

/* Shop Detailseite */

.detail-info {
    margin-top:15px;
    border-bottom:1px solid #b4bccc;
    padding-bottom:20px;
}

    .pic-info {
        float:left;
        margin:0 15px 0 0;
        width:152px;
        text-align:center;
    }
    
        .pic-info a {text-decoration:none; position:relative;}
    
        .pic-selection li {
            width:42px;
            border:1px solid #b4bccc;
            float:left;
            margin:15px 9px 0 0;
        }
        .pic-selection .last {margin-right:0;}
        .pic-selection img {
            display:block;
            margin:0 auto;
        }
        
    .description {
        width:19em;
        float:left;
    }
        .pricemark {
            width:300px;
            display:block;
            margin:35px 0 20px;
        }
            .pricemark div {margin-bottom:7px;}
            .pricemark span {
                margin:0 5px 0 0;
                display:inline-block;
            }
            .pricemark p {
                color:#434343;
                margin:0;
                line-height:150%;
                font-weight:bold;
            }
            .pricemark .abopreis {
                display:block;
                margin-top:6px;
            }
            .pricemark em {
                display:block;
                color:#999999;
                font-size:62.5%;
            }
        .description .more {background:url(../img/arrow_grey.png) no-repeat right center; color:#666;}
        .description strong {
            font-size:75%;
/*            text-transform:uppercase;*/
            font-weight:normal;
        }
        .description h1 {margin:5px 0 15px 0;}
        .description .button {font-size:75%;}
        .description .mitgliederpreis {
            margin:12px 0 5px;
            font-weight:normal;
        }
            .description .mitgliederpreis a {
                text-decoration:none;
                background:#b1cadc;
                padding:3px 5px;
                display:inline-block;
            }
            .description .mitgliederpreis a:hover, .description .mitgliederpreis a:focus {text-decoration:underline;}
            .description .mitgliederpreis span {
                color:#00568b;
                font-size:127.27%;
                margin:0;
            }
            .description .mitgliederpreis span em {
                font-size:85.71%;
                display:inline;
                color:#03426E;
                font-style:normal;
            }
            #content .mengenpreise {border:none;}
            #content .mengenpreise li {
                float:left;
                margin-right:10px;
            }
        .product-info table {
            margin-top:13px;
            border-collapse:collapse;
        }
            .product-info thead tr {border:1px solid #E1E1EC;}
            .product-info table thead td {
                font-weight:bold;
                padding:5px 20px;
                font-size:100%;
                background:#EDF2F8;
                color:#03426E;
                text-align:center;
            }
                .product-info table tbody td {
                    padding:5px 20px;
                    font-size:100%;
                    text-align:center;
                    border:1px solid #E1E1EC;
                }

.product-info {
    padding-bottom:10px;
    border-bottom:1px solid #b4bccc;
}
    .product-info li {font-size:81.25%;}
    .ampel {margin-top:10px;}
        .ampel span {
            background:url(../img/ampel.png) no-repeat;
            padding-left:17px;
        }
        .ampel .available           {background-position:left 0px;}
        .ampel .few-exemplar        {background-position:left -16px;}
        .ampel .not-yet-published   {background-position:left -32px;}
        .ampel .exhausted           {background-position:left -48px;}
    
.annotation {
    color:#999999;
    font-size:62.5%;
}

.loupe {
    background:url(../img/loupe.png) no-repeat;
    position:absolute;
    right:0;
    bottom:2px;
    width:26px;
    height:26px;
}

/* Listenansicht */

#content.wide .product div {width:15.3125em;}

.declaration {
    width:44em;
    height:1em;
    background-color:#ecf2f8;
    margin:15px 0;
    color:#4f79ac;
}

    .pagination {
        width:10.5em;
        margin:0 auto;
        color:#4f79ac;
    }
    
        .pagination li {float:left;}
        
        .pagination a, .pagination b {
            font-size:75%;
            color:#4f79ac;
            display:block;
            border-right:1px solid #4F79AC;
            padding:0 5px;
            font-weight:normal;
        }
        
        .pagination a:hover, .pagination a:focus, .pagination b {
            text-decoration:none;
            background:#c1d4e2;
        }
        
        .pagination .previous a, .pagination .next a {
            text-indent:-9999px;
            width:5px;
            border:none;
        }
        
        .pagination .previous a {background:url(../img/button_arrow_left.png) no-repeat 5px center;}
        .pagination .next a {background:url(../img/button_arrow.png) no-repeat 5px center;}
        .pagination .previous a:hover {background:url(../img/arrow_grey_left.png) no-repeat 5px center;}
        .pagination .next a:hover {background:url(../img/arrow_grey.png) no-repeat 5px center;}

        .pagination .last a {border:none;}

.sorting {
    margin-bottom:10px;
}

    .sorting em {
        color:#666666;
        font-size:68.75%;
        border-bottom:1px solid #e7e8e9;
        display:block;
        margin-bottom:2px;
    }
    .sorting a {
        color:#4f79ac;
        font-size:81.25%;
        background:url(../img/arrow_sorting.png) no-repeat right center;
        padding-right:12px;
        margin-right:20px;
    }
    .sorting a:hover, .sorting a:focus, .sorting .active {
        text-decoration:underline;
    }

/* Kontaktformular */

.box-form {
    background:#EDF2F8;
    border:1px solid #C3CDDD;
    margin-bottom:20px;
}

    .box-content {
        background:#fff;
        margin:5px;
        padding:8px 25px 15px;
    }
    
    .box-form li {
        font-size:75%;
        width:100%;
        padding-bottom:10px;
    }
    
    .box-form .togglebox {
        margin:0;
        font-size:100%;
    }
        .box-form .togglebox .pay-box {margin:0;}
        .box-form .togglebox .pay-box ul , .box-form .togglebox .adress {margin-bottom:0;}
        
        .adress label {
            width:28%;
            float:left;
            color:#000;
            line-height:120%;
        }
        
        .adress input[type="text"], .adress input[type="password"], .adress textarea, .pay-box input, .review .ansprechpartner {
            width:70%;
            background:#e9eff4;
        }
        .review .ansprechpartner {width:190px;}
        .box-form #plz {width:25%;}
    .box-form .request li {float:left;}
    .box-form .request .btn {float:right;}
    .box-form .request li label {
        margin-left:10px;
        float:left;
        width:380px;
        padding-top:2px;
    }
    .box-form .request li input {float:left;}
    .box-form .btn {
        width:50%;
        float:right;
        font-size:75%;
    }

        .btn button, .btn .button {
            float:right;
        }
    
    #content .btn-backward {
        float:left;
        width:50%;
    }
    
        #content .btn-backward a {
            padding:0 0 0 5px;
            margin-top:2px;
        }
    
        #content .btn-backward span {
            background:url(../img/button_arrow_left.png) no-repeat left center;
            padding:1px 5px 1px 15px;
            line-height:145%;
        }

#secondary-content .contact h2 {
    margin-bottom:0;
    padding-bottom:0;
}
    .contact .product {width:12.4375em;}
    #secondary-content .contact img {
        width:auto;
        float:none;
    }
    .contact .product div {
        width:12.4375em;
        margin:0;
    }
    .contact dl {text-align:center;}
    
    .contact .product dt + dd {text-transform:none;}
    
/* News und Termine */

#content .declaration p {
    line-height:130%;
    padding-left:10px
}

    .data-list .info .editor a {
        width:auto;
        float:none;
        margin-right:1px;
    }

    .data-list .info a {
        width:76px;
        float:left;
        margin-right:10px;
    }
    
    .info .editor a {
        float:none;
    }
    
    .data-list img {
        display:block;
        margin:0 auto;
    }
    .data-list span {
        display:block;
        font-size:68.75%;
/*        text-transform:uppercase;*/
    }
    .data-list strong {
        font-weight:bold;
        font-size:75%;
    }
    
    .info {
        margin-left:10px;
    }
    
        .info div {
            float:left;
            width:38em;
        }
    
    .list-seperation {
        border-top:1px solid #c3cddd;
        padding-top:20px;
        margin-top:20px;
    }

.order-all {height:2em;}
    #content .order-all p {
        line-height:32px;
        margin:0;
        float:left;
    }
        .order-all .button {
            float:right;
            margin:5px 10px 0 0;
            font-size:75%;
        }

/* Warenkorb */

.order {
    margin-bottom:25px;
    padding:0 30px;
}

.wide .order {padding:0 26px;}

    .order li span {
        color:#ccc;
        font-size:75%;
        float:left;
        margin-right:72px;
        height:32px;
    }
        .order .customer span {
            background:url(../img/order1.png) no-repeat 0 2px;
            width:7em;
            margin-right:56px;
            padding-left:25px;
        }
        .order .payment span {
            background:url(../img/order2.png) no-repeat 0 2px;
            width:5.41666em;
            padding-left:31px;
            margin-right:68px;
        }
        .order .check span {
            background:url(../img/order3.png) no-repeat 0 2px;
            width:5em;
            padding-left:30px;
            margin-right:0;
        }
        .order .active {color:#4F79AC;}
        .order .customer .active {background:url(../img/order_active1.png) no-repeat 0 2px;}
        .order .payment .active {background:url(../img/order_active2.png) no-repeat 0 2px;}
        .order .check .active {background:url(../img/order_active3.png) no-repeat 0 2px;}

/* Warenkorb Tabelle */

#col-article        {width:25em;}
#col-article-number {width:7.5em;}
#col-number         {width:4.625em;}
#col-price          {width:4.75em}
#col-trash          {width:1.25em;}

    th {
        font-size:75%;
        border-bottom:1px solid #C3CDDD;
        font-weight:bold;
        color:#000;
        padding:0 30px 5px 0;
    }

    td {
        font-size:75%;
        padding:10px 15px 10px 0;
        vertical-align:top;
    }
        
        td input {
            text-align:center;
/*            width:20px;*/
        }
        .review td input {
            margin-left:0;
        }
        td .product a {
            float:left;
            width:76px;
        }
        .product .more {width:auto;}
        
        #content.wide td .product div {
            float:left;
            margin-left:0.625em;
            width:19.16666em;
        }
            #content.wide td .product div .box {float:none; width:auto; margin-left:0;}
        
            td .product dl {font-size:100%;}
            td .special {color:#333; margin:10px 0;}
            td .product a {font-size:100%;}
            table .product dd {margin-top:10px;}
            table .product dt + dd {margin:0;}
        
        table .trash {padding-right:10px;}

            table .trash a {
                background:url(../img/trash.png) no-repeat right top;
                text-indent:-9999px;
                display:block;
            }
    
        table .price {padding-right:10px;}
    
        table .seperation td {border-bottom:1px solid #C3CDDD;}
        
        table .absenden td {
            text-align:right;
            padding-right:0;
        }
        
        tr .btn {padding-right:0;}
        
        .banner td {
            background:#edf2f9 url(../img/member_karawane.jpg) no-repeat 5px 6px;
            padding:10px 115px 10px 85px;
        }
            .banner td p {
                font-size:100%;
                margin-top:5px;
            }
                .banner .more {font-size:100%;}
                        /*.banner td {
                                                    background:#edf2f9 url(../img/warenkorb_banner.jpg) no-repeat 5px 10px;
                                                    background:#edf2f9;
                                                    padding:10px 115px 10px0;
                                                }
                                                    .banner img {
                                                        float:left;
                                                        margin-right:0.625em;
                                                    }
                                                    .banner td p {
                                                        font-size:100%;
                                                        margin:5px 0 0;
                                                        line-height:125%;
                                                    }
                                                        .banner .more {font-size:100%;}*/
    
/* Warenkorb Schritt 1 */

.box-form .adress {margin-bottom:30px;}
.box-form .single-box {margin-bottom:0;}

.box-form .review {margin-bottom:20px;}
    .box-form .review table td, .box-form .review table th {font-size:75%; width:50%;}
    
.box-form .addition p label {
    width:192px;
    display:inline-block;
}

.box-form p a {float:right;}

.review table .margin td {padding-top:20px;}

/* Warenkorb Schritt 2 */
    
    .pay-box {margin-top:10px;}

        .pay-box ul, .box-form .togglebox .adress {
            border:1px solid #C3CDDD;
            padding:15px 10px 5px;
        }
        .pay-box li {font-size:100%;}
            .pay-box label {
                width:29%;
                float:left;
            }
            .pay-box input {width:65%;}

        .credit-card input {
            float:left;
            margin:2px 7px 2px 0;
            width:auto;
            background:none;
        }
        
/* Warenkorb Schritt 3 */

.review td {padding-top:20px;}

    .review table {width:100%;}

        .review table td, .review table th {font-size:100%; padding:2px 0;}
        .review table th {
            border:none;
        }

/* Newsletter */

.box-form .standard-list li {font-size:100%;}

.standard-list ul {
    margin:10px 0;}

.standard-list ul li {
    list-style:disc;
    margin-left:25px;
}

/* Editor */
.editor {font-size:75%;}
.editor p {font-size:100%;}
.editor p img {margin:0 10px 10px;}
.editor img {margin:10px;}

.editor .img_links {float:left;}
.editor .img_rechts {float:right;}

.editor blockquote {margin-left:15px;}
.editor div {font-size:100%;}

.editor ul, .editor ol {margin-bottom:20px;}

.box-form .editor a {float:none;}

    .editor ul li {
        list-style:disc;
        margin-left:25px;
        font-size:100%;
    }
    
    .editor ol li {
        list-style:decimal;
        list-style-position:inside;
    }

.editor table {
    margin-bottom:20px;
    border-collapse:collapse;
    border-color:#C3CDDD;
}

.editor td {border:1px solid #C3CDDD;}
.editor .editor-border-none-table, .editor .editor-border-none-table td {border-width:0;}

    .editor td {padding:10px 15px 10px 10px; font-size:100%; border:1px solid #C3CDDD;}
    .editor td p, .editor li div {font-size:100%; display:inline;}
    .editor table td img {margin:0;}
    .editor td ul, .editor td ol {font-size:100%;}
.editor .editor-color {background:#EDF2F8;}
.editor .editor-border, .editor .editor-border-none-table .editor-border {border:1px solid #C3CDDD;}
.editor .link_farbe1 a, .editor .link_farbe1 {color:#E2001A;}
.editor .link_farbe2 a, .editor .link_farbe2 {color:#B2884D;}
.editor .farbe3 {color:#fff;}

.detailseite .editor img {margin:0;}
/* ---------------------------- Buttons --------------------------------- */
.editor .button {
    padding:0 20px 0 5px;
    height:20px;
    line-height:20px;
    background:url(../img/editor_btn.png) repeat-x right top;
}
.editor .button:hover, .editor .button:focus {background:url(../img/editor_btn.png) repeat-x right -64px;}
.editor .beige {
    background:url(../img/editor_btn.png) repeat-x right -20px;
    border-color:#d1c5b4;
    color:#96723C;
}
.editor .beige:hover, .editor .beige:focus {background:url(../img/editor_btn.png) repeat-x right -86px;}
.editor .red {
    background:url(../img/editor_btn.png) repeat-x right -44px;
    border-color:#eb939d;
    color:#E2001A;
}
.editor .red:hover, .editor .red:focus {background:url(../img/editor_btn.png) repeat-x right -110px;}

/* Suche */

.search .adress {margin-bottom:15px;}

    .search .adress li {
        float:left;
        width:50%;
    }

        .search .adress .highlight {
            border-bottom:1px solid #C3CDDD;
            padding-bottom:15px;
            margin-top:5px;
            width:100%;
        }
    
            .search .adress .highlight input {width:45%;}

        .box-form.search label {
            display:block;
            float:none;
        }

        .box-form.search input {width:90%;}
    
        .search #year {width:20%;}

    .search .request label {display:inline;}
    .search .request input {width:auto;}

    .search-icon {
        background:#fff url(../img/lupe.png) no-repeat 8px 28px;
        padding-left:50px;
    }

/* Bibelpastorale Suche*/

.uniform-selection select {width:370px;} 

.box-form .uniform-selection input {
    width:45%;
    background-color:#E9EFF4;
    margin-bottom:5px;
}

/* Suchergebnis */

.option {margin-bottom:20px;}
.option p {
    border-bottom:1px solid #C3CDDD;
}
.option li {
    font-size:75%;
    background:url(../img/arrow_grey.png) no-repeat left center;
    padding-left:15px;
}

.search-result .info {
    border-bottom:1px solid #C3CDDD;
    margin-bottom:20px;
    padding-bottom:20px;
}
    .search-result .info div .more {width:auto;}

/* Einheitsübersetzung */
#einheitsuebersetzung {
    padding:8px;
    background:#fff;
    width:98%;
}
#secondary-content #einheitsuebersetzung, #sidebar #einheitsuebersetzung {width:192px;}
.search-wide #einheitsuebersetzung {
    width:690px;
    height:1040px;
    padding-top:0;
}

#einheitsuebersetzung button p {font-size:12px;}

/* Zeitschriftenseiten Gottes Volk */

.gottesvolk #header img, .tedeum #header img, .welt-umwelt #header img, .bibel-heute #header img, .bibel-kirche #header img {margin:0; float:left; position:static;}

.gottesvolk .teaser-box {
    background-color:#336dab;
    border-color:#1a171b;
}

/* Zeitschriftenseiten Te Deum */

.tedeum #header {background:#8b1512;}

.tedeum .teaser-box {
    background-color:#af3641;
    border-color:#8b1512;
}

.tedeum #switch-over {background-color:#af3641;}

/* Zeitschriftenseiten Welt und Umwelt */

.welt-umwelt #header {background:#b50800;}

.welt-umwelt .teaser-box {
background-color:#af3641;
border-color:#8b1512;
}

.welt-umwelt #switch-over {background-color:#b50800;}

/* Zeitschriftenseiten Bibel Heute */

.bibel-heute #header {background:#d9d2c2;}

.bibel-heute .teaser-box {
    background-color:#9e947b;
    border-color:#5c5d5f;
}

.bibel-heute #switch-over {background-color:#d9d2c2;}

/* Zeitschriftenseiten Bibel und Kirche */

.bibel-kirche #header {background:#fccc7f;}

.bibel-kirche .teaser-box {
    background-color:#223657;
    border-color:#1a171b;
}

/*.bibel-kirche #switch-over {background-color:#eebe71;}*/

/* Tabellendarstellung */
.standard-table {
    border-collapse:collapse;
    border:1px solid #c5ccde;
    margin-bottom:15px;
    width:703px;
}
.standard-table .variant {
    background:#eef2f8;
}
.standard-table th {
    background:#b7c9dd;
    color:#fff;
    padding:8px 10px;
    font-size:87.5%;
    font-weight:normal;
}
.standard-table td {
    border:1px solid #c5ccde;
    border-width:0 1px;
    padding:8px 10px;
}
.standard-table .subheadline td {
    padding:3px 10px;
    font-size:81.25%;
    font-weight:bold;
    color:#1c3674;border-bottom:1px solid #c5ccde;
}
.standard-table td a {
    margin:0 10px 10px 0;
    display:inline-block;
}

.right {
    float:right;
    font-size:75%;
    margin:0 5px 5px 0;
    background:url(../img/button_arrow.png) no-repeat right center;
    padding-right:12px;
}

/* Aboform */

#aboform input {margin:0;}
#aboform .input-checkbox {margin-right:4px;}
#aboform label {margin-left:5px;}

.abo-adresse li {font-size:100%;}

/* Sonntagslesungen */
#sonntagslesungen .info {
    margin-bottom:0;
    padding-bottom:15px;
}
    #sonntagslesungen .info p {margin-bottom:5px;}
#sonntagslesungen .declaration {margin-bottom:0;}

/* Kontaktseite */
#secondary-content .kontakt-img img {width:113px;}

/* Zeitschriften ABonnement */
#aboform .position input {float:left;}
#aboform .position label {float:left; width:385px;}

#prod-teaser .link_farbe1 {color:#E2001A;}

.toggleinfolink:focus {text-decoration:underline;}

.tag1 {font-size: 100%;}
.tag2 {font-size: 110%;}
.tag3 {font-size: 120%;}
.tag4 {font-size: 130%;}
.tag5 {font-size: 140%;}

.product_seo_link  {color: black; text-decoration: none;}

.teaser-box-blue {
        background-color:#EDF2F8;
        border:1px solid #C3CDDD;
        color:#4F79AC;
        padding:0.625em;
        margin-bottom:1.25em;
    }
.teaser-box-blue p {
	font: italic 100%/120% georgia, serif;
	margin:0 0 5px;
}

.teaser-box-blue img {
    left: -0.625em;
    position: relative;
    top: -0.625em;
    width: 13.625em;
}