/*  ----------------------------------------------------------------------------------------------------------  */
/*      PAN Verlag
/*      Version: 1.0
/*      Author: Kazidroga // kazidroga(at)id-on(dot)de
/*      Author URI: www.id-on.de // www.gorilla-concept.de
/*  ----------------------------------------------------------------------------------------------------------  */

/*  ----------  Contents  ----------    */
/*
        1. Resets
        2p. Generic
        3. Structure
        4. Forms
        5. Tables
		6. Further Styles

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

/*  -----------  Colors  -----------    */
/*
        color 1:    #fffinterview
        color 2:    #000

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

/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             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;} /* remember to define focus styles! */

body {line-height:140%;}

ol, ul {list-style:none;}

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

caption, th, td {
    text-align:left;
    font-weight:normal;
}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {
    quotes: "" "";
    font-style:italic;
}

/* #########################################\\\ 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:#262001;
    background:#000000;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    margin:0;
}

.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {display:inline-block;}

/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clear {clear:both;}

p {
    font-size:12px;
    line-height:145%;
    margin-top: 8px;
}

code {
    font-family:monospace;
    font-size:125%;
}

abbr {
    border-bottom:1px dotted #ccc;
    cursor:help;
}

a {
    color:#8b3a05;
    font-family: georgia, serif;
    font-style: italic;
    text-decoration: none;
}
a:hover {
    color:#C98437;
    text-decoration: underline;
} 

.expandable {
    cursor:pointer;
    color:#8b3a05;
    font:italic 12px/120% georgia, serif;
}

/*  ----------------------------------------------------------------------------------------------------------  */
/*  Buttons */

button div, .button {
    background:url(../img/button_sprite.png) no-repeat 0 0;
    height:25px;
    padding:0 0 0 15px;
}
button p, .button span {
    background:url(../img/button_sprite.png) no-repeat right -100px;
    display:block;
    padding:0 30px 0 0;
    font:bold 12px/25px georgia, serif;
    text-transform:uppercase;
    color:#fff;
    margin:0;
}
button.cart div, .cart {
    background-position:left -50px;
    padding-left:35px;
} 
button:hover div, button:focus div, .button:hover, .button:focus {
    background-position:0 -25px;
    text-decoration:none;
}
button:hover p, button:focus p, .button:hover span, .button:focus span {
    background-position:right -125px;
}
button.cart:hover div, button.cart:focus div, .cart:hover, .cart:focus {
    background-position:0 -75px;
}

.button {display:inline-block;}


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

h1 {
    font-size:32px;
    line-height: 32px;
    font-family: georgia, serif;
    margin-bottom: 15px;
}

h2 {
    font-size:22px;
    font-family: georgia, serif;
    color:#5d2c06;
}

h3 {font-size:16px;}
h4 {font-size:87.5%;}
h5 {font-size:75%;}
h6 {font-size:75%;}

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

#wrapper {
    width: 960px;
    margin: 0 auto;
    background: #000 url(../img/bg-wrapper.png) repeat-y;
}

#content-wrapper {
    background: url(../img/bg-content.jpg) no-repeat;
    /*  float: left;*/
}

#content-wrapper.start {
    background: url(../img/bg-content-startseite.jpg) no-repeat;
    padding-top:5px;
}

#content {
    width: 580px;
    min-height: 995px;
    padding:10px 12px;
    float: left;
}

#content-bottom {
    background: #000 url(../img/bg-content-bottom.jpg) no-repeat;
    width: 960px;
    height: 106px;
    margin: 0 auto;
}

#sidebar {
    width: 325px;
    padding:10px 15px;
    float:right;
    overflow: hidden;
}

#header {
    width: 960px;
    background: #000 url(../img/bg-header.jpg) no-repeat;
    margin: 0 auto;
    position: relative;
}

#footer {
    background: #000 url(../img/bg-footer.jpg) no-repeat;
    width:960px;
    height:45px;
    line-height: 45px;
    color:#8b3a05;
    margin: 30px auto;
    text-align: center;
}


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

form ul {}

form li {
    float:left;
    width:100%;
    margin:2px 0;
}
li.error {
    background:#eee url(../img/error-trans.png) no-repeat 3px 3px;
    padding:2px 0;
}

li.error2 {
    background: url(../img/error-trans.png) no-repeat 3px 1px;
    padding:0 0 0 25px;
}
form ul label {
    float:left;
    width:30%;
    padding-right:1%;
    color:#5d2c06;
    padding:2px 0;
}
form li.error label {
    width:25%;
    padding-left:5%;
}
form li.checkbox {
    padding-left:30%;
    width:70%;
}
form li.checkbox label {
    width:90%;
    padding-left:0;
}
form .checkbox input[type=checkbox] {
    float:left;
    margin:5px 2% 0 0;
}
form ul input[type=text], form ul input[type=password], form ul textarea {
    float:left;
    width:65%;
    border:1px solid #d5c9b2;
    padding:2px 1px;
}
form ul input[type=text]:focus, form ul input[type=password]:focus, form ul textarea:focus {
    border-color:#333;
}


.notice p {
    margin:0 0 10px;
    padding:0 10px;
    line-height:30px;
    min-height:30px;
    background:#F6EECC;
    border:1px solid #DBBB26;
}

.onmaps {display:none !important;} /* Leserstimmen */

form .hinweis {font-size:11px;}

form li .hinweis {
    clear:left;
    margin:0 0 0 30%;
    font-size:10px;
}

