/*  ----------------------------------------------------------------------------------------------------------  */
/*      Campus
/*      Version: 1.0.1
/*      Author: Yvonne Kazidroga // Ingo Blenke // kazidroga(at)id-on(dot)de
/*      Author URI: www.id-on.de // www.gorilla-concept.de
/*  ----------------------------------------------------------------------------------------------------------  */

/*  ----------  Contents  ----------    */
/*
        1. Resets
        2. Generic
        3. Structure
        4. Forms
        5. Styles...

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

/*  -----------  Colors  -----------    */
/*
        color:                  #1d1c1c
        body headline-color:    #666666
        footer & header color:  #dddddd
        sachbuch blau:          #0064a0
        business magenta:       #9b0055
        ratgeber rot:           #e10019
        hörbuch orange:         #ff7d05
        wissenschaft gruen:     #7db400
        bibliothek grau:        #8796aa
        
/*  --------------------------------    */

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             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 {
    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;}

body {line-height:100%;}

ol, ul {list-style:none;}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse:separate;
    border-spacing:0;
}
iframe {border:0;}

caption, th, td {
    text-align:left;
    font-weight:normal;
}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

#contactform .headline {margin:8px 0 5px;}

/* =====================================\\\ 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
/*  ----------------------------------------------------------------------------------------------------------  */

body {
    color:#1c1c1c;
    background:#d6d9de;
    font-family: verdana,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:#666;
    text-decoration:none;
}
a:hover, a:focus {text-decoration: underline;}

p {font-size:75%;} /* 12px */

strong {font-weight:bold;}

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

.minilist a {
    float:right;
    font-size:10px;
    line-height:14px;
    padding-left:9px;
    background:url(../img/all_icons_sprite.png) no-repeat -836px -312px;
}

/*  =========================================================================================== */
/*  Buttons */

    #wrapper .button, button div {
        background:url(../img/buttons_sprite.png) no-repeat right -520px;
        height:20px;
        line-height:20px;
        white-space:nowrap;
        color:#fff;
        padding:0 12px 0 0;
        border:1px solid #ddd;
        font-size:11px;
        display:inline-block;
    }
    #wrapper .order {
        background-position:right -300px;
        padding:0 25px 0 0;
    }
    #wrapper a.mail, body button.mail div {
        padding:0 25px 0 0;
        background-position:right -480px;
    }

    /* ======================================================================================== */
    /* § Area Styles: Buttons // right BG
    /* ======================================================================================== */

    #sachbuch .button       {background-position:right -540px; border-color:#0064a0;}
    #business .button       {background-position:right -560px; border-color:#9b0055;}
    #ratgeber .button       {background-position:right -580px; border-color:#e10019;}
    #hoerbuch .button       {background-position:right -600px; border-color:#ff7d05;}
    #wissenschaft .button   {background-position:right -620px; border-color:#7db400;}
    #bibliothek .button     {background-position:right -640px; border-color:#8796aa;}

    #sachbuch a.order       {background-position:right -320px;}
    #business a.order       {background-position:right -340px;}
    #ratgeber a.order       {background-position:right -360px;}
    #hoerbuch a.order       {background-position:right -380px;}
    #wissenschaft a.order   {background-position:right -400px;}
    #bibliothek a.order     {background-position:right -420px;}

    #wrapper .order {border-color:#ddd;}

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

        body .button span, body button p {
            line-height:20px;
            display:block;
            margin:0;
            padding:0 0 0 20px;
            background:url(../img/buttons_sprite.png) no-repeat 0 0;
            cursor:pointer; /* IE */
        }
        
        body #content button p {width:auto;}
        
        body .order span {
            background-position:0 -160px;
            color:#1d1c1c;
        }

        /* ======================================================================================== */
        /* § Area Styles: Buttons // left BG
        /* ======================================================================================== */

        #sachbuch .button span       {background-position:left -20px;}
        #business .button span       {background-position:left -40px;}
        #ratgeber .button span       {background-position:left -60px;}
        #hoerbuch .button span       {background-position:left -80px;}
        #wissenschaft .button span   {background-position:left -100px;}
        #bibliothek .button span     {background-position:left -120px;}

        #sachbuch .order span       {color:#0064a0; background-position:left -180px;}
        #business .order span       {color:#9b0055; background-position:left -200px;}
        #ratgeber .order span       {color:#e10019; background-position:left -220px;}
        #hoerbuch .order span       {color:#ff7d05; background-position:left -240px;}
        #wissenschaft .order span   {color:#7db400; background-position:left -260px;}
        #bibliothek .order span     {color:#8796aa; background-position:left -280px;}

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

    #wrapper .button:hover, #wrapper .button:focus, button:hover div, button:focus div {
        background-position:right -660px;
        text-decoration:none;
        border-color:#222;
    }
    #wrapper .order:hover, #wrapper .order:focus {background-position:right -440px;}

    #wrapper .button:hover span, #wrapper .button:focus span, button:hover p, button:focus p {background-position:0 -140px !important; color:#fff !important;}

    #wrapper a.mail:hover, #wrapper button.mail:hover div, #contactform button.mail:hover div {background-position:right -500px;}

/*  =========================================================================================== */
/*  Headlines */

h1, h2, h3, h4, h5, h6 {font-weight: normal;}

h1 {font-size:125%;}
h2 {font-size:112.5%;}
h3 {
    font-family: georgia, serif;
    font-size: 14px;
    color: #1c1c1c;
}
h4 {
    font-size:16px;
    font-family: georgia, serif;
    color: #1c1c1c;
    margin-bottom: 6px;
}
h4 span {color: #707682;}
.page-headline {margin-bottom:15px;}

h5 {
    font-size:16px;
    font-family: georgia, serif;
    color: #1c1c1c;
    margin-bottom: 6px;
}
h6 {font-size:75%;}

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             3. Structure
/*  ----------------------------------------------------------------------------------------------------------  */

#wrapper {
    width:971px;
    margin:auto;
    overflow:hidden;
    background:url(../img/bg-wrapper.png) repeat-y;
    padding-left: 9px;
}
    #header {
        background:url(../img/bg-header.png) repeat-x;
        width: 960px;
        height: 123px;
        position: relative;
        z-index: 100;
    }
        #content-top {
            width: 960px;
            margin: 20px 0;
        }
        #content {
            width: 685px;
            padding: 0 17px 200px 18px;
            float:left;
        }
        #content.small {width: 455px;}

            .content-wrapper {padding:0 11px 0 0;}

            #subcontent {
                float: left;
                width: 212px;
                padding-left: 18px;
            }
            #secondary-content {
                width: 220px;
                padding-right: 20px;
                float: left;
            }
    #footer {
        background: #3f4148 url(../img/bg-footer.jpg) no-repeat;
        width: 960px;
        height: 170px;
        padding-top: 14px;
        color:#fff;
        text-align: center;
    }

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             4. Forms
/*  ----------------------------------------------------------------------------------------------------------  */

/*input[type=text], textarea {
    border:1px solid #aaa;
    padding:2px 1px;
    font-size:12px;
    background:#f5f5f5;
}
    input:focus, textarea:focus {background:#fff;}*/

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             5. Styles
/*  ----------------------------------------------------------------------------------------------------------  */
/* --- Header --- */

#logo {
    margin: 14px 0 0 20px;
    float: left;
}
#header h1 {
    position: absolute;
    top: 90px;
    left:0;
    background-color: #fff;
    font-family: georgia, serif;
    color:#1c1c1c;
    height:33px;
    line-height: 33px;
    padding: 0 20px;
}
#header h1 a {color:#1C1C1C;}
#header h1 a:hover {text-decoration:none;}

.home { 
    background:url(../img/icon-home.png) no-repeat;
    width: 18px;
    height: 24px;
    text-indent: 9999px;
    display: block;
    overflow:hidden;
} 
#header .cart {
    background:url(../img/icon-cart.png) no-repeat;
    width: 18px;
    height: 24px;
    text-indent: 9999px;
    display: block; 
    overflow:hidden;
}
#service-nav {
    font-size: 11px;
    float: right;
    margin-top: 14px;
    color:#fff;
}
#service-nav a {color: #fff;}

#service-nav li {
    float: left;
    margin-right: 20px;
}
#service-nav .active {text-decoration: underline;}

#nav {
    font-size: 14px;
    float: right;
    margin: 62px 8px 0 0;
    width: 690px;
}
#nav li {
    float:left;
    margin-left: 35px;
    position: relative;
    z-index:100;
    display:inline;
}
#nav a, #footer a {color: #fff;}

#nav a {
    float:left;
    line-height:20px;
    padding-bottom:3px;
}
#nav a:hover {text-decoration:none;}

    /* ======================================================================================== */
    /* § Area Styles: Nav // generic
    /* ======================================================================================== */

    .sachbuch                                                                                               {color: #0064A0;}
    #nav .sachbuch a:hover, #nav .sachbuch .active, #nav > li.sachbuch:hover > a                            {color:#0099CC;}
    .business                                                                                               {color: #9B0055;}
    #nav .business a:hover, #nav .business .active, #nav > li.business:hover > a                            {color: #c6016d;}
    #nav .ratgeber a:hover, #nav > li.ratgeber:hover > a, .ratgeber, #nav .ratgeber .active                 {color: #e10019;}
    #nav .hoerbuch a:hover, #nav > li.hoerbuch:hover > a, .hoerbuch, #nav .hoerbuch .active                 {color: #ff7d05;}
    #nav .wissenschaft a:hover, #nav > li.wissenschaft:hover > a, .wissenschaft, #nav .wissenschaft .active {color: #7db400;}
    #nav .bibliothek a:hover, #nav > li.bibliothek:hover > a, .bibliothek, #nav .bibliothek .active         {color: #8796aa;}

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

#nav li ul {
    background: url(../img/bg-nav-ul.png) right bottom no-repeat;
    padding: 0 5px 5px 0;
    display:none;
    position: absolute; 
    top: 23px;
    left: 0px;
    z-index:1000; 
    font-size: 11px;
    margin:0;
}
#nav .bibliothek ul {left:-106px;}

#nav li li {
    display:block;
    background: url(../img/bg-nav-li-trans.png) repeat-x;
    height: 24px;
    float:none;
    border-left: 1px solid #ccc;
    margin:0;
    padding:0;
    min-width: 245px;
}
    #nav li li a {
        color:#000;
        display: block;
        float:none;
        padding: 0 0 0 10px;
        min-width: 235px;
        height: 24px;
        line-height: 24px;
    }
    #nav li li a:hover {background: url(../img/bg-nav-li-active.png) repeat-x;}

    #nav li:hover ul, #nav li.over ul {display: block;}

#pagenav {margin: 1px 0 0 20px;}

