body {margin:0; zoom:100%; position:relative; overflow: auto; width: 100%;}
h1 {font-family: 'Helvetica', Arial, sans-serif; font-size: 2em; text-align: center; background-color:inherit}
h2 {font-family: 'Helvetica', Arial, sans-serif; text-align: center; background-color:inherit;font-size: 28px}
h3 {font-family: 'Helvetica', Arial, sans-serif; margin-top: 12px; margin-bottom: 12px;font-size: 24px}

::selection {
    /* WebKit/Blink Browsers */
    background-color: #E300A9;
}
::-moz-selection {
    /* Gecko Browsers */
    background-color: #E300A9;
}
.back {background-color: #9D9C9C; background-image:url('BackgroundV4.png'); background-repeat: repeat}
#size {font-size:0}

/* Aufteilung in oben und unten*/
.wrapper{position:relative;display:inline-block; float: left; min-width: 100%; white-space:nowrap; overflow:auto;font-size: 0}
.top {min-height: 160px; width: 100%; background-image:url('headerback.png'); overflow: hidden;background-size: auto; background-position: center; background-repeat: repeat-x; height: 160px}
.bottom {display:block; float: none;width: 100%; text-align: center; white-space: nowrap}

.ComicAndMenu {display: block; margin-top: 10px; min-width: 640px; width: 100%; font-size: 16px; text-align: center; white-space: nowrap;float: left}


/* Topmenu */
img{border:0; display: inline-block; margin: 0; padding: 0; text-align: center}
/* Logo */
.topBar{background-color:#E300A9; height: 50px; width:100%; z-index: 0; vertical-align: bottom; margin-top: 110px;}
.topcenter {width:960px; position: relative; display: block;margin-left: auto;
    margin-right: auto;}

.LogoBox {position: relative; left:0;  bottom:0;padding-top:0; padding-left: 25px;
    width:250px; height:125px;display: block; float: left;z-index: 1;
    background-color: transparent; border:0;
    color:#ffffff; font-family: 'Helvetica', Arial, sans-serif; font-size: 18px;
    font-weight: bold; line-height: 150%; margin-top: -110px}

.Darnit {
    height:125px;
    line-height: 150%; margin-top: 0px}

.ComicGraf {
    height:155px;
    line-height: 150%; margin-top: 0px}

.Flag {position: relative;padding-top:0;
    width:110px; height:110px;display: block; float: right;z-index: 1;
    background-color: transparent; border:0;
    color:#ffffff; font-family: 'Helvetica', Arial, sans-serif; font-size: 18px;
    font-weight: bold; line-height: 150%; margin-top: -110px}

.menubar {margin: 0;padding: 0;color: #FFFFFF;
    font-family: 'Helvetica', Arial, sans-serif; font-size: 35px;}
.menubarPatreon {margin: 0;padding: 0;color: #FFFFFF; background-color: #052D49;
    font-family: 'Helvetica', Arial, sans-serif; font-size: 35px;}

nav.menuUl {position: relative;Text-align: right; display: block;  list-style-type: none;  padding: 0;margin-top: 110px; padding-right: 10px;
    -webkit-padding-start: 0px;
    -webkit-margin-after:0px;
    -webkit-margin-start:0px;
    -webkit-margin-end: 0px;  }

li.menubar {display:inline-block; list-style-position: inside;  vertical-align: middle;line-height: 52px; font-weight: bold;  float: right }
li a.menubar {display: inline-block; list-style-position: inside; vertical-align: middle;}
a.menubar:link {color: #FFFFFF; margin-left:0; text-decoration: none; vertical-align: middle;}
a.menubar:visited {color: #FFFFFF; text-decoration: none;}
a.menubar:active {color: #FFFFFF; text-decoration: none;}
a.menubar:hover {color: #FFC4eb; text-decoration: none;}

li.menubarPatreon {display:inline-block; list-style-position: inside;  vertical-align: middle;line-height: 52px; font-weight: bold;  float: right }
li a.menubarPatreon {display: inline-block; list-style-position: inside; vertical-align: middle;}
a.menubarPatreon:link {color: #FFFFFF; margin-left:0; text-decoration: none; vertical-align: middle;}
a.menubarPatreon:visited {color: #FFFFFF; text-decoration: none;}
a.menubarPatreon:active {color: #FFFFFF; text-decoration: none;}
a.menubarPatreon:hover {color: #F96854; text-decoration: none;}

/* Social buttons */
.SocialRow {position: relative;height: 60px; vertical-align: bottom; background-color: #E300A9;
    border-bottom: 10px solid #e0e0e0;
}

.socialmenu {padding-top: 5px; display: inline; vertical-align: bottom;}
h2.socialmenu {padding-right: 30px;font-size: 40px; font-family: 'Helvetica', Arial, sans-serif; color: #FFFFFF;vertical-align: bottom;}
a.socialmenu:link {cursor: pointer; background-color: #E300A9; text-decoration: none; font-size:0; height: 50px;}
a.socialmenu:visited {cursor: pointer;background-color: #E300A9;text-decoration: none; font-size:0; height: 50px;}
a.socialmenu:active {cursor: pointer;background-color: #E300A9;text-decoration: none; font-size:0; height: 50px;}
a.socialmenu:hover {cursor: pointer; background-color: #E300A9;text-decoration: none;font-size:0; height: 50px;}

img.socialmenu {vertical-align: bottom; width: 70px; height: 50px;}


/*Plugins*/
.PluginRight{position:relative;  display: block; margin-left: auto; margin-right: 20px; width: 280px;
    max-width: 280px; -moz-box-sizing: border-box; float: right; font-size: 16px;}

/* Men� unterm Comic */
.comicnav {font-size:0;text-align: center; width: 400px;padding-top: 8px;  padding-bottom: 7px;
            display: inline-block;margin-left: auto; margin-right: auto}
.comicmenu {font-family: 'Helvetica', Arial, sans-serif; color:#FFFFFF; display:inline-block; clear:both; width:20%}
a.comicmenu:link {opacity:1;color: #FFFFFF; text-decoration: none;height:25px; font-size:0; width:20%}
a.comicmenu:visited {opacity:1;color: #FFFFFF;  text-decoration: none;height:25px; font-size:0; width:20%}
a.comicmenu:active {opacity:1;color: #FFFFFF; text-decoration: none;height:25px; font-size:0; width:20%}
a.comicmenu:hover {opacity:1;color: #FFFFFF; text-decoration: none;height:25px; font-size:0; width:20%}
b.comicmenu{opacity:0.5; display:inline-block;}

.comicwrapper{  margin-left: auto;  margin-right: auto;  vertical-align: middle;  padding-left: 0px;  display:inline-block;  text-align: center; clear:both;}

.preview{ display: none;}
.comic { margin-left: auto;  margin-right: auto;  min-width: 600px;  border: 0px;  border-color: transparent;  display: inline-block;  text-align: center;  padding: 10px;  }
img.comic{display: inline-block;}

/* Block-L�sung f�r dynamische Ausrichtung der Comics */
.block {display:inline-block; min-width: 960px;background-color: #ffffff;
    margin-left: auto; margin-right: auto;position: relative; overflow:auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    z-index: 0;
    min-height: 635px}
br {width: 0;}
/*.block:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}*/
.topwrapper{display: block; vertical-align: top; min-width: 960px; white-space: nowrap; overflow: hidden; border-top: 10px solid #e0e0e0;}

.bottomwrapper{min-height: 340px; min-width: 960px; margin-top: 30px; vertical-align: bottom; overflow: hidden}
.bottomleft{float: left;width: 640px; text-align: center; margin-left: auto; margin-right: auto; display: inline-block;font-size: 16px; vertical-align: bottom}
h3.bottomleft{font-family: 'Helvetica', Arial, sans-serif; Margin:0; margin-left: 30px; text-align: left;font-size: 24px}
.randomcomic {color: #ffffff; font-size: 0; padding: 2px; display: inline-block}

.bottomright{width: 320px; text-align: center;float: right; margin-left: auto; margin-right: auto;
    display: block; vertical-align: top;  margin-bottom: 20px; position: relative}
h3.bottomright{Margin: 0}
.bottomrightlinks{font-size: 16px; text-align: center; align-content: center; margin-left: auto; margin-right: auto;
                    font-family: 'Helvetica', Arial, sans-serif; display: inline-block; width: 100%}
a.bottomrightlinks:link {color: #000000; text-decoration: underline;list-style-type: none;}
a.bottomrightlinks:visited {color: #9D9C9C; text-decoration: underline;list-style-type: none;}
a.bottomrightlinks:active {color: #000000; text-decoration: underline;list-style-type: none;}
a.bottomrightlinks:hover {color: #E300A9; text-decoration: underline;list-style-type: none;}


/* Textbl�cke auf �brigen Seiten (Archiv, Impressum etc.) */
.notice {padding-top: 30px;
    text-align: Center;
    font-family: 'Arial', sans-serif;
    display: block;
    width: 640px;
    margin-left: auto; margin-right: auto;
    vertical-align: middle;
    white-space:normal;
    background-color: #ffffff;
    clear:both;
    font-size: 16px;
    height: 100%}
a.notice:link    {display:inline; border-image:none; border-width:0; padding:0;
    color: #000000; margin-left:0; text-decoration: underline;list-style-type: none;}
a.notice:visited {display:inline; border-image:none; border-width:0; padding:0;
    color: #9D9C9C; text-decoration: none;list-style-type: underline;}
a.notice:active  {display:inline; border-image:none; border-width:0; padding:0;
    color: #000000; text-decoration: none;list-style-type: none;}
a.notice:hover   {display:inline; border-image:none; border-width:0; padding:0;
    color: #E300A9; text-decoration: none;list-style-type: none;}

.noticeB {text-align: Left;
    font-family: 'Arial', sans-serif;
    display: block;
    border:0;
    color: #000000;
    width: 100%;
    max-width: 640px;
    /* border-left-width: 35px;
       background-color: #353535;
     border-right-width: 35px;
     border-bottom-width: 35px; */
    vertical-align: middle;
    white-space:normal;
    margin:0;
    clear:both}
a.noticeB:link    {display:inline; border-image:none; border-width:0; padding:0;
    color: #000000; margin-left:0; text-decoration: underline;list-style-type: none;}
a.noticeB:visited {display:inline; border-image:none; border-width:0; padding:0;
    color: #9D9C9C; text-decoration: none;list-style-type: underline;}
a.noticeB:active  {display:inline; border-image:none; border-width:0; padding:0;
    color: #000000; text-decoration: none;list-style-type: none;}
a.noticeB:hover   {display:inline; border-image:none; border-width:0; padding:0;
    color: #E300A9; text-decoration: none;list-style-type: none;}


ul.archive {padding:0; list-style-type:none; font-size: 16px}
li.archive {display:block;list-style-position: inside;float: none; list-style-type: none;}
li a.archive {display:block;list-style-position: inside;list-style-type: none;}
a.archive:link {color: #000000; text-decoration: none;list-style-type: none;}
a.archive:visited {color: #9D9C9C; text-decoration: none;list-style-type: none;}
a.archive:active {color: #000000; text-decoration: none;list-style-type: none;}
a.archive:hover {color: #E300A9; text-decoration: none;list-style-type: none;}

/* Email-Link */
.mail {color: #FFFFFF}
a.mail:link {color: #000000; margin-left:0;background-color: #ffffff; text-decoration: none;}
a.mail:visited {color: #9D9C9C;background-color: #ffffff; text-decoration: none;}
a.mail:active {color: #000000;background-color: #ffffff; text-decoration: none;}
a.mail:hover {color: #E300A9;background-color: #ffffff; text-decoration: none;}

.footer {z-index: 1;display:block; width:100%; background-color: #646665; height: 10em; color:#FFFFFF;
    font-family: 'Helvetica', sans-serif; font-size: 16px}
.footercenter {padding: 20px; width:920px; position: relative; display: block; margin-left: auto; margin-right: auto;}

.footerlist {color: #FFFFFF;}
    li.footerlist {list-style: none;  font-weight: bold}
    a.footerlist:link {color: #FFFFFF;background-color: #646665; text-decoration: none;}
    a.footerlist:visited {color: #cccccc;background-color: #646665; text-decoration: none;}
    a.footerlist:active {color: #FFFFFF;background-color: #353535; text-decoration: none;}
    a.footerlist:hover {color: #FFFFFF;background-color: #353535; text-decoration: none;}
    
.whiteback {background:#ffffff;
    padding-left: 30px;
    padding-right: 30px;}
.darkback {text-align: left; background:#ffffff;  }