.mandatory label {font-weight:bold;}
.checkbox label {font-weight:normal;}

.warning {color:#a00;}

#errormessage p {
    padding:5px;
    border:1px solid #c00;
    background:#eaa;
    margin:0 0 5px;
}


/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             5. Tables
/*  ----------------------------------------------------------------------------------------------------------  */


/*  ----------------------------------------------------------------------------------------------------------  */
/*                                             6. further styles
/*  ----------------------------------------------------------------------------------------------------------  */

/*  ------------------------------------------ HEADER --------------------------------------------  */
.fix {position: static;}

#pan-logo {
    position: absolute;
    left:0;
    top:5px;
}

#metanav {
    float: right;
    color: #fff;
    font-family: georgia, serif;
    font-style: italic;
    font-size: 14px;
    background: url(../img/bg-search.jpg) right top no-repeat;
    height: 59px;
    width: 560px;
}

#search {
    float: right;
    width: 262px;
    margin: 13px 0 0 0;
}

#metanav input {
    background: none;
    border: none;
    float:left;
    width: 190px;
    padding-left: 8px;
    margin: 7px 0 0 0;
    color:#fff;
}

#metanav button {
    background: url(../img/bg-button-trans.png) no-repeat;
    width: 32px;
    height: 32px;
    margin-left: 10px;
}

#metanav ul {
    color: #fff;
    font-family: georgia, serif;
    font-style: italic;
    font-size: 14px;
    float: right;
    margin: 21px 15px 0 0;
}

#metanav ul img {margin-right:4px;}

#metanav ul li {
    float:left;
    padding: 0 8px;
    border-right: 1px solid #7b7a7a;
}
#metanav ul li.last {border:none;}

#metanav ul li a {color:#fff;}

#headteaser {
    background: #000 url(../img/bg-headteaser.jpg) no-repeat;
    width: 384px;
    height: 148px;
    float: right;
    margin-right: 25px;
    color: #fff;
    padding: 16px 25px;
    display: inline;
}

#headteaser h1 {
    font-size: 20px;
    margin-bottom: 0;
}

#headteaser p {
    font-size: 11px;
    line-height: 160%;
    margin-top: 5px;
}

/*  ------------------------------------------ HAUPTNAVIGATION --------------------------------------------  */

#nav {
    background: #000 url(../img/bg-nav.jpg) left top no-repeat;
    height: 66px;
    line-height: 66px;
    float: left;
    text-indent: -5000px;
    margin-top: 60px;
    padding-top:9px;
    width: 744px;
    padding-left:216px;
}

#nav.start {
    padding-left:0;
    width:960px;
    margin-top:0;
}

#nav li {
    float:left;
    text-align: center;
    height: 66px;
    width: 145px;
}

#nav.start li { width: 192px;}

#nav a, #nav span {
    display:block;
    background-image:url(../img/navi-sprite.png);
    background-repeat:no-repeat;
}
.specials a {background-position:-20px 0;}
.specials a:hover, .specials a:focus, .specials span {background-position:-20px -66px;}

.buecher a {background-position:-212px 0;}
.buecher a:hover, .buecher a:focus, .buecher span {background-position:-212px -66px;}

.autoren a {background-position:-404px 0;}
.autoren a:hover, .autoren a:focus, .autoren span {background-position:-404px -66px;}

.club a {background-position:-596px 0;}
.club a:hover, .club a:focus, .club span {background-position:-596px -66px;}

.stimmen a {background-position:-788px 0;}
.stimmen a:hover, .stimmen a:focus, .stimmen span {background-position:-788px -66px;}


.start .specials a {background-position:0 0;}
.start .specials a:hover, .start .specials a:focus, .start .specials span {background-position:0 -66px;}

.start .buecher a {background-position:-192px 0;}
.start .buecher a:hover, .start .buecher a:focus, .start .buecher span {background-position:-192px -66px;}

.start .autoren a {background-position:-384px 0;}
.start .autoren a:hover, .start .autoren a:focus, .start .autoren span {background-position:-384px -66px;}

.start .club a {background-position:-576px 0;}
.start .club a:hover, .start .club a:focus, .start .club span {background-position:-576px -66px;}

.start .stimmen a {background-position:-768px 0;}
.start .stimmen a:hover, .start .stimmen a:focus, .start .stimmen span {background-position:-768px -66px;}
/*  ------------------------------------------ TEASER --------------------------------------------  */

#startseiten-teaser {
    background: #000 url(../img/bg-teaser-startseite-ecard.jpg) left top no-repeat;
    width: 950px;
    margin:0 auto;
    height: 331px;
    position: relative;
    color: #fff;
}

#startseiten-teaser h2, #startseiten-teaser h3  {
    font-family: georgia, serif;
    color: #fff;
    position: absolute;
    left: 600px;
    margin:0;
}

#startseiten-teaser h2 {
    font-size: 20px;
    top: 32px;
    line-height: 110%;
}

#startseiten-teaser h3 {
    top:65px;
    font-size:14px;
}

#startseiten-teaser p {
    font-size: 11px;
    position: absolute;
    left:600px;
    top: 78px;
    width: 330px;
    margin-top:18px;
}

#startseiten-teaser p img {
    float: right;
    margin: 0 0 15px 15px;
}

#startseiten-teaser .stoerer {
    position: absolute;
    left:595px ;
    top:273px;
}
/* ================== Lesewelten - Teaser  ===================================================================*/

.slider {
    position:relative;
    height:305px; /* height of items */
}
.slide-content {height:305px;}