#pagenav li {
    float:left;
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    margin-right: 30px;
    height: 25px;
    line-height: 25px;
}
#pagenav li a {display:block;}

    #pagenav .active {
        padding:0 14px;
        color: #fff;
        margin-right: 16px;
        background:#999 url(../img/sidebar_btn_sprite.png) repeat-x;
    }
    #pagenav a:hover {
        text-decoration:none;
        color:#1c1c1c;
    }

    /* ======================================================================================== */
    /* § Area Styles: Page-Nav
    /* ======================================================================================== */

    #sachbuch #pagenav .active      {background-color:#0064a0; background-position:0 -25px;}
    #business #pagenav .active      {background-color:#9b0055; background-position:0 -50px;}
    #ratgeber #pagenav .active      {background-color:#e10019; background-position:0 -75px;}
    #hoerbuch #pagenav .active      {background-color:#ff7d05; background-position:0 -100px;}
    #wissenschaft #pagenav .active  {background-color:#7db400; background-position:0 -125px;}
    #bibliothek #pagenav .active    {background-color:#8796aa; background-position:0 -150px;}

    /*  Hover-Styles -> See end of document

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

    #pagenav .podcast {
        background:url(../img/icon-podcast.gif) no-repeat right center;
        padding-right: 21px;
    }

/* --- Footer --- */
#footer ul {width: 960px;}

#footer ul li { 
    font-size: 11px;
    margin-right: 28px;
    display: inline;
}
#footer .copyright {margin-top: 10px;}

#footer .copyright li {
    font-size: 9px; 
    line-height: 120%;
}

/* --- Content --- */
p {
    font-size: 11px;
    margin:5px 0;
}
#content.small p {width: auto;}

#breadcrumb {
    float:left;
    margin: 0 0 20px 18px;
}
    #breadcrumb a, #breadcrumb li {
        font-size: 9px;
        color: #888;
        float:left;
    }
    #breadcrumb li {
        float:left;
        color:#666;
        margin-right: 10px;
    }
#cart-box, #search-box {float: right; }

#cart-box {
    border-right: 1px dotted #000;
    font-size: 11px;
    padding-right: 7px;
    margin-right: 7px;
}
    #cart-box .zettel { 
        background:url(../img/all_icons_sprite.png) no-repeat -412px -327px;
        padding: 5px 0 0 22px;
    }
    #cart-box .cart {   
        background:url(../img/all_icons_sprite.png) no-repeat -830px -332px;
        padding: 0 0 0 22px;
    }
    #cart-box .zettel a, #cart-box .cart a  {color: #1c1c1c;}

#search-box {
    font-size: 10px;
    margin-right: 18px;
}
#search-box a { 
    background:url(../img/all_icons_sprite.png) no-repeat -836px -312px;
    padding-left: 9px;
}
    #search-box a:hover {color:#1c1c1c;}

#search-box input {width: 76px;}

#search-box form {width:100px;}

#search-box button div, .search-field button div {
    background:transparent url(../img/icon-pfeil.png) no-repeat;
    height:11px;
    width:9px;
    padding:0;
    border:0;
}
#search-box .detailsearch {
    text-align:center;
    padding-top: 2px;
}

/* =============================================== */
/* Mainteaser */

#mainteaser {   
    background:transparent url(../img/bg-mainteaser.png) no-repeat;
    width: 678px;
    height: 327px;
    padding:2px 6px 6px 4px;
    margin-bottom: 35px;
    position:relative;
    z-index:1;
}
    #mainteaser img {
        position:absolute;
        top:2px;
        left:4px;
        z-index:20;
    }
    #mainteaser ol {
        position:absolute;
        z-index:1000;
        left:5px;
        top:3px;
        padding:2px 5px;
    }
        #mainteaser li {
            display:inline;
            padding:2px 4px;
            background:#ccc;
            color:#222;
            font-size:11px;
            cursor:pointer;
        }
        #mainteaser li:hover {background:#999;}

        #mainteaser li.active {
            background:#999;
            color:#fff;
        }

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

#bestseller-slider {
    background:transparent url(../img/bg-bestseller-slider.png) no-repeat;
    width: 688px;
    margin: 0 0 30px 0;
}
#bestseller-slider .slide-content a {width:55px;}

.slider {
    position:relative;
    height:122px; /* height of items */
    padding:10px 0;
    background:#fff;
}
.slide-content {height:114px;}

.slide-left, .slide-right {
    position:absolute;
    top:60px;
    width:20px;
    height:20px;
    background:url(../img/slider_arrows.png) no-repeat left top;
    cursor:pointer;
}
.slide-left {left:10px;}

.slide-right {
    background-position:left bottom;
    right:10px;
}
.slider .slide-left:hover {background-position:-20px top;}
.slider .slide-right:hover {background-position:-20px bottom;}
.slider .slide-left.inactive {background-position:right top;}
.slider .slide-right.inactive {background-position:right bottom;}

.slide-mask {
    margin:0 50px;
    overflow:hidden;
    height:114px;
    width:588px;
    position:relative; /* IE */
    z-index:10; /* IE */
}
.slide-content {z-index:1;} /* IE */

.slide-content li {
    margin:5px 30px 0 0;
    float:left;
    list-style-type: none;
}
.slide-content a, .slide-content a:hover {
    float:left;
    position:relative;
}
.slider a span {
    display:none;
    position:absolute;
    z-index:1000;
    top:90px;
    left:50%;
    text-align:center;
    font-family:georgia, serif;
    color:#222;
    font-size:11px;
}
.slider a span em {
    display:block;
    width:200px;
    margin-left:-100px;
}
.slider a:hover span {display:block;}

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

.tooltip {
    position:absolute;
    color:#fff;
    font-size:11px;
    background:#222;
    background:rgba(0,0,0, 0.5);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding:4px 10px;
    z-index:10000;
}
.prodboxes li, .teaserboxes li, .teaserboxes-block li, .teaserpic-box li {
    background:transparent url(../img/bg-box-lang.png) no-repeat;
    width: 206px;
    height: 217px;
    float:left;
    margin-right: 4px;
    padding: 9px;
    margin-bottom: 35px;
    list-style-type: none;
}

#content .prodboxes li .headline, .teaserboxes li .headline, .teaserboxes-block li .headline, .teaserpic-box li .headline, .mediumlist li .headline {height:69px; margin:0; float:none;}

.neuheiten h4 {
    margin: 4px 0 6px 0;
    line-height: 95%;
}
.prodboxes h4, .teaserboxes h4, .teaserboxes-block h4 {
    height: 35px; 
    margin:2px 0;
    line-height: 100%;
    font-size:15px;
}
.prodboxes em {
    font-size: 10px;
    color:#666;
    font-style: normal;
    display:block;
}
.prodboxes strong, .teaserboxes strong, .teaserboxes-block strong {font-weight: normal;}

.prodboxes img, .teaserboxes li img, .teaserboxes-block li img {
    float:left;
    margin-right: 10px;
}
.prodboxes strong em {
    font-size:11px;
    font-style:normal;
    color:#1e1e1e;
}
.teaserboxes p, .teaserboxes-block p, .teaserpix-box p {
    font-size: 10px;
    height:108px;
    margin:0 0 10px;
    line-height: 130%;
    width: 106px;
    float: left;
}
.teaserboxes span, .teaserboxes-block span, .teaserpic-box span, #studium .creativ-box span, #studium .dozentenservice .pagenav-list li span {
    float:right;
    text-align: right;
    width: 98px;
    margin-right: 8px;
    background:transparent url(../img/bg-dotted.gif) left bottom repeat-x;
}
.prodboxes span a, .teaserboxes span a, .teaserboxes-block span a, .teaserpic-box span a, #studium .creativ-box span a, #studium .dozentenservice .pagenav-list li span a {  
    background:url(../img/all_icons_sprite.png) no-repeat -836px -312px;
    font-size: 10px;
    padding-left: 8px;
}
.prodboxes a:hover, .teaserboxes a:hover, .teaserboxes-block a:hover, .teaserpic-box a:hover {color: #1c1c1c;}

.teaserpic-box li .teaserpic {
    width: 209px;
    display:block;
    text-align:center;
    margin: 5px 0 5px 0;
}
.teaserpic-box p {
    width: 208px;
    font-size: 10px;
    margin-bottom:0;
    line-height: 125%;
}
.teaserpic-box li {position:relative;}

.teaserpic-box span {
    width: 200px;
    position:absolute;
    bottom:15px;
    left:12px;
} 
.teaserpic-box-headline {
    width: 224px;
    float:left;
    padding-left:4px;
}
.teaserboxes em {
    font-size: 12px;
    color: #666;
    margin-bottom: 3px;
    display: block;
    font-style: normal;
}
.teaserboxes-block em {
    font-size: 10px;
    margin-bottom: 3px;
    display:block;
    font-style: normal;
}
.mediumlist {
    margin-top: 30px;
    width: 455px;
}
.mediumlist h4 {
    padding-bottom: 4px;
    border-bottom: 1px solid #e8e8e8;
}
.minilist li {
    width: 310px;
    float:left;
/*    border-bottom:1px dotted #555;*/
    background:url(../img/bg-dotted.gif) repeat-x left bottom;
    padding-bottom:1px;
}

.minilist .autorenlinks li { background:none; border:none;}

.mediumlist ul {
    width: 450px;
    float:left;
}
    .mediumlist li {
        float:left;
        width: 209px;
        padding-right: 15px;
/*        height:160px;*/
        border-right:1px dotted #000;
        margin-bottom:30px; 
        position: relative;
    }
    .mediumlist li.rightrow {
        border:none;
        padding: 0 0 0 15px;
    }

    .mediumlist img {float:left;}

    .mediumlist p {margin:0;}

    .mediumlist h5 {height: 30px;}

.mediumlist a {color:#000;}

.mediumlist a:hover {
    text-decoration: none;
    color:#707682;
}

.mediumlist .data {
    float:left;
    width:115px;
}

    /* ======================================================================================== */
    /* § Area Styles: Medium List -> See end of document
    /* ======================================================================================== */

    .minilist .fullsize {width: 310px;}

    /*.minilist .fullsize p {width: 310px;}*/

    .minilist .right {margin-right:0;}

    .minilist .allnews {
        margin-top:14px;
        border:0;
        background:none;
    }
    .minilist h4, #geschenke h4 {
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 6px;
    }
    .minilist div {
        float: right;
        width: 274px;
    }
    .minilist img {
        float: left;
        margin: 10px 10px 0 0;
    }
    .minilist span, #monatsaktion span, #termine span, #download span, #bestseller span {
        color:#666;
        font-size: 10px;
        display:block;
        line-height:140%;
        margin-top:5px;
    }
    #termine span, #download span {margin:0;}

    .minilist p {
        font-size: 11px;
        /*width:288px;*/
    }
    #monatsaktion a, #geschenke a {
        float: right;
        background:url(../img/all_icons_sprite.png) no-repeat -836px -312px;
        line-height:14px;
        font-size: 10px;
        padding-left: 9px;
    }
    .minilist .bildlink, #monatsaktion .bildlink, .neuheiten .bildlink, #geschenke .bildlink{
        float: left;
        background:none;
        padding-left:0;
    }
    .minilist strong, .mediumlist strong {
        font-weight:normal;
        float:right;
        margin-top:12px;
    }
    .mediumlist strong {margin-top:62px;}
    
    .minilist .exhausted, .mediumlist .exhausted {float:left; margin-top:11px;}

    #wrapper .minilist .button, #wrapper .mediumlist .button {
        float:left;
        height:18px;
        margin-top:10px;
    }
    #wrapper .mediumlist .button {float:right;}

    .minilist .button span, .mediumlist .button span {
        height:18px;
        line-height:18px;
        font-size:11px;
        margin:0;
    }
    .sidebar-bottom {
        background: transparent url(../img/bg-sidebarbox-bottom.png) no-repeat;
        width: 216px;
        height: 18px;
        margin-bottom: 25px;
    }
    #tagcloud, #termine, .buttons, .grey-buttons, #newsletter, #videopreview, #campus-studium, #download, #manuskripte, .themebox, #bestseller, #buchtipp, #info-fuer-autoren {
        background: transparent url(../img/bg-boxsidebar.png) no-repeat;
        width: 216px;
        overflow:hidden;
    }
    .themebox {padding: 10px;}

    .themebox p {
        width: 190px; 
        margin-bottom: 7px;
        line-height: 140%;
    }
    .themebox a {color: #707682;}

    /* ======================================================================================== */
    /* § Area Styles: Theme Box -> See end of document
    /* ======================================================================================== */

#tagcloud a {
    color: #1c1c1c;
    padding-right: 10px;
}
#tagcloud, #newsletter, #manuskripte, .themebox, #info-fuer-autoren  {
    padding-top:10px;
    line-height: 120%;
}
#tagcloud ul {padding:10px;}

