/*  ----------------------------------------------------------------------------------------------------------  */
/*      HTML Mastersite Styles
/*      Version: 1.0
/*      Author: Yvonne Kazidroga // kazidroga(at)id-on(dot)de
/*      Author URI: www.id-on.de
/*  ----------------------------------------------------------------------------------------------------------  */

/*  ----------  Contents  ----------    */
/*
1. Resets
2. Generic
3. Structure
4. Navigation Elements
5. Boxes & Styles
/*  --------------------------------    */

/*  -----------  Colors  -----------    */
/*
dark blue:          #171f34 // nav-inks
mid-blue            #184676 // footer, head-teaser
corporate blue:     #88a3ae
headline green      #648c32
link-blue           #0071c0
link-green          #639119

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

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             1. Resets
/*  ----------------------------------------------------------------------------------------------------------  */


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; /* IE won't understand the following rules */
font-style:inherit;
font-family:inherit;
}

textarea, input {
font-size:100%;
font-weight:inherit; /* IE won't understand the following rules */
font-style:inherit;
font-family:inherit;
}

:focus {outline:0;} /* remember to define focus styles! */

body {line-height:100%;}

ol, ul {list-style: none;}

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

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

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

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             2. Generic
/*  ----------------------------------------------------------------------------------------------------------  */
body
{
background-color:#e0e0e0;
text-align: center;
font-size: 12px;
font-family: verdana, arial, helvetica, sans-serif;
}

a {
color:#0071c0;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

.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 */


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

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

#content_wrapper {
margin: 0 auto;
width: 988px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
text-align:left;
overflow:hidden;
}

#content{background-color: #fff;}

#content_wrapper .unterseite h1, #content_wrapper .unterseite h2, /*#content_wrapper .unterseite h3,*/ #twocolumns #feat_produkt strong, #twocolumns .product-list strong /* h1 obsolete */ {
color:#454445;
line-height:100%;
}

#head
{
width: 988px;
min-height: 150px;
background:#fff url(../img/verlauf-head.png) repeat-x 0 24px;
}

#twocolumns
{
width: 695px;
padding-left: 18px;
float:left;
margin-right: 18px;
}

#threecolumns
{
width: 950px;
padding-left: 18px;
margin-right: 18px;
float:left;
}

#threecolumns #twocolumns
{
margin:0;
padding:0;
width:730px;
}

#threecolumns .themenavi
{
margin-top:0;
}

#sidebar
{
width: 255px;
float:left;
}
/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             4. Navigation Elements
/*  ----------------------------------------------------------------------------------------------------------  */

/*  ---------- Header - Topnavi ---------- */

#head #topnavi
{
width: 988px;
height: 24px;
background: url(../img/schwarzer_balken.png) repeat-x;
}

#head #topnavi .rightpart
{
float:right;
margin-right: 7px;
}

#head #topnavi ul
{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
color: #c0c0c0;
height: 24px;
line-height: 24px;
float:left;
margin-left: 13px;
}
#head #topnavi ul li {float:left;}

#head #topnavi ul li .last{border-right: none;}

#head #topnavi ul a
{
color: #c0c0c0;
border-right: 1px solid #c0c0c0;
}

#head #topnavi ul a, #head #topnavi ul a:hover
{
text-decoration: none;
height: 11px;
padding: 0 10px;
}

#head #topnavi ul a:hover{color: #dedede;}
/*  ---------- Header - Mainnavi ---------- */
#mainnavi {
    background:url(../img/bg_header_top.jpg) repeat-x;
}
#head #mainnavi ul
{
font-family: frutiger, verdana, arial, sans-serif;
font-size: 16px;
color: #4c4c4d;
padding: 0;
margin: 10px 16px 0 0;
float:right;
}

#head #mainnavi li
{
float: left;
position: relative;
height: 39px;
padding: 24px 8px 0 8px;
background: url(../img/mainnavi_li_bg.png) no-repeat;
background-position: right bottom;
z-index:10000;
}
#head #mainnavi .last
{
padding:0;
background:none;
}

#head #mainnavi .last a
{
background: url(../img/mainnavi_dropdown_arrow.png) no-repeat;
background-position: right top;
display:block;
height: 39px;
padding:24px 20px 0 10px;
}

#head #mainnavi .last a:hover{background-position: right bottom;}

#head #mainnavi li ul
{
display:none;
position: absolute;
top: 55px;
left: -50px;
z-index: 99;
background: url(../img/bg_ausklappmenue.jpg) no-repeat;
width:302px;
height:320px;
border-bottom: 2px solid #bcbcbc;
font-size: 11px;
padding: 15px 10px;
margin:0;
}

#head #mainnavi .last ul a{padding:0;}

#head #mainnavi li ul li
{
float:none;
padding:6px 0 9px 0;
border-bottom: 1px dotted #434a50;
height: 24px;
}
#head #mainnavi .last ul li a,  #head #mainnavi li ul li{background: none;}

#head #mainnavi .last ul li a{height: 14px;}

#head #mainnavi li:hover ul, #head #mainnavi li.over ul { display: block !important;}

#head #mainnavi li ul li ul
{
background:none;
height:10px;
width: 323px;
font-size: 9px;
font-family: verdana, arial, sans-serif;
padding:0;
position:absolute;
top: 25px;
left: -5px;
border-bottom:none;
}

#head #mainnavi .last ul li ul li
{
float:left;
border-right: solid 1px #424242;
border-bottom: none;
height: 12px;
padding:0 5px 0 5px;
overflow:hidden;
}

#head #mainnavi .last ul li ul .last{border-right: none;}

#head #mainnavi .last ul li ul li a
{
/*height: 10px;
line-height: 10px;*/
float:left;
}

#head #mainnavi .last ul li ul li a:hover{text-decoration:underline;}

#head #mainnavi a
{
color:#4c4c4d;
text-decoration:none;
}

#head #mainnavi a:hover{color:#000;}

/* ----------------- Header Sub Navigation ------------------ */
#subnavi {
    background:#fff;
    height:26px;
}
#subnavi ul {
    float:right;
    height:26px;
    padding-right:10px;
}
#subnavi li {
    float:left;
    line-height:26px;
    margin:0 1px;
    font-size:11px;
}
#subnavi li em {
    color:#666666;
}
#subnavi li a {
    color:#000;
    padding:2px 5px;
}
#subnavi li a:hover, #subnavi li a:focus, #subnavi li .active {
    background:#d9d9d9;
    text-decoration:none;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
/*  ---------- Content - Horizontale Subnavigation ---------- */
#horizontalnavi, #horizontalnavi_small
{
margin: 0 22px 0 18px;
width: 947px;
float: left;
display: inline;
overflow:hidden;
}
/*#content .small{width: 600px;}*/
#content .small{width: 575px;}
#content .detailpage{width: 728px;}

.unterseite #horizontalnavi h1, #horizontalnavi_small h1
{
font-family: georgia, serif;
font-size: 39px;
/*font-size: 48px;*/
font-style: italic;
color: #525252;
display:block;
float:left;
/*margin: 30px 30px 30px 0;*/
margin: 20px 10px 0 3px;
padding-bottom:30px;
line-height:120%;
}

#horizontalnavi_small h2 {
font-size: 18px;
color: #afafaf;
}

.unterseite .horizontalnavi, .unterseite .horizontalnavi_warenkorb
{
color:#0071c0;
width: 780px;
float:right;
/*margin: 30px 0 0 0;*/
margin: 0 0 10px 0;
background: url(../img/bg_horizontalnavi.jpg)  0 27px repeat-x;
padding: 6px 0 2px 0;
height: 20px;
font-size: 11px;
}

.unterseite .horizontalnavi li a, .unterseite .horizontalnavi_warenkorb li a
{
color:#0071c0;
text-decoration: none;
border-right:1px solid #b9c7d6;
padding-right: 13px;
line-height: 130%;
}

.unterseite .horizontalnavi li a:hover, .unterseite .horizontalnavi_warenkorb li a:hover{color:#b2b2b2;}

.unterseite .horizontalnavi li .last, .unterseite .horizontalnavi_warenkorb li .last{border:none;}

.unterseite .horizontalnavi .active, .unterseite .horizontalnavi_warenkorb .active
{
border: 1px solid #b9c7d6;
border-bottom: none;
padding-top: 4px;
color: #000;
height: 17px;
background-color: #fff;
padding-right: 13px;
}

.unterseite .horizontalnavi .active {margin-left:-1px;}

.unterseite .horizontalnavi li, .unterseite .horizontalnavi_warenkorb li
{
float:left;
padding: 5px 0 0 13px;
}

.unterseite #horizontalnavi_small h1{font-size: 36px; width:695px;}
/*  ---------- Content - Horizontale Subnavigation Seite: Warenkorb ---------- */

.unterseite .horizontalnavi_warenkorb{
background-position: 0 39px;
width: 728px;
height:32px;
margin-top:60px;
padding-left:2px;
}

.unterseite .horizontalnavi_warenkorb .active{
height: 22px;
padding-top:11px;
}

.unterseite .horizontalnavi_warenkorb li a {
background:url(../img/newsletter_pfeil.png) no-repeat 0 1px;
padding-left:20px;
}

.unterseite .horizontalnavi_warenkorb li{padding-top: 9px;}
#content .horizontalnavi_warenkorb .active {font-size:14px; margin-left:-1px; line-height:12pt;}
#content .horizontalnavi_warenkorb li {font-size: 12px;}
/*  ---------- Content - Horizontale Subnavigation - Sozial & Lesezeichen ---------- */
.unterseite #horizontalnavi  .social_interactions, .unterseite #horizontalnavi_small .social_interactions
{
float:right;
font-size: 9px;
margin-top: 5px;
clear:right;
}

.unterseite #horizontalnavi_small .social_interactions {margin-top: 40px;}

.unterseite #horizontalnavi  .social_interactions li, .unterseite #horizontalnavi_small .social_interactions li {
float:left;
margin-right:10px;
}

.unterseite #horizontalnavi  .social_interactions li a, .unterseite #horizontalnavi_small .social_interactions li a
{
color:#525252;
text-decoration: none;
height: 12px;
line-height: 12px;
}

.unterseite #horizontalnavi  .social_interactions li a:hover, .unterseite #horizontalnavi_small .social_interactions li a:hover {text-decoration:underline;}
.unterseite #horizontalnavi  .social_interactions .sendfriend, .unterseite #horizontalnavi_small .social_interactions .sendfriend
{
background: url(../img/pfeil_rechts.gif) 0 3px no-repeat;
padding-left: 12px;
}

.unterseite #horizontalnavi  .social_interactions .bookmark, .unterseite #horizontalnavi_small .social_interactions .bookmark
{
background: url(../img/haken.gif) no-repeat;
padding-left: 12px;
}

.unterseite #horizontalnavi  .social_interactions .rssfeed, .unterseite #horizontalnavi_small .social_interactions .rssfeed
{
background: url(../img/rss.gif) no-repeat;
padding-left: 15px;
}
/*  ---------- Content - Themennavigation linke Randspalte ---------- */
#naviwrapper
{
width: 205px;
float:left;
margin-right: 15px;
overflow: hidden;
min-height:1px;
}

.themenavi
{
border-top: 1px dotted #8e9296;
border-bottom: 1px dotted #8e9296;
width: 205px;
float:left;
margin: 22px 15px 40px 0;
}
.themenavi li   {display: inline;}

.themenavi .last{border-bottom:none;}