.slide-left, .slide-right {
    position:absolute;
    top:110px;
    width:30px;
    height:65px;
    background:url(../img/lesewelten/slider_btn_sprite.png) no-repeat left top;
    cursor:pointer;
    z-index:98;
    text-indent:-9999px;
}
.slide-right {background-position:left bottom;}

.slide-left:hover {background-position:-30px top;}
.slide-right:hover {background-position:-30px bottom;}

.slide-left {left:25px;}
.slide-right {right:25px;}

.slide-left.inactive {background-position:-60px top;}
.slide-right.inactive {background-position:-60px bottom;}

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

.slide-content li, .lesewelten-teaser  {
    margin:0;
    padding:0;
    width:579px;
    height:305px;
    float:left;
}

#lesewelten-slider {
    background:transparent;
    width: 579px;
    height: 305px;
    position:relative;
}
#overlay_left, #overlay_right {
    position:absolute;
    top:0;
    background:url(../img/lesewelten/overlay_left-trans.png) no-repeat left top;
    width:25px;
    height:305px;
    z-index:98;
}
#overlay_left {left:0;}

#overlay_right {
    right:0;
    background:url(../img/lesewelten/overlay_right-trans.png) no-repeat left top;
}

#overlay_top, #overlay_bottom {
    position:absolute;
    left:25px;
    background:url(../img/lesewelten/overlay_top-trans.png) no-repeat left top;
    width:529px;
    height:25px;
    z-index:98;
}
#overlay_top {top:0;}

#overlay_bottom {
    bottom:-1px;
    background:url(../img/lesewelten/overlay_bottom-trans.png) no-repeat left top;
}

.lesewelten-teaser {position: relative; color:#fff;}

#dreitage-teaser        {background:url(../img/lesewelten/dreitage_bg.jpg) no-repeat left top; color:#222;}
#lamento-teaser         {background:url(../img/lesewelten/lamento_bg.jpg) no-repeat left top;}
#meridian-teaser        {background:url(../img/lesewelten/meridian_bg.jpg) no-repeat left top;}
#traeume-teaser         {background:url(../img/lesewelten/traeume_bg.jpg) no-repeat left top;}
#kaelte-teaser          {background:url(../img/lesewelten/kaelte_bg.jpg) no-repeat left top; color:#222;}
#himmelsauge-teaser     {background:url(../img/lesewelten/himmelsauge_bg.jpg) no-repeat left top;}
#nassise-teaser         {background:url(../img/lesewelten/nassise_bg.jpg) no-repeat left top;}
#zirkus-teaser          {background:url(../img/lesewelten/zirkus_bg.jpg) no-repeat left top;}
#brom-teaser            {background:url(../img/lesewelten/brom_bg.jpg) no-repeat left top;}
#vampir-teaser          {background:url(../img/lesewelten/vampir_bg.jpg) no-repeat left top;}
#zirkus2-teaser         {background:url(../img/lesewelten/zirkus2_bg.jpg) no-repeat left top;}
#vampirjaeger-teaser    {background:url(../img/lesewelten/vampirjaeger_bg.jpg) no-repeat left top;}
#silberlicht-teaser     {background:url(../img/lesewelten/silberlicht_bg.jpg) no-repeat left top;}
#waechter-teaser        {background:url(../img/lesewelten/waechter_bg.jpg) no-repeat left top;}
#sammlung-teaser        {background:url(../img/lesewelten/sammlung_bg.jpg) no-repeat left top;}
#ballade-teaser         {background:url(../img/lesewelten/ballade_bg.jpg) no-repeat left top;}
#zirkus3-teaser         {background:url(../img/lesewelten/zirkus3_bg.jpg) no-repeat left top;}
#alterra2-teaser        {background:url(../img/lesewelten/alterra2_bg.jpg) no-repeat left top;}
#zirkus4-teaser         {background:url(../img/lesewelten/zirkus4_bg.jpg) no-repeat left top;}
#wuensche-teaser        {background:url(../img/lesewelten/wuensche_bg.jpg) no-repeat left top;}


#dreitage-teaser .stoerer {right:100px;}
#traeume-teaser .stoerer {right:195px;}
#nassise-teaser .stoerer {right:180px;}
#zirkus-teaser .stoerer, #zirkus2-teaser .stoerer {bottom:8px;}
#brom-teaser .stoerer {bottom:10px; right:190px;}
#sammlung-teaser .stoerer {right:160px;}
#ballade-teaser .stoerer {right:190px; bottom:15px;}

#zirkus3-teaser .stoerer {right:195px;}

#zirkus4-teaser .stoerer {right:195px;}

#himmelsauge-teaser h3 {width:305px;}
#himmerlsauge-teaser .teaser-img {top:47px;}

#wuensche-teaser h3, #wuensche-teaser h4, #wuensche-teaser p {color:#393b53;}
#wuensche-teaser .stoerer {right:165px;}

.lesewelten-teaser .teaser-img {
    position: absolute;
    left:370px;
    top:40px;
}

.lesewelten-teaser h3 {
    font-family: georgia, serif;
    font-size: 20px;
    width: 290px;
    margin: 50px 0 10px 65px;
    float:left;
    line-height: 110%;
    color:inherit;
}

.lesewelten-teaser h4 {
    color:inherit;
    font-family:georgia,serif;
    margin:0;
    font-size:14px;
    float:left;
    margin:0 0 0 65px;
    width:290px;
}

.lesewelten-teaser p {
    float:left;
    font-size: 11px;
    margin:5px 0 0 65px;
    width: 290px;
    color:inherit;
}

#zirkus-teaser p {width:225px;}
#silberlicht-teaser p, #silberlicht-teaser h3, #silberlicht-teaser h4, #sammlung-teaser p, #sammlung-teaser h3, #sammlung-teaser h4 {color:#000;}
#silberlicht-teaser .stoerer {right:190px;}
#waechter-teaser .stoerer {right:175px;}

.lesewelten-teaser .stoerer {
    position: absolute;
    right: 130px;
    bottom: 20px;
}
.lesewelten-teaser .stoerer img {margin:0;}

/*  ------------------------------------------ FOOTER --------------------------------------------  */

#footer ul {
    font-family: georgia, serif;
    font-style: italic;
    font-size: 13px;
}