#tagcloud ul li {float:left;}

    #tagcloud .tag1 {font-size:20px;}
    #tagcloud .tag2 {font-size:18px;}
    #tagcloud .tag3 {font-size:14px;}
    #tagcloud .tag4 {font-size:13px;}
    #tagcloud .tag5 {font-size:12px;}

#newsletter, #campus-studium, #manuskripte, .themebox, #info-fuer-autoren {
    padding-right:10px;
    width: 206px;
}
#newsletter img, #manuskripte img, #info-fuer-autoren img {
    float:left;
    margin-left: 5px;
}

#info-fuer-autoren img {
    margin:0 10px;
}

#newsletter p, #campus-studium p, #manuskripte p, #info-fuer-autoren p {
    font-size: 10px;
    width: 90px;
    line-height: 120%;
    float:left;
    margin-bottom:10px;
}

#info-fuer-autoren p {width:124px;}

#campus-studium p {
    width:170px;
    padding: 10px;
}
.campus-studium  {
    color:#ab2207;
    margin-top: 5px;
}
#monatsaktion {margin-bottom: 25px;}

#monatsaktion em {font-style:normal;}

#monatsaktion img, #geschenke img {float:left;}

#monatsaktion img {margin: 5px 10px 0 0;}

#monatsaktion div, #geschenke div {
    float:right;
    width: 137px;
}
#monatsaktion div {
    background:transparent url(../img/bg-dotted.gif) left bottom repeat-x;
    padding-bottom:1px;
}
    #monatsaktion strong {
        font-weight: bold;
        font-size: 10px;
        display: block;
    }
#monatsaktion p, #geschenke p { 
    font-size: 10px;
    line-height: 130%;
    margin-bottom: 5px;
    width: 137px;
}
#termine ul, #download ul, #bestseller ul {
    padding:0 9px;
    margin-bottom:10px;
    float:left;
}
#termine ul li {
    background:transparent url(../img/bg-dotted.gif) left bottom repeat-x;
    padding:10px 0 1px;
    float:left;
    width:198px;
}

#download ul li, #bestseller ul li {
    padding:10px 0 1px;
    float:left;
}

    #download ul li div, #bestseller ul li div {
        width:162px;
        background:transparent url(../img/bg-dotted.gif) left bottom repeat-x;
        float:left;
        padding-bottom:1px;
    }

#download p, #bestseller p {
    font-size: 10px;
    float:left;
    width:162px;
}
#termine p, #buchtipp em {font-size:10px; line-height:130%;}

#buchtipp div {
    width:96px;
    float:right;
    margin-top:92px;
}

    #buchtipp div strong {
        display:block;
        text-align:right;
        font-size:14px;
        font-weight:normal;
        margin-bottom:5px;
    }
    
    /*#buchtipp div .button {background-position:right -340px;}*/
    #buchtipp div span {background-position:0 -160px; color:#666;}
    #buchtipp h5 a {color:#1c1c1c;}

#download p, #secondary-content #download span, #bestseller p, #bestseller span {margin:0;}

#download img, #bestseller img, #buchtipp img {
    float:left;
    margin-right: 10px;
}
#termine a, #newsletter a, #videopreview a, #campus-studium a, #download a, #manuskripte a, #bestseller .more, #info-fuer-autoren a {
    float:right;
    background:url(../img/all_icons_sprite.png) no-repeat -836px -312px;
    font-size: 10px;
    line-height:14px;
    padding-left: 9px;
}
.date-overview {margin: 0 9px 0 0;}

#content-top p {
    float:left;
    width: 678px;
    font-size: 11px;
    line-height: 120%;
    margin: 0 0 10px 20px;
}
.prodboxes li, .teaserboxes-block li, .teaserpic-box li {margin-bottom: 5px;}

#prodteaser {
    background:url(../img/bg-prodteaser.jpg) no-repeat -2px 0;
    width:685px;
    height: 287px;
    position: relative;
    margin-bottom: 30px;
}
#prodteaser img {
    width: 155px;
/*  height:262px;*/
    float:left;
    margin:16px 0 0 20px;
}
#prodteaser.breitbild img {width: 308px;}

#prodteaser div {
    float:right;
    margin:15px 25px 0;
    width:450px;
}
#prodteaser.breitbild div {width:300px;}

#prodteaser div em {
    font-size: 10px;
    font-style: normal;
}
#prodteaser div h2 {
    font-family: georgia, serif;
    line-height: 125%;
    font-size: 30px;
    margin: 20px 0 3px 0;
}
#prodteaser div p {
    font-size: 11px;
    margin: 15px 0 15px 30px;
    line-height: 130%;
}
#prodteaser.breitbild div p {width:auto;}

#prodteaser strong {
    display:block;
    text-align:right;
    font-size: 24px;
    line-height: 24px;
    font-weight: normal;
    margin:0 0 5px;
}
#prodteaser .button {
    float:left;
    margin-left:30px;
}
#prodteaser .order {float:right;}

#prodteaser.breitbild .button {
    position:absolute;
    right:25px;
    bottom:35px;
}
#prodteaser .mehr, #prodteaser .more {
    position: absolute;
    left: 270px;
    bottom: 30px;
    display: block;
    width: 110px;
    height:19px;
}
#prodteaser .bestellen, #prodteaser .geschenke {
    position: absolute;
    right: 30px;
    bottom: 30px;
    display: block;
    width: 105px;
    height:19px;
}
#videopreview, #buchtipp {
    padding:10px 10px 0;
    background: transparent url(../img/bg-boxsidebar.png) no-repeat;
    width: 196px;
}
#videopreview strong, #videopreview p {font-size: 10px;}

#videopreview strong {color:#666;}

#videocontainer {
    margin: 5px 10px 10px 12px;
    width: 170px;
    height: 128px;
}

#sachbuch #cart-box, #sachbuch #search-box, #business #cart-box, #business #search-box, #ratgeber #cart-box, #ratgeber #search-box,
#wissenschaft #cart-box, #wissenschaft #search-box, #bibliothek #cart-box, #bibliothek #search-box {
    margin-top:0;
}
.prodboxes div {
    float:right;
    margin:90px 4px 0 0;
}
    .prodboxes strong {
        font-size: 20px;
        text-align:right;
        display:block;
        margin-bottom:8px;
    }
    .prodboxes div a {width:75px;}

#secondary-content .buttons, #secondary-content .grey-buttons {
    background: transparent url(../img/bg-button-container.png) no-repeat;
    width: 213px;
    height: 57px;
    margin-bottom: 20px;
}

#wissenschaft #secondary-content .buttons {margin-bottom:10px;}

#secondary-content .grey-buttons {
    padding: 0 0 0 2px;
    height: 55px;
    background-position: bottom;
}
#secondary-content .buttons a {
    width: 200px;
    color:#fff;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #e8e8e8;
    border-bottom:none;
    padding-left: 8px;
    display:block;
    background:url(../img/sidebar_btn_sprite.png) repeat-x 0 0;
}

#banner-box {
    background:url(../img/bg-boxsidebar.png) no-repeat;
}

#banner-box a img {
    display:block;
    padding:2px 0 0 3px;
}

.banner-bottom {
    background:url(../img/bg-banner-bottom.png) no-repeat;
    height:6px;
    margin-bottom:25px;
}

#digitale-bibliothek {
    background:url(../img/digitale-bibliothek3.png) no-repeat;
    width:131px;
    height:90px;
    float:right;
    margin:0 30px 30px;
}
    /* ======================================================================================== */
    /* § Area Styles: Secondary Content Links -> see "expandable boxes" and end of document 
    /* ======================================================================================== */

#wrapper #secondary-content .buttons a:hover {
    background-position:left -175px; 
    text-decoration:none;
}
.grey-buttons a {
    width: 200px;
    font-size: 11px;
    color:#1c1c1c;
    height: 24px;
    line-height: 24px;
    padding-left: 8px;
    display:block;
    border-top: 1px solid #e8e8e8;
    background: url(../img/bg-nav-li.png) repeat-x;
}
    .grey-buttons a:hover {
        background: url(../img/bg-nav-li-active.png) repeat-x; 
        text-decoration:none;
    }
. {margin-left:18px;}

/* -- Aufklappmenue rechte Randspalte -- */
#secondary-content .expandable  {
    width: 196px;
    height: 25px;
    line-height: 25px;
    padding-left: 12px;
    color: #fff;
    font-size: 12px;
    display:block;
    background:url(../img/sidebar_btn_sprite.png) repeat-x left top;
    cursor:pointer;
}
    #secondary-content .expandable em {
        display:block;
        font-style:normal; /* IE */
        background:url(../img/collapse_arrow.png) no-repeat 180px center;
    }
    #secondary-content .open em {background-position:-304px center;}

    /* ======================================================================================== */
    /* § Area Styles: Secondary Content // expandable boxes
    /* ======================================================================================== */

    #sachbuch #secondary-content .expandable, #sachbuch .buttons a          {background-position:left -25px;}
    #business #secondary-content .expandable, #business .buttons a          {background-position:left -50px;}
    #ratgeber #secondary-content .expandable, #ratgeber .buttons a          {background-position:left -75px;}
    #hoerbuch #secondary-content .expandable, #hoerbuch .buttons a          {background-position:left -100px;}
    #wissenschaft #secondary-content .expandable, #wissenschaft .buttons a  {background-position:left -125px;}
    #bibliothek #secondary-content .expandable, #bibliothek .buttons a      {background-position:left -150px;}

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

#wrapper #secondary-content .expandable:hover {background-position:left -175px;}

#secondary-content .expand-wrapper-bottom {
    background: transparent url(../img/bg-expand-wrapper-bottom.png) no-repeat;
    width: 214px;
    height: 15px;
}
#secondary-content .aufklappmenue {
    background: transparent url(../img/bg-expand-wrapper.png) no-repeat;
    width: 212px;
    padding-left: 2px;
}

#secondary-content .static em {background-position:-304px center;}

#wrapper #secondary-content .static .expandable:hover {background:transparent url(../img/sidebar_btn_sprite.png) repeat-x scroll left top;}
#wissenschaft #secondary-content .static .expandable:hover {background:url(../img/sidebar_btn_sprite.png) repeat-x left -125px;}

