/* ================================================================================= FORMS */
.input_submit {
    padding: 4px;
    font-family: "verdana", "sans serif";
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    -moz-border-radius: 3px;
    border: 2px solid #343234;
    border-radius: 3px;
    background-color: #e6e6dc;
    color: #343234
}
.input_submit_hover {
    padding: 4px;
    font-family: "verdana", "sans serif";
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    border: 2px solid #343234;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #343234;
    color: #fcbe04
}
.input_textarea {
    font-family: "verdana", "sans serif";
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #343234;
    padding: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.input_text {
    background-color: #fff;
    border: 1px solid #343234;
    font-family: "verdana", "sans serif";
    font-size: 14px;
    padding: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.input_password {
    background-color: #fff;
    border: 1px solid #343234;
    font-family: "verdana", "sans serif";
    font-size: 14px;
    padding: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.input_select {
    background-color: #fff;
    border: 1px solid #343234;
    font-family: "verdana", "sans serif";
    font-size: 14px;
    padding: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
td.form_fieldname {
    color: #000;
    text-align: right;
    width: 400px;
    font-family: "verdana", "sans serif";
    font-size: 14px
}
td.form_input {
    padding: 10px;
    padding-left: 25px
}


/* ================================================================================= SHARIFF */
div.shariff {
}
div.shariff > a:visited:hover {
    color: white;
}
.shariff .mail a:hover{background-color:#666!important}// etwas dunkler
span.share_text{display:none!important;}
@media only screen{
    li.shariff-button{
        min-width:20px!important;
        max-width:20px!important;
        margin-right:5px!important;
        height:20px!important;
    }
    .shariff li .fa{
        width:20px!important;
        line-height:20px!important;
        height:20px!important;
    }
    .shariff .twitter .fa-twitter,
    .shariff .whatsapp .fa-whatsapp,
    .shariff .facebook .fa-facebook,
    .shariff .googleplus .fa-google-plus,
    .shariff .pinterest .fa-pinterest-p,
    .shariff .reddit .fa-reddit,
    .shariff .tumblr .fa-tumblr,
    .shariff .mail .fa-envelope {font-size:14px!important;}
}

/* ================================================================================= SHUTTER */
#shNavBar a {
    color: #323232;
    text-decoration: none
}
#shNavBar a:hover {
    color: #red
}
#shDisplay div#shTitle {
    font: 12px/17px 'Lucida Grande', Verdana, sans-serif;
    color: #fff;
    text-align: center;
    margin: 0 auto
}
div#shNavBar {
    font: 12px/12px 'Lucida Grande', Verdana, sans-serif;
    color: #323232;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 4px 0 5px;
    text-align: center;
    cursor: pointer;
    z-index: 1011
}
body {
    height: 100%
}
#shShutter *,
#shDisplay * {
    padding: 0;
    margin: 0
}
div#shShutter,
div#shDisplay {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute
}
div#shShutter {
    height: 100%;
    z-index: 1000;
    background-color: #e5e5dc;
    opacity: .8;
    filter: alpha(opacity=80)
}
div#shDisplay {
    display: block;
    background-color: transparent;
    z-index: 1002
}
div#shDisplay img#shTopImg {
    margin: auto;
    background: transparent;
    display: block;
    max-width: none;
    max-height: none
}
div#shDisplay div#shWrap {
    visibility: hidden
}
div#shWaitBar {
    position: absolute;
    width: 100px;
    left: 50%;
    margin-left: -50px;
    margin-top: 120px
}
#shWaitBar img {
    border: 0
}
#fullSize {
    display: none
}
#shNavBar img {
    border: 0;
    vertical-align: middle;
    margin: 0;
    opacity: .6;
    filter: alpha(opacity=60)
}
#shNavBar img:hover {
    opacity: .999;
    filter: alpha(opacity=100)
}
* html div#shNavBar {
    _position: absolute;
    _top: expression(eval(document.compatMode&&document.compatMode=="CSS1Compat")?document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight: document.body.scrollTop+document.body.clientHeight-this.clientHeight);
    _left: expression(eval(document.compatMode&&document.compatMode=="CSS1Compat")?document.documentElement.scrollLeft: document.body.scrollLeft)
}


/* ================================================================================= NAVIGATION */


/* ================================================================================= WC */

img.zoom:hover {
-webkit-transform:scale(1.05);
transform:scale(1.05);
}
img.zoom {
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
cursor:zoom-in;
}



@font-face {
    font-family: 'Kurio Pulp Block';
    src: url(../fonts/KurioPulpBlock.eot);
    src: local('☺'), url(../fonts/KurioPulpBlock.woff) format('woff'), url(../fonts/KurioPulpBlock.ttf) format('truetype'), url(../fonts/KurioPulpBlock.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

body {
    background: #e6e6dc;
    font-family: "Open Sans", sans-serif;
    line-height: 1.4em;
    font-size: 15px;
    margin: 0;
    padding: 0;
    color: #323232
}

h1,
h2,
h3 {
    font-family: 'Kurio Pulp Block', Serif;
    font-weight: 400;
    font-size: 1.6em;
    line-height: 1.2em;
    letter-spacing: .05em;
    margin: 0;
    margin-bottom: 10px;
}
h2 {
    font-size: 1.2em
}
h3 {
    font-size: 1em
}

a {
    color: blue;
    text-decoration: none
}
a:hover {
    color: blue;
    text-decoration: underline
}
a:visited {
    color: purple;
    text-decoration: none
}
a:visited:hover {
    color: purple;
    text-decoration: underline
}
div.VersandkostenLink,
div.VersandkostenLink a,
div.AltersnachweisLink,
div.AltersnachweisLink a {
    font-size: 10px;
    display: inline;
    color: #666
}
div.ShopHeftTitel {
    min-height: 2.2em;
    margin-top: .2em;
    margin-bottom: .2em
}
.nowrap {
    white-space: nowrap
}
.error {
    color: red;
    font-weight: 700
}
a.navi {
    font-family: 'Kurio Pulp Block', Serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.2em;
    letter-spacing: .05em;
    color: #e6e6dc;
    text-decoration:none;
}
a.navi:hover {
    color: #FCBE04!important;
    text-decoration:none;
}
a.subnavi {
    font-family: 'Kurio Pulp Block', Serif;
    font-weight: 400;
    font-size: 0.8em;
    line-height: 1em;
    letter-spacing: .05em;
    color: #e6e6dc;
    text-decoration:none;
}
a.subnavi:hover {
    color: #FCBE04!important;
    text-decoration:none;
}
a.leucht{
    color: #FCBE04;
}
a.subnavi {
    display: block;
    width: 170px;
    padding-left: 20px
}
div.shop_produkt {
    margin-top: 15px;
    padding-bottom: 20px;
    display: inline-block;
    padding-right: 20px
}
div.blog {
    margin-top: 15px;
    padding-bottom: 20px;
    clear: both
}



 #logo {
     position: absolute;
     left: 10px;
     top: 10px
 }
 #funznavi {
     position: absolute;
     left: 211px;
     top: 11px;
     width: 735px;
     height: 40px;
     padding: 5px
 }
 #obernavi {
    position: absolute;
     left: 215px;
     top: 46px;
     width: 735px;
     height: 140px;
     padding: 5px;
     background: url(https://weissblechcomics.com/gfx/obernavi.gif)
 }
#werbung {
     position: absolute;
     left: 980px;
    top: 50px;
     width: 250px
 }
 #navi {
     position: absolute;
     left: 10px;
     top: 215px;
     width: 190px
 }
 #inhalt {
     width: 725px;
     position: absolute;
     left: 225px;
     top: 215px
 }