.themenavi li a
{
color:#0071c0;
padding: 5px 0 5px 5px;
display:block;
border-bottom: 1px dotted #8e9296;
text-decoration: none;
/*height: 11px;*/
}
.themenavi li a:hover{color:#b2b2b2;}
.themenavi ul
{
padding-left: 10px;
width:195px;
}

.themenavi ul ul{
width: 178px;
padding-left: 17px;
}

.themenavi span
{
color:#000;
font-size: 14px;
padding: 5px 0 5px 0;
display:block;
border-bottom: 1px dotted #8e9296;
}

.themenavi em {
    border-bottom:1px dotted #8E9296;
    color:#0071C0;
    display:block;
    padding:5px 0 5px 5px;
    font-style:normal;
}

.themenavi ul li ul li span
{
font-size: 13px;
padding-left: 5px;
}

.themenavi ul ul ul{
width: 173px;
padding-left: 5px;
}

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             5. Boxes & Styles
/*  ----------------------------------------------------------------------------------------------------------  */
#head img
{
float:left;
margin: 13px 7px 0 16px;
}

#head #searchfield
{
float:right;
position: relative;
width: 192px;
height: 42px;
margin: 23px 10px 0 0;
background: url(../img/suche.png) no-repeat;
}
#search
{
width: 129px;
height: 19px;
line-height:19px;
color: #da341d;
border-right:none;
border-bottom: none;
font-family: verdana, arial, sans-serif;
font-size: 12px;
padding:0 0 0 3px;
position:absolute;
left: 22px;
top:9px;
}

#head #searchfield .submit_button
{
position: absolute;
left:161px;
top:10px;
}

#head .sub-line {
    background:#fff url(../img/bg_breadcrumb.jpg) repeat-x;
    height:52px;
}
#head #breadcrumb
{
font-size: 11px;
float:left;
margin: 15px 0 0 19px;
max-width:695px;
display:inline;
}

#head #breadcrumb li
{
color:#b2b2b2;
text-decoration: none;
float:left;
line-height:140%;
margin-right: 8px;
}

#head #breadcrumb a
{
color:#b2b2b2;
text-decoration: none;
background: url(../img/pfeil_grau.png) left center no-repeat;
padding-left: 12px;
white-space:nowrap;
float:left;
}
#head #breadcrumb a:hover{text-decoration:underline;}

#head #logincart
{
float:right;
margin-top: 10px;
color:#909090;
font-size: 11px;
}

#head #logincart li
{
float:left;
padding: 5px 0 0 10px;
}

#head #logincart a
{
color:#909090;
text-decoration:none;
border-right: 1px solid #909090;
padding-right: 10px;
}

#head #logincart #cart
{
margin: 0 20px 0 0;
background: url(../img/warenkorb.png) right center no-repeat;
padding-right: 40px;
}
#head #cart span    { float:left; }

#head #cart a
{
border-right: none;
color:#f00000;
height: 26px;
display:block;
float:left;
margin-left: 6px;
padding: 0;
}

#head #logincart a:hover {text-decoration: underline;}
/*  ---------- Mainteaser - Startseite ---------- */
#mainteaser {
    width: 988px;
    height:320px;
    z-index:1;
    position:relative;
    margin-bottom:16px;
}

    #teaser-fader {
        float:left;
        margin-left:20px;
        overflow:hidden;
        position:relative;
        width:694px;
        height:320px;
        position:relative;
    }
        #teaser-fader a {float:left;}
            #teaser-fader img {
                position:absolute;
                top:0;
                left:0;
                z-index:1;
            }
        .slider-nav {
            position:absolute;
            left:15px;
            top:0;
            z-index:2;
        }
        .slider-nav li {
            float:left;
            background:#666;
            margin-right:8px;
            color:#fff;
            font-size:9px;
            padding:2px 6px;
            display:block;
            cursor:pointer;
        }
        .slider-nav .active, .slider-nav li:hover {background:#DA341D;}
    #mainteaser #sidebar {
        float:right;
        width:auto;
        margin:0 20px 11px 0;
    }
    #mainteaser .randspalten_box {margin:0;}
#mainteaser #thementeaser {
    float:right;
    background: url(../img/themenfinder_teaser.jpg) no-repeat;
    width: 230px;
    height: 216px;
    font-family: georgia, serif;
    font-style: italic;
    margin:0 18px 10px 0;
    padding:0 5px 3px 5px;
}
#mainteaser #thementeaser ul {
    background:#fff;
    border:1px solid #ccc;
}
#mainteaser #thementeaser li a {
    border-bottom: 1px solid #ccc;
    padding: 0 0 0 10px;
    background: #fff url(../img/pfeil_roter_bg.png) 205px 5px no-repeat;
    display: block;
    color: #000;
    text-decoration:none;
    line-height:115%;
    height:25px;
    line-height:25px;
}
#mainteaser #thementeaser li .last {border-bottom:0;}

#sidebar ul.linklist a
{
width: 232px;
border: 1px solid #ccc;
border-bottom:none;
margin-left: 5px;
font-size: 13px;
padding: 7px 0 4px 10px;
background: #fff url(../img/pfeil_roter_bg.png) 212px 5px no-repeat;
display: block;
color: #000;
text-decoration:none;
line-height:115%;
z-index:2;
}

#mainteaser #thementeaser li a:hover,  #sidebar ul.linklist a:hover {background-color:#f2f2f2;}
#mainteaser #thementeaser .last{border-bottom:1px solid #ccc;}
#mainteaser #thementeaser h3
{
font-size: 16px;
color:#f00000;
margin: 10px 0 7px 16px;
}

/* Box */
.box {
    background:url(../img/bg_box.png) no-repeat;
    width:230px;
    height:29px;
    margin:0 18px 5px 0;
    float:right;
    padding-left:10px;
    line-height:28px;
}
    .box span {color:#767676;}
    .box a {color:#DA341D;}
.cart .inner-box {background:url(../img/warenkorb.png) no-repeat 184px 2px;}
/*  ---------- Subteaser - Unterseiten ---------- */
#subteaser
{
width: 692px;
height: 320px;
float:left;
}
/*  ---------- Layout Twocolumns ---------- */
#twocolumns h1, #twocolumns h2 /* h1 obsolete */{
font-size: 18px;
}

#twocolumns #reisekarten .border, #twocolumns #neuheiten .border, #twocolumns #feat_produkt .border, #twocolumns .border
{
border-bottom: 2px solid #ccc;
width: 340px;
font-size: 17px;
padding: 6px 0 10px 0;
font-weight: lighter;
color:#454445;
margin-left:0;
}

#twocolumns .aktuelles, #twocolumns .empfehlung
{
width:692px;
margin-bottom: 3px;
color:#454445;
font-weight: lighter;
}

#twocolumns .themen, #twocolumns #themenfeld{
width: 465px;
float:left;
}

#twocolumns #themenfeld{margin-top: 2px;}

#twocolumns #themenfeld a {
display:block;
float:left;
margin: 1px 1px 0 0;
}

#twocolumns .newsteaser
{
width: 230px;
float:left;
margin: 0 1px 30px 0;
}

#twocolumns .newsteaser h1, #twocolumns .newsteaser strong /* h1 obsolete */
{
font-size: 14px;
line-height: 14px;
color: #0071c0;
padding: 6px 0 3px 2px;
font-weight: lighter;
/* changes */
display:block;
}

#twocolumns .newsteaser h1 a, #twocolumns .newsteaser strong a /* h1 obsolete */
{
color: #0071c0;
text-decoration:none;
}

#twocolumns .newsteaser h1 a:hover, #twocolumns .newsteaser strong a:hover /* h1 obsolete */ {text-decoration: underline;}

#twocolumns .newsteaser h3, #twocolumns .newsteaser span /* h3 obsolete */
{
background: url(../img/news_header_hp.jpg) no-repeat;
width: 214px;
height: 10px;
font-size: 10px;
color: #666;
padding: 8px;
/* changes */
display:block;
}

#twocolumns .newsteaser img{margin-top: 1px;}

#twocolumns .newsteaser p
{
padding: 0 0 0 2px;
font-size: 11px;
}

#twocolumns .newsteaser em
{
font-size: 11px;
padding: 0 0 5px 2px;
display:block;
font-style: italic;
color: #828282;
}

#maincolumn .search-title {margin:10px 0;}

/*  ---------- Left Column: Reisekarten & Produkt der Woche & Magazine---------- */
#leftcolumn
{
float:left;
width: 340px;
margin-right: 15px;
}

#twocolumns #reisekarten, #twocolumns #feat_produkt, #twocolumns #magazine
{
float:left;
width: 340px;
}

#twocolumns #feat_produkt h1, #twocolumns #feat_produkt h2, #twocolumns #feat_produkt strong
{
margin-bottom: 11px;
}

#twocolumns #feat_produkt h2, #twocolumns #feat_produkt strong
{
color:#0071C0;
font-size:14px;
font-weight:lighter;
margin-left: 133px;
display:block;
}

#twocolumns #feat_produkt p
{
font-size: 10px;
line-height: 130%;
margin: 8px 0;
margin-left: 133px;
}

#twocolumns #feat_produkt img
{
width: 117px;
margin-right: 15px;
float:left;
}

#twocolumns #feat_produkt span
{
margin-left: 133px;
font-size: 9px;
color: #0071c0;
display:block;
}

#twocolumns #feat_produkt span a
{
color: #0071c0;
font-weight: bold;
text-decoration: none;
margin: 0 2px;
}
#twocolumns #feat_produkt span a:hover{text-decoration:underline;}

#twocolumns #magazine h1, #twocolumns #magazine h2
{
margin-top: 30px;
font-weight: lighter;
}

#twocolumns #magazine div
{
border: 1px solid #a9a9a9;
border-bottom: none;
width: 328px;
margin-top: 9px;
padding: 9px 5px;
background: url(../img/bg_magazine_oben.jpg) repeat-x;
}
#twocolumns #magazine div img
{
margin: 2px 0;
}

#twocolumns #magazine .abschluss
{
background: url(../img/bg_magazine_unten.jpg) repeat-x;
width: 338px;
height: 20px;
line-height:20px;
border: 1px solid #a9a9a9;
border-top: none;
margin:0;
padding:0;
}

#twocolumns #magazine .abschluss a
{
float: right;
margin-right: 13px;
color: #0071c0;
font-size: 9px;
font-weight:bold;
text-decoration:none;
}
#twocolumns #magazine .abschluss a:hover {text-decoration:underline;}
#twocolumns #reisekarten img
{
border: 1px solid #828282;
height: 536px;
width: 338px;
margin-top: 4px;
}
/*  ---------- Neuheiten ---------- */
#twocolumns #neuheiten
{
float:left;
width: 340px;
}

#twocolumns #neuheiten a, #twocolumns #feat_produkt h2 a, #twocolumns #neuheiten strong a, #twocolumns #feat_produkt strong a
{
color:#0071C0;
text-decoration:none;
}
#twocolumns #neuheiten a:hover, #twocolumns #feat_produkt h2 a:hover, #twocolumns #neuheiten strong a:hover, #twocolumns #feat_produkt strong a:hover {text-decoration:underline;}

#twocolumns #neuheiten h1, #twocolumns #neuheiten strong
{
font-size: 14px;
color:#0071c0;
font-weight: lighter;
display:block;
}

#twocolumns #neuheiten h3{font-size: 12px;}

#twocolumns #neuheiten .toplink a{  margin-top: -10px;}

#twocolumns #neuheiten span {display:block;}
#twocolumns #neuheiten span a
{
float:right;
font-size: 9px;
font-weight: bold;
color:#0071c0;
text-decoration: none;
display:block;
margin-top: 10px;
}

#twocolumns #neuheiten ul img
{
float: left;
margin-right: 10px;
width: 87px;
}