#secondary-content .aufklappmenue li a {
    background: url(../img/bg-nav-li.png) left bottom repeat-x;
    display: block;
    width: 196px;
    min-height:24px;
    padding: 0 0 0 12px;
    line-height: 24px;
    font-size: 12px;
    color: #1c1c1c;
}

/* --  ab ca. 33 Zeichen -- */
#secondary-content .aufklappmenue li .langer-titel {
        line-height: 16px;
        padding: 3px 0 3px 12px;
    }
#secondary-content .aufklappmenue li a:hover {
    background: url(../img/bg-nav-li-active.png) left bottom repeat-x; 
    text-decoration: none;
    background-color: #e0e0e0;
}

/* -- Aufklappmenue Content -- */
#content .ausklappbox {
    background: url(../img/bg-expand-wrapper-content.png) no-repeat;
    padding: 4px 0 0 4px;
}
    #content .ausklappbox-bottom {
        background: url(../img/bg-expand-wrapper-bottom-content.png) no-repeat; 
        width:456px;
        height:13px;
    }
#content .expandable {
    font-size: 12px;
    padding: 0 0 0 26px;
    display:block;
    cursor:pointer;
    height: 26px;
    line-height: 26px;
    overflow:hidden;
    width:422px;
    background:url(../img/content_expander_sprite.png) no-repeat left top;
}

    /* ======================================================================================== */
    /* § Area Styles: Content // expandable boxes
    /* ======================================================================================== */

    #sachbuch #content .expandable      {background-position:left -26px;}
    #business #content .expandable      {background-position:left -52px;}
    #ratgeber #content .expandable      {background-position:left -78px;}
    #hoerbuch #content .expandable      {background-position:left -104px;}
    #wissenschaft #content .expandable  {background-position:left -130px;}
    #bibliothek #content .expandable    {background-position:left -156px;}

    #wrapper #content .open {background-position:left bottom; color:#707682;}
    /* ======================================================================================== */

#content .expand-wrapper div {
    margin-left: 9px;
    width: 430px;
    border-bottom:1px solid #e8e8e8;
}
#content .expand-wrapper p {
    padding: 0 0 15px 16px;
    margin:0;
    width: 410px;
}
    #content .expand-wrapper p a {
        padding-left: 12px;
        margin-top: 5px;
        float:right;
    }
#content .ausklappbox .last {height:  25px;}
#content .ausklappbox .bottom {border:none;}

/*------------------------------- autoren.html -----------------------------------*/
#autorenteaser {
    background:url(../img/bg-autorenteaser.png) no-repeat;
    width:688px;
    height:146px;
    margin-bottom:35px;
    position:relative;
}
    #autorenteaser img {
        /*width:120px;
                height:115px;
                position:absolute;
                top:11px;
                left:13px;*/
        float:left;
        margin:13px 15px 0;
    }
    #autorenteaser div {
        /*width:515px;
                position:absolute;
                top:10px;
                left:143px;*/
        float:left;
        margin-top:10px;
    }
    #autorenteaser em {
        font-size:10px;
        color:#666;
        font-style:normal;
    }
    #content #autorenteaser h2 {
        font-family: georgia, serif;
        font-size:16px;
        margin-bottom:0;
    }
    #autorenteaser p, #autorenportrait p {
        font-size:11px;
        color:#1c1c1c;
        line-height:140%;
        margin:5px 0;
    }
    #autorenteaser p {width:515px;}
    
    #wrapper #autorenteaser a {
        height:18px;
        /*position:absolute;
                left:143px;
                bottom:19px;*/
    }
    #autorenteaser a span {
        height:18px;
        line-height:18px;
    }
ul.autoren-abc {padding-top:5px;}

    ul.autoren-abc li {
        width:325px;
        padding:10px 0 10px;
        border-top:1px solid #e8e8e8;
        float:left;
        list-style-type: none;
    }
    ul.autoren-abc li.leftrow {padding-right:30px;}

    ul.autoren-abc li h3 {float:left; width:220px;}

    #wrapper ul.autoren-abc li .button {
        background-position:right -460px;
        height:18px;
        float:right;
    }
    #wrapper ul.autoren-abc li .button span {
        background-position:left -160px;
        height:18px;
        line-height:18px;
        color:#1d1c1c;
    }
    #wrapper ul.autoren-abc li a:hover {background-position:right -660px;}

    #wrapper ul.autoren-abc li a:hover span {background-position:0 -140px; color:#fff;}

ul.pagination li {
    width:15px;
    height:14px;
    margin-right:11px;
    float:left;
    background-color:#000;
    list-style-type:none;
}
    ul.pagination li a {
        width:15px;
        height:14px;
        color:#fff;
        text-transform:uppercase;
        font-size:11px;
        font-family:arial, sans-serif;
        text-align:center;
        display:block;
        line-height:15px;
        text-decoration:none;
    }
    ul.pagination li a:hover {
        background-color:#707682;
        text-decoration:none;
    }
    ul.pagination li a.active {text-decoration:none;}
    
/*------------------------------- autorendetail.html & gesamtdarstellung & mediumlist -----------------------------------*/

.autorenlinks a {
    background:url(../img/all_icons_sprite.png) no-repeat -418px -158px;
    padding:0 0 0 15px;
    font-size:11px;
    float:left;
}
#autorenportrait {margin-bottom:40px; padding-right:25px;}

    #autorenportrait p {width:auto;}

    #autorenportrait img {
        float:left;
        margin-right:30px;
    }
.gesamtdarstellung, .autorentitel {width:682px;}

    .gesamtdarstellung li, .autorentitel li {
        width:310px;
        height:145px;
        padding:6px 15px 15px;
        border-bottom:1px solid #ddd;
/*      border-bottom:0;*/
        margin-bottom:15px;
        background:none;
    }
    .gesamtdarstellung ul, .autorentitel ul {
        width:auto;
        margin:0 0 0 0;
    }
    .autorentitel ul {margin-bottom: 10px;}

    .gesamtdarstellung li.last, .autorentitel li.last {border:none;}
    
    .gesamtdarstellung em, .autorentitel em {
        color:#ff0000;
        font-size:11px;
    }
    .gesamtdarstellung p, .autorentitel p {
        margin-bottom:10px;
        width:auto;
    }
    .gesamtdarstellung img, .autorentitel img {margin-top:0;}
    
    .gesamtdarstellung div, .autorentitel div {
        width:230px;
        border:0;
        padding:0;
        min-height:78px;
    }
    .gesamtdarstellung div + div, .autorentitel div + div {min-height:0;}

.column {
    width:310px;
    padding:0 15px;
    float:left;
}
    .gesamtdarstellung ul {
        margin-top: 6px;
        padding-top: 8px;
        float:left;
    }
    .no-border dl {border:none;}

        .gesamtdarstellung h5 a {
            font-size: 16px;
            font-family: georgia, serif;
            margin-bottom:6px;
            background-image: none;
            float: none;
            padding:0;
            color: #000;
        }
        .gesamtdarstellung h5 a:hover {
            text-decoration: none;
            color: #707682;
        }

/*------------------------------- verlag-ansprechpartner.html -----------------------------------*/
#manuskripte p {width:125px;}

.options ul {
    float:left;
    font-family:verdana,arial, sans-serif;
    font-size:11px;
    color:#707682;
    margin-top:10px;
}
    .options ul.rightrow {margin-left:55px;}

    .options ul a {
        background:url(../img/all_icons_sprite.png) no-repeat -836px -312px;
        padding-left:9px;
        line-height:170%;
    }
    .options ul a:hover {
        text-decoration:none;
        color:#010101;
    }
.ansprechpartner dt {
    width:680px;
    font-size:16px;     
    font-family: georgia, serif;
    color: #1c1c1c;
    margin:40px 0 6px 0;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 6px;
}
    .ansprechpartner dd {
        width:341px;
        float:left;
        margin:20px 0 5px 0;
    }
    
    .ansprechpartner .ansprechpartner1 {float:none;}
    
    .ansprechpartner img {float:left; margin-right:10px;}

    .ansprechpartner div {float:left;}

    .ansprechpartner dd p {width:196px;}

/*------------------------------- verlag-impressum.html -----------------------------------*/
.impressum {
    font-family:verdana, sans-serif;
    color:#1c1c1c;
    font-size:11px;
}
    .impressum h4 {
        font-family:verdana, sans-serif;
        font-size:11px;
        font-weight:bold;
    }
    .impressum td {padding:0 15px 5px 0;}
    
    .impressum p {
        margin:60px 0 0;
        padding-top:5px;
        border-top:1px solid #E8E8E8;
    }

/*------------------------------- verlag-jobs.html -----------------------------------*/
.jobs .job-offer {margin-bottom:60px;}

.jobs span {
    font-family:verdana, sans-serif;
    font-size:11px;
    color:#666;
    border-bottom:1px solid #e8e8e8;
    padding-bottom:3px;
    margin-bottom:15px;
    display:block;
    width:680px;
}
    .jobs h4 {margin-bottom:20px;}
    .jobs ul {margin:3px 0 10px 0;}

    .jobs li {
        font-size:11px;
        background:url(../img/dash.gif) no-repeat 0 9px;
        padding-left:10px;
        line-height:160%;
    }
    .jobs p {margin:0px 0 5px 0;}
    .jobs strong {font-size:11px;}
    .jobs .anschrift {margin-top:25px;}
    .jobs .termine {margin-top:5px;}

/*------------------------------- verlag-ueberuns.html -----------------------------------*/
.ueberuns .article {
    width:680px;
    border-top:1px solid #e8e8e8;
    padding-top:10px;
    margin-top:40px;
}
    .ueberuns div {margin-top:35px;}

    .ueberuns .pic-row {
        width:145px;
        margin:0;
        float:left;
    }
    .ueberuns .text-column {
        float:left;
        margin:0 0 0 10px;
    }
    .ueberuns .text-column p {width:525px;}

    .ueberuns .article img {
        float:left;
        margin:0 10px 10px 0;
    }

/*------------------------------- verlag-anfahrt.html -----------------------------------*/
.anfahrt div {margin-bottom:40px;}

    #map div {margin-bottom:0;}
    .anfahrt a img {margin:30px 0 0;}

    .anfahrt ol {margin-left:20px;}

    .anfahrt ol li {
        list-style:decimal;
        font-size:11px;
    }

/*--------------------------------------- Warenkorb -------------------------------------------*/
#col-trash {width:20px;}

.bestellen .artikel tr .trash {padding:0;}
    .bestellen .artikel tr .trash a {
        background:url(../img/paper-basket.jpg) no-repeat 8px 13px;
        padding:0 10px 15px 0;
        display:block;
        text-indent:-1000px;
        width:9px;
        height:11px;
    }
    
    .bestellen .artikel tr .trash a:hover {cursor:pointer;}

.bestellen .gutscheincode #gutschein {width:220px;}
.bestellen .gutscheincode label {width:145px; float:none; margin-right:5px;}
.bestellen td .number {
    color:#333;
    font-size:11px;
    height:13px;
    width:23px;
    padding-top:0;
}

/*------------------------------- warenkorb-bestellen1.html -----------------------------------*/
.adressdaten {margin-bottom:40px;}

.bestellen .adressdaten form {width:432px;}

.bestellen button {float:right;}

.bestellvorgang {margin-bottom:20px;}

.bestellvorgang h1 {
    float:left;
    line-height:120%;
}

