body {
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}

body, html, * {
    box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6,p { color: #000;}

a {
    color: #444444;
}

.navi ul li a.buy {
    color: #f9e970;
}

.navi a {
    text-decoration: none;
}

.showNavi {
    display: block;
}

.hideNavi {
    display: none;
}

h1, h2, h3 {
    font-family: Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin: 0;
}

h3 {
    margin: 15px 0 10px 0;
    font-size: 20px;
}

.fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    color: #ff4444;
    background: #fff;
    text-align: center;
    padding: 25px 0 25px 0;
    z-index: 10;
}
.purchase {
    width: 700px;
    margin: 10px auto 0;
    border: 3px solid #ff4444;
    text-align: center;
    padding: 5px;
}
.purchase a {
    text-decoration: none;
    display: block;
}
.purchase a:hover h2 {
    color: #fff;
    background-color: #ff4444;
}
.purchase h2 {
    color: #ff4444;
    padding: 5px 0;
}

#adds {
    position: fixed;
    font-family: Helvetica, Arial, sans-serif;
    right: 15px;
    /* top: 230px; */
     top: 20px;
    background: #000;
    float: right;
    z-index: 999;
    padding: 0;
}

.wrapper {
    margin: 0 auto;
    position: relative;
    width: 750px;
}

.main_nav {
    background-color: #000;
    text-align: center;
    width: 700px;
    margin: 0 auto;
    padding: 10px 15px;
}
.main_nav ul {
    background-color: #000;
}
.main_nav ul li {
    display: inline-block;
    margin: 0 15px;
}
.main_nav ul li a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
}

.navi {
    width: 202px;
    padding: 10px;
}

.navi ul {
    list-style: none;
    margin: 0;
}

.navi ul li {
    display: block;
    clear: both;
    padding: 5px 0;
}

.navi ul li a {
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.content {
    padding: 0 0 20px 0;
    clear: both;
    margin: 10px 0 0 0;
    border-bottom: 1px dashed #9ec1ab;
    font-size: 1.1em;
}

#id0 {
    margin-top: 320px;
}

.content h2 {
    line-height: 1.2em
}

.content p {
    line-height: 1.8em;
}

.content p.inner_space {
    margin: 9px 0;
}
.content > img {
    max-width: 75%;
}

.content div.author p, div#id1 p, div#id3 p {
    float: left;
    margin: 0;
}

.content div.author, div.content {
    clear: both;
}

#issue01 .content div.author {
    border-bottom: 1px dashed #71C6D8;
    padding: 0 0 20px;
}

#issue02 .content div.author {
    border-bottom: 1px dashed #F06E82;
    padding: 0 0 20px;
}

#issue04 .content div.author,
#issue03 .content div.author {
    border-bottom: 1px dashed;
    padding: 0 0 20px;
}

#issue03 {
    background: url('/img/bg_issue03.png') no-repeat center 0;
    padding-top: 1px;
    border-bottom: none;
}

#issue03 #id0 {
    margin-top: 200px;
}

.content div.author img {
    margin: 0;
}

#navi_03 ul li a.greylink {
    color: #9ec1ab;
}

#navi_02 ul li a.greylink {
    color: #F06E82;
}

#navi_01 ul li a.greylink {
    color: #71C6D8;
}

.smallgrey {
    color: #71C6D8;
    font-size: 14px;
}

div#focus {
    background: url('/img/bg_focus.png') repeat-x 0 0;
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0.99;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 1000;
}

div#focus .inner {
    position: relative;
    width: 940px;
    margin: 0 auto;
    padding: 60px 20px 20px 20px;
    background: #fff;

}

div#close {
    font-size: 40px;
    font-weight: bold;
    position: absolute;
    left: 20px;
    top: 5px;
    cursor: pointer;
    color: #333;
    z-index: 9999;
}

div#ajaxContent, div#buy_form_container {
    max-width: 940px;
    position: relative;
    display: none;
}

div.col {
    float: left;
    margin: 0 10px 0 0;
}

div.col img {
    display: block;
    border: 1px solid grey;
    width: 240px;
}

div.col3 {
    margin: 0;
}

/* form */
.float_left {
    float: left;
}

fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}