#twocolumns #neuheiten .mediakunden-liste img {width:78px;}

#twocolumns #neuheiten ul p
{
font-size:10px;
margin:3px 0 0 98px;
}

#twocolumns #neuheiten ul em
{
font-style: italic;
color:#828282;
font-size: 11px;
padding: 1px 0 0 0;
display:block;
}

#twocolumns #neuheiten ul li
{
padding: 10px 2px 10px 4px;
border-bottom: 1px solid #bdbdbd;
float:left;
width:334px;
line-height: 130%;
}
/*  ---------- Produkt-Ãœbersicht ---------- */
#maincolumn
{
width: 464px;
float:left;
}

#maincolumn span
{
color:#8e8e8e;
font-size: 11px;
margin-bottom: 10px;
display:block;
}
/*  ---------- Buchdetailseite & Aboseiten ---------- */
#buchdetailrandspalte
{
width: 205px;
margin-right: 15px;
float:left;
}

#buchdetailrandspalte img {width: 205px;}

#buchdetailrandspalte div {background: url(../img/bg_buchdetailrandspalte.jpg) repeat-x;}

#buchdetailrandspalte div a
{
float: right;
clear:right;
color:#0071c0;
font-weight:bold;
text-decoration: none;
margin-top: 5px;
}
#buchdetailrandspalte div a:hover {text-decoration: underline;}

#buchdetailrandspalte div .lupe
{
background: url(../img/lupe.png) no-repeat;
padding-left: 30px;
height: 20px;
font-size: 11px;
margin-bottom: 20px;
}

#buchdetailrandspalte div .leseprobe    {font-size: 13px;}

#buchdetailrandspalte div p
{
clear:both;
color: #454445;
font-size: 11px;
font-style: italic;
margin-top: 20px;
float:left;
}

#buchdetailtext, #abodetailtext {line-height: 140%; width: 464px; min-height:290px;}

#buchdetailtext strong, #abodetailtext strong {font-size: 16px; color: #000; font-weight: normal;}
#buchdetailtext p strong, #abodetailtext p strong {
    font-weight:bold;
    font-size:12px;
}

#abodetailtext .abo-title {
    font-size:16px;
    font-weight:normal;
}

#buchdetailtext p, #abodetailtext p {margin-bottom: 20px; color: #454445;}

#buchdetailtext em
{
color:#828282;
display:block;
font-size:11px;
font-style:italic;
padding:1px 0pt 0pt;
}
#buchdetailtext p em {color:#454445;}

#abodetailtext h3
{
font-family: georgia, serif;
font-style: italic;
font-size: 28px;
color: #454445;
margin: 20px 0;
}

#abodetailtext h4
{
border-bottom: 2px solid #ccc;
width: 464px;
padding: 0 0 2px 0;
font-size: 18px;
color: #454445;
}

#buchtipps
{
background: #e8e8e8 url(../img/bg_buchtipps.png) repeat-x;
width: 432px;
border: 1px solid #cfcfcf;
padding: 10px 10px 10px 20px;
float:left;
clear:left;
margin-bottom: 20px;
}

#buchtipps h4
{
font-family: georgia, serif;
font-style: italic;
color: #454445;
font-size: 18px;
display:block;
float:left;
}

#buchtipps ul {margin-left: 30px; width: 336px;}

#buchtipps ul, #buchtipps ul li {
float:left;
color: #0071c0;
padding: 0 10px;
border-right: 1px solid #0071c0;
}
#buchtipps ul, #buchtipps ul .last {    border-right:none; }

#buchtipps ul li a
{
text-decoration: none;
color:#0071c0;
padding-bottom: 1px;
}

#buchtipps ul li a:hover {  border-bottom: 1px dotted #8a8e92; }

#twocolumns .aboseiten-themenavi    { margin-top: 0px; }

.abologo    {   margin: 13px 0 5px 85px; }

#maincolumn .teaserbox .allpresents
{
font-size: 8px;
color: #0f78c2;
font-weight: bold;
height: 15px;
line-height: 5px;
padding: 0 10px 0 0 ;
text-align:right;
}

.servicebox
{
font-size: 10px;
margin: 12px 0 30px 0;
float:left;
width: 464px;
}

.servicebox div {float:left;}

.servicebox a
{
color: #0f78c2;
text-decoration: none;
font-weight: bold;
}

.servicebox a:hover { text-decoration: underline; }

.service-teaser {
    background:url(../img/bg_teaser_service.jpg) no-repeat;
    width:217px;
    height:111px;
    display:block;
    padding:4px 0 0 5px;
    margin-right:8px;
}
.servicebox img
{
float: left;
/*margin-right: 8px;*/
}

#abodetailtext .servicebox p
{
float:left;
width: 225px;
margin: 0;
}

#sidebar .abovorteile { margin-top: 0; }

.abo-subtext
{
font-size: 11px;
line-height: 160%;
float: left;
margin: 10px 0 15px 0;
}
.abo-subtext strong
{
background: url(../img/pfeil-bg-fff.gif) 0 -3px no-repeat;
height: 22px;
padding: 0 0 5px 20px;
font-weight: normal;
}

.abo-table
{
border: 1px solid #a9a9a9;
border-top: none;
margin-bottom: 20px;
}

.abo-table thead th {
border-bottom:1px solid #fff;
line-height: 26px;
background:#efefef;
text-align:center;
text-transform: uppercase;
font-size: 10px;
background: url(../img/bg-legend.png) repeat-x;
}


.abo-table tbody td {
background:#efefef;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
height: 26px;
text-align:center;
vertical-align:middle;
}

.abo-table tbody td * {vertical-align:middle;}

.abo-table tbody a {
display:block;
height: 26px;
background: #efefef url(../img/pfeil-bg-grau.gif) no-repeat;
background-position: top center;
text-indent: -5000px;
}
.abo-table tbody a:hover { background-position: bottom center; }

.abo-table tbody .logo
{
height: 26px;
display: block;
text-align: left;
}
.abo-table .logo a
{
text-indent: 0;
background: #efefef url(../img/pfeil_grau_rechts.png) 5px 6px no-repeat;
padding-left: 26px;
}

.abo-table .logo a:hover { background-position: 5px 6px; }

#col-zeitschrift { width: 100px; }
#col-jahresabo { width: 100px; }
#col-freundschaftswerbung { width: 100px; }
#col-geschenkabo { width: 100px; }
#col-kennenlernabo { width: 100px; }
#col-probeheft { width: 100px; }

/* Abo-Bestellformular  */

#abo h5 {
height:26px;
background:#f3f2f2 url(../img/bg-legend.png) repeat-x;
margin:15px 0 0;
position:relative;
}
#abo h5 span {
color:#000;
background:url(../img/bg-roter-pfeil-unten.png) 7px 7px no-repeat;
padding-left:28px;
line-height:26px;
}

#abo .field {
background:#f3f2f2;
margin:0 0 20px;
font-size:11px;
color: #666;
width:419px;
padding:15px 15px 15px 30px;
}
#abo li {
clear:both;
height:2em;
line-height:2em;
padding:2px 0;
margin:2px 0;
}
#abo li label {
float:left;
width:105px;
line-height:115%;
}
/*#abo .phone label {background: url(../img/icon-telephone.jpg) no-repeat 80% top;}
#abo .fax label {background: url(../img/icon-fax.jpg) no-repeat 80% top;}
*/
#abo li input {
float:left;
}
#abo input#plz {
width:50px;
margin-right:10px;
}
#abo input#ort {width:234px;}

#abo .phone {height:auto;}

#abo .phone div {
float:left;
width:99px;
margin-right:5px;
}
#abo .phone span {
font-size:9px;
line-height:160%;
padding-top:5px;
}
#abo .phone strong {font-size:11px;}
#abo .phone input {width:90px;}

.nl-box input, #abo .radiobutton input, #abo #card-type input, .nl-box-probeheft input {
width:auto;
margin:0 5px 0 0;
vertical-align:text-top;
}

#abo .probeheft {margin-top:15px;}
#abo .nl-box-probeheft {margin-top:5px;}

.nl-box label, .nl-box-probeheft label {
font-weight:bold;
color:#0071C0;
}

#maincolumn .nl-box-probeheft label {width:290px; line-height:120%;}

#abo #card-type label {line-height:105%;}

#abo .radiobutton label {
width:auto;
line-height:120%;
padding-left:5px;
}
#abo .bankeinzug-tipp {
font-weight:bold;
line-height:160%;
height:auto;
}
#abo #zahlungswunsch li.radiobutton {margin-top:10px;}

#abo #bankeinzug-box, #abo #creditcard-box, #abo #lieferanschrift-box {height:auto;}

#bankeinzug-box ul, #creditcard-box ul, #abo #lieferanschrift-box {
margin:0;
padding:0;
}
#abo .togglebox div {padding:10px; margin:0; background:#eee; border:1px solid #ddd;}
#abo #bankeinzug-box input {width:285px;}

#abo #card-number input {width:63px; margin-right:3px;}
#abo #card-number input:last-child {width:68px; margin-right:0;}

#abo .annotations {
height:auto;
margin-bottom:10px;
}
#abo .annotations label {
float:none;
display:block;
width:100%;
}
#abo .annotations input {
float:none;
width:400px;
}
#abo .double-space label {line-height:115%;}
div.shipping-date {
float:left;
margin:-5px 0 0 10px;
}

#abo .submit {margin-top:20px;}
#abo .submit input {width:100px;}
#abo .submit label {
width:300px;
line-height:160%;
margin-left:10px;
}

/*  ---------- Warenkorb Buchdetailseite - rechte Randspalte ---------- */

#warenkorb_wrapper  {   margin-bottom:30px; }

#warenkorb_wrapper ul { width: 237px;}

#warenkorb_wrapper ul li
{
display: block;
padding: 7px;
border-top: 1px dotted #8e9296;
}

#warenkorb_wrapper ul .last {border-bottom: 1px dotted #8e9296;}

#warenkorb_wrapper ul li a
{
color:#0071c0;
text-decoration: none;
}

#warenkorb_wrapper ul li a:hover { color:#b2b2b2; }

#warenkorb
{
background: #cfcfcf url(../img/verlauf_warenkorb.gif) repeat-x;
background-position: left bottom;
width: 237px;
text-align: center;
padding-top: 4px;
}

#warenkorb img { margin: 10px 0 10px 0; }

#warenkorb span
{
display: block;
background: #fff url(../img/warenkorb2.jpg) no-repeat;
background-position: right bottom;
width: 219px;
margin: 0 4px 4px 4px;
text-align: left;
padding:4px 0 5px 10px;
}
#warenkorb span em
{
color: #5d5d5d;
font-size: 11px;
margin: 10px 0 0 0;
}

#warenkorb span strong
{
display:block;
font-size: 16px;
margin: 10px 0 10px 0;
font-weight: bold;
}

/*  ---------- Journallist & Booklist & Presentlis ---------- */
#twocolumns .product-list, #twocolumns #presentlist
{
float:left;
width: 462px;
margin-top: 10px;
}

#twocolumns .product-list h1, #twocolumns #presentlist h1, #twocolumns .product-list strong, #twocolumns .presentlist strong
{
font-size: 14px;
color:#0071c0;
font-weight: lighter;
margin-bottom: 5px;
/* changes*/
/*float:none;
margin:0 0 5px;*/
display:block;
}

#twocolumns .presentlist .price, #twocolumns .product-list .price {color:#000; font-weight:bold;}

#twocolumns .product-list h1 /* h1 obsolete */ {width: 270px;}