#footer ul li {
    display: inline;
    padding: 0 5px;
    border-left: 1px solid #8b3a05;
}

#footer ul li:first-child {border:none;}

/*  ------------------------------------------ Papierfetzen-Box --------------------------------------------  */

.paperbox {
    background: url(../img/bg-paperbox-middle-trans.png) left top repeat-y;
    width:575px;
    margin-top: 146px;

}
.paperbox-content {
    background: url(../img/bg-paperbox-top-trans.png) left top no-repeat;
    width: 475px;
    padding: 40px 50px 0 50px;
    position:relative;
    top:-121px;
}
.paperbox-bottom {
    background: #ffffff url(../img/bg-paperbox-bottom.jpg) left top no-repeat;
    width: 575px;
    height: 119px;
    margin-top:-119px;
}

.paperbox h3, .paperbox h4 {font-family: georgia, serif;} 

.paperbox h3 {
    color: #5d2c06;
    width: 470px;
    font-size: 22px;
    border-bottom: 1px solid #d5c9b2;
    padding-bottom: 4px;
    margin-bottom: 10px;
    line-height: 100%;
}

.paperbox h4 {
    font-size: 18px;
    font-style: italic;
    color: #8b3a05;
}

.paperbox img {
    float:left;
    margin-right: 15px;
}

#autorenliste div {
    float:right;
    width: 320px;
}

/*.paperbox p {line-height: 160%;}*/

.paperbox .decorated-link {
    display: block;
    width: 470px;
    padding:6px 0 0 0;
    border-top: 1px solid #d5c9b2;
    margin-top: 10px;
    font-size: 14px;
    font-family: georgia, serif;
    text-align: right;
}

.paperbox .decorated-link a {
    background: #ffffff url(../img/icon-decoration.png) left top no-repeat;
    padding: 1px 0 0 34px;
    margin-left:15px;
}

.paperbox .decorated-link a + a {
    border-left:1px solid #333;
    padding-left:49px;
    background-position:15px 0;
}

#leserstimmen ul {height: 13px;}

#leserstimmen li {
    margin-bottom:25px;
    font-size:11px;
}

#leserstimmen a {font-size: 14px;}

#leserstimmen img {
    float: left;
    width: 93px;
}

#leserstimmen div {
    float:right;
    width: 367px;
    margin-top: 5px;
}

#leserstimmen .rating {margin:0;}

.rating .active {background: #ffffff url(../img/icon-stern-active.gif) no-repeat;}
.rating .inactive {background: #ffffff url(../img/icon-stern-inactive.gif) no-repeat;}

.paperbox .interviewbox a {font-size: 14px;}

.paperbox .interviewbox h3 {
    border: none;
    width: 300px;
    float:left;
    font-size: 20px;
    margin:0 0 2px 0;
}

.paperbox .interviewbox h4 {
    font-size: 14px;
    color: #5d2c06;
    float:left;
    width: 300px;
    margin-bottom: 8px;
    font-style: normal;
}

.interviewbox div {
    float:left;
    width:300px;
}
.centralalign {
    text-align:center;
    font-size:22px;
    margin:20px 0;
    color:#5D2C06;
}
/*  ------------------------------------------ SIDEBAR --------------------------------------------  */

#sidebar h3 {
    font-size: 22px;
    color:#5d2c06;
    font-family: georgia, serif;
    border-bottom: 1px solid #d5c9b2;
    width: 324px;
    padding-bottom: 4px;
    line-height: 110%;
    margin:25px 0 15px;
}

#sidebar .whitebox {
    background-color: #fff;
    padding: 15px;
    width:295px;
    margin: 25px 0 15px;
} 

#sidebar .whitebox.newsletterbox {	background: #ffffff url(../img/bg-whitebox.jpg) 180px 56px no-repeat;}
#sidebar .whitebox.testleserbox {	background: #ffffff url(../img/bg-whitebox2.jpg) 216px 47px no-repeat; height: 144px;}

#sidebar .whitebox ul {
    list-style-type: disc;
    padding-left: 15px;
    width: 280px;
}
#sidebar .newsletterbox ul {width:160px;}
#sidebar .whitebox ul li {padding: 5px;}

#sidebar .whitebox h3 {
    border-bottom: none;
    margin:0;
    width: 295px;
}

#sidebar .whitebox p {
    width: 207px;
    font-size:11px;
}

#sidebar em, .twitterintro {
    font-style: italic;
    font-size: 14px;
    font-family: georgia;
    line-height: 130%;
}

#sidebar strong {
    font-size: 10px;
    color:#a39485;
    font-weight: normal;
    font-style:normal;
    font-family: verdana, arial, sans-serif;
}