.bestellvorgang h1, #content .rechnungsadresse h2, #content .adressdaten h2, #content .artikel h3 {
    color:#1C1C1C;
    font-family:georgia,serif;
    font-size:16px;
    margin-bottom:6px;
}

.bestellvorgang ul {
    float:left;
    margin-left:55px;
    height:30px;
}
    .bestellvorgang li {
        width:107px;
        float:left;
        padding-left:30px;
        line-height:140%;
        font-size:10px;
        color:#bbb;
    }
    /* @TODO: Sprite erstellen !*/
    .bestellvorgang li.adressdaten {background:url(../img/bestellvorgang-1.gif) no-repeat 0 2px;}

    .bestellvorgang li.zahlungsart {background:url(../img/bestellvorgang-2.gif) no-repeat 0 2px;}

    .bestellvorgang li.bestellung  {background:url(../img/bestellvorgang-3.gif) no-repeat 0 2px;}

    .bestellvorgang li.adressdaten-active, .bestellen ul li.zahlungsart-active, .bestellen ul li.bestellung-active {color:#fa8b07;}

    .bestellvorgang li.adressdaten-active {background:url(../img/bestellvorgang-1-active.gif) no-repeat 0 2px;}

    .bestellvorgang li.zahlungsart-active {background:url(../img/bestellvorgang-2-active.gif) no-repeat 0 2px;}

    .bestellvorgang li.bestellung-active  {background:url(../img/bestellvorgang-3-active.gif) no-repeat 0 2px;}

.bestellen .rechnungsadresse ul {padding-top:10px;}

    .bestellen ul li {margin-bottom:10px;}

    .bestellen label {
        font-size:11px;
        width:115px;
        float:left;
    }
    .bestellen input {
        width:313px;
        font-family:verdana, arial, sans-serif;
        font-size:11px;
    }
    
    .bestellen #nr, .bestellen #plz, .bestellen #vorwahl, .bestellen #nr-option, .bestellen #plz-option {width:75px;}
    .bestellen #strasse, .bestellen #ort, .bestellen #telefon, .bestellen #strasse-option, .bestellen #ort-option {width:227px;}
    .bestellen .input-box input {width:auto;}
    .bestellen .input-box label {width:auto;}
    
.bestellen .radio-checkbox {margin-bottom:20px;}
.bestellen .campus-writer {margin:25px 0 0;}

    .bestellen .radio-checkbox div {
        float:left;
        margin-right:25px;
    }
    .bestellen .radio-checkbox label, .bestellen .radio-checkbox input {float:left;}

    .bestellen .radio-checkbox label {
        line-height:180%;
        width:auto;
    }
    .bestellen .radio-checkbox input {margin-right:10px;}

.bestellen .variant {
    border-top:1px solid #e8e8e8;
    padding-top:10px;
    margin-bottom:10px;
}
.bestellen .rechnungsadresse ul li {width:450px;}

/*------------------------------- warenkorb-bestellen2.html -----------------------------------*/

.bestellen .adressdaten .zahlungsart li {}

    .bestellen .zahlungsart li input {
        float:left;
        margin-right:10px; 
    }

    .bestellen .zahlungsart li label {
        width:250px;
    }
    
.bestellen .agb-info {
    width:520px;
}

/*------------------------------- warenkorb-bestellen3.html -----------------------------------*/

#col-title  {width:321px;}
#col-ean    {width:125px;}
#col-price  {width:90px;}
#col-number {width:60px;}
#col-total  {width:80px;}

.bestellen .artikel {color:#1c1c1c; font-size:11px; border-collapse:collapse;}
.bestellen .artikel thead {color:#000;}
    .bestellen .artikel th {
        border-bottom:1px solid #e8e8e8;
        padding-bottom:5px;
    }
    
    .bestellen .artikel td {
        padding:10px 20px 20px 0;
        border-bottom:1px solid #e8e8e8;
        vertical-align:top;
    }
    
    .bestellen .artikel .total {text-align:right; padding-right:0;}
    .bestellen .artikel .enter {vertical-align:bottom;}
    
/*    .bestellen table p {padding-top:30px;}*/
    .bestellen .artikel .gesamtsumme {padding:10px 0 0 100px;}

    .bestellen .artikel td span {
        font-size:10px;
    }

    .bestellen .artikel td h1 {
        font-family:georgia, serif;
        font-size:16px;
        margin-top:15px;
        line-height:120%;
    }
    
    .bestellen .artikel td img {
        float:left;
        margin-right:10px;
    }
    
    .bestellen .artikel td strong {font-size:14px;}

.bestellen tr td.lieferadresse {padding-left:60px; vertical-align:top;}

    .bestellen .rechnungsadresse td, .bestellen .lieferadresse td {
        border:none;
        padding:2px 10px 2px 0;
    }

.bestellen .no-border td {border:none; padding-bottom:2px;}

.bestellen .no-border .radio-checkbox {margin-bottom:0;}

.bestellen .enter-button {text-align:right;}

.bestellen .no-border .agb {padding-top:0;}

/*------------------------------- campus wissenschaft - zeitschriften -----------------------------------*/

.zur-uebersicht, .alle-neuerscheinungen {
    font-size: 10px;
    color:#666;
    background:url(../img/all_icons_sprite.png) no-repeat -836px -312px;
    line-height:12px;
    padding-left: 9px;
    float: right;
    margin:30px 0 25px 25px;
}

.alle-neuerscheinungen {margin-top:0;}

    .zur-uebersicht span {
        font-size: 12px;
        font-family: georgia, serif;
        color: #1c1c1c;
    }
    .zur-uebersicht span strong {font-weight: normal;}

/*------------------------------- campus wissenschaft - service buecher verschenken -----------------------------------*/
.geschenke-box {
    margin-top: 42px;
    /*float:left;*/
/*    clear:left;*/
}
.geschenke-box .button {float:right;}

.geschenke-box .prodboxes li {
    background: url(../img/bg-box-277.png) no-repeat;
    height: 200px;
}
.geschenke-box .prodboxes div {
    margin-top:60px;
    /*width:120px;*/
}
.geschenke-box img {
    width: 70px; 
}

/*------------------------------- campus wissenschaft - geschichte -----------------------------------*/
.list-header {
    padding-bottom:5px;
    border-bottom:1px solid #e8e8e8;
}
.product-quantity {
    float: left;
    font-size: 10px;
    margin-right: 115px;
}
.sorting {
    font-size: 10px;
    line-height:120%;
    float: left;
}
.sorting li {
    border-right:1px solid #ccc;
    float:left;
}
    .sorting .no-border {border:0;}

    .sorting a  {
        padding: 0 7px;
        color:#707682;
    }
    .sorting .active {text-decoration: underline;}

    .numbered-pagination {float:right;}

    .numbered-pagination li {float:left;}

.numbered-pagination {
    font-size: 10px;
    font-family: arial, sans-serif;
    color:#fff;
    min-width:50px; /* IE */
}
.numbered-pagination b {
    display:block;
    padding:0 5px;
    margin:0 3px;
    height: 16px;
    line-height: 16px;
    color:#fff;
    background-color:#707682;
} 

.numbered-pagination a {
    display:block;
    padding:0 5px;
    margin:0 3px;
    height: 16px;
    line-height: 16px;
    background-color: #000;
    color:#fff;
}
    .numbered-pagination a:hover {
        text-decoration:none;
        background-color:#707682;
    }

    .numbered-pagination a:focus {
        text-decoration:none;
    }
    
    /* ======================================================================================== */
    /* § Area Styles: Pagination
    /* ======================================================================================== */

    #sachbuch .numbered-pagination span, #sachbuch .numbered-pagination a:hover         {background-color:#0064a0;}
    #business .numbered-pagination span, #business .numbered-pagination a:hover         {background-color:#9b0055;}
    #ratgeber .numbered-pagination span, #ratgeber .numbered-pagination a:hover         {background-color:#e10019;}
    #hoerbuch .numbered-pagination span, #hoerbuch .numbered-pagination a:hover         {background-color:#ff7d05;}
    #wissenschaft .numbered-pagination span, #wissenschaft .numbered-pagination a:hover {background-color:#7db400;}
    #bibliothek .numbered-pagination span, #bibliothek .numbered-pagination a:hover     {background-color:#8796aa;}

.numbered-pagination .next a, .numbered-pagination .previous a {
    height:14px;
    background:url(../img/all_icons_sprite.png) no-repeat -418px -157px;
    display: block;
    background-color:#fff;
    margin:0 0 0 5px;
    text-indent:-9999px;
}
.numbered-pagination .previous a {
    margin:0 5px 0 0;
    background-position:0 -157px;
}

    /* ======================================================================================== */
    /* § Area Styles: Pagination
    /* ======================================================================================== */

    #sachbuch .numbered-pagination .previous a      {background-position:0 -179px;}
    #business .numbered-pagination .previous a      {background-position:0 -201px;}
    #ratgeber .numbered-pagination .previous a      {background-position:0 -223px;}
    #hoerbuch .numbered-pagination .previous a      {background-position:0 -245px;}
    #wissenschaft .numbered-pagination .previous a  {background-position:0 -267px;}
    #bibliothek .numbered-pagination .previous a    {background-position:0 -289px;}

    #sachbuch .numbered-pagination .next a      {background-position:-418px -179px;}
    #business .numbered-pagination .next a      {background-position:-418px -201px;}
    #ratgeber .numbered-pagination .next a      {background-position:-418px -223px;}
    #hoerbuch .numbered-pagination .next a      {background-position:-418px -245px;}
    #wissenschaft .numbered-pagination .next a  {background-position:-418px -267px;}
    #bibliothek .numbered-pagination .next a    {background-position:-418px -289px;}

    #wrapper .numbered-pagination .next a:hover {background-position:-418px -311px;}
    #wrapper .numbered-pagination .previous a:hover {background-position:0 -311px;}

#content p.small {
    font-size: 10px;
    margin-bottom: 30px;
}
#content h2 {
    font-size: 32px;
    line-height: 130%;
    font-family: georgia, sans-serif;
    margin-bottom:10px;
}
#content h6 {
    font-size: 18px;
    font-family: georgia, sans-serif;
    margin-bottom: 30px;
    line-height:120%;
}
#detailbeschreibung {
    border-left: 1px dotted #1c1c1c;
    padding-left: 8px;
    margin-left: 2px;
}
#detailbeschreibung strong {
    font-weight: normal;
    font-size: 20px;
    margin-bottom: 8px;
    display: block;
}
#detailbeschreibung a.area, #meta-daten a {
    font-size: 11px;
    display: block;
}
a.area {
    padding-left:15px;
    color:#1d1c1c;
    text-decoration:none;
    background:url(../img/all_icons_sprite.png) no-repeat -418px -156px;
}
a.area:hover {text-decoration:underline;}

#sachbuch a.area      {color:#0064a0; background-position:-418px -178px;}
#business a.area      {color:#9b0055; background-position:-418px -200px;}
#ratgeber a.area      {color:#e10019; background-position:-418px -222px;}
#hoerbuch a.area      {color:#ff7d05; background-position:-418px -244px;}
#wissenschaft a.area  {color:#7db400; background-position:-418px -266px;}
#bibliothek a.area    {color:#8796aa; background-position:-418px -188px;}