#twocolumns .product-list h1 a, #twocolumns #presentlist h1 a, #twocolumns .product-list strong a, #twocolumns #presentlist strong a {
text-decoration:none;
color:#0071c0;
font-size: 14px;
color:#0071c0;
font-weight: lighter;
margin-bottom: 5px;
}
#twocolumns .product-list h1 a:hover, #twocolumns #presentlist h1 a:hover, #twocolumns .product-list strong a:hover, #twocolumns #presentlist strong a:hover {text-decoration:underline;}

#twocolumns .product-list h3, #twocolumns .product-list span, #twocolumns .product-list .subtitle /* h1 obsolete */
{
font-size: 10px;
color:#000;
font-weight:bold;
}

#twocolumns .product-list span, #twocolumns #presentlist span
{
color:#0071c0;
text-align: center;
margin-top: 20px;
float:left;
width:462px;
}
#twocolumns .product-list span a, #twocolumns #presentlist span a
{
color:#0071c0;
text-decoration:none;
margin: 0 4px 0 4px;
}

#twocolumns .product-list span .active, #twocolumns #presentlist span .active {color:#000;}

#twocolumns .product-list ul, #twocolumns #presentlist ul
{
float:left;
width: 462px;
}

#twocolumns .product-list ul .first, #twocolumns #presentlist ul .first{border-top: 1px solid #bdbdbd;}

#twocolumns .product-list ul li, #twocolumns #presentlist ul li
{
padding: 10px 2px 10px 4px;
border-bottom: 1px solid #bdbdbd;
line-height: 130%;
float:left;
width: 456px;
position: relative;
}

#twocolumns .product-list ul p, #twocolumns #presentlist ul p {font-size:12px;}

#twocolumns .product-list ul em
{
font-style: normal;
color:#828282;
font-size: 10px;
display:block;
}

#twocolumns .product-list ul div
{
width: 266px;
float:left;
}

/*#twocolumns .product-list ul strong
{
font-size: 13px;
font-weight: bold;
float:right;
margin: 0 10px 0 0;
}*/

.product-list ul a
{
float: left;
margin-right: 10px;
width: 75px;
}

.product-list ul div a
{
float: none;
margin-right:0;
width: auto;
}

#twocolumns #presentlist ul li span
{
display: block;
width: 179px;
margin-right: 5px;
}

#twocolumns #presentlist ul li div
{
float: right;
width: 250px;
}

#twocolumns #maincolumn .journal {margin-top: 0;}

#twocolumns #maincolumn .journal ul li
{
background: url(../img/bg-prodliste-zeitschriften.jpg) no-repeat;
width:146px;
height:182px;
border: none;
padding: 5px 2px 0px 2px;
}

#twocolumns #maincolumn .journal ul li .description_wrapper a
{
color: #454445;
text-decoration: none;
display: block;
margin: 10px 0 0 0;
padding-left: 25px;
background: url(../img/newsletter_pfeil.png) no-repeat;
font-size: 11px;
height: 16px;
}
#twocolumns #maincolumn .journal ul li .description_wrapper a:hover {text-decoration: underline;}


#twocolumns .product-list a.suchergebnis {
float:left;
color:#0071C0;
display:block;
font-size:9px;
font-weight:bold;
margin-top:10px;
text-decoration:none;
}

#twocolumns .product-list a.suchergebnis:hover {text-decoration:underline;}
/*  ---------- Bubble ---------- */
.product-list ul li:hover, .product-list ul li.hover {background-color:#edf2f6;}

#twocolumns .product-list ul li:hover .bookdescription, #twocolumns .product-list ul li.hover .bookdescription, .teaser-praemie li.hover .preview-detail, .zeitschriften li:hover .magazinedescription, .zeitschriften li.hover .magazinedescription {display:block !important;}

#twocolumns .product-list .bookdescription h2, #twocolumns .product-list .bookdescription .description,  .zeitschriften .magazinedescription {
font-size: 12px;
color:#0071c0;
}

#twocolumns .product-list .bookdescription_top, .zeitschriften .magazinedescription_top {
background: url(../img/bg_bubble_top.gif) no-repeat;
width:329px;
height: 20px;
float:none;
}

#twocolumns .product-list .bookdescription, .zeitschriften .magazinedescription {
background: url(../img/bg_bubble_bottom.gif) left bottom no-repeat;
width:329px;
position: absolute;
bottom: -85px;
left: 330px;
min-height:165px;
z-index:10000;
display:none;
float:none;
}

#twocolumns #maincolumn .journal ul li .bookdescription {
bottom: -15px;
left: 117px;
}

#twocolumns .product-list .bookdescription strong, #twocolumns .zeitschriften .magazinedescription strong {
font-size: 10px;
float:none;
/* changes */
font-weight:bold;
margin:0 10px 0 0;
}

#twocolumns .product-list .bookdescription .title, #twocolumns .zeitschriften .magazinedescription .title {
    font-size:14px;
    font-weight:lighter;
    margin:0 0 5px;
    display:block;
}

#twocolumns .product-list .bookdescription span {
width: 275px;
font-size:10px;
text-align:right;
margin-right: 5px;
display:block;
}

#twocolumns .product-list .description_wrapper, .zeitschriften .magazinedescription .description_wrapper {
padding: 0 15px 18px 40px;
float:none;
/*display:inline;*/
}
/*  ---------- Featured Book ---------- */
#bookteaser
{
background-color:#e6edf2;
border: 1px solid #9ec2dc;
float:left;
padding: 5px;
width: 452px;
line-height: 110%;
}

#bookteaser img {float:left;}

#buchbeschreibung
{
margin: 7px 0 5px 12px;
float:left;
width: 310px;
}

#buchbeschreibung a
{
color: #0071c0;
text-decoration:none;
}

#buchbeschreibung a:hover{text-decoration:underline;}

#bookteaser #buchbeschreibung h1, #bookteaser #buchbeschreibung span /* h1 obsolete */
{
color: #0071c0;
margin-bottom: 8px;
line-height: 120%;
font-size: 16px;
}

#bookteaser #buchbeschreibung h4, #bookteaser #buchbeschreibung em /* h4 obsolete */
{
color: #828282;
margin-bottom: 2px;
display:block;
}

#bookteaser #buchbeschreibung h5, #bookteaser #buchbeschreibung .subtitle /* h5 obsolete */
{
font-size: 10px;
font-weight:bold;
margin-bottom: 5px;
}

#bookteaser #buchbeschreibung p{font-size: 11px;}

#bookteaser #buchbeschreibung strong
{
font-weight: bold;
font-size: 14px;
margin-top: 20px;
display:block;
}
/*  ---------- Warenkorb: Bestellformular ---------- */
#bestellformular {
width: 730px;
line-height: 130%;
float:left;
margin-bottom: 40px;
}

#col-product {width: 350px;}
#col-number {width:60px;}
#col-price {width:60px;}
#bestellformular table {float:left;}

#bestellformular thead
{
background-color:#eaeaea;
font-size: 11px;
color:#4c4d4d;
height: 18px;
line-height: 18px;
}

#bestellformular thead th{padding-left: 6px;}

#bestellformular td
{
padding: 6px 0 6px 5px;
border-bottom: 1px solid #cdcdcd;
}

#bestellformular img
{
float:left;
margin-right: 18px;
}

#bestellformular span, #bestellformular p{font-size: 11px;}
#bestellformular span {color:#828282;}

#bestellformular h3, #bestellformular a{color:#0071c0;}
#bestellformular h3 {font-size: 15px;}

#bestellformular a {text-decoration:none;}
#bestellformular a:hover {text-decoration: underline;}

#bestellformular #anzahl
{
width:16px;
height:12px;
font-size: 10px;
color:#0071c0;
text-align:center;
float:left;
}

#bestellformular #aktualisieren {font-size:9px;font-weight:bold;}

#bestellformular strong {font-weight:bold;}

#bestellformular .noborder {border:none;text-align:right;}

#bestellformular .productprice{font-size:11px;}
#bestellformular .priceinfos{font-size:10px;color:#32394a;}
#bestellformular .finalprice{font-size:18px;}

#bestellformular .submit_button{margin-left:90px;}
#bestellformular .subtraction
{
border:1px solid #e2001a;
height:11px;
padding:0 3px;
float:left;
margin:4px 0 0 4px;
line-height:10px;
text-align:center;
padding-left: 1px;
}
/*  ---------- Warenkorb: Weitere Titel ---------- */
#buchbox
{
width: 463px;
height:193px;
border: 1px solid #bdbdbd;
float:left;
margin: 10px 0 60px 0;
}

#buchbox .buchtitel
{
float:left;
width: 115px;
border-right: 1px solid #bdbdbd;
height: 193px;
position: relative;
}

#buchbox .last{border-right: none;}

#buchbox .buchtitel .weiterpfeil
{
position: absolute;
top: 96px;
left: 100px;
}

#buchbox .buchtitel .titelbild
{
height:88px;
text-align:center;
width:104px;
padding: 10px 5px 5px 5px;
}

#buchbox .buchtitel .titelbeschreibung
{
background: url(../img/verlauf_weitere_titel.gif) repeat-x;
height: 75px;
font-size: 9px;
padding: 10px 5px 5px 5px;
}

#buchbox .buchtitel .titelbeschreibung a
{
font-weight: bold;
color:#0071c0;
font-size: 10px;
text-decoration:none;
display:block;
margin: 7px 0;
}
#buchbox .buchtitel .titelbeschreibung a:hover {text-decoration: underline;}

#buchbox .buchtitel .titelbeschreibung strong
{
font-weight: bold;
font-size: 10px;
}

#weitere_titel {
float:left;
}

#abo .radiobutton #gleiche-anschrift, #abo .personal-info .radiobutton #abweichende-anschrift {width:389px;}
#abo #lieferanschrift-box #strasse-liefer {width:290px}
#abo #lieferanschrift-box #ort-liefer {width:224px}

/*  ---------- Teaserboxen mit Bild und Verlauf ---------- */
.teaserbox
{
width: 220px;
border: 2px solid #ccc;
margin: 15px 8px 20px 0;
line-height: 120%;
float: left;
position: relative;
}

.teaserbox .teaserboxbild
{
display: block;
width: 218px;
height: 135px;
text-align: center;
margin-left: 1px;
}

.teaserbox a img    { margin-top: 10px; }

#maincolumn .teaserbox div
{
display:block;
background: #f7f6f6 url(../img/bg-teaserbox-span.png) repeat-x;
width: 198px;
min-height: 75px;
margin: 0 0 1px 1px;
font-size: 11px;
padding: 5px 10px;
color: #121212;
}
#maincolumn .teaserbox .small
{
height: 45px;
min-height: 45px;
}

#maincolumn .teaserbox div a
{
color: #0071c0;
font-weight: bold;
text-decoration: none;
display: block;
font-size: 12px;
padding: 5px 0;
}

#maincolumn .teaserbox div a:hover  { text-decoration:  underline; }

#maincolumn .teaserbox span
{
background-color: #a2a2a2;
color: #fff;
font-size: 10px;
display: block;
position: absolute;
top: 0;
left:0;
width:210px;
padding: 2px 5px;
}


#maincolumn .teaserbox .forward
{
background: url(../img/pfeil_roter_bg_eckig.gif);
width: 15px;
height: 15px;
position: absolute;
right: 0;
bottom: 76px;
}

/*  ---------- Layout Sidebar ---------- */

.randspalten_box
{
background: url(../img/bg_randspalten_box.png) no-repeat;
float:left;
margin-top: 22px;
width: 240px;
}

.abodetail  {margin-top: 0;}