#twitter_div {
    background: url(../img/bg-twitterbox-top-trans.png) no-repeat;
    padding-top: 78px;
    width:325px;
    position:relative;
}

#twitter_div ul {
    background: #fff url(../img/bg-twitterbox-bottom.png) left bottom no-repeat;
    padding-bottom: 30px;
}
#twitter_div li {
    border-top: 1px solid #d5c9b2;
    padding: 10px 0 0 15px;
    background-color: #fff;
    margin:10px 0 0;
    font-family: georgia, serif;
    font-size: 14px;
    font-style: italic;
}
#twitter_div li:first-child {
    border:0;
    margin:0;
}

#twitter_div li span {
    font-size:13px;
    display: block;
    width:290px;
    padding-bottom: 10px;
}

#twitter-link {
    position:absolute;
    width:215px;
    height:78px;
    top:0;
    right:0;
    text-indent:-9999px;
}

#tagcloud {
    line-height: 240%;
    margin: 0 0 15px 0;
}

#tagcloud a {
    font-family: verdana, arial, sans-serif;
    color:#000;
    font-style: normal;
}

#tagcloud .tagsize1 {font-size: 18px;}
#tagcloud .tagsize2 {font-size: 16px;}
#tagcloud .tagsize3 {font-size: 13px;}

#socialbookmarks {margin: 15px 0;}

#socialbookmarks li {
    float: left;
    margin-right: 5px;
}

#socialbookmarks a {
    float:left;
    width:22px;
    height:23px;
    background-image:url(../img/sbm_sprite.png);
    background-repeat:no-repeat;
    text-indent:-9999px;
}
.sbm-technorati {background-position:0 0;}
.sbm-technorati:hover, .sbm-technorati:focus {background-position:0 -23px;}

.sbm-delicious {background-position:-22px 0;}
.sbm-delicious:hover, .sbm-delicious:focus {background-position:-22px -23px;}

.sbm-linkarena {background-position:-44px 0;}
.sbm-linkarena:hover, .sbm-linkarena:focus {background-position:-44px -23px;}

.sbm-wong {background-position:-66px 0;}
.sbm-wong:hover, .sbm-wong:focus {background-position:-66px -23px;}

.sbm-facebook {background-position:-88px 0;}
.sbm-facebook:hover, .sbm-facebook:focus {background-position:-88px -23px;}

.sbm-digg {background-position:-110px 0;}
.sbm-digg:hover, .sbm-digg:focus {background-position:-110px -23px;}

.sbm-google {background-position:-132px 0;}
.sbm-google:hover, .sbm-google:focus {background-position:-132px -23px;}

.sbm-stumble {background-position:-154px 0;}
.sbm-stumble:hover, .sbm-stumble:focus {background-position:-154px -23px;}


#sidebar .decorated-link {
    width: 297px;
    display: block;
    border-top: 1px solid #d5c9b2;
    margin: 18px 0 15px 0;
    padding: 10px 0 0 28px;
    font-size: 14px;
    font-family: georgia, serif;
    background: url(../img/icon-decoration-grey.png) left 9px no-repeat;
}

#sidebar .whitebox .decorated-link {
    background: url(../img/icon-decoration.png) left 9px no-repeat;
    margin-bottom:0;
    width: 265px;
}

#sidebar #pan-club {margin-top: 15px;}

#sidebar #pan-club li {
    float:left;
    width: 150px;
    margin: 0 12px 10px 0;
    font-size: 14px;
    line-height: 21px;
}

#sidebar #pan-club img {
    float:left;
    margin-right: 10px;
}

#sidebar #pan-club li.two-rows {line-height: 14px;}

#sidebar #pan-club li.two-rows img {margin-top: 5px;}

#interview-list li {margin-bottom: 24px;}

#interview-list img {
    float:left;
    margin-right: 12px;
}

#interview-list div {
    float:right;
    width: 235px;
}

#interview-list h4 {
    color:#5d2c06;
    font-size: 14px;
    font-family: georgia, serif;
}

#interview-list .more {
    border-top: 1px solid #d5c9b2;
    width: 235px;
    display: block;
    margin-top: 5px;
    padding-top: 5px;
    font-size: 14px;
}

#interview-list p {
    margin-top: 3px;
    font-size:11px;
}

#vorschau img {float:left;}

.special-teaser {
    margin: 25px 0 15px 0;
    display: block;
}

.interspace {margin-top:30px;}

#sidebar #lesetipp img {
    float:left;
    margin:3px 14px 0 0;
}

#sidebar #lesetipp div h4 {
    font-family:georgia, serif;
    font-size:14px;
    font-style:italic;
    color:#8b3a05;
    line-height:140%;
}
#sidebar #lesetipp div p {margin-top:0;}

#sidebar #lesetipp div strong {
    color:#5D2C06;
    font-family:verdana,arial,sans-serif;
    font-size:12px;
    font-weight:normal;
}


/* Let's start on a straight line, anywhere...  */

#sidebar > h3:first-child {margin-top:12px;}

#sidebar > .whitebox:first-child,
#sidebar > .special-teaser:first-child,
#content > img:first-child {
    margin-top:15px;
}
.start #sidebar .whitebox:first-child {margin-top:25px;}

/*  ------------------------------------------ CONTENT --------------------------------------------  */

h2, h3 {
    font-family:georgia, serif;
    margin: 16px 0 0 14px;
    color:#5D2C06;
    line-height:120%;
}