#meta-daten li {
    margin-bottom:3px;
    padding-left:15px;
    background:url(../img/all_icons_sprite.png) no-repeat -418px -156px;
}
#meta-daten li a {
    padding-right:20px;
    width:120px;
    color:#1d1c1c;
    background:url(../img/all_icons_sprite.png) no-repeat left top;
}

    /* ======================================================================================== */
    /* § Area Styles: Meta-Buttons
    /* ======================================================================================== */

    #sachbuch #meta-daten li        {background-position:-418px -178px;}
    #business #meta-daten li        {background-position:-418px -200px;}
    #ratgeber #meta-daten li        {background-position:-418px -222px;}
    #hoerbuch #meta-daten li        {background-position:-418px -244px;}
    #wissenschaft #meta-daten li    {background-position:-418px -266px;}
    #bibliothek #meta-daten li      {background-position:-418px -188px;}

    /* Keep */
    #sachbuch #meta-daten li a      {color:#0064a0; background-position:-290px -24px;}
    #business #meta-daten li a      {color:#9b0055; background-position:-290px -46px;}
    #ratgeber #meta-daten li a      {color:#e10019; background-position:-290px -68px;}
    #hoerbuch #meta-daten li a      {color:#ff7d05; background-position:-290px -90px;}
    #wissenschaft #meta-daten li a  {color:#7db400; background-position:-290px -112px;}
    #bibliothek #meta-daten li a    {color:#8796aa; background-position:-290px -134px;}
    /* Recommend */
    #meta-daten li a.recommend    {background-position:-710px -2px;}
    #sachbuch #meta-daten li a.recommend      {background-position:-710px -24px;}
    #business #meta-daten li a.recommend      {background-position:-710px -46px;}
    #ratgeber #meta-daten li a.recommend      {background-position:-710px -68px;}
    #hoerbuch #meta-daten li a.recommend      {background-position:-710px -90px;}
    #wissenschaft #meta-daten li a.recommend  {background-position:-710px -112px;}
    #bibliothek #meta-daten li a.recommend    {background-position:-710px -134px;}
    /* Print */
    #meta-daten li a.print      {background-position:121px -2px;}
    #sachbuch #meta-daten li a.print      {background-position:121px -24px;}
    #business #meta-daten li a.print      {background-position:121px -46px;}
    #ratgeber #meta-daten li a.print      {background-position:121px -68px;}
    #hoerbuch #meta-daten li a.print      {background-position:121px -90px;}
    #wissenschaft #meta-daten li a.print  {background-position:121px -112px;}
    #bibliothek #meta-daten li a.print    {background-position:121px -134px;}
    /* Media */
    #sachbuch #meta-daten li a.media      {background-position:-710px -179px;}
    #business #meta-daten li a.media      {background-position:-710px -201px;}
    #ratgeber #meta-daten li a.media      {background-position:-710px -223px;}
    #hoerbuch #meta-daten li a.media      {background-position:-710px -245px;}
    #wissenschaft #meta-daten li a.media  {background-position:-710px -267px;}
    #bibliothek #meta-daten li a.media    {background-position:-710px -289px;}

    #wrapper #meta-daten li a.langer-titel {width:130px; background-position:-700px -267px;}

.einzelheftbestellung {margin:10px 0;}

/* ================================================================================================== */
/* Invertierte Buttons auf Detailsseiten */

#wrapper .einzelheftbestellung .button {
    margin-bottom:5px;
    background-position:right -460px;
    border-color:#ddd;
    color:#1d1c1c;
}
#wrapper .einzelheftbestellung .order {background-position:right -680px;}

#wrapper .einzelheftbestellung .button span {
    width:120px;
    background-position:left -160px;
}
#wrapper .einzelheftbestellung .order span {
    width:107px;
    background-position:left top;
    color:#fff;
}
#wrapper .einzelheftbestellung .button:hover, #wrapper .einzelheftbestellung .button:focus {
    background-position:right -660px;
    border-color:#222;
}
#wrapper .einzelheftbestellung .order:hover, #wrapper .einzelheftbestellung .order:focus {background-position:right -440px;}

#wrapper .einzelheftbestellung .button:hover span, #wrapper .einzelheftbestellung .button:focus span {background-position:left -140px;}

    /* ======================================================================================== */
    /* § Area Styles: Invert-Buttons // right BG
    /* ======================================================================================== */

    #sachbuch .einzelheftbestellung .order      {background-position:right -700px; border-color:#0064a0;}
    #business .einzelheftbestellung .order      {background-position:right -720px; border-color:#9b0055;}
    #ratgeber .einzelheftbestellung .order      {background-position:right -740px; border-color:#e10019;}
    #hoerbuch .einzelheftbestellung .order      {background-position:right -760px; border-color:#ff7d05;}
    #wissenschaft .einzelheftbestellung .order  {background-position:right -780px; border-color:#7db400;}
    #bibliothek .einzelheftbestellung .order    {background-position:right -800px; border-color:#8796aa;}

    /* ======================================================================================== */
    /* Invert-Buttons // left BG */

    #sachbuch .einzelheftbestellung .order span      {background-position:left -20px;}
    #business .einzelheftbestellung .order span      {background-position:left -40px;}
    #ratgeber .einzelheftbestellung .order span      {background-position:left -60px;}
    #hoerbuch .einzelheftbestellung .order span      {background-position:left -80px;}
    #wissenschaft .einzelheftbestellung .order span  {background-position:left -100px;}
    #bibliothek .einzelheftbestellung .order span    {background-position:left -120px;}

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

/*------------------------------- buchdetail -----------------------------------*/
ul.content-liste {
    font-size: 11px;
    list-style-type: disc;
    padding-left: 15px;
    margin-bottom: 15px;
}

/* ========================================================================================================== */
/* Shadowbox Content
/* ========================================================================================================== */

body#contactform {background:#fff;}

#contactform h1 {
    font-family:georgia, serif;
    margin-bottom:10px;
}
#contactform p {width:auto;}

#contactform ul {
    width:48%;
    float:left;
    padding-right:2%;
    font-size:12px;
    margin-top:20px;
}
#contactform li {margin:0 0 4px; float:left; width:100%;}

#contactform label {
    float:left;
    padding:0 1% 0 0;
    width:25%;
}
#contactform input, #contactform select, #contactform textarea {
    float:left;
    width:68%;
    margin:0;
}
#contactform input[type=text], #contactform textarea {border:1px solid #ccc; padding:1px;}

#contactform form ul + ul {padding:0 0 0 2%;}

#contactform #plz {width:14%; margin:0 1% 0 0;}
#contactform #ort {width:52%;}

#contactform #strasse {width:52%; margin:0 1% 0 0;}
#contactform #nr {width:14%;}

/* ========================================================================================================== */
/* Ecards
/* ========================================================================================================== */

    #ecards-box {
        width:661px;
        height:470px;
        padding:5px 12px 20px 15px;
        background:url(../img/ecards_box_bg.png) no-repeat left top;
        margin:10px 0 25px;
    }
        #ecards-box ul, #ecards-box div {float:left;}

        #ecards-box div {
            width:310px;
            height:440px;
            padding-right:15px;
            margin-right:15px;
            border-right:1px dotted #555;
            position:relative;
        }
        #ecards-box div img {
            position:absolute;
            left:0;
            top:0;
        }
        #ecards-box h3 {margin:2px 0 5px;}
        #ecards-box p strong {display:block;}
        #ecards-box img {border:1px solid #ccc;}
        #ecards-box ul img {margin:0;}
        #ecards-box ul {width:320px;}
        #ecards-box p {width:auto;}
        
            #ecards-box li {
                float:left;
                margin:0 8px 10px 0;
            }
            #ecards-box li a:hover img {border-color:#888;}
            #ecards-box li a.active img {border-color:red;}

#ecards-form {
    font-size:11px;
    padding:0 20px 0 2px;
}
    #ecards-form ul, #ecards-form div {
        float:left;
        width:48%;
    }
    #ecards-form ul {margin-right:4%;}

    #ecards-form li {margin:2px 0;}

    #ecards-form label, #ecards-form input {display:block; width:100%;}
    #ecards-form label {margin-bottom:4px;}
    #ecards-form input, #ecards-form textarea {margin-bottom:8px; border:1px solid #ccc; padding:3px 1px;}
    #ecards-form label span {color:#999;}

    #ecards-form div label, #ecards-form textarea {
        display:block;
        width:310px;
    }
    #ecards-form div a {float:left; margin:5px 0 0;}
    #ecards-form div button {float:right;}
    #ecards-form button div {
        float:none;
        width:auto;
        margin-top:5px;
    }

/* ========================================================================================================== */
/* Flash-Video Content
/* ========================================================================================================== */

#flashwrapper {
    border:1px solid #ccc;
    padding:10px;
    width:426px;
    height:240px;
    float:left;
}
div#flashcontent {position:relative;}

#flashwrapper p.noflash, #flashwrapper p.noscript {
    border:2px solid #dd4;
    position:absolute;
    bottom:10px;
    left:5px;
    text-align:center;
    width:400px;
    padding:2px 5px;
    background:#ffc;
}
#trailer-detail {margin:10px 0;}

#trailer-detail ul {
    float:left;
    margin-left:20px;
}
#trailer-detail ul a {
    width:120px;
    margin:0 0 10px;
}

/*------------------------------- themelist/Themenliste (zB Pressemeldungen) -----------------------------------*/

.themelist {
    width: 680px;
    border-top: 1px solid #e8e8e8;
    float:left;
    margin: 5px 0 28px 0;
}
    .themelist > li {
        padding-top: 20px;
        background:transparent url(../img/bg-dotted.gif) repeat-x scroll left bottom;
        padding-bottom:1px;
        float:left;
        width:100%;
    }
        .themelist img {
            float:left;
            margin:0 10px 10px 0;
        }
        .themelist em {
            color:#666;
            font-size: 10px;
            font-style: normal;
        }
        .themelist h5 a {
            color:#000;
            float:none;
            font-size: 16px;
            padding-left:0;
            background-image: none;
        }
        .themelist h5 a:hover {color: #707682;}

.themelist a,
#studium .intro a { 
    float:right;
    font-size: 10px;
    padding-left: 9px;
    background:url(../img/all_icons_sprite.png) no-repeat -836px -312px;
    line-height:16px;
    color:#707682;
}

.themelist a:hover {color:#000;}

/*------------------------------- Detailsuche -----------------------------------*/

#detailsuche {
    width: 680px;
    padding-top: 15px;
}
#detailsuche label {
    font-size: 11px;
    display: block;
    margin-bottom: 3px;
}
#detailsuche input {
    width:319px;
    height: 18px;
}
#detailsuche select {width:325px;}

#detailsuche .single {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 40px;
    margin-bottom: 8px;
}
#detailsuche .leftblock input, #detailsuche .rightblock input {margin-bottom: 12px;}

#detailsuche .leftblock {
    float: left;
    margin-right: 30px;
}
#detailsuche #year {width: 60px;}
    
#detailsuche .rightblock {float:left;}
    