.abo-cover {
    margin:0 0 20px;
}
    .abo-cover img {
        display:block;
        margin:25px auto 15px;
        border:1px solid #ddd;
    }

.randspalten_box .ende
{
background: url(../img/bg_randspalten_box_bottom.png) no-repeat;
width:240px;
height:4px;
overflow: hidden;
float:left;
}

#sidebar .verlauf
{
background: url(../img/bg_randspalten_verlauf.png) 4px bottom no-repeat;
min-height: 43px;
float:left;
width: 240px;
}

#sidebar .verlauf p
{
width: 216px;
/*    float:left;
display:inline;
*/
}

#sidebar .verlauf p a
{
color:#797979;
text-decoration: none;
float:left;
margin-left: 33px;
width: 160px;
font-size: 12px;
}

#sidebar .verlauf p .pfeil
{
margin:0;
width: 15px;
}

#sidebar .verlauf p a img
{
margin: 3px 0 0 0;
float:right;
}

.randspalten_box h4, .randspalten_box h3 /* h4 obsolete */
{
font-family: georgia, serif;
font-style: italic;
font-size: 16px;
margin: 15px 0 14px 20px;
}

.randspalten_box h4 img, .randspalten_box h3 img /* h4 obsolete */
{
margin-right: 8px;
padding-right:8px;
border-right: 1px solid #cccccc;
}

.randspalten_box p
{
color:#797979;
line-height: 130%;
margin: 5px 0 5px 20px;
}

#sidebar .randspalten_box ul
{
width:240px;
float:left;
}

#sidebar ul.linklist li {
width:240px;
float:left;
}

#sidebar ul.linklist a {
width: 220px;
font-family: georgia, serif;
font-style: italic;
float:left;
margin-left: 4px;
display:inline;
}

#sidebar .randspalten_box .arrow-list
{
color: #454445;
margin: 0 0 0 25px;
padding-bottom: 10px;
width: 210px;
}

#sidebar .randspalten_box .arrow-list li
{
background: url(../img/pfeil_roter_bg.png) no-repeat;
padding-left: 30px;
width: 175px;
margin-bottom: 10px;
line-height: 120%;
}
/*  ---------- Tagcloud-Box ---------- */
.randspalten_box #tagcloud
{
margin: 15px 20px 15px 20px;
line-height: 160%;
float:left;
display:inline;
}
.randspalten_box #tagcloud a
{
color: #666;
text-decoration:none;
}
.randspalten_box #tagcloud a:hover{text-decoration:underline;
}
.randspalten_box #tagcloud .tag1{font-size: 12px;}

.randspalten_box #tagcloud .tag2{font-size: 14px;}

.randspalten_box #tagcloud .tag3{font-size: 16px;}

.randspalten_box #tagcloud .tag4{font-size: 20px;}
/* ----------- Alternative Box mit Text und Links ---------------*/
#sidebar .alternative .verlauf p {margin-bottom:10px;}
#sidebar .alternative .verlauf a {
    margin-left:0;
    float:none;
}
#sidebar .alternative .verlauf .pfeil {
    background:url(../img/newsletter_pfeil.png) no-repeat left 2px;
    width:auto;
    padding-left:20px;
    margin-top:10px;
    display:block;
}
/*  ---------- Produktliste ---------- */
#produktliste
{
width: 240px;
float:left;
margin: 9px 0 15px 0;
}

#produktliste h1, #produktliste h3
{
font-family: georgia, serif;
font-size: 16px;
font-style: italic;
margin-bottom: 7px;
}

#produktliste ul li
{
display:block;
border-bottom: 1px dotted #8e9296;
width: 240px;
}

#produktliste ul li a
{
font-size: 12px;
color: #0071c0;
text-decoration:none;
height: 22px;
line-height: 22px;
}
#produktliste ul li a:hover {color:#b2b2b2;}
/*  ---------- Layout Bookmarks ---------- */

#bookmarks
{
text-align:center;
padding: 15px 0;
}

#bookmarks a{text-decoration:none;}

#bookmarks h5, #bookmarks span /* h5 obsolete */
{
color: #b9b9b9;
font-size: 10px;
margin-bottom: 8px;
display:block;
}
/*  ---------- Layout Events ---------- */
#events
{
float:left;
width: 240px;
margin-top: 40px;
}

#events #event_description h1, #events #event_description h4
{
font-size: 14px;
color:#0071c0;
margin-bottom: 10px;
line-height: 110%;
}

#events h2, #productfinder h2, .sidebar-box h2, #toptitle h2, #events h3, #productfinder h3, .sidebar-box h3, #toptitle h3 /* h2 obsolete */
{
font-size: 14px;
padding: 8px 0;
color:#454445;
width: 240px;
}

#events a
{
color:#0071c0;
text-decoration:none;
}

#events a:hover{text-decoration:underline;}

#events #event_description
{
background-color: #f3f3f3;
padding: 10px;
}

#events #event_description p
{
font-family: georgia, serif;
font-style: italic;
font-size: 12px;
line-height: 140%;
}

#events #event_description span{font-size: 11px;}

#events .eventslink
{
font-size: 9px;
font-weight: bold;
text-decoration: none;
float:right;
margin-top: 10px;
}

#events .eventliste
{
background: url(../img/pfeil_grau_unten.png) 220px 5px no-repeat;
background-color: #f3f3f3;
padding: 10px;
width: 220px;
display:block;
margin-top: 3px;
text-decoration: none;
line-height: 130%;
}

#events .eventliste span
{
font-size: 11px;
color: #000;
}
/*  ---------- Layout Produktfinder & Top-Autoren ---------- */
#productfinder, .sidebar-box, #toptitle
{
margin-bottom: 30px;
float:left;
width: 240px;
}

#productfinder .productsearch, .sidebar-box .topauthor, .sidebar-box .author, #toptitle .author
{
background-color:#f3f2f2;
margin-bottom:3px;
float:left;
width:230px;
line-height: 130%;
font-size: 11px;
display:block;
color: #000;
text-decoration:none;
padding: 3px 5px 5px 5px;
}
.sidebar-box a:hover, #toptitle a:hover{text-decoration:underline;}


/*.sidebar-box .author, #toptitle .author {float:none;padding:1px 4px 7px 7px;width:226px;}*/

.sidebar-box .topauthor img, .sidebar-box .author img, #toptitle .author img
{
float:left;
margin-right: 10px;
width:81px;
}

.sidebar-box .topauthor strong, .sidebar-box .author strong, #toptitle .author strong
{
margin:5px 0 5px 0;
font-size: 14px;
font-weight: normal;
display:block;
}

.sidebar-box  a, .sidebar-box  a {color:#000; display:block; text-decoration:none;}

.sidebar-box .topauthor span
{
width: 139px;
float:left;
}
.sidebar-box .author span, #toptitle .author span{float:none;color:#454445;}

#toptitle .author .price{margin-left: 92px;}

.sidebar-box .allauthors, #toptitle .allauthors
{
color: #0071c0;
font-weight:bold;
font-size: 9px;
float:right;
text-decoration:none;
width: 230px;
text-align:right;
}

#productfinder .productsearch form{padding: 12px;}

#productfinder .productsearch input
{
background-color: #cacaca;
border: 1px solid #b1b1b1;
width: 169px;
height: 21px;
font-size: 13px;
color: #fff;
margin-bottom: 10px;
padding-left: 5px;
float:left;
}

#productfinder .productsearch .submit_button
{
width:29px;
height:25px;
border:none;
float:left;
background:none;
padding:0;
}

#productfinder .productsearch select{width:205px;}

/*  ---------- Prod-Slider ---------- */

.slider {
position:relative;
height:82px; /* height of items */
width:240px;
padding:10px 0;
overflow:hidden;
}
.slide-left, .slide-right {
position:absolute;
top:40%;
width:15px;
height:15px;
background:url(../img/pfeil_grau_rechts.png) no-repeat left top;
cursor:pointer;
z-index:100;
}
.slider a:hover, .slider a:active, .slider a:focus {border:0;}
.slide-left {background:url(../img/pfeil_grau_links.png) no-repeat left top;}

.slide-left {left:5px;}
.slide-right {right:5px;}
.slider .inactive {display:none;}
.slide-mask {
margin:0 20px;
overflow:hidden;
height:82px;
width:200px;
/* for him */
position:relative;
z-index:10;
}

.slide-content {z-index:1;} /* for him, too */

.slide-content li {
float:left;
margin-right:5px;
border:1px solid #ccc;
line-height:0;
}
.slide-content a {
display:block;
border:0;
background:transparent;
padding:0;
margin:0;
}

.slider li, .slider a {
border:0;
width:auto;
background:transparent;
}


/*  ---------- Prod-Slider gross ---------- */

.big-slider {
height:188px;
width:692px;
background:url(../img/bg-abo-slider.jpg) no-repeat;
margin:7px 0 30px 0;
}
.big-slider .slide-left {
left: 10px;
top: 81px;
}
.big-slider .slide-right {
right: 10px;
top: 81px;
}
.big-slider .slide-mask {
width: 592px;
height: 152px;
margin: 0 50px;
}
.big-slider .slide-content {
height: 152px;
margin-top:15px;
}

.big-slider .slide-content li {
height: 152px;
margin-right: 20px;
width:102px;
}

/*  ---------- Layout Footer ---------- */
#footer
{
margin: 0 auto;
width: 775px;
padding: 0 50px;
}

#footer p
{
font-size: 9px;
color: #7e7e7e;
font-weight: bold;
margin: 15px 0;
}

#footer ul
{
padding:0;
font-weight:bold;
font-size: 9px;
margin-bottom: 15px;
text-align:center;
line-height: 160%;
}

#footer ul .last{border-right: none;}

#footer ul li
{
margin-left: 0;
display:inline;
}

#footer ul li a
{
color: #7e7e7e;
text-decoration:none;
padding: 0 8px;
border-right: 1px solid #a2a2a2;
}
#footer ul li a:hover{text-decoration:underline;}

#footer .mainlinks
{
font-size: 11px;
margin: 15px 0;
line-height: 20px;
}

#footer .lastlinks
{
font-weight: normal;
font-size: 10px;
margin-top: 15px;
}

/* --------- produktliste_autoren.html --------- */

.alphabet {
text-align:center;
margin-top:20px;
}

.alphabet a {
color:#0071C0;
text-decoration:none;
padding:0 3px 0 2px ;
}

.alphabet a:hover {color:#B2B2B2;}
#leer {color:#B2B2B2;}

/* --------- autorendetail_buchliste.html --------- */

#maincolumn .product-list span.ergebnis {float:left; width:auto; color:#828282;}
#maincolumn .product-list span.pagination {margin-left:90px; width:auto;}

/* --------- themenuebersicht.html --------- */


#twocolumns #themenuebersicht a {
float:left;
height:24px;
width:142px;
font:italic 17px  Georgia, serif;
color:#fff;
text-decoration:none;
margin:1px;
padding:120px 0 0 10px;
}

#twocolumns #themenuebersicht a:hover {text-decoration:underline;}

#twocolumns #themenuebersicht a.wassersport {background:url(../img/themenuebersicht1.jpg) no-repeat;}
#twocolumns #themenuebersicht a.fahrrad {background:url(../img/themenuebersicht2.jpg) no-repeat;}
#twocolumns #themenuebersicht a.auto {background:url(../img/themenuebersicht3.jpg) no-repeat;}
#twocolumns #themenuebersicht a.motorrad {background:url(../img/themenuebersicht4.jpg) no-repeat;}
#twocolumns #themenuebersicht a.luftfahrt {background:url(../img/themenuebersicht5.jpg) no-repeat;}
#twocolumns #themenuebersicht a.wissenschaft {background:url(../img/themenuebersicht6.jpg) no-repeat;}
#twocolumns #themenuebersicht a.sportundoutdoor {background:url(../img/themenuebersicht7.jpg) no-repeat;}
#twocolumns #themenuebersicht a.editiondelius {background:url(../img/themenuebersicht8.jpg) no-repeat;}

.themenuebersicht, #sidebar .themenuebersicht {margin:0 15px 0 0;}

#content_wrapper .themenseite .randspalten_box {margin-top:0;}

/* --------- warenkorb1.html (Ergänzung)--------- */

#bestellformular .gutscheincode {padding-bottom:20px;}
#bestellformular .submit {vertical-align:middle; font-size:11px;}

/* --------- warenkorb_anmeldung.html--------- */

#abo .login {
background:#F3F2F2 none repeat scroll 0 0;
color:#666666;
font-size:11px;
margin:0 0 20px;
padding:15px 15px 15px 30px;
width:419px;
}