.paperbox h2, .paperbox h3 {margin-left:0;}

#content h2 + h3 {margin-top:5px;}

#content .einleitungstext {
    margin: 14px 0 25px 14px;
    width: 548px;
}

#leserstimmenliste, #titelliste, #autorenliste {margin:20px 0 0;}

#autorenliste li, #titelliste li, #leserstimmenliste li, .bookvoices li {
    margin-bottom: 28px;
    float:left;
}
#autorenliste li div, #titelliste li div, #leserstimmenliste li div, .bookvoices li div {
    width: 382px;
    float:left;
}

#autorenliste h4, #titelliste h4, #leserstimmenliste h4 {
    font-style: normal;
    font-size: 14px;
    color:#5e2c06;
}

#leserstimmenliste h4 {margin-bottom:5px;}
#leserstimmenliste .rating {margin:0;}

.paperbox #autorenliste p {margin-top: 2px;}
.paperbox #titelliste p {margin:0;}

#autorenliste .more, #titelliste .more, #leserstimmenliste .more {
    font-size: 14px;
    border-top: 1px solid #d5c9b2;
    margin-top: 5px;
    padding-top: 5px;
    display: block;
    width:382px;
}
#titelliste img {
    width:78px;
}

/*.more {text-align:right;}*/

/*.paperbox #leserstimmenliste div div a {
    border:none;
    float:left;
    width: auto;
    margin:0 8px 0 0;
    padding:0;
}*/

/*.paperbox #leserstimmenliste .rating {
    float:left;
    height: 15px;
}
*/
/*.paperbox #leserstimmenliste p {margin-top:20px;}*/

.paperbox #leserstimmenliste em {
    font-size: 11px;
    color:#5d2c06;
    display: block;
    margin-bottom: 2px;
}

.paperbox #titelliste strong {
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    color:#5d2c06;
    font-weight: normal;
    display: block;
    margin:5px 0;
}

#content .pagination {
    border-top: 1px solid #d5c9b2;
    padding-top: 7px;
    margin-top:50px;
}

#content .paperbox .pagination {width:475px; margin:0;}

.pagination div {
    margin: 0 auto;
    float:none;
    width: 290px;
}
.pagination div.small {width:182px;}

.pagination ul {margin: 0 20px;}

.pagination ul, .pagination li, .pagination a { float:left;}

.pagination a {font-size: 14px;}

.pagination li, .pagination li a {
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    display: block;
    width: 15px;
    height: 15px;
    text-align: center;
}

.pagination li {
    border-right: 1px solid #8b3a05;
    padding: 0 1px;
}

.pagination li span {
    background-color: #8b3a05;
    color:#fff;
    display: block;
}

#content .pagination-top {
    border-width:0 0 1px 0;
    border-bottom:1px solid #d5c9b2;
    padding:0 0 22px 0;
    margin:20px 0;
}

/* ------------- PAN-Newsletter PAN-Special ----------- */

/*#special {
    background-color: #e9e6e4;
    width: 450px;
    padding: 10px;
}*/

.formwrapper h4 {
    font-size: 14px;
    padding-top:10px;
}
.paperbox h4.comment {
    font-size:14px;
    /*    margin-top:10px;*/
}
.formwrapper h4 {
    margin-bottom:15px;
}
.formwrapper ul {margin-top: 15px;}

.absenden {
    text-align:right;
    margin-top:10px;
}

#special input[type="text"] {
    /*  width: 270px;*/
    /*  height: 17px;*/
    /*  border: 1px solid #d5c9b2;*/
}

/*.paperbox #special .senden {
    background: url(../img/btn-senden.jpg) left top no-repeat;
    width: 87px;
    height: 25px;
    text-indent: -5000px;
    float:right;
    margin-right: 69px;
}*/

#special label {
    color:#5d2c06;
    /*  width: 110px;*/
    float:left;
}

#special em {
    font-size: 10px;
    color:#95765f;
    font-style: normal;
}

#special span {
    display: block;
    margin:-1px 30px 0 10px;
    float:left;
}

.paperbox #special input[type="radio"] {
    float:left;
}

#intro-text {margin-top: 30px;}

#intro-text h2 {
    margin: 6px 0 20px 0;
    font-size: 28px;
    float:left;
    width: 365px;
}

#intro-text .teaser-pic {
    float: left;
    margin: 0 15px 15px 0;
}

#impressum {padding: 20px 0 0 10px;}

#impressum h5 {
    font-family: georgia, serif;
    color:#5d2c06;
    font-size: 14px;
    margin: 0;
}

#impressum p {margin:3px 0 20px 0;}

#impressum a {
    font-family: verdana, arial, sans-serif;
    color:#000;
    font-style: normal;
}

/*  ------------------------------------------ Specialteaser -------------------------------------  */
.special-teaser {
    width: 576px;
    height:304px;
    position: relative;
}

.special-teaser.meridian {
    background: url(../img/PAN_Gewinnspiel_bg.jpg) left top no-repeat;
    margin:20px 0;
}

.special-teaser.meridian h2 {
    color:#fff;
    position: absolute;
    top: 30px;
    left: 310px;
    width: 232px;
    line-height: 115%;
    font-size: 20px;
}

.special-teaser.meridian h3 {
    position:absolute;
    top:55px;
    left:310px;
    color:#fff;
    font-size:14px;
}

.special-teaser.meridian p {
    position: absolute;
    font-size:11px;
    left: 324px;
    top: 75px;
    color:#fff;
    width: 242px;
    line-height: 160%;
}