ul, ol {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

ul.billing, ul.shipping, ul.shipping_img {
    float: left;
    padding: 0 0 0 10px;
    width: 440px;
}

ul.shipping {
    display: none;
}

ul.billing, ul.shipping, ul.shipping_img {
    float: left;
    padding: 0 0 0 10px;
    width: 440px;
}

ul.shipping_img img {
    border: 1px solid grey;
}

li.fields {
    clear: both;
    margin: 0 0 4px;
}

li.field_headline {
    width: 300px;
}

li.fields div {
    margin: 0 2px 0 0;
}

li.control {
    clear: both;
    padding: 20px 0 15px;
}

select {
    padding: 4px 5px;
}

input[type="text"], input[type="email"], select {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
    padding: 5px;
}

.copies {
    width: 20px;
}

#firstname, #lastname, #firstname_shipping, #lastname_shipping {
    width: 159px;
}

input.error, select.error, div.error {
    border: 1px solid #F06E82;
}

#company, #company_shipping {
    width: 407px;
}

#street1, #street2, #street1_shipping, #street2_shipping {
    width: 195px;
}

#country_id, #country_id_shipping {
    width: 419px;
}

select {
    padding: 4px 5px;
}

#postcode, #postcode_shipping {
    width: 94px;
}

#city, #city_shipping {
    width: 297px;
}

#email, #telephone, #email_shipping {
    width: 196px;
}

.payment_table {
    border-top: 1px solid;
    margin: 20px 0 0;
}

label {
    float: left;
    margin: 0 5px 0 0;
}

.upper {
    text-transform: uppercase;
}

.spacer {
    margin: 30px 0 0 0;
}

span.color_title {
    font-weight: 700;
    background-color: #9ec1ab;
    padding: 0 2px;
}

#id1 h4 {
    cursor: pointer;
    padding: 5px 0 0 0;
    margin: 25px 0;
}
#id1 h4:hover {
    background-color: #89c2ab;
}
#id1 h4 span.title {
    background-color: #89c2ab;
    font-weight: 700;
    padding: 0 2px;
}
#id1 h4 span.short_bio,#id1_003 h4 span.short_bio, #id1_002 h4 span.short_bio, #id1_001 h4 span.short_bio {
    font-weight: 400;
}

#id2, #issue02slides, #s1 {
    height: 400px;
}

#id1_003 h4 {
    cursor: pointer;
    padding: 5px 0 0 0;
    margin: 25px 0;
}
#id1_003 h4:hover {
    background-color: #9DBFBE;
}
#id1_003 h4 span.title {
    background-color: #9DBFBE;
    font-weight: 700;
    padding: 0 2px;
}

#id1_005 h4:hover {
    background-color: #c39700;
}
#id1_005 h4 span.title {
    background-color: #c39700;
    font-weight: 700;
    padding: 0 2px;
}

#id1_006 h4:hover {
    background-color: #dc5868;
}
#id1_006 h4 span.title {
    background-color: #dc5868;
    font-weight: 700;
    padding: 0 2px;
}

#issue02slides {
    border-bottom: 1px dashed #F06E82;
}

.portrait_right {
    float: left;
    margin: 0 0 0 13px;
}

.clear {
    clear: both;
}

.grey {
    color: #9ec1ab;
}

.light_grey {
    color: #676767;
    font-size: 1.2em;
    margin-bottom: -15px;
}

i.right {
    float: right;
}

.contact_overlay h1 {
    font-size: 20px;
}

.contact_overlay .spalte1 {
    float: left;
    width: 39%;
}

.contact_overlay .spalte2 {
    float: left;
    width: 33%;
}

.contact_overlay .spalte3 {
    float: left;
    width: 25%;
}

.contact_overlay p.contact {
    margin: 2px 0 20px 0;
}

.press_overlay h5 {
    margin: 5px 0 0 0;
    font-size: 20px;
}

.press_overlay h5 a {
    text-decoration: none;
}

.quote {
    font-style: italic;
}

.portrait {
    float: left;
    margin: 0 10px 0 0;
}

.bio p {
    margin: 0 0 5px 0;
}

.bio h5 {
    margin: 0 0 10px 0;
}

.hide_agb {
    display: none;
}

.hide_buy_form {
    display: none;
}

body.body003 {
    background: url('/img/bg_issue03.png') no-repeat center 200px;
}
/*
body.body004 {
    background: url('/img/bg_issue04.png') no-repeat center 220px;
}
*/