#detailsuche button {
    margin-top:18px;
    float:right;
}

    /* ======================================================================================== */
    /* § Area Styles: All color changing text elements
    /* ======================================================================================== */

    #sachbuch #pagenav a:hover, #sachbuch .mediumlist a:hover, #sachbuch .themebox a, #sachbuch .prodboxes h3, #sachbuch h4 span, #sachbuch #content .open,
    #sachbuch .gesamtdarstellung h5 a:hover, #sachbuch .sorting a, #sachbuch .themelist h5 a:hover {
        color:#0064a0;
    }
    #business #pagenav a:hover, #business .mediumlist a:hover, #business .themebox a, #business .prodboxes h3, #business h4 span, #business #content .open,
    #business .gesamtdarstellung h5 a:hover, #business .sorting a, #business .themelist h5 a:hover {
        color:#9b0055;
    }
    #ratgeber #pagenav a:hover, #ratgeber .mediumlist a:hover, #ratgeber .themebox a, #ratgeber .prodboxes h3, #ratgeber h4 span, #ratgeber #content .open,
    #ratgeber .gesamtdarstellung h5 a:hover, #ratgeber .sorting a, #ratgeber .themelist h5 a:hover {
        color:#e10019;
    }
    #hoerbuch #pagenav a:hover, #hoerbuch .mediumlist a:hover, #hoerbuch .themebox a, #hoerbuch .prodboxes h3, #hoerbuch h4 span, #hoerbuch #content .open,
    #hoerbuch .gesamtdarstellung h5 a:hover, #hoerbuch .sorting a, #hoerbuch .themelist h5 a:hover {
        color:#ff7d05;
    }
    #wissenschaft #pagenav a:hover, #wissenschaft .mediumlist a:hover, #wissenschaft .themebox a, #wissenschaft .prodboxes h3, #wissenschaft h4 span, #wissenschaft #content .open,
    #wissenschaft .gesamtdarstellung h5 a:hover, #wissenschaft .sorting a, #wissenschaft .themelist h5 a:hover {
        color:#7db400;
    }
    #bibliothek #pagenav a:hover, #bibliothek .mediumlist a:hover, #bibliothek .themebox a, #bibliothek .prodboxes h3, #bibliothek h4 span, #bibliothek #content .open,
    #bibliothek .gesamtdarstellung h5 a:hover, #bibliothek .sorting a, #bibliothek .themelist h5 a:hover {
        color:#8796aa;
    }

/*---------------------------------------------- Termine --------------------------------------------------*/
.termine  .sorting {float:right; margin-right:147px;}

.termine .themelist {border:none;}
.termine .themelist li {
    background:none;
    border-top:1px solid #e8e8e8;
    padding-bottom:40px;
}

.themelist .themelist-info {
    width:600px;
    float:left;
}

.termine .themelist .themelist-info h5, .termine .themelist h5 {margin-top:5px;}
.termine .themelist .themelist-info a.button {float:none;}
    .themelist .themelist-info .right {margin-left:80px;}
.themelist .themelist-info p a {float:none; background:none; padding-left:0;font-size:11px;font-weight:bold;}
.themelist p a {float:none; background:none; padding-left:0;font-size:11px;font-weight:bold;}

/*---------------------------------------------- Suchergebnis --------------------------------------------------*/
.suchergebnis h1, #content.suchergebnis h2 {
    color:#1C1C1C;
    font-family:georgia,serif;
    font-size:16px;
    margin-bottom:6px;
}

#content.suchergebnis h2 {
    margin:30px 0 0;
}

.suchergebnis .options p {
    border-bottom:1px solid #e8e8e8;
    margin-top:15px;
    padding-bottom:5px;
}

.suchergebnis .options .campus-digibook {
    background:url(../img/campus-digibook.jpg) no-repeat;
    padding:0 0 5px 18px;
    margin-top:5px;
}

.suchergebnis .options .campus-digibook a {
    background:none;
    margin-right:50px;
}

.suchergebnis .themelist {border:none;}

.suchergebnis .themelist li {
    padding:10px 0 20px;
    border-top:1px solid #e8e8e8;
    background:none;
}

.suchergebnis .themelist-info {
    background:transparent url(../img/bg-dotted.gif) repeat-x scroll left bottom;
    padding-bottom:1px;
}

#content.suchergebnis .autoren .themelist-info {width:auto;}
.suchergebnis .themelist.pressemitteilungen .themelist-info {background:none; width:auto;}

    .suchergebnis .themelist .themelist-info em {color:#212; display:block; margin-bottom:10px;}
    .suchergebnis .themelist .themelist-info p {color:#666; margin:-5px 0 0;}

    .suchergebnis .themelist.autoren .themelist-info p, .suchergebnis .themelist.pressemitteilungen .themelist-info p {color:#1c1c1c; margin:6px 0 0;}

.suchergebnis .themelist.pressemitteilungen .presse-info {
    width:150px;
    float:right;
    margin-top:18px;
}
    
    .suchergebnis .themelist.pressemitteilungen .presse-info p {margin:3px 0;}
    .suchergebnis .themelist.pressemitteilungen .presse-info p a {font-size:11px; float:none;}

/*---------------------------------------------- Videotrailer --------------------------------------------------*/
.videotrailer .themelist .themelist-info a.button {float:left;}

.videotrailer .themelist .themelist-info {width:530px;}

.videotrailer .themelist li {padding-bottom:40px;}

/*---------------------------------------------- Manuskripte/ Info für Autoren --------------------------------------------------*/
.infotext h1 {
    color:#1C1C1C;
    font-family:georgia,serif;
    font-size:16px;
    margin-bottom:6px;
    font-weight:normal;
}

#content.infotext h2 {
    color:#1C1C1C;
    font-family:georgia,serif;
    font-size:16px;
    margin-bottom:6px;
    margin:30px 0 0;
    line-height:130%;
    font-weight:normal;
}

/*---------------------------------------------- Handel - Ansprechpartner --------------------------------------------------*/
#content .delivery dd {min-height:235px;}

.ansprechpartner .contact a {
    position:relative;
    top:6px;
    left:8px;
}

/*---------------------------------------------- Verlag - Partner --------------------------------------------------*/
li div.pic-spacing {
    float:left;
    width:210px;
}

li div.pic-spacing a {
    background:none;
    float:none;
    padding:none;
}
li div.pic-spacing img {width:auto;}

.partner-list li .themelist-info {width:470px; float:left;}

/*---------------------------------------------- Newsletter-Bestellen Formular --------------------------------------------------*/
#content .newsletter-abo {margin-bottom:20px;}
#content .newsletter-abo form .checkboxes {width:328px;}
#content .newsletter-abo form .checkboxes label {width:300px; line-height:120%;}
#content .newsletter-abo form .checkboxes input {margin-right:7px; width:14px;}
#content .newsletter-abo h4 {margin-top:20px;}

/*---------------------------------------------- Allgemeine Ergaenzungen --------------------------------------------------*/
.content-ueberschrift {margin-left: 18px;}


/* ========================================================================================================== */
/* Campus-Studium
/* ========================================================================================================== */
#studium #header {background:url(../img/bg-header-studium.jpg) repeat-x;}
#studium #footer {background:url(../img/bg-footer-studium.jpg) no-repeat;}
#studium #nav {width:587px; margin-top:70px;}

#studium #header .reading-room  {background:url(../img/icon-sprite-studium.png) no-repeat 0 -90px; padding-left:25px;}
#studium #header .for-studis    {background:url(../img/icon-sprite-studium.png) no-repeat 3px -114px; padding-left:32px;}
#studium #header .dozent        {background:url(../img/icon-sprite-studium.png) no-repeat 3px -138px; padding-left:32px;}

#studium #content h1 {
    font-family:verdana,arial, sans-serif;
    font-size:13px;
    font-weight:bold;
    margin-bottom:20px;
}

#studium h4.content-ueberschrift {margin:20px 0 6px;}

#studium #nav li a:hover, #studium #nav li .active, #nav > li:hover > a {color:#9f3e09;}
#studium #nav .last ul {left:-183px;}
#studium #nav .penultimate ul {left:-70px;}
#studium #service-nav li a {background:url(../img/icon-sprite-studium.png) no-repeat 0 -2px; padding-left:23px;}
    #studium #service-nav li .home-studium {background-position:0 -1px;}
    #studium #service-nav li .campus-creativ {background-position:0 -16px;}
    #studium #service-nav li .reading-room {background-position:0 -31px;}
    #studium #service-nav li .studis {background-position:0 -45px;}
    #studium #service-nav li .dozentenservice {background-position:0 -61px;}
    #studium #service-nav li .cart-studium {background-position:0 -74px; text-indent:-10000px; display:block;}

#studium #pagenav li {margin-right:25px;}
#studium #pagenav .active {background-position: 0 -200px; background-color:#ee5e10;}

#studium #prodteaser {background:url(../img/bg-prodteaser-studium.jpg) no-repeat 0 35px; height:317px;}
#studium #prodteaser img {width:auto;}
#studium #prodteaser div {margin:15px 21px 0;}

#studium #prodteaser .button {background-position:right -860px; margin-top:29px;}
#studium #prodteaser .button span {background-position:0 -820px; color:#fff;}
#studium #prodteaser .order {background-position:right -880px;}
#studium #prodteaser .order span {background-position:0 -840px; color:#ee5e10;}
#studium #prodteaser .button:hover, #studium #prodteaser .button:hover span, #studium #prodteaser .button:hover p, #studium .answer .button:hover, #studium .answer .button:hover span {
    background-position:0 -140px;
    color:#fff;
}

#studium #newsletter {background:#f6f6f6;  margin-bottom:25px; padding-bottom:8px;}
#studium #newsletter a {background:url(../img/icon-pfeil-studium.png) no-repeat -2px 1px;}
#studium #monatsaktion h4 {border-bottom:1px solid #E8E8E8; padding-bottom:5px;}

/*---------------------------------------------- Studium-Geschichte --------------------------------------------------*/
#studium .teaserboxes-block {margin-top:30px;}
#studium .teaserboxes-block li {
    background:none;
    height:175px;
    border:1px solid #e8e8e8;
    padding:9px 4px 9px 9px;
}
    #studium .geschichte .teaserboxes-block h3 {color:#ee5e10; margin-bottom:15px;}
    #studium .teaserboxes-block span {margin-top:120px;}
#studium .options {margin-bottom:20px;}

/*---------------------------------------------- Studium-Reading-Room --------------------------------------------------*/
#studium .pagenav-list li {
    width:320px;
    height:120px;
    float:left;
    padding:9px;
}
#studium .pagenav-list img {float:left; margin-right:10px;}
#studium .pagenav-list p {width:240px; float:left;}
#studium .seperate {border-top:1px solid #e8e8e8;}

#studium h4 a {color:#1c1c1c;}

#studium .themelist-info p a {
    float:none;
    display:block;
    padding-left:9px;
    background:url(../img/all_icons_sprite.png) no-repeat -836px -312px;
}

/*---------------------------------------------- Studium-Für Studis --------------------------------------------------*/
#studium .studis .themelist {border:none; margin-bottom:0;}
#studium .studis .themelist li {background:none;}
#studium .studis .themelist-info {width:580px; background:url(../img/bg-dotted.gif) repeat-x left bottom; padding-bottom:1px; margin-bottom:20px;}

#studium #bestseller-slider {clear:both;}