.special-teaser.meridian p img {
    float:right;
    margin: 10px 0 10px 6px;
}

.special-teaser.meridian .stoerer {
    position: absolute;
    left:242px;
    top:234px;
}


.special-teaser.alterra {background: url(../img/bg-specialteaser-alterra.jpg) left top no-repeat;}
.special-teaser.zirkus  {background:url(../img/bg-specialteaser-zirkus.jpg);}
.special-teaser.brom    {background: url(../img/bg-specialteaser-brom.jpg) left top no-repeat;}
.special-teaser.schattenstunde    {background: url(../img/bg-specialteaser-schattenstunde.jpg) left top no-repeat;height:325px;}

.special-teaser.alterra h2, .special-teaser.zirkus h2, .special-teaser.brom h2 {
    color:#fff;
    position: absolute;
    top: 7px;
    left: 310px;
    width: 232px;
    line-height: 115%;
    font-size: 20px;
}
.special-teaser.brom h2 {margin-top:10px;}
#content .special-teaser.brom h3 {margin-top:0px; top:43px;}
.special-teaser.brom p {margin-top:10px;}
#content .special-teaser.brom p img {margin-top:5px;}

.special-teaser.alterra h3, .special-teaser.zirkus h3, .special-teaser.brom h3 {
    position:absolute;
    top:55px;
    left:310px;
    color:#fff;
    font-size:14px;
}

.special-teaser.alterra p, .special-teaser.zirkus p, .special-teaser.brom p {
    position: absolute;
    font-size:11px;
    left: 324px;
    top: 75px;
    color:#fff;
    width: 242px;
    line-height: 150%;
}
.special-teaser.schattenstunde h2 {
    color:#fff;
    position: absolute;
    top: 1px;
    left: 310px;
    width: 232px;
    line-height: 115%;
    font-size: 20px;
}
.special-teaser.schattenstunde h3 {
    position:absolute;
    top:38px;
    left:310px;
    color:#fff;
    font-size:14px;
}
.special-teaser.schattenstunde p {
    position: absolute;
    font-size:11px;
    left: 324px;
    top: 94px;
    color:#fff;
    width: 242px;
    line-height: 150%;
}
.special-teaser.schattenstunde p img {
    float:right;
    margin: -9px 0 10px 6px;
}


.special-teaser.alterra p img, .special-teaser.zirkus p img, .special-teaser.brom p img{
    float:right;
    margin: 10px 0 10px 6px;
}

.special-teaser.alterra .stoerer {
    position: absolute;
    left:242px;
    top:234px;
}

.special-teaser.zirkus .stoerer {
    position: absolute;
    left:242px;
    top:234px;
}

.special-teaser.brom .stoerer, .special-teaser.schattenstunde .stoerer {
    position:absolute;
    left:242px;
    top:255px;
}

.special-teaser.zirkus .cover-link {
    height:206px;
    left:37px;
    margin-top:0;
    position:absolute;
    text-indent:-9999px;
    top:48px;
    width:147px;
}
/*  ------------------------------------------ Books --------------------------------------------  */

.paperbox .titel {
    width:470px;
    border-bottom:1px solid #D5C9B2;
    float:none;
}
.paperbox .titel h3 {border:none; width:auto; float:left; margin:0;}
.paperbox .titel .sorting {float:right; width:235px;}
.paperbox .titel .sorting p {float:left; margin-right:10px;}
.paperbox .titel .sorting select {margin-top:5px;}

/*  ------------------------------------------ article-author --------------------------------------------  */
.interview {margin:0 0 0 14px;}
#content .interview h2 {margin-left:0;}
.interview em {
    font-family: georgia, serif;
    color:#5d2c06;
    font-size: 14px;
    margin:10px 0 15px;
    display:block;
}

.interview h3 {margin-left:0;}

p.publisher {
    /*font-family:georgia, serif;
    font-size:14px;*/
    font-style:italic;
}

p.publisher span, p.writer span {
    font-family:verdana, arial, sans-serif;
    color:#8B3A05;
    text-transform:uppercase;
    font-size:11px;
    font-style:normal;
}

.interview .block {margin:25px 0 0 -14px;}
.interview .block img {
    margin:0 15px 10px 0;
    float:left;
}
.interview .picture-block {
    float:left;
    width:190px;
    margin:10px 20px 10px 0;
}

.interview .quote {
    text-transform:uppercase;
    font-size:10px;
    margin:0;
}

.interview .alternative {
    float:right;
    margin:10px 0 0 20px;
}
.interview .alternative img {height:auto;}

.interview strong {font-weight:bold;}
.interview span {font-style:italic;}
.blockbox strong {
    display:inline-block;
    font-weight:bold;
    width:110px;
    line-height:25px;
}
.blockbox {
    font-size:12px;
}
.text-image {line-height:105px; height:70px;}
.text-image img {float:left;}

/*  ------------------------------------------ Subnav --------------------------------------------  */

#subnav {margin:-9px 0 30px -10px;}

#subnav li {
    float:left;
    margin-right:1px;
    font:italic 14px/30px georgia, serif;
}
#subnav a, #subnav li.active {
    background:url(../img/subnav_bg-trans.png) repeat-x left top;
    float:left;
    color:#fff;
    padding:0 10px;
}
#subnav li.active, #subnav a:hover, #subnav a:focus {
    background-position:left bottom;
    text-decoration:none;
}

/*  ------------------------------------------ Books-Details --------------------------------------------  */