#abo .anmelden {padding: 10px 0;}

#abo .anmelden input {width:auto; float:right; margin:15px 13px 0 0;}
#abo .anmelden #login {margin-top:0;}
#abo li #plz-liefer {width:55px; margin-right:5px;}
#abo .radiobutton .nachname {width:389px;}

#abo .save {margin-top:20px; height:auto;}

#abo .save input {margin:4px 5px 0 0;}

#abo .save label {
color:#0071C0;
font-weight:bold;
width:auto;
}

#abo .save p {line-height:140%; float:left; color:#666;}

#abo .save p strong {font-size:11px; font-weight:bold; color:#666;}

#maincolumn .fehlermeldung {
background:#f8c5bc none repeat scroll 0 0;
color:#df381b;
font-size:11px;
margin:0 0 20px;
padding:10px 30px;
width:402px;
border:1px solid #df381b;
}

#maincolumn .statusmeldung {
background:#e7f2d5 none repeat scroll 0 0;
color:#008726;
font-size:11px;
margin:0 0 20px;
padding:10px 30px;
width:402px;
border:1px solid #008726;
}

#maincolumn ul.fehlermeldung-text, ul.statusmeldung-text {
background:#fff;
padding:2px 10px;
}

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

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

/* --------- Warenkorb Schritt 3--------- */
#abo #bestell-check td {padding-left:10px;}
#abo #bestell-check .artikel-ansicht td {padding-bottom:10px;}
#abo #bestell-check .first {padding-left:0;}
#abo #bestell-check .gesamt-preis {text-align:right;}

/* --------- kontakt_anzeigen.html--------- */
#naviwrapper ul.kontakt {margin-top:0;}

#naviwrapper .kontakt li span {
display:inline;
border-bottom:none;
padding-left:10px;
}

#kontakt_anzeigen {margin-top:10px;}

#kontakt_anzeigen .kontakt {
margin-bottom:30px;
background:url(../img/telefon.png) no-repeat 0 2px;
padding-left:35px;
}

#kontakt_anzeigen .kontakt a {color:#0071C0;}
#kontakt_anzeigen .kontakt p {color:#454445; line-height:20px; margin-bottom:15px;}
#kontakt_anzeigen .kontakt strong {
color:#000000;
font-size:16px;
font-weight:normal;
}

#content .horizontal-line {margin-bottom:0;}

/* --------- foreign_rights.html--------- */

#content_wrapper .foreign-rights {color:#454445; padding-bottom:15px;}

#content_wrapper .foreign-rights ul {margin:0 0 20px 20px;}
#content_wrapper .foreign-rights p {margin-bottom:20px; line-height:18px;}
#content_wrapper .foreign-rights a {color:#0071C0; text-decoration:none;}
#content_wrapper .foreign-rights a:hover,  .product-list a.details:hover, .product-list .list a.url:hover {text-decoration:underline;}

#content_wrapper .product-list li.rights-titles {width:686px;}

#twocolumns .product-list .list {width:680px;}
.product-list a.details {
float:right;
color:#0071C0;
text-decoration:none;
}

#twocolumns .product-list span.pagination2 {width:692px;}

#content .small2 {width:692px; float:left;}

#sidebar .licences {margin:27px 0 0 0;}
#sidebar .licences strong {font-weight:bold; color:#525252;}
#sidebar .licences h4, #sidebar .licences h3 /* h4 obsolete */ {margin-left:13px; color:#000; line-height:12px;}
#sidebar .licences p a {
color:#de5f45;
text-decoration:underline;
margin:0;
}
#sidebar .licences .mitte {float:left; margin:0 0 0 0;display:inline;padding-bottom:10px;}
#sidebar .licences p a {width: 190px;}

#sidebar .box-grau {
background:#F3F3F3;
padding:10px;
margin-bottom:3px;
}

#sidebar .box-grau.last {margin-bottom:20px;}
#sidebar .box-grau.pdf {padding:3px 10px 0 10px;}

#sidebar .box-grau img {float:left; margin:10px 10px 0 0;}
#sidebar .box-grau strong {color:#000; font-size:14px;}
#sidebar .partnerlaender {margin:10px 0 0 50px;}
#sidebar .partnerlaender p, #sidebar .pdf p a {color:#797979;}

/* --------- buchhandel.html--------- */
#maincolumn.uebersicht {width:auto;}

#sidebar .sidebar-box.buchhandel, #sidebar .sidebar-box.mediakunden {margin:30px 0 0 0;}

.unterseite #buchhaendler h1, .unterseite #mediakunden h1, .unterseite #buchhaendler span, .unterseite #mediakunden span {
font:italic 22px Georgia, serif;
color:#000;
margin-bottom:10px;
display:block;
}

.unterseite #buchhaendler p, .unterseite #mediakunden p {color:#454445; line-height:18px;}

#content #twocolumns .buchhandel, #content #twocolumns .mediakunden {
width:auto;
margin-top:30px;
}

#twocolumns #neuheiten.buchhandel li{
margin:0 20px 30px 0;
padding:0;
width:325px;
min-height:162px;
border:none;
}

#twocolumns #neuheiten.mediakunden li {
margin:0 20px 10px 0;
padding:5px 0 0 0;
width:325px;
border:none;
}

#twocolumns #neuheiten.buchhandel li.buchhandeltext-erweitert,  #twocolumns #neuheiten.mediakunden li.mediakundentext-erweitert {
border-bottom:1px solid #ccc;
padding-top:5px;
min-height:125px;
margin-bottom:5px;
}

#twocolumns #neuheiten.mediakunden li.mediakundentext-erweitert {min-height: 70px; padding-top: 5px; margin-right:0;}
#twocolumns #neuheiten.mediakunden li.last {margin-right:0;}

#twocolumns #neuheiten.buchhandel li h1, #twocolumns #neuheiten.mediakunden li h1, #twocolumns #neuheiten.buchhandel li h3, #twocolumns #neuheiten.mediakunden li h3 {width:auto;}
#twocolumns #neuheiten.mediakunden li .uppercase {text-transform: uppercase;}

#neuheiten .buchhandeltext, #neuheiten .mediakundentext  {
margin-top:5px;
}
.buchhandel ul {clear:both; overflow:hidden;}
#twocolumns #neuheiten .buchhandeltext img, #twocolumns #neuheiten .mediakundentext img  {
margin-right:5px;
}

/* --------- events.html--------- */

.unterseite .events {border-top:2px solid #ccc; padding-top:3px;}

#twocolumns .event-news {margin-bottom:10px;}

.product-list .rights-titles img {
float:left;
margin-right:20px;
}

.product-list .rights-titles a.url {
color:#0071C0;
float:right;
text-decoration:none;
width:auto;
font-size:10px;
}

#twocolumns .product-list .rights-titles .event-text {width:580px;}

#twocolumns .product-list .event-text h3, #twocolumns .product-list .event-text span /* h1 obsolete */ {
    font-weight:normal;
    font-size:11px;
    /* from here */
    text-align:left;
    color:#000;
    margin:0 0;
}
#twocolumns .product-list .rights-titles .event-list {width:360px;}

#productfinder.events-suchen {margin:20px 0 10px;}

/* --------- mediakunden.html--------- */

.mediakundentext .logo
{
display:block;
background:url(../img/bg-logo-mediakunden.jpg) no-repeat;
width: 105px;
height: 61px;
padding: 2px 0 0 4px;
float: left;
}

.mediakunden ul {float: left;}

/* --------- persoenlicher bereich --------- */

.perso-bereich p {margin-top:10px;}

.perso-bereich #buecherliste {margin: 0;}

.perso-bereich ul li {margin: 5px 5px 7px 0;}

.perso-bereich button {margin: 0 0 15px 20px;}

.perso-bereich .readonly
{
background-color:#f3f2f2;
border:none;
height: 18px;
color: #777;
}

.perso-bereich input {width:209px;}

.perso-bereich .short {width:30px; margin-left: 5px;}

.perso-bereich .medium {width: 60px;}

.perso-bereich #buecherliste li {margin:0;}

.perso-bereich #perso-aenderungen {
width:130px;
margin-top: 10px;
}

.perso-bereich .tworows {line-height: 120%;}

#twocolumns .perso-bereich .product-list .bestellhistorie h1 {width: 100%;margin:0;}

.bestellhistorie a {
background: url(../img/icon-pdf2.gif) no-repeat;
display: block;
height: 53px;
line-height: 52px;
padding: 10px 0 10px 70px;
}

.bestellhistorie a:hover {background-position: left bottom;}
#twocolumns .perso-bereich .product-list ul li {padding: 0;}


#twocolumns .perso-bereich .product-list ul div {width: 100%;}
#twocolumns .perso-bereich .product-list ul div
{
width: 100%;
}

/* --------- newsletter-bestellformular.html/rezensionsexemplar.html--------- */

#abo .newsletterliste {height:auto; margin-bottom:20px;}
#maincolumn #abo .newsletterliste ul {width:130px;}
#abo .newsletterliste ul label {
    color:#666666;
    font-size:11px;
    font-weight:normal;
}
#abo .newsletterliste input {margin-top:3px;}

#maincolumn ul.newsletter-bestellen {
float:left;
text-transform:uppercase;
margin-top:10px;
width:209px;
}

#maincolumn ul.newsletter-bestellen li {
margin:0;
padding:0;
width:209px;
float:left;
line-height:140%;
height:auto;
}

#maincolumn ul.newsletter-bestellen label {
width:150px;
padding-top:3px;
}

#maincolumn li.absenden {
float:right;
margin-top:15px;
padding:0;
}

#maincolumn .leserstimmen .leserstimme-senden.rezension {margin-top:0;}

#maincolumn ul.redaktionsdaten {
margin-bottom:15px;
}

#maincolumn ul.medium {
margin-bottom:15px;
float:left;
}

#maincolumn ul.medium li {
float:left;
clear:none;
height:auto;
}

#maincolumn ul.medium li.medium-text {width:100px;}

#maincolumn ul.medium li.medium-auswahl ul.newsletter-bestellen {
width:180px;
margin-top:0;
}

#abo input#ort-medium {width:159px;}

#maincolumn ul.bemerkung {
margin-bottom:10px;
}


/* --------- artikel.html --------- */

#artikeltext {line-height: 140%; width: 464px;}

#artikeltext strong {font-size: 16px; color: #000; font-weight: normal;}

#artikeltext p {margin-bottom: 20px; color: #454445;}

#artikeltext h1 {margin-bottom: 20px;}

#artikeltext a {
color:#0071C0;
text-decoration: none;
}

#artikeltext a:hover {text-decoration: underline;}

#artikeltext .date {
color:#828282;
display:block;
font-size:10px;
font-style:normal;
}