#studium .link-list li {
    font-family:verdana, arial, sans-serif;
    font-size:11px;
    color:#1c1c1c;
    background:url(../img/bg-mediadatenpfeil-allgemein.gif) no-repeat 0 7px;
    padding:5px 0 7px 10px;
    border-bottom:1px solid #e8e8e8;
}
#studium .link-list .last {border:none;}

/*---------------------------------------------- Studium-Creativ --------------------------------------------------*/
#secondary-content #linktipps {background:#f6f6f6; padding:10px; margin-bottom:25px;}
#secondary-content #linktipps ul li {
    font-size:10px;
    color:#666;
    background:url(../img/icon-pfeil-studium.png) no-repeat 0 2px;
    padding:0 0 5px 11px;
}

#question-teaser {
    background:url(../img/campus-creativ-teaser.png) no-repeat;
    height:217px;
    padding:37px 110px 20px 35px;
    position:relative;
    margin-bottom:110px;
}

    .question #question-teaser {margin-bottom:20px;}

#question-teaser p, #quote-teaser p {
    font-family: georgia, serif;;
    font-size:18px;
    line-height:134%;
}
.quote-sign {
    color:#e05f1a;
    font-size:60px;
    line-height:0;
    vertical-align:bottom;
}

#question-teaser .stoerer {
    background:url(../img/campus-creativ-stoerer.png) no-repeat;
    height:147px;
    width:151px;
    position:absolute;
    left:-5px;
    bottom:-74px;
    text-indent:-10000px;
}

#question-teaser .button {background-position:0 -820px; position:absolute; right:65px; bottom:45px;}
#question-teaser .button span {background-position:0 -820px}

#studium .creativ li {height:auto; width:331px; margin:0 20px 20px 0; padding:0;}
#studium .creativ .rightrow {margin-right:0;}

#studium .creativ-box {
    background:url(../img/campus-creativ-box.png) no-repeat;
    width:311px;
    min-height:110px;
    padding:10px 10px 0;
}
#studium .creativ-box-bottom {
    background:url(../img/campus-creativ-box-bottom.png) no-repeat;
    width:331px;
    height:20px;
}
    
#studium .creativ-description {
    float:left;
    width:224px;
    padding:right:7px;
}
    #studium .creativ-description p {width:auto; margin-bottom:0;}
    #studium .creativ-description em {font-size:10px; color:#666;}
    #studium .creativ-description span {width:219px; margin-right:5px;}
    #studium .creativ-description span a {
        background:url(../img/icon-pfeil-studium.png) no-repeat 0 1px;
        padding-left:10px;
    }

#studium .question .themelist li {padding-top:0;}

#studium .answer {margin-bottom:25px;}
#studium .answer .button {float:right; background-position:0 -820px; margin-top:5px;}
#studium .answer .button span {background-position:0 -820px;}

/*---------------------------------------------- Studium-Creativ Antwort-Formular --------------------------------------------------*/
#contactform.studium ul {padding:0 2% 0 2%; width:50%;}
#contactform.studium .terms li input {width:5%; margin-right:10px;}
#contactform.studium .terms li label {width:90%;}
#contactform.studium button.mail {float:right; margin-top:10px;}
    #contactform.studium .mail div {background-position:right -900px;}
    #contactform.studium .mail div p {background-position:0 -820px;}
    #contactform.studium .mail:hover p {background-position:left -140px;}

#contactform.studium .answer {width:44%;}

/*---------------------------------------------- Studium-Creativ Rat und Tat --------------------------------------------------*/
#quote-teaser {
    background:url(../img/campus-creativ-quote.png) no-repeat;
    height:51px;
    margin:20px 0 20px;
    padding:10px 15px 20px;
}

#quote-teaser em {
    font-family:verdana, arial, sans-serif;
    font-size:11px;
    color:#666;
}

#quote-teaser.growing {
    background:url(../img/campus-creativ-quote-growing.png) repeat-y;
    margin:20px 0 0 0;
    padding:10px 15px 0 15px;
}

#quote-bottom {
    background:url(../img/campus-creativ-quote-bottom.png) no-repeat;
    height:31px;
    width: 681px;
    margin-bottom: 20px;
}
/*---------------------------------------------- Studium-Creativ recreativ --------------------------------------------------*/
#studium .recreativ .teaserboxes-block li.relax     {background:url(../dummies/campus-creativ-recreativ1.png) no-repeat 10px 15px;}
#studium .recreativ .teaserboxes-block li.move      {background:url(../dummies/campus-creativ-recreativ2.png) no-repeat 10px 15px;}
#studium .recreativ .teaserboxes-block li.wake-up   {background:url(../dummies/campus-creativ-recreativ3.png) no-repeat 10px 15px;}

#studium .recreativ .teaserboxes-block li span {background:none; margin:145px 5px 0 0;}

/*---------------------------------------------- Studium-Dozentenservice --------------------------------------------------*/
#studium .dozentenservice .teaserboxes-block {margin-top:0;}
#studium .dozentenservice .teaserboxes-block li {height:208px;}
#studium .dozentenservice .teaserboxes-block li em {font-size:12px; color:#666;}
#studium .dozentenservice .teaserboxes-block li span {margin-top:0;}

#studium .dozentenservice .pagenav-list li {height:210px; margin-right:9px;}
#studium .dozentenservice .pagenav-list li.rightrow {margin-right:0;}
#studium .dozentenservice .pagenav-list h4 {border-bottom:1px solid #e8e8e8; padding-bottom:5px;}
#studium .dozentenservice .pagenav-list p {width:200px;}
#studium .dozentenservice .pagenav-list li span {width:194px; margin-right:5px;}

/*---------------------------------------------- Studium-Dozentenservice Formular --------------------------------------------------*/
#contactform.studium .leftrow, #contactform.studium .rigthrow {float:left; margin-top:20px;}
#contactform.studium .leftrow {width:48%; padding-right:1%;}
#contactform.studium .rigthrow {float:left; width:49%; padding-left:1%;}

#contactform.studium .dozentenservice-bestellen ul {width:100%; padding:0;}
#contactform.studium .leftrow .seperate-info {
    border-bottom:1px solid #e8e8e8;
    padding:0 0 25px 0;
    margin-bottom:15px;
}

#contactform.studium .dozentenservice-bestellen .answer {width:100%;}

.distance {margin-top:25px;}

/*---------------------------------------------- Studium-Dozentenexemplar --------------------------------------------------*/
#studium .intro {
    margin:15px 0 30px 0;
    padding-bottom:1px;
    background:url(../img/bg-dotted.gif) repeat-x left bottom;
}

/*---------------------------------------------- Studium-Creativ picture it --------------------------------------------------*/

#picture-it {
    position:relative;
    height:350px;
}
    #picture-it img {
        position:absolute;
        left:0;
        bottom:9px;
    }
    .gallery-text {
        position:absolute;
        right:0;
        bottom:5px;
        background:url(../img/campus-creativ-box-bottom-small.png) no-repeat center bottom;
        padding:0 0 18px;
    }
        #studium .gallery-text p {
            padding:10px 5px 0;
            background:url(../img/campus-creativ-box-small.png) no-repeat center top;
            width:230px;
            margin:0;
        }

#studium .picture-it #quote-teaser p {
    font-family:verdana, arial, sans-serif;
    font-size:11px;
    position:relative;
}

#studium .picture-it #quote-teaser .answer .button {position:absolute; right:5px; bottom:-20px;}

#studium .picture-it .underlined {border-bottom:1px solid #e8e8e8; padding-bottom:5px; margin-bottom:10px;}

#studium .slider {
    background:#f6f6f6;
    border:1px solid #e8e8e8;
    height:115px;
}
    #studium .slide-left, #studium .slide-right {
        top:40%;
        background-image:url(../img/slider_arrows_studium_sprite.png);
    }
    #studium .slide-mask {height:auto;}
    #studium #picture-it-slider .slide-mask ul {height:54px;}

#studium #picture-it-slider {
    height:65px;
}
#picture-it-slider a.active {
  font-size:0;
  line-height:0;
  outline:1px solid #333;
}
#picture-it-slider .slide-content {padding-left:1px;}

#picture-it-slider .slide-content a {width:70px;}

/*---------------------------------------------- /// --------------------------------------------------*/
    #studium-tips > li {margin:10px 0 40px;}

    #studium-tips h4 {margin:0 0 15px;}

    #studium-tips .more {
        text-align:right;
        float:right;
        padding:0 0 0 9px;
        font-size:11px;
        background:url(../img/all_icons_sprite.png) no-repeat -836px -310px;
    }
    .slide-info-box {
        margin:10px 0;
        padding-bottom:10px;
        border-bottom:1px dotted #ccc;
    }
    
    .slide-info-box img {float:left; margin-right:10px;}
    
    .slide-info-box div {
        float:right;
        width:580px;
    }

/*---------------------------------------------- Studium-picture-it Formular --------------------------------------------------*/
#contactform.studium p span {color:#666;}

#contactform.studium form {margin-top:20px;}

#contactform.studium .upload {width:45%; float:left;}
#contactform.studium .file, #contactform.studium .comment {width:96%; background:#f6f6f6; padding-top:5px; float:left; margin-top:0;}
#contactform.studium .file {margin-bottom:1px; height:49px; padding-top:30px;}
#contactform.studium .comment {height:135px;}

#contactform.studium .upload input {width:100%;}
#contactform.studium .upload #file-upload {width:90%; margin-right:10px;}
#contactform.studium .upload #file {width:65%;}
#contactform.studium .comment textarea {width:98%;}

/*-------------------------------form--------------------------*/
.input-margin{margin-left:115px;}

/*-------------------------------Fehlermeldung--------------------------*/

.fehlermeldung {
    background:#F8C5BC none repeat scroll 0 0;
    border:1px solid #DF381B;
    color:#DF381B;
    font-size:11px;
    margin:0 0 20px;
    padding:10px 15px;
    width:400px;
}

.fehlermeldung p{
    font-size:12px;
    font-weight:bold;
    padding-bottom:5px;
}

ul.fehlermeldung-text{
    background:#FFFFFF none repeat scroll 0 0;
    padding:2px 10px;
}

ul.fehlermeldung-text li{
    line-height:2em;
    margin:0;
    padding:0;
}

.dozenten-icon {
	display:block; 
	width:110px;
	float:left;
}

/*-------------------------------E-Mail Coach--------------------------*/
#content #email-coach .checkboxes {width: 650px;}

#email-coach .checkboxes li {margin-bottom: 15px;}

#email-coach .checkboxes div {
	float:left;
	width: 625px;
}

#email-coach div a {
	float: left;
	margin: 0 10px 10px 0;
}

#email-coach .checkboxes div p {
	float:left;
	margin-top:-3px;
	width: 350px;
}

/*-------------------------------Buchdetailergänzung - Liste--------------------------*/

.ergaenzungsliste {font-size: 11px;}
.ergaenzungsliste li {padding: 8px 0;}
.ergaenzungsliste li a {float:right;}
.ergaenzungsliste li strong {float:left;}

/*-------------------------------Abstandskorrekturen--------------------------*/

h4.abstand {margin-bottom: 16px;}



#content .expand-wrapper .pressematerial {padding:5px 0;}
    #content .expand-wrapper .pressematerial p {padding:0 0 5px;}
        #content .expand-wrapper .pressematerial a {float:none;}
    }
    
/* Button Service */
#wrapper #content .bestellen-klein .neutral {background-position:right -460px;}