.formwrapper {
    background:#E9E6E4;
    padding:5px 10px;
}

.rating {
    display:inline-block;
    width:65px;
    height:13px;
    background:url(../img/stars_sprite.png) no-repeat left top;
    text-indent:-9999px;
}
.stars-1 {background-position:0 -13px;}
.stars-2 {background-position:0 -26px;}
.stars-3 {background-position:0 -39px;}
.stars-4 {background-position:0 -52px;}
.stars-5 {background-position:0 -65px;}



.author-name {
    color:#5d2c06;
    font:italic 14px/120% georgia, serif;
}

.comment {
    display:block;
    line-height:28px;
    padding:5px 10px 5px 45px;
    background:#E9E6E4 url(../img/comment.jpg) no-repeat 10px center;
    font-size:14px;
}
h4.comment:hover, h4.comment:focus {
    text-decoration:underline;
}

cite, .date {
    color:#5d2c06;
    font-size:12px;
    padding-left:5px;
    margin-left:5px;
    border-left:1px solid #5d2c06;
}

.bookvoices, .review {margin:20px 0;}

.bookvoices li, .review li {margin:0 0 20px;}

.bookvoices blockquote {
    clear:both;
    font-style:normal;
}

.bookvoices h4, .review h4 {margin:5px 0;}

/*  ------------------------------------------ Book-data --------------------------------------------  */

#book-data ul {
    margin:20px 0 0;
    padding-top:10px;
    border-top:1px solid #d5c9b2;
}

#book-data li {
    color:#5d2c06;
    font-size:12px;
    margin:10px 0;
}
#book-data li strong {
    color:#333;
    font-size:inherit;
}

#book-data .hinweis {
    font-size:10px;
    color:#333;
}
#cover {position:relative;}

.zoom {
    position:absolute;
    right:120px;
    bottom:20px;
}
/*  ------------------------------------------ PAN-Club --------------------------------------------  */
#lesetipp-liste img {
    float: left;
    margin-right: 12px;
}

#lesetipp-liste li {margin-bottom: 15px;}

#lesetipp-liste a {font-size: 14px;}

#lesetipp-liste p {margin-top: 3px;}

/*  ------------------------------------------ Kontakt --------------------------------------------  */
/*#content #special .multiline {height:auto;}*/
/*form #text {width:270px;}*//*form #text {width:270px;}*/

/*  ------------------------------------------ Newsletter_Formular --------------------------------------------  */
.newsletter-abonnieren {margin-top:10px;}

.newsletter-abonnieren label {width:410px;}

#newsletter {
    float:left;
    margin:5px 10px 0 0;
}

#special h4 strong {font-weight:bold;}
/*  ------------------------------------------ AGB, Datenschutz --------------------------------------------  */
.accent {color:#5D2C06;}

.listing {
    padding-left:15px;
    margin:10px 0 15px;
}

.listing li {
    margin:3px 0 2px;
    list-style-type:disc;
}

/*  ------------------------------------------ Flash Specials --------------------------------------------  */
/*
#sb-body-inner iframe {
    width:940px;
    height:540px;
    overflow:hidden;
}
*/

/*  ------------------------------------------ Ecards --------------------------------------------  */
.ecards {padding-top:10px;}
.ecards .teaser-img {
    margin:0 0 50px 0;
    float:none;
}
.ecards ul {
    margin:0 15px 20px 15px;
    padding-bottom:15px;
}
.ecards ul li label {font-weight:bold;}
.ecards .seperate {border-bottom:1px solid #fff;}
.ecards .indent {padding-left:109px;}
.ecards .indent label, .ecards .message label {
    width:8%;
    color:#8b3a05;
    font-family:georgia, serif;
    font-size:14px;
    font-weight:normal;
    font-style:italic;
}
.ecards .indent input {width:85%;}
.ecards form ul input {color:#8b3a05;}
.ecards strong {
    color:#8b3a05;
    font-family:georgia, serif;
    font-size:16px;
    margin-left:15px;
}
.ecards li strong {
    margin:0;
    display:block;
    font-style:italic;
    padding-left:27px;
    font-size:14px;
}
.ecards .wish {
    color:#8b3a05;
    font-family:georgia, serif;
    font-size:14px;
    font-style:italic;
    line-height:20px;
}
.ecards .wish em {
    display:inline-block;
    width:8%;
}
.ecards .end input {width:70%;}
.ecards .top input {width:69%;}
.ecards .end {margin:30px 0 0 0;}
.ecards .top {margin:0 0 25px 28px;}
.ecards .indent .end {margin:30px 0 0 28px;}
.ecards .end label {width:15%;}
.ecards .top label {width:16%;}
.ecards .end a {
    background:url(../img/icon-decoration-grey.png) no-repeat left top;
    font-size:14px;
    padding-left:30px;
    line-height:25px;
}

.ecards .teaser-img-variant {
    margin-bottom:15px;
    float:none;
}
.ecards .adress, .ecards p {color:#5D2C06;}
.ecards button p {color:#fff;}
.ecards .title {margin-bottom:8px; color:#5D2C06;}
.ecards .adress em {font-weight:bold;}
.ecards .message strong {
    padding-left:0;
    display:inline;
    margin:0 5px 0 0;
}

.ecards .onward {margin-top:10px;}
.ecards .onward li {
    border-top:1px solid #fff;
    padding:12px 0 10px;
}
.ecards .onward li:first-child, .ecards .onward .firstchild {border:none;}