/* issue 002 */

#issue_002_loader {
    padding: 50px 0;
    clear: both;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    background: #F06E82;
}

/* issue 002 */

#issue02 {
    background: url('/img/bg_002.png') no-repeat center 0px;
    padding: 300px 0 0 0;
    border-bottom: none;
}

span.grey_002 {
    color: #F06E82;
}

span.grey_001 {
    color: #71C6D8;
}

#issue02 .content {
    border-bottom: 1px dashed #F06E82;
}

#issue01 .content {
    border-bottom: 1px dashed #71C6D8;
}

#id1_002 h4 {
    cursor: pointer;
    padding: 5px 0 0 0;
    margin: 8px 0;
}

#id1_002 h4:hover {
    background-color: #F06E82;
}

#id1_002 h4 span.title {
    font-weight: 400;
    background-color: #F06E82;
}

#id1_001 h4:hover {
    background-color: #71C6D8;
}

#id1_001 h4 span.title {
    font-weight: 400;
    background-color: #71C6D8;
}

#id0_002 p.center {
    margin: 0 auto;

}

#issue02 .content div.author p, div#id1_002 p {
    float: left;
    margin: 0;
}

a.paolo_manetti img {
    border: 1px solid grey;
}

/* issue 01*/

#issue01 {
    background: url("/img/issue001/bg_001.png") no-repeat scroll center 0 rgba(0, 0, 0, 0);
    padding: 300px 0 0;
    border-bottom: none;
}

#id1_001 h4 {
    cursor: pointer;
    padding: 5px 0 0 0;
    margin: 8px 0;
}

#id1_001 h4:hover {
    background-color: #71C6D8;
}

#id1_001 h4 span.title {
    font-weight: 400;
}

#jp_container_1, #jp_container_2 {
    height: 50px;
    width: 50px;
    overflow: hidden;
}

#jp_container_1 .jp-play, #jp_container_2 .jp-play {
    background: url("/img/issue002/controls.jpg") no-repeat scroll -50px 0 rgba(0, 0, 0, 0);
    display: block;
    height: 50px;
    width: 50px;
}

#jp_container_1 .jp-pause, #jp_container_2 .jp-pause {
    background: url("/img/issue002/controls.jpg") no-repeat scroll -50px -50px rgba(0, 0, 0, 0);
    display: block;
    height: 50px;
    width: 50px;
}

.black_box {
    background: #000;
    padding: 10px;
    text-align: right;
}

.black_box .history a {
    color: #FFFFFF;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 20px 0;
}

#ticker-area {
    font-size: 20px;
    margin: 0;
    width: 700px;
}

.noborder {
    border-bottom: none !important;
}

div.col1 {
    float: left;
    margin: 0 10px 0 0;
}

div.col2 {

    float: left;
}

/* landscape */

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {
    .wrapper {
        margin: 0 5%;
        width: 90%;
    }

    img.scale {
        width: 100%;
    }

    div#ajaxContent, div#close {
        width: 80%;
    }

    .issue_cover {
        width: 70%;
    }

    .issue01_cover {
        width: 100%;
    }

    .cap {
        font-size: 70%;
    }
}

/* portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {
    .wrapper {
        padding: 0 2%;
        width: 90%;
    }

    img.scale {
        width: 100%;
    }

    div#ajaxContent, div#close {
        width: 80%;
    }

    .issue_cover {
        width: 70%;
    }

    .issue01_cover {
        width: 100%;
    }

    .cap {
        font-size: 70%;
    }
}

a.red_link{
	color:#F06E82;
}

@media (max-width: 768px) {
    #adds { display: none;}
    .wrapper,
    .main_nav,
    .purchase,
    #id1 h4,
    #id1_002 h4,
    #id1_001 h4,
    #id1_003 h4,
    #ticker-area
    {width: 100%;}

    .fixed {position: absolute;}
    .fixed > a img {
        padding: 10px;
    }

    img {
        width: 100%;
        height: auto;
    }
    .content div.author p, div#id1 p, div#id3 p,
    .contact_overlay .spalte1,
    .contact_overlay .spalte2,
    .contact_overlay .spalte3 {
        float: none;
        width: 100%;
    }

    div#focus .inner {
        width: 100%;
        box-sizing: border-box;
    }
}