/* --------- leserstimmen.html --------- */
.leserstimmen li
{
border-bottom: 1px dashed #ccc;
padding-top: 10px;
}

.leserstimmen h3
{
font-family: georgia, serif;
font-style: italic;
font-size: 16px;
float: left;
padding-right: 6px;
border-right: 1px solid #454445;
margin-right: 6px;
color: #454445;
}

#maincolumn .leserstimmen span {color: #454445;}

.leserstimmen h4
{
color: #454445;
font-size: 14px;
margin-bottom: 6px;
}

#maincolumn .leserstimmen p {margin-bottom: 10px;}

.leserstimmen .leserstimme-senden {margin-top: 50px;}

.leserstimmen .leserstimme-senden li {border:none;}

.leserstimmen .leserstimme-senden input[type=text] {width:225px;}

#maincolumn .leserstimmen .leserstimme-senden #ort {width:225px;}

.leserstimme-senden textarea
{
width:280px;
height:135px;
float: left;
margin-bottom: 20px;
}

#maincolumn .leserstimmen .leserstimme-senden .absenden
{
margin-right: 37px;
margin-top: 0;
width: 419px;
}

#maincolumn .leserstimmen .leserstimme-senden .absenden input{float:right;}

#maincolumn .leserstimmen .leserstimme-senden .recension {height: 140px;}

#maincolumn .leserstimmen .leserstimme-senden .mandatory
{
font-size: 9px;
border-bottom: 1px dashed #ccc;
margin-bottom: 15px;
}

#maincolumn .leserstimmen .leserstimme-senden .field {float:left;}

/* --------- gutscheinliste.html --------- */
.product-list ul.warenkorb-gutschein li {background:none;}

#maincolumn #buecherliste a.gutschein img {
position:absolute;
top:90px;
left:295px;
}

#maincolumn #buecherliste img.gutscheinbild {
float:left;
margin-right:10px;
}

/*  ---------- Für Lightbox nur folgenden Teil kopieren ---------- */

/*  ---------- Marktdaten ---------- */
.lightbox {background-color:#fff;	text-align:left;}

#abodetailtext.marktdaten-login, #abodetailtext.mediadaten-login
{
text-align:left;
padding: 15px 7px 15px 7px;
width: 471px;
}

#abodetailtext.marktdaten-login h4, #abodetailtext.mediadaten-login h4 {margin-top: 20px; width:464px;}
#abodetailtext.marktdaten-login h5, #abodetailtext.mediadaten-login h5 {width:464px; width: 464px;}
#abodetailtext.marktdaten-login .first, #abodetailtext.mediadaten-login .first {margin-top:0;}

#abodetailtext.marktdaten-login p, #abodetailtext.mediadaten-login p {
padding: 5px 0;
margin-bottom:0;
}

.marktdaten-login a, .mediadaten-login a {color:#0071C0;}
.marktdaten-login #abo h5 span, .mediadaten-login #abo h5 span {background-position: 7px 1px; display:inline;}
#abodetailtext.marktdaten-login .senden, #abodetailtext.mediadaten-login .senden {margin: 15px 0 0 94px;}
.marktdaten-login .field, .mediadaten-login .field {width: 419px;}

/*  ---------- zusätzliche Mediadaten ---------- */
#abodetailtext.mediadaten-login input#ort {width:auto;}

/*  ---------- Online Mediadaten Info ---------- */
.online-media-info {padding: 15px 7px 15px 7px;}
.online-media-info h2 {text-transform: uppercase; margin: 30px 0 10px 0;}

/*  ---------- PDF-Liste ---------- */
.pdf-liste {padding: 15px 7px 15px 7px;}

.pdf-liste ul {margin-top: 15px;}
.pdf-liste ul li {padding-top: 3px;}

.pdf-liste h4 {
display: block;
background: url("../../img/icon-pdf2.gif") no-repeat;
height:73px;
line-height: 73px;
padding-left: 70px;
}

/*  ---------- Geschenkabo ---------- */
#twocolumns #presentlist li span {margin-top:5px;}

#twocolumns #presentlist span .present img {margin-top:10px;}

#sidebar .arrow-list .gutschein-aufrufen {
background:none;
border:none;
float:none;
font-family:verdana,arial,helvetica,sans-serif;
font-style:normal;
color:#0071C0;
padding:0;
margin:0;
}

#sidebar .arrow-list .gutschein-aufrufen:hover {background:none; color:#B2B2B2;}

/*  ---------- Thementeaser-Sidebar ---------- */

#thementeaser-sidebar {
width:240px;
height:241px;
background:url(../img/themenfinder2.jpg) no-repeat;
float:left;
font-family:georgia,serif;
font-style:italic;
margin-bottom:30px;
}

#content_wrapper #thementeaser-sidebar h3 {
font-size: 16px;
color:#f00000;
margin: 10px 0 8px 16px;
}

#thementeaser-sidebar li a {
width: 218px;
border: 1px solid #ccc;
border-bottom:none;
margin:0 5px;
font-size: 13px;
padding: 7px 0 4px 10px;
background: #fff url(../img/pfeil_roter_bg.png) 199px 5px no-repeat;
display: block;
color: #000;
text-decoration:none;
line-height:115%;
z-index:2;
}

#thementeaser-sidebar .last a {border-bottom:1px solid #ccc}

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

#maincolumn.warenkorb{
width:730px;
}

.pressedatenbank p {
line-height:145%;
margin:10px 0;
}
#maincolumn.pressedatenbank h2 {
margin:10px 0;
padding:6px 0;
width:auto;
}
.pressedatenbank input, .pressedatenbank select {
vertical-align:middle;
}
.linkliste li {
margin:2px 0;
line-height:145%;
}


#formhead tr th{
background:#ddd;
line-height:16px;
border-right:1px solid #ffffff;
border-top:thin solid #A9A9A9;
}

#autorlink{
color:#0071C0;
font-size:9px;
text-align:right;
}

/* Teaser: Versand-Special */

.special-versand {
    width:232px;
    height:195px;
    background:url(../img/special-versand.jpg) no-repeat left bottom;
    margin-left:4px;
}
    .special-versand h4 {color:#f00000; margin-bottom:20px;}
    .special-versand strong {
        margin-left:16px;
        display:block;
        font-weight:bold;
        color:#333;
        width:200px;
        line-height:16px;
        }
    .special-versand p {
        font-size:10px;
        width:170px;
        margin:64px 0 0 16px;
    }
    
/* Newsticker */

#newsticker {
    width: 988px;
    height: 27px;    
    background: url(../img/bg_newsticker.png) repeat-x;
}
#newsticker h3 {
    color:#454445;
    font-size: 133.33%;
    float: left;
    height:27px;
    line-height:25px;
    padding:0 25px 0 25px;
}
#newsticker span {
    float:left;
    height:27px;
    line-height:27px;
    padding-left:11px;
}
#mask-newsticker {
    float: left;
    background:#fff;
    width: 610px;
    height: 18px;
    font-size: 100%;
    padding: 3px 0 3px 15px;
    overflow: hidden;
    border:1px solid #ccc;
    border-color:#ccc #e8e8e8;
}
#content-newsticker p {
    height: 20px;
    line-height:16px;
}

/* Coverdatenbank */

#coverdatenbank {width:240px;}
    #coverdatenbank h2, #komplettdownload h2 {
        font-size:14px;
        color:#454445;
        margin-bottom:8px;
    }
        #coverdatenbank .box-grau {
            width:200px;
            height:auto;
            background:#f3f3f3 url(../img/newsletter_pfeil.png) no-repeat 8px 10px;
            padding: 10px 10px 10px 30px;
        }
            #coverdatenbank .box-grau p {
                color:#797979;
                line-height:12px;
            }
    
    #download-links {float:right; width:110px;}
        #download-links input {margin-bottom:5px;}
        
#komplettdownload {margin-bottom:15px}
    #komplettdownload h2 {margin-bottom:5px;}
    #komplettdownload h3 {
        color:#797979;
        font-size:11px;
        margin-bottom:5px;
        text-transform:uppercase;
    }
    
.banner-sidebar {
    margin:20px 0;
    float:left;
    width:240px;
}
    .banner-sidebar img {
        display:block;
        margin:0 auto;
    }

/*  ---------- Progress Tracker ---------- */

.progress-tracker {
    border-bottom:1px dotted #ccc;
    padding-bottom:17px;
    margin-bottom:40px;
}
    .progress-tracker li {
        width:118px;
        height:110px;
        float:left;
        border:1px solid #ccc;
        position:relative;
    }
        .progress-tracker li div {
            position:relative;
            margin-top:6px;
            height:17px;
            width:118px;
            float:left;
        }
            #maincolumn .progress-tracker li p {
                font-size:11px;
                color:#ccc;
                text-align:center;
                line-height:120%;
                padding-top:18px;
                text-indent:-9999px;
            }
            #maincolumn .progress-tracker .active p {
                color:#0071c0;
                display:block;
                text-indent:0;
            }
    
    /* Abo auswählen */
    .progress-tracker .abowahl {
        background:url(../img/progress_step1.jpg) no-repeat;
    }
        .progress-tracker .abowahl img {
            border:1px solid #ccc;
            display:block;
            margin:5px auto 9px;
            width:75px;
            height:98px;
        }
        #maincolumn .progress-tracker .abowahl p            {background:url(../img/progress_numbers.png) no-repeat center -32px;}
        #maincolumn .progress-tracker .abowahl .active p    {background:url(../img/progress_numbers.png) no-repeat center 0;}
    
    /* Prämie */
    .progress-tracker .praemie, .progress-tracker .folge, .progress-tracker .zusatz {
        width:217px;
        margin:0 2px;
    }
        .progress-tracker .praemie div {left:50px;}
            #maincolumn .progress-tracker .praemie p            {background:url(../img/progress_numbers.png) no-repeat center -96px;}
            #maincolumn .progress-tracker .praemie .active p    {background:url(../img/progress_numbers.png) no-repeat center -64px;}
    
    /* Prämie Folgeprämie */
    .progress-tracker .folge li, .progress-tracker .zusatz li {
        border:none;
        height:auto;
        width:auto;
    }
        .progress-tracker .folge div, .progress-tracker .zusatz div {width:108px;}
            #maincolumn .progress-tracker .folge p         {background:url(../img/progress_numbers.png) no-repeat center -96px;}
            #maincolumn .progress-tracker .folge .active p {background:url(../img/progress_numbers.png) no-repeat center -64px;}
        .progress-tracker .folgepraemie div {left:-10px;}
            #maincolumn .progress-tracker .folge .folgepraemie p         {background:url(../img/progress_numbers.png) no-repeat center -160px; width:135px;}
            #maincolumn .progress-tracker .folge .folgepraemie .active p {background:url(../img/progress_numbers.png) no-repeat center -128px; width:135px;}
    
    /* Prämie Zusatz Geschenk */
        .progress-tracker .zusatz div {left:17px;}
        .progress-tracker .zusatzpraemie div {left:7px;}
        #maincolumn .progress-tracker .zusatz p            {background:url(../img/progress_numbers.png) no-repeat center -96px;}
        #maincolumn .progress-tracker .zusatz .active p    {background:url(../img/progress_numbers.png) no-repeat center -64px;}
        #maincolumn .progress-tracker .zusatz .zusatzpraemie p            {background:url(../img/progress_numbers.png) no-repeat center -160px; width:135px;}
        #maincolumn .progress-tracker .zusatz .zusatzpraemie .active p    {background:url(../img/progress_numbers.png) no-repeat center -128px; width:135px;}
    
    /*Übersicht und Absenden */
    #maincolumn .progress-tracker .uebersicht p {
        position:absolute;
        left:-10px;
        width:140px;
    }
    #maincolumn .progress-tracker .uebersicht p         {background:url(../img/progress_numbers.png) no-repeat center -160px;}
    #maincolumn .progress-tracker .uebersicht .active p {background:url(../img/progress_numbers.png) no-repeat center -128px;}
    #maincolumn .progress-tracker .more p           {background:url(../img/progress_numbers.png) no-repeat center -224px;}
    #maincolumn .progress-tracker .more .active p   {background:url(../img/progress_numbers.png) no-repeat center -192px;}

/*  ---------- Teaser Prämien ---------- */

.teaser-praemie {
    margin:12px 1px 245px 0;
    border:1px solid #ccc;
    border-width:1px 0 0 1px;
}
.teaser-praemie li {
    border:1px solid #ccc;
    border-width:0 1px 1px 0;
    float:left;
    width:153px;
    position:relative;
}
    .teaser-praemie li a {
        border-bottom:1px solid #ccc;
        display:block;
    }
    .teaser-praemie li img {
        display:block;
        margin:10px auto;
    }
    .teaser-praemie li .subtitle {
        background:url(../img/bg_teaser_praemie.jpg) repeat-x;
        height:50px;
        padding:6px 7px 0;
        position:relative;
        border-right:1px solid #fff;
    }
        .teaser-praemie .subtitle a {
            color:#0071C0;
            display:block;
            font-size:11px;
            font-weight:bold;
            text-decoration:none;
            border:none;
            line-height:125%;
        }
        .teaser-praemie .subtitle a:hover, .teaser-praemie div a:focus {text-decoration:underline;}
        #maincolumn .teaser-praemie .subtitle p {
            color:#646464;
            display:block;
            font-size:11px;
            margin:2px 0 0;
        }
        .teaser-praemie .subtitle .arrow {
            background:url(../img/pfeil_roter_bg_eckig.gif) no-repeat;
            height:15px;
            width:15px;
            position:absolute;
            right:0;
            top:-9px;
            display:block;
            text-indent:-9999px;
        }
        
/* Prämien Detailseite*/

.praemie-detail {
    margin:12px 0 15px;
}
    #maincolumn .praemie-detail p {
        clear:both;
        padding-bottom:10px;
        margin-bottom:3px;
        border-bottom:1px solid #ccc;
    }
    .praemie-detail .preview {
        float:left;
        margin-right:12px;
    }
        .praemie-detail .preview .abo-teaser {
            border:1px solid #ccc;
            width:150px;
            height:115px;
            display:block;
            margin-bottom:3px;
            text-align:center;
        }
            .praemie-detail .preview img {padding:0;}
        #maincolumn .praemie-detail .preview span {
            background:url(../img/bg_buchdetailrandspalte.jpg) repeat-x;
            width:152px;
            text-align:right;
            height:32px;
        }
            .praemie-detail .preview span a {
                background:url("../img/lupe.png") no-repeat;
                font-weight:bold;
                padding:0 5px 5px 30px;
                line-height:25px;
                border:none;
            }
.praemie-detail .praemie-info {
    float:left;
    width:280px;
}
    #maincolumn .praemie-detail .praemie-info strong {
        color:#0071c0;
        font-size:12px;
        font-weight:bold;
    }
    .praemie-detail .praemie-info ul {margin:8px 0 15px;}
    .praemie-detail .praemie-info li {
        margin-bottom:3px;
        color:#454445;
    }
        .praemie-detail .praemie-info .button {
            background:url(../img/btn-sprite.jpg) no-repeat right -25px;
            height:25px;
            padding-right:32px;
            display:inline-block;
            margin-top:12px;
            cursor:pointer;
        }
            #maincolumn .praemie-detail .praemie-info .button span {
                background:url(../img/btn-sprite.jpg) no-repeat;
                font-size:12px;
                text-decoration:none;
                color:#fff;
                height:25px;
                line-height:20px;
                padding-left:12px;
                margin-bottom:0;
                display:inline-block;
            }
            .praemie-detail .praemie-info a.button:hover {
                background-position:right -75px;
                text-decoration:none;
            }
            #maincolumn .praemie-detail .praemie-info a.button:hover span {background-position:left -50px;}

/* Pramie Bestellformular */
#maincolumn .obligatory {display:inline; color:#f00000;}

#abodetailtext .absenden {
    text-align:right;
    margin-top:15px;
}

.bestell-uebersicht {margin-bottom:30px;}
.bestell-uebersicht li {
    border-top:1px solid #ccc;
    margin:10px 0;
    padding-top:10px;
}
.bestell-uebersicht li:first-child {
    border:none;
    margin-top:0;
    padding-top:0;
}
.bestell-uebersicht .preview img {
    width:100px;
    padding:3px;
}
.bestell-uebersicht .praemie-info ul {margin:0;}
    .bestell-uebersicht .praemie-info ul li {
        border:none;
        margin-top:0;
        padding:0;
    }
h5.aboart {
    height:24px;
    margin:20px 0 5px;
}
#maincolumn h5.aboart span {
    border-bottom:1px solid #ccc;
    color:#454445;
    font-size:18px;
    padding:0 0 3px 0;
}
.aid {
    position:relative;
    zoom:1;
    
}
.aid span {
    display:block;
    text-indent:-9999px;
    background:url(../img/question_mark_blue.png) no-repeat;
    height:20px;
    width:20px;
    position:absolute;
    top:-22px;
    right:10px;
}

/*  ---------- Bubble Hilfetext und Prämienvorschau ---------- */
.aid span:hover, .aid span:focus, .aid span.hover {background-position:left bottom;}
.aid:hover .hilfetext, .aid:focus .hilfetext, .teaser-praemie li:hover .preview-detail, .teaser-praemie li:focus .preview-detail {display:block;}

#twocolumns .aid.hover .hilfetext, .teaser-praemie li.hover .preview-detail {display:block !important;}

.hilfetext, .teaser-praemie .preview-detail {
    background: url(../img/bg_bubble_small.gif) left bottom no-repeat;
    width:295px;
    position: absolute;
    right: -281px;
    min-height:165px;
    z-index:10000;
    display:none;
    float:none;
}
.hilfetext {bottom: -130px;}
.hilfetext_top, #maincolumn .preview_top {
    background: url(../img/bg_bubble_top_small.gif) no-repeat;
    width:329px;
    height: 20px;
    float:none;
}
.hilfetext strong, .preview-detail strong {
    font-size: 10px;
    float:none;
    font-weight:bold;
    margin:0 10px 0 0;
}
#maincolumn .hilfetext .title, #maincolumns .preview-detail .title {
    font-size:14px;
    font-weight:lighter;
    margin:0 0 5px;
    display:block;
    color:#0071c0;
}
.hilfetext .description_wrapper, .preview-detail .preview_wrapper {
    padding: 0 15px 18px 40px;
    float:none;
}
    #maincolumn .hilfetext .description_wrapper p {margin-bottom:0;}

.teaser-praemie .preview-detail {
    background: url(../img/bg_bubble_wide.gif) no-repeat left bottom;
    left:140px;
    top:55px;
    width:370px;
    min-height:440px;
    padding:0;
    border:none;
}
#maincolumn .preview_top {
       background: url(../img/bg_bubble_top_wide.gif) no-repeat;
       padding:0;
       width:415px;
       height:15px;
   }
.teaser-praemie .rightside, .zeitschriften li .rightside {
    background: url(../img/bg_bubble_right.gif) no-repeat left bottom;
    left:-357px;
}
#maincolumn .rightside .preview_top, .zeitschriften li .rightside .magazinedescription_top {background: url(../img/bg_bubble_top_right.gif) no-repeat;}
    .teaser-praemie .rightside .preview_wrapper, .zeitschriften li .rightside .description_wrapper {padding:0 40px 18px 15px;}
    .teaser-praemie .preview-detail div {background:none;}

/* Detailseite in Bubblebox */
.preview-detail .praemie-detail {margin:0;}
.preview-detail .praemie-detail a {border:none;}
.preview-detail .praemie-detail .praemie-info {float:none; width:auto;}
    .preview-detail .praemie-detail .praemie-info ul {margin:8px 0;}
        .preview-detail .praemie-info li {
            border:0;
            float:none;
            width:auto;
            margin:0;
            padding:0;
        }
            .teaser-praemie .preview-detail img {
                margin:0 0 10px 0 ;
                float:left;
                border:1px solid #CCCCCC;
                padding:0;
            }
            #maincolumn .preview-detail .praemie-detail p {border:0; margin:0; padding:0;}

/* Abo Startseite */
.zeitschriften ul {margin-bottom:255px;}
    .zeitschriften ul li {
        background:url(../img/bg-prodliste-zeitschriften.jpg) no-repeat;
        height:182px;
        width:146px;
        float:left;
        margin:0 8px 5px 0;
        position:relative;
    }
        .zeitschriften ul li img {
            margin:5px 0 0 2px;
        }
#twocolumns .zeitschriften .magazinedescription .title {color:#0071c0;}
.zeitschriften .magazinedescription {
    background:url(../img/bg_bubble_wide.gif) no-repeat left bottom;
    left:105px;
    bottom:-315px;
    width:370px;
    min-height:440px;
}
.zeitschriften .magazinedescription_top {
    background:url(../img/bg_bubble_top_wide.gif) no-repeat left top;
    width:470px;
}
.zeitschriften .magazinedescription a {
    background:url(../img/pfeil_roter_bg.png) no-repeat 0 1px;
    padding-left:23px;
    display:block;
    margin-bottom:5px;
}
/*.zeitschriften .magazinedescription .description_wrapper {padding-bottom:0;}*/

/* Slider Abo Teaser */
#maincolumn .teaserbox .slider-abo {
    padding:0;
    margin:0 0 0 1px;
    background:none;
    height:135px;
    width:218px;
}

#maincolumn .slider-abo .slide-mask {
    background:none;
    padding:0;
    margin:0;
    height:135px;
    width:218px;
}

#maincolumn .slider-abo .slider a {
    padding:0;
    margin:0;
}
#maincolumn .slider-abo li {margin:0; width:218px;}
#maincolumn .slider-abo .teaserboxbild {padding:0; margin:0;}
#maincolumn .slider-abo span {display:none;}

#maincolumn #abo #newsletter_new {width:400px;}

#newsletter_new li label {width:375px;}

#twocolumns .product-list .ausgaben-liste .ausgaben-div {float:left;}
    #twocolumns .product-list .ausgaben-liste .ausgaben-div span {
        font-size:14px;
        font-weight:normal;
        text-align:left;
        width:auto;
        margin:0;
    }
        #twocolumns .product-list .ausgaben-liste .ausgaben-div span a {margin:0;}
    #twocolumns .product-list .ausgaben-liste p {
        float:left;
        font-size:12px;
        line-height:16px;
        margin:3px 0 0;
    }
        #twocolumns .product-list .ausgaben-liste p strong {
            margin:0 0 0 10px;
            float:right;
            font-size:12px;
            line-height:16px;
        }
    #twocolumns .product-list .ausgaben-liste .description_wrapper span {
        margin:0 0 5px;
        text-align:left;
    }
    #twocolumns .product-list .ausgaben-liste .bookdescription {bottom:-125px;}

.zeitschrift-liste a {
    background:url(../img/pfeil_roter_bg.png) no-repeat 0 2px;
    display:block;
    margin-bottom:5px;
    padding-left:23px;
}

.agb-box input {float:left;}
.agb-box label {
    float:left;
    width:375px;
}