@charset "utf-8";
body {
    font-size: 15px;
    line-height: 1.4;
    margin: 0;
    margin-top: 26px;
    font-family: 'Share Tech', sans-serif;
    font-weight: normal;
    background: #2e8baa url('/img/bg.jpg') no-repeat top center;
    color: #ccc;
    overflow-x: hidden;
}

.no_login {
    background: #2e8baa url('/img/bg_logout.jpg') no-repeat top center;
}

.smallfont {
    font-size: 0.8em;
}

.gtimer {
    -webkit-transform: rotate(342deg);
    -moz-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    transform: rotate(342deg);
    writing-mode: horizontal-tb;
    font-size: 16px;
    color: #000;
    text-shadow: 1px 1px 1px #98eaff, 1px -1px 1px #98eaff, -1px 1px 1px #98eaff, -1px -1px 1px #98eaff;
    margin-top: -33px;
    height: 33px;
    margin-left: 90px;
    margin-right: -30px;
    font-weight: bold;
	pointer-events: none;
}

#awlogo {
    margin-left: 300px;
    margin-top: -50px;
}

#hampelaffe_nologin {
    width: 323px;
    height: 418px;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -161px;
    z-index: 1001;
}

#hampelaffe {
    width: 200px;
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: 0px;
    z-index: 1001;
	pointer-events: none;
}

.bosslevel_schraeg {
    -webkit-transform: rotate(342deg);
    -moz-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    transform: rotate(342deg);
    writing-mode: horizontal-tb;
    font-size: 25px;
    color: #000;
    text-shadow: 1px 1px 1px #98eaff, 1px -1px 1px #98eaff, -1px 1px 1px #98eaff, -1px -1px 1px #98eaff;
   /* margin-top: -33px;
    height: 33px;
    margin-left: 75px;
    margin-right: -30px;*/
    font-weight: bold;
	position: absolute;
	bottom: 35px;
	right: calc(50% - 80px);
	pointer-events: none;
}

.red {
    color: red;
    font-weight: bold;
}

.grey {
    font-weight: bold;
}

.orange {
    color: #996600;
    font-weight: bold;
}

.orangea {
    color: #ff9900;
    font-weight: bold;
}

.green {
    color: #336600;
    font-weight: bold;
}

.greena {
    color: #00ff00;
    font-weight: bold;
}

.waitinfo {
    color: red;
    font-size: 1.5em;
}

.ui-tabs,
.ui-widget,
.ui-widget-content,
.ui-corner-all {
    background: none;
    border: none;
}

.ui-tabs-anchor,
.ui-state-default,
.ui-corner-top,
.ui-tabs-active,
.ui-state-active {
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

#dungeons ul {
    width: auto;
    margin: 0 auto;
	display: inline-block;
}

.hidden {
    display: none;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.spacer10 {
    width: 100%;
    height: 10px;
    display: block;
}

.spacer15 {
    width: 100%;
    height: 15px;
    display: block;
}

.spacer25 {
    width: 100%;
    height: 25px;
    display: block;
}

.jslink {
    cursor: pointer;
}

#navicons {
    width: 525px;
    height: 120px;
    margin: 0 auto;
    margin-top: -50px;
}

.iconhud1 {
    width: 69px;
    height: 69px;
    background: url(/img/main/premiumicon.png)no-repeat;
    cursor: pointer;
}

.iconhud2 {
    width: 69px;
    height: 69px;
    background: url(/img/main/highscoreicon.png)no-repeat;
    margin-left: 75px;
    margin-top: -69px;
    cursor: pointer;
}

.iconhud3 {
    width: 69px;
    height: 69px;
    background: url(/img/main/posticon.png)no-repeat;
    margin-left: 150px;
    margin-top: -69px;
    cursor: pointer;
}

.iconhud4 {
    width: 69px;
    height: 69px;
    background: url(/img/main/einstellungenicon.png)no-repeat;
    margin-left: 225px;
    margin-top: -69px;
    cursor: pointer;
}

.iconhud5 {
    width: 69px;
    height: 69px;
    background: url(/img/main/logouticon.png)no-repeat;
    margin-left: 450px;
    margin-top: -69px;
    cursor: pointer;
}

.jumbotron {
    background: none;
}

.closebutton {
    padding: 6px;
    font-weight: bold;
    background: url('https://beta.apewars.de/img/bg_braune_box.jpg')no-repeat;
    border: 2px solid black;
    border-radius: 7px;
    box-shadow: inset 0 0 0 2px #655e4d, inset 0 0 0 4px #2b2620;
    float: right;
    cursor: pointer;
    position: relative;
    margin-right: -15px;
    margin-top: -15px;
    z-index: 12;
}

.standardbutton {
    background: url(/img/main/normbutton.png)no-repeat;
    width: 190px;
    height: 45px;
    font-size: 19px;
    line-height: 45px;
    text-align: center;
    cursor: pointer;
    margin: 0 auto;
}

.standardbutton:hover {
    color: #fdff73;
}

.fbbutton {
    background: url(/img/fb_login_button.png) no-repeat;
    width: 190px;
    height: 45px;
    font-size: 19px;
    line-height: 45px;
    text-align: center;
    cursor: pointer;
    margin: 0 auto;
    /*padding-left: 15px;*/
}

.fbbutton:hover {
    color: #fdff73;
}

#flaskbar {
    display: none;
    position: fixed;
    right: 0px;
    top: 50px;
    width: 100px;
    float: right;
    z-index: 12;
    background: url('/img/bg_box.jpg') repeat-x top left;
    border: 2px solid black;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: center;
    padding: 5px;
    width: 100px;
}

#close_sidebar {
    display: none;
    position: fixed;
    right: 110px;
    top: 270px;
    background: url('/img/arrow-right.png');
    background-size: 30px 30px;
    text-align: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 12;
}

#open_sidebar {
    display: none;
    position: fixed;
    right: 0px;
    top: 270px;
    background: url('/img/arrow-left.png');
    background-size: 30px 30px;
    text-align: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 12;
}

.petanz {
    width: 45px;
    height: 70px;
}

.petanz2 {
    width: 45px;
    height: 70px;
    cursor: pointer;
}

.clear {
    clear: both;
}
#char_container #charbox > .chargrafikbox
{
    margin-top: 0px !important;
}

#chardropzone
{
    height: 180px;
    position: absolute;
    width: 224px;
}

.chargrafikbox {
    width: 224px;
    height: 230px;
    margin-top: -10px;
    z-index: 1;
    position: relative;
}

.chargrafikbox2 {
    margin: 0 auto;
    width: 224px;
    /*height: 230px;*/
    margin-top: -10px;
    z-index: 1;
    position: relative;
	max-width: 100%;
}
.chargrafikbox2 img {
    width: 100%;
	height: auto;
}

.chargrafik {
    width: 224px;
    height: 230px;
}

.outerbox {
    margin-top: 132px;
}

.outerbox_nologin {
    margin-top: 351px;
}

#baumobenlinks {
    margin-bottom: -15px;
    margin-left: -30px;
    margin-top: -200px;
    z-index: 0;
}

#baumobenrechts {
    margin-bottom: -15px;
    margin-left: -35px;
    margin-top: -200px;
    z-index: 0;
}


/* Statusleisten / Lebensbalken */

.lifeplayer1 {
    width: 315px;
    height: 55px;
    text-align: left;
    padding-left: 4px;
    padding-top: 15px;
    background: url(/img/main/lebenbar.png)no-repeat;
    margin-top: 5px;
    margin-left: 10px;
}

.lifebarouter {
    width: 262px;
    height: 24px;
    text-align: left;
}

.lifebar {
    height: 24px;
    width: 262px;
    background: url(/img/main/lebenprogress.png)no-repeat;
    text-align: center;
}

.lifebartext {
    height: 24px;
    margin-top: -23px;
    width: 262px;
    text-align: center;
    color: #ccc;
    line-height: 24px;
    font-size: 25px;
}

#lifeplayer1_small {
    width: 157px;
    height: 28px;
    text-align: left;
    padding-left: 2px;
    padding-top: 7px;
    background: url(/img/main/lebenbar.png)no-repeat;
    background-size: 157px 28px;
    margin-top: 5px;
    margin-left: 10px;
}

.lifebarouter_small {
    width: 131px;
    height: 12px;
    text-align: left;
}

.lifebar_small {
    width: 131px;
    height: 12px;
    background: url(/img/main/lebenprogress.png)no-repeat;
    background-size: 131px 12px;
    text-align: center;
}

.lifebartext_small {
    height: 12px;
    margin-top: -11px;
    width: 131px;
    text-align: center;
    color: #ccc;
    line-height: 12px;
    font-size: 12px;
}

.timebarbox {
    width: 420px;
    height: 73px;
    text-align: left;
    padding-left: 5px;
    padding-top: 20px;
    background: url(/img/main/zeitbar.png)no-repeat;
    margin-top: 10px;
    margin-left: 10px;
}

.timebarouter {
    width: 348px;
    height: 31px;
    text-align: left;
}

.timebar {
    height: 31px;
    width: 348px;
    background: url(/img/main/zeitprogress.png)no-repeat;
    text-align: center;
}

.timebartext {
    height: 31px;
    margin-top: -31px;
    width: 348px;
    text-align: center;
    color: #ccc;
    line-height: 31px;
    font-size: 25px;
}

.timebarbox_small {
    width: 210px;
    height: 36px;
    text-align: left;
    padding-left: 3px;
    padding-top: 10px;
    background: url(/img/main/zeitbar.png)no-repeat;
    background-size: 210px 36px;
    margin-top: 10px;
    margin-left: 10px;
}

.timebarouter_small {
    width: 174px;
    height: 15px;
    text-align: left;
}

.timebar_small {
    height: 15px;
    width: 174px;
    background: url(/img/main/zeitprogress.png)no-repeat;
    background-size: 174px 15px;
    text-align: center;
}

.timebartext_small {
    height: 15px;
    margin-top: -15px;
    width: 174px;
    text-align: center;
    color: #ccc;
    line-height: 15px;
    font-size: 12px;
}

.spacer20 {
    height: 20px;
}

.energybox {
    width: 419px;
    height: 73px;
    text-align: left;
    padding-left: 5px;
    background: url(/img/main/energiebar.png)no-repeat;
    margin: 0 auto;
}

.energybarouter {
    width: 349px;
    height: 31px;
    text-align: left;
}

.energybar {
    height: 31px;
    width: 349px;
    background: url(/img/main/energieprogress.png)no-repeat;
    text-align: center;
}

.energybartext {
    height: 31px;
    margin-top: -31px;
    width: 349px;
    text-align: center;
    color: #ccc;
    line-height: 31px;
    font-size: 25px;
}


/* Standardboxen und Rahmen */

.mbox {
    padding: 5px 0px 5px 0px;
    background: url('/img/bg_box.jpg') repeat-x top left;
    background-color: #e8d5b7;
    margin: 0 auto;
    border: 2px solid black;
    text-align: center;
    z-index: 1;
}

.mbox_sidebar {
    /*width: 185px; */
    margin: 0px 5px 0px 5px;
    text-align: center;
}

.mbox_sidebar_right {
    background-position: top right;
}

#siegchance {
	display: none;
	color: black;
	width: 100%;
	margin-bottom: -3px;
	font-size: 25px;
	text-align: center;
	/* position: absolute; */
	/* color: #000; */
	/* font-weight: bold; */
	/* top: 120px; */
	/* margin: 0 -15px; */
	margin-bottom: 10px;
}

.bambus_top {
    width: 100%;
    height: 35px;
    margin-bottom: -3px;
    margin-left: 0px;
    background: none;
    z-index: 12;
    position: relative;
}

.bambus_bottom {
    width: 100%;
    height: 35px;
    margin-top: -3px;
    margin-left: 0px;
    background: none;
    z-index: 12;
    position: relative;
}

.bambus_left {
    background: url('/img/bambus_box_links.png') repeat-x;
    float: left;
    height: 35px;
    width: 15px;
    z-index: 12;
}

.bambus_right {
    float: right;
    background: url('/img/bambus_box_rechts.png') repeat-x;
    height: 35px;
    width: 16px;
    z-index: 12;
}

.bambus_middle {
    background: url('/img/bambus_box_mitte.png') repeat-x;
    max-width: 98%;
    height: 35px;
    margin-left: 15px;
    margin-right: 15px;
    z-index: 12;
}

.brownbox {
    background: url(/img/bg_braune_box.jpg)no-repeat;
    border: 2px solid black;
    border-radius: 10px;
    box-shadow: inset 0 0 0 2px #655e4d, inset 0 0 0 4px #2b2620;
    padding: 5px;
    width: 99%;
    margin: 0 auto;
}

.brownbox a {
    text-decoration: underline;
}

.dungeonbox {
    margin: 10px auto;
}

.ui-dialog {
    background: url(/img/bg_braune_box.jpg)no-repeat;
    border: 2px solid black;
    border-radius: 10px;
    box-shadow: inset 0 0 0 2px #655e4d, inset 0 0 0 4px #2b2620;
    padding: 5px;
    width: 99%;
    margin: 0 auto;
    color: #ccc;
}

.sidebar {
    min-width: 225px;
    margin-top: 130px;
}

#menu-mobile {
    display: none;
    padding: 0px;
}

#menu-mobile ul {
    margin: 0 auto;
    padding: 0px;
    width: 100%;
}

#menu-mobile li {
    display: block;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#menu-mobile a {
	display: block;
}

.navbar-header {
    width: 100% !important;
}

#eq_left {
    float: left;
    margin-top: 30px;
}

#eq_right {
    float: right;
    margin-top: 30px;
    width: 150px;
}

.col-md-2 {
    min-width: 225px;
}

.col-md-6 {
    min-width: 225px;
}

.navbar-fixed-top {
    z-index: 99999;
}

.navigeld {
    width: 125px;
    height: 25px;
    font-size: 21px;
    color: #00370d;
    text-align: right;
}

.navigeldicon {
    width: 39px;
    height: 35px;
    margin-top: -30px;
    margin-left: 5px;
    background: url(/img/main/geld.png)no-repeat;
}

.navidiamant {
    width: 125px;
    height: 25px;
    font-size: 21px;
    /* color:#00370d; */
    margin-top: 12px;
    text-align: right;
}

.navidiamanticon {
    width: 39px;
    height: 33px;
    margin-top: -29px;
    margin-left: 5px;
    background: url(/img/main/diamant.png)no-repeat;
}

.naviehre {
    width: 125px;
    height: 25px;
    font-size: 21px;
    color: #00370d;
    margin-top: 12px;
    text-align: right;
}

.naviehreicon {
    width: 33px;
    height: 37px;
    margin-top: -31px;
    margin-left: 5px;
    background: url(/img/main/ehre.png)no-repeat;
}

.levelprogressplatz {
    width: 163px;
    height: 40px;
    text-align: left;
    padding-left: 3px;
    padding-top: 11px;
    margin-left: 5px;
    background: url(/img/main/levelbar.png)no-repeat;
}

.levelbarausen {
    width: 118px;
    height: 17px;
    text-align: left;
}

.levelbar {
    height: 17px;
    width: 118px;
    background: url(/img/main/levelprogress.png)no-repeat;
    text-align: center;
}

.levelbartext {
    height: 17px;
    margin-top: -17px;
    width: 118px;
    text-align: center;
    color: #ccc;
    line-height: 17px;
    font-size: 16px;
}

.goldicon {
    width: 28px;
    height: 25px;
    background: url(/img/main/geld.png)no-repeat;
    background-size: 28px 25px;
    margin-left: 5px;
}

.diamanticon {
    width: 30px;
    height: 25px;
    background: url(/img/main/diamant.png)no-repeat;
    background-size: 30px 25px;
}

.ehreicon {
    width: 22px;
    height: 25px;
    background: url(/img/main/ehre.png)no-repeat;
    background-size: 22px 25px;
}

.currency_spacer {
    width: 8px;
}

.sidebar-left {
    color: #000000;
}

.menubox {
    list-style-type: none;
    color: blue;
    font-weight: bold;
    width: 140px;
    margin: 0 auto;
    padding: 0;
    font-size: 2em;
}

#charbox {
    width: 462px;
    margin: 0 auto;
}

#flasks_left {
    float: left;
    width: 120px;
    text-align: center;
    margin-top: 59px;
}

#flasks_right {
    float: right;
    width: 120px;
    text-align: center;
    margin-top: 59px;
}

#charheader {
    background: url('/img/main/charnameusw.png') no-repeat;
    width: 244px;
    height: 53px;
    line-height: 19px;
    text-align: center;
    margin-top: -25px;
    margin-left: 74px;
    padding-top: 8px;
    z-index: 12;
    position: relative;
}

#charprogress {
    text-align: center;
    border-radius: 10px;
    margin:0px;
    min-height:2px;
}
#charprogressbar {
    min-height: 2px;
    background-color: #FF8C00;
    text-align: center;
}

.charheader {
    background: url('/img/main/charnameusw.png') no-repeat;
    width: 244px;
    height: 58px;
    line-height: 19px;
    text-align: center;
    margin-top: -25px;
    margin-left: -5px;
    padding-top: 8px;
    z-index: 12;
    position: relative;
	max-width: calc(100% + 10px);
	background-size: 100% 100%;
}

.headslot {
    background: url('/img/main/helmslot.png') no-repeat;
}

.chestslot {
    background: url('/img/main/topslot.png') no-repeat;
}

.legslot {
    background: url('/img/main/hoseslot.png') no-repeat;
}

.eyeslot {
    background: url('/img/main/brilleslot.png') no-repeat;
}

.weaponslot {
    background: url('/img/main/waffeslot.png') no-repeat;
}

.fingerslot {
    background: url('/img/main/ringslot.png') no-repeat;
}

.neckslot {
    background: url('/img/main/ketteslot.png') no-repeat;
}

.waistslot {
    background: url('/img/main/guertelslot.png') no-repeat;
}

.backslot {
    background: url('/img/main/tascheslot.png') no-repeat;
}

.itemslot {
    width: 70px;
    height: 70px;
    margin: 3px 3px 8px 3px;
}

.itemslot_bottom {
    float: left;
}


/* Quests */

#questausdauerbutton {
    background: url(/img/main/normbuttond.png)no-repeat;
    width: 190px;
    height: 45px;
    font-size: 19px;
    line-height: 45px;
    text-align: center;
    cursor: pointer;
    margin: 0 auto;
}

#questausdauerbutton:hover {
    color: #fdff73;
}

.quest_img {
    width: 270px;
    height: 86px;
    background-size: 270px 86px;
}

#questbox {
    margin: 10px 10px 5px 10px;
}

.questreward {
    float: right;
    width: 200px;
    background: url('/img/bg_braune_box.jpg') no-repeat;
    opacity: 0.8;
    height: 140px;
    text-align: center;
    padding-top: 15px;
    padding-left: 4px;
}

.quest_inner {
    max-height: 220px;
}

.quest_inner_aktiv {
    max-height: 320px;
}

.quest_left {
    width: 70%;
    max-width: 440px;
    margin: 0 auto;
    float: left;
}

.quest_center {
    width: 70%;
    max-width: 440px;
    margin: 0 auto;
}

.questbg1 {
    background-image: url('/img/main/quest1.jpg');
}

.questbg2 {
    background-image: url('/img/main/quest2.jpg');
}

.questbg3 {
    background-image: url('/img/main/quest3.jpg');
}

.questbg4 {
    background-image: url('/img/main/quest4.jpg');
}

.questbg5 {
    background-image: url('/img/main/quest5.jpg');
}

.questbg6 {
    background-image: url('/img/main/quest6.jpg');
}

.questbg7 {
    background-image: url('/img/main/quest7.jpg');
}

.questbg8 {
    background-image: url('/img/main/quest8.jpg');
}

.questbg9 {
    background-image: url('/img/main/quest9.jpg');
}

.questbox {
    max-width: 755px;
    height: 140px;
}

.mode_active {
    text-decoration: underline;
}


/* Inventar */

#inventar {
    width: 100%;
    height: 250px;
    background: url(../../img/bg_braune_box.jpg)no-repeat;
    border: 2px solid black;
    border-radius: 10px;
    box-shadow: inset 0 0 0 2px #655e4d, inset 0 0 0 4px #2b2620;
    margin: 0 auto;
    margin-top: -15px;
    margin-bottom: 5px;
}

#inventarmenu {
    width: 100%;
    margin-top: 10px;
    position: relative;
    z-index: 12;
}

#inventarslots,
#inventarslots2,
#inventarslots3 {
    width: 250px;
    margin: 0 auto;
    margin-top: 20px;
}

#inventarslots table,
th,
td {
    border: none;
}

#inventarslots2 table,
th,
td {
    border: none;
}

#inventarslots3 table,
th,
td {
    border: none;
}

#inventarslots td,
#inventarslots2 td,
#inventarslots3 td {
    border: none;
    width: 50px;
    height: 50px;
    background: url('/img/main/invslots.png') no-repeat;
    background-size: 50px 50px;
}

.menubutton {
    background: url('https://beta.apewars.de/img/bg_braune_box.jpg')no-repeat;
    border: 2px solid black;
    border-radius: 7px;
    box-shadow: inset 0 0 0 2px #655e4d, inset 0 0 0 4px #2b2620;
    margin-left: 5px;
    padding: 3px;
    float: left;
    min-width: 55px;
    cursor: pointer;
    position: relative;
}

.menubutton a {
    text-decoration: none;
}

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

.sidemenu {
    background: url(/img/main/navibutton.png)no-repeat;
    width: 140px;
    height: 41px;
    background-size: 140px 41px;
    color: #003336;
    cursor: pointer;
    font-size: 22px;
    line-height: 38px;
    text-align: center;
    font-weight: bold;
}

.sidemeniu:hover {
    color: #ccc;
}

.sidemenu a {
    color: #000000;
	display: block;
	height: 100%;
	width: 100%;
}

.sidemenu a:visited {
    color: #000000;
}

.sidemenu a:hover {
    text-decoration: none;
}


/* Statuswert Tabelle */

.statustable {
    margin: 15px 5px 3px 5px;
}

.tbwertimg {
    width: 35px;
    height: 35px;
    align: center;
    vertical-align: center;
}

.wertimg {
    width: 35px;
    height: 35px;
}

.tbwert {
    width: 165px;
    height: 35px;
}

.tbplus {
    width: 35px;
    height: 35px;
}

.plusbutton {
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url(/img/main/plusbutton.png)no-repeat;
}

.plusbutton:hover {
    background: url(/img/main/plusbuttona.png)no-repeat;
}

.statusbox {
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
}

.lowerbox {
    margin-top: 30px;
}

#status_buttonleiste {
    margin: 0 auto;
    margin-bottom: -45px;
    position: relative;
    z-index: 12;
}

#abz_buttonleiste {
    width: 100%;
    margin: 0 auto;
    margin-bottom: -15px;
    position: relative;
    z-index: 12;
}

.abzeichenbox {
    width: 100%;
    height: 100%;
}

#chardesc {
    display: none;
}

#speichernbuttonn {
    width: 190px;
    height: 45px;
    line-height: 45px;
    font-size: 19px;
    text-align: center;
    cursor: pointer;
    background: url(../../img/main/normbutton.png)no-repeat;
    margin: 10px auto;
}

#speichernbuttonn:hover {
    color: #fdff73;
}

#beschreibungdiv {
    width: 230px;
    height: 330px;
    margin-left: 30px;
    margin-top: 10px;
    border: 0px none;
    background: none;
    line-height: 22px;
    font-family: 'Share Tech', sans-serif;
    resize: none;
}

.abz_table tr {
    height: 60px;
}

.buttonleiste {
    height: 30px;
    margin: 0 auto;
    margin-bottom: -20px;
    position: relative;
    z-index: 10;
    padding-left: 5px;
}
.lowerbox > .buttonleiste:nth-child(1) {
    margin-top: 5px;
}

#marktdropp {
    margin-top: 3px;
}

/* Nachrichten / Mailbox */

#mailbox .readmsg {
	color: inherit;
}

#pnpopup .fa,
#mailbox .fa {
	cursor: pointer;
}

#mailbox .setread.unread {
	color: #658D2A;
}

#pnpopup {
    display: none;
    width: 500px;
    z-index: 10000;
    position: absolute;
    top: 20%;
    left: calc(50% - 250px);
}

#pnpopup_close {
	position: absolute;
	top: -5px;
	right: -5px;
	font-size: 20px;
}

#pnpopup_actions {
	text-align: left;
}

#inbox {
    width: 100%;
    text-align: left;
}

.msgtopic {
    font-weight: bold;
}

.sendmail {
    width: 95%;
    text-align: left;
    margin: 25px auto;
}

.empfang {
    width: 50%;
    background: url(/img/start/fehler2.png);
    height: 25px;
    font-family: 'Share Tech', sans-serif;
    border: 1px solid #ccc;
    padding-left: 3px;
}

.betreff {
    width: 95%;
    background: url(/img/start/fehler2.png);
    height: 25px;
    font-family: 'Share Tech', sans-serif;
    border: 1px solid #ccc;
    padding-left: 3px;
}

.inhalttext {
    width: 95%;
    height: 275px;
    background: url(/img/start/fehler2.png);
    font-family: 'Share Tech', sans-serif;
    border: 1px solid #ccc;
    resize: none;
}

.sendenbutton {
    width: 190px;
    height: 45px;
    background: url(/img/main/normbutton.png)no-repeat;
    cursor: pointer;
    font-size: 19px;
    text-align: center;
    line-height: 45px;
    margin: 5px auto;
}

.sendenbutton:hover {
    color: #fdff73;
}


/* Einstellungen */

#emailbox {
    display: none;
}

.settingsbox {
    margin: 25px auto;
    text-align: center;
}

.settingsinputbox {
    background: url(/img/portal/regiinput.png)no-repeat;
    width: 219px;
    height: 39px;
    padding-top: 9px;
    margin: 5px auto;
}

.settingsinput {
    background: transparent;
    border: none;
    width: 205px;
    height: 26px;
    margin: 0 auto;
}


/* Arena */

.statusbox_a {
    max-width: 462px;
    margin: 0 auto;
}

#status_buttonleiste_a {
    margin: 0 auto;
    margin-bottom: -15px;
    position: relative;
    z-index: 12;
    max-width: 462px;
}

.profilangriffbtn2 {
    width: 190px;
    height: 45px;
    background: url(../../img/main/normbutton.png)no-repeat;
    cursor: pointer;
    font-size: 19px;
    text-align: center;
    line-height: 45px;
    margin: 0 auto;
}

.profilangriffbtn2:hover {
    color: #fdff73;
}

.arenasofortbutton {
    width: 190px;
    height: 45px;
    background: url(../../img/main/normbutton.png)no-repeat;
    cursor: pointer;
    font-size: 19px;
    text-align: center;
    line-height: 45px;
    margin: 0 auto;
}

.arenasofortbutton:hover {
    color: #fdff73;
}

#char_container {
    margin: 0 auto;
    width: 470px;
}

.char_container {
    margin: 0 auto;
    width: 235px;
	max-width: 100%;
}

#fight {
    display: none;
}

#fight_self {
    width: 49%;
    float: left;
}

#fight_enemy {
    width: 49%;
}

.fightbox {
    margin-top: 20px;
}


/* Nachtwache */

#nachtwache {
    margin: 15px;
}

.belohnung {
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
}

.dauer {
    font-weight: bold;
    text-align: center;
    color: red;
    margin-bottom: 80px;
}

.nw_box {
    margin-top: 15px;
    width: 100%;
    float: left;
}

.arbeitstart {
    width: 190px;
    height: 45px;
    line-height: 45px;
    font-size: 19px;
    background: url(/img/main/normbutton.png)no-repeat;
    /*margin: 5px 5px 5px 5px;*/
    float: left;
    text-align: center;
    cursor: pointer;
	max-width:33.333333%;
	background-size: calc(100% - 10px) calc(100% - 10px);
	background-position: center;
}

.arbeitstart:hover {
    color: #fdff73;
}

.arbeitstart_np {
    width: 190px;
    height: 45px;
    line-height: 45px;
    font-size: 19px;
    background: url(/img/main/normbutton.png)no-repeat;
    /*margin: 5px 5px 5px 5px;*/
    float: left;
    text-align: center;
    cursor: help;
	max-width:33.333333%;
	background-size: calc(100% - 10px) calc(100% - 10px);
	background-position: center;
    opacity: 0.5;
}

.arbeitstart_np:hover {
    color: #fdff73;
}

.nw_dauer {
    color: red;
}

#nw_reward {
    color: green;
}

.annehmbutton {
    width: 190px;
    height: 45px;
    background: url(/img/main/normbutton.png) no-repeat;
    cursor: pointer;
    font-size: 19px;
    text-align: center;
    line-height: 45px;
    margin: 0px auto;
	max-width: 100%;
	background-size: calc(100% - 10px) calc(100% - 10px);
	background-position: center;
}

.annehmbutton:hover {
    color: #fdff73;
}

.belohnungdauer {
    color: red;
}

.zeitprogressplatz {
    width: 420px;
    height: 73px;
    text-align: left;
    padding-left: 5px;
    padding-top: 20px;
    background: url(../../img/main/zeitbar.png)no-repeat;
    margin: 10px auto;
}

.zeitbarausen {
    width: 348px;
    height: 31px;
    text-align: left;
}

.zeitbar {
    height: 31px;
    width: 348px;
    background: url(../../img/main/zeitprogress.png)no-repeat;
    text-align: center;
}

.zeitbartext {
    height: 31px;
    margin-top: -31px;
    width: 348px;
    text-align: center;
    color: #ccc;
    line-height: 31px;
    font-size: 25px;
}

.abbruchbutton {
    width: 190px;
    height: 45px;
    background: url(/img/main/normbutton.png)no-repeat;
    cursor: pointer;
    line-height: 45px;
    font-size: 19px;
    margin: 10px auto;
    text-align: center;
}

.abbruchbutton:hover {
    color: #fdff73;
}

.nw_buttons {
	width: 75%;
	float: left;
}

.nw_reward {
    /*margin: 20px 0px 0px 0px;*/
	width: 25%;
    float: right;
}


/* Markt */

.dragitem {
    position: relative;
    width: 49px;
    height: 49px;
    margin: 0;
    padding: 1px;
    border: none;
    background: none;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    z-index: 2;
}

.marktitem {
    width: 70px;
    height: 70px;
}

.equip {
    width: 70px !important;
    height: 70px !important;
}

.werkbankupgrade {
    width: 70px;
    height: 70px;
    background: url(/img/main/itemslot.png) no-repeat;
    margin-top: -2px;
    margin-left: 10px;
}

.werkbankbutton {
    width: 190px;
    height: 45px;
    line-height: 43px;
    text-align: center;
    background: url(/img/main/normbuttond.png)no-repeat;
    margin-top: 2px;
    cursor: pointer;
    font-size: 19px;
    margin: auto;
}

.werkbankbutton:hover {
    color: #fdff73;
}

.marktslot {
    width: 70px;
    height: 70px;
    background: url(/img/main/itemslot.png) no-repeat;
    margin-top: 1px;
    float: left;
}

.neuewarebutton {
    width: 190px;
    height: 45px;
    line-height: 43px;
    text-align: center;
    background: url(../../img/main/normbuttond.png)no-repeat;
    margin-top: 5px;
    margin: 0 auto;
    cursor: pointer;
    font-size: 19px;
}

.neuewarebutton:hover {
    color: #fdff73;
}

.kaufenbuttondia {
    width: 190px;
    height: 45px;
    line-height: 43px;
    text-align: center;
    background: url(../../img/main/normbuttond.png)no-repeat;
    margin-top: 5px;
    margin: 0 auto;
    cursor: pointer;
    font-size: 19px;
}

.kaufenbuttondia:hover {
    color: #fdff73;
}

.werkbankbox {
    height: 175px;
}

#markt_inner {
    width: 280px;
    margin: 15px auto;
}


/* Premium */

#premiumbox {
    margin: 5px;
}

#buypremium {
    width: 600px;
    margin: 15px auto;
}

.boostbutton {
    width: 190px;
    height: 45px;
    margin: 5px auto;
    cursor: pointer;
    background: url('/img/main/normbuttond.png') no-repeat;
    font-size: 19px;
    line-height: 45px;
    text-align: center;
}

.boostbutton:hover {
    color: #fdff73;
}

.boost {
    width: 200px;
    height: 120px;
    margin: 5px auto;
    float: left;
}

.boost1img {
    width: 75px;
    height: 70px;
    margin-left: 63px;
    background: url(/img/pets/energieg.png)no-repeat;
}

.boost1img_inv {
    width: 75px;
    height: 70px;
    margin-left: 63px;
    background: url(/img/pets/energieg_inv.png)no-repeat;
}

.boost2img {
    width: 75px;
    height: 70px;
    margin-left: 63px;
    background: url(/img/pets/angriffg.png)no-repeat;
}

.boost2img_inv {
    width: 75px;
    height: 70px;
    margin-left: 63px;
    background: url(/img/pets/angriffg_inv.png)no-repeat;
}

.boost3img {
    width: 75px;
    height: 70px;
    margin-left: 63px;
    background: url(/img/pets/lebeng.png)no-repeat;
}

.boost3img_inv {
    width: 75px;
    height: 70px;
    margin-left: 63px;
    background: url(/img/pets/lebeng_inv.png)no-repeat;
}

.boost4img {
    width: 75px;
    height: 70px;
    margin-left: 63px;
    background: url(/img/pets/kritg.png)no-repeat;
}

.boost4img_inv {
    width: 75px;
    height: 70px;
    margin-left: 63px;
    background: url(/img/pets/kritg_inv.png)no-repeat;
}

.boost5img {
    width: 75px;
    height: 70px;
    margin-left: 63px;
    background: url(/img/pets/geschickg.png)no-repeat;
}

.boost5img_inv {
    width: 75px;
    height: 70px;
    margin-left: 63px;
    background: url(/img/pets/geschickg_inv.png)no-repeat;
}

.boost6img {
    width: 75px;
    height: 70px;
    margin-left: 63px;
    background: url(/img/pets/energiek.png)no-repeat;
}

.boost6img_inv {
    width: 75px;
    height: 70px;
    margin-left: 63px;
    background: url(/img/pets/energiek_inv.png)no-repeat;
}

#box_kaufen,
#box_gratis {
    display: none;
}


/* Dungeons */

#dungeons {
/*    width: 99%;
    margin: 5px auto; */
}

#boss_auswahl .ui-tabs-panel {
    padding: 0px !important;
}

#boss_auswahl {
    padding: 15px;
}

#bullet_left {
    position: absolute;
    height: 34px;
    width: 55px;
    top: 130px;
    left: 20%;
    background-image: url('/img/main/bullet.png');
	z-index: 10;
	opacity: 0;
}

#bullet_right {
    position: absolute;
    height: 34px;
    width: 55px;
    top: 130px;
    left: 70%;
    background-image: url('/img/main/bulletr.png');
	z-index: 10;
	opacity: 0;
}

#hit {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 100px;
    color: red;
    font-weight: bold;
    font-size: 2em;
    margin: 0 auto;
	z-index: 9;
}

.dungeon {
    width: calc(25% - 12px);
    margin: 6px;
    float: left;
	position: relative;
}

.dungeon img {
	margin: 0 auto;
}

#result {
    color: black;
    font-weight: bold;
}

#infobox {
    display: none;
    font-weight: normal !important;
}

.dungeonbutton {
    width: 50px;
    height: 50px;
    margin: 5px;
    float: left;
    background: url(/img/main/icon.png)no-repeat;
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
	color: #ccc;
}

.dungeonbutton1 {
    width: 50px;
    height: 50px;
    margin-top: 10px;
    margin-left: 0px;
    background: url(../../img/main/icon.png)no-repeat;
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
    position: absolute;
}

.dungeonbutton2 {
    width: 50px;
    height: 50px;
    margin-top: 10px;
    margin-left: 77px;
    background: url(../../img/main/icon.png)no-repeat;
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
    position: absolute;
}

.dungeonbutton3 {
    width: 50px;
    height: 50px;
    margin-top: 10px;
    margin-left: 154px;
    background: url(../../img/main/icon.png)no-repeat;
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
    position: absolute;
}

.dungeonbutton4 {
    width: 50px;
    height: 50px;
    margin-top: 10px;
    margin-left: 231px;
    background: url(../../img/main/icon.png)no-repeat;
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
    position: absolute;
}

.baumslottext {
    color: #ccc;
}

.bossdetails {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1000;
    position: fixed;
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, .5);
	top: 0;
	left: 0;
}
.detailbox-container {
	height: 100%;
	width: 100%;
	display: flex;
}
.detailbox {
    width: 250px;
    margin: auto;
    opacity: 1.0;
    text-align: center;
}

.bosskampfbutton {
    width: 190px;
    height: 45px;
    background: url(../../img/main/normbutton.png)no-repeat;
    cursor: pointer;
    font-size: 19px;
    text-align: center;
    line-height: 45px;
    margin: 15px auto;
}

.bosskampfbutton:hover {
    color: #fdff73;
}

.bossinfo {
    margin-top: 25px;
}

#reward {
    display: none;
    width: 250px;
    z-index: 10000;
    position: absolute;
    top: 20%;
    left: calc(50% - 125px);
}

#youlost {
    display: none;
    width: 250px;
    z-index: 1000;
    position: absolute;
    top: 20%;
    left: calc(50% - 125px);
}

#noreward {
    display: none;
    width: 250px;
    z-index: 1000;
    position: absolute;
    top: 20%;
    left: 35%;
}

#overlay {
    display: none;
    position: fixed;
    z-index: 999;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: #000;
    -ms-filter: "Alpha(Opacity=50)";
    -moz-opacity: 0.50;
    opacity: 0.50;
}

#bossdata {
    /*margin-top: -8px;*/
}

#playerdata {
    /*margin-top: -8px;*/
}

#halfboss {
    cursor: pointer;
}

.disabled {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}

#boss_wartezeit {
    width: 185px;
    margin: 0 auto;
    text-align: center;
}

#bossfight {
    margin-top: 10px;
	position: relative;
}


/* Ranglisten */

.pfeillinks {
    width: 50px;
    height: 49px;
    background: url(/img/main/pfeillinks.png)no-repeat;
    cursor: pointer;
    float: left;
    margin-bottom: -20px;
}

.pfeillinks:hover {
    background: url(/img/main/pfeillinksa.png)no-repeat;
}

.pfeilrechts {
    width: 50px;
    height: 49px;
    background: url(/img/main/pfeilrechts.png)no-repeat;
    cursor: pointer;
    float: right;
    margin-bottom: -20px;
}

.pfeilrechts:hover {
    background: url(/img/main/pfeilrechtsa.png)no-repeat;
}

#rankingsuche {
    margin: 0 auto;
    width: 219px;
    height: 43px;
    margin-left: 50px;
    background: url(/img/main/regiinput.png)no-repeat;
}

#rankingtable {}

#rsuche {
    margin-top: 10px;
    background: transparent;
    border: none;
}

#dynatable-query-search-rankingtable {
    display: none;
}

#dynatable-search-rankingtable {
    display: none;
}

#dynatable-pagination-links-rankingtable {
    padding-top: 10px;
}

.dynatable-page-link {
    font-weight: bold;
    background: none;
}

.dynatable-page-link:hover {
    background: none;
}

#sysmsg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	background-color: rgba(0,0,0,0.6);
	z-index: 99999;
}

#sysmsg .brownbox {
	margin: auto;
	width: auto !important;
	text-align: center;
}


/* Media Queries */

.mode_small {
    display: none;
}

.mode_big {
    display: block;
}

@media (max-width: 567px) {
    .zeitprogressplatz {
        width: 210px;
        height: 36px;
        text-align: left;
        padding-left: 5px;
        padding-top: 20px;
        background: url(../../img/main/zeitbar.png)no-repeat;
        background-size: 210px 36px;
        margin: 10px auto;
    }
    .zeitbarausen {
        width: 174px;
        height: 15px;
        text-align: left;
    }
    .zeitbar {
        height: 15px;
        width: 174px;
        background: url(../../img/main/zeitprogress.png)no-repeat;
        background-size: 174px 15px;
        text-align: center;
        margin-top: -10px;
    }
    .zeitbartext {
        height: 15px;
        margin-top: -14px;
        width: 174px;
        text-align: center;
        color: #ccc;
        line-height: 15px;
        font-size: 12px;
    }
    .lowerbox {
        float: none;
        min-width: 280px;
    }
}

@media (min-width: 568px) {
    .chargrafikbox {
        margin-left: 82px;
    }
    #eq_left,
    #eq_right {
        margin-top: 0px;
    }
}

@media (min-width: 606px) and (max-width: 639px) {
    .col-md-6 {
        width: 50%;
        float: left;
        margin: 0;
        padding: 4px;
    }
}

@media (min-width: 568px) and (max-width: 639px) {
    #flasks_left,
    #flasks_right {
        display: none;
    }
    .sidebar {
        display: none !important;
    }
    #inventarslots,
    #inventarslots2,
    #inventarslots3 {
        width: 250px;
        margin: 0 auto;
        margin-top: 15px;
    }
    .statusbox {
        margin-top: 30px;
    }
    .lowerbox {
        margin-top: 0px;
    }
    #status_buttonleiste {
        margin: 0 auto;
        margin-bottom: -45px;
        position: relative;
        z-index: 12;
    }
}

@media (min-width: 640px) and (max-width: 767px) {
    .col-md-6 {
        width: 50%;
        float: left;
    }
    .sidebar {
        display: none !important;
    }
    #inventarslots,
    #inventarslots2,
    #inventarslots3 {
        width: 250px;
        margin: 20px auto;
    }
    .statusbox {
        margin-top: 30px;
    }
    .lowerbox {
        margin-top: 0px;
    }
    #status_buttonleiste {
        margin: 0 auto;
        margin-bottom: -45px;
        position: relative;
        z-index: 12;
    }
}

@media (max-width: 767px) {
    #awlogo {
        height: 65px;
        margin: 0 auto;
        margin-top: -50px;
    }
    .awlogo {
        width: 75%;
    }
    #flasks_left,
    #flasks_right {
        display: none;
    }
    #questbox {
        margin: 10px 5px 5px 5px;
    }
    .quest_inner {
        max-height: 350px;
    }
    .quest_left {
        float: none;
        width: 100%;
    }
    .break {
        display: inline;
    }
    /* Kleinere Lebensbalken */
    #lifeplayer1 {
        width: 157px;
        height: 28px;
        text-align: left;
        padding-left: 2px;
        padding-top: 7px;
        background: url(/img/main/lebenbar.png)no-repeat;
        background-size: 157px 28px;
        margin-top: 5px;
        margin-left: 10px;
    }
    .lifeplayer1 {
        width: 157px;
        height: 28px;
        text-align: left;
        padding-left: 2px;
        padding-top: 7px;
        background: url(/img/main/lebenbar.png)no-repeat;
        background-size: 157px 28px;
        margin: 5px auto;
    }
    .lifebarouter {
        width: 131px;
        height: 12px;
        text-align: left;
    }
    .lifebar {
        width: 131px;
        height: 12px;
        background: url(/img/main/lebenprogress.png)no-repeat;
        background-size: 131px 12px;
        text-align: center;
    }
    .lifebartext {
        height: 12px;
        margin-top: -11px;
        width: 131px;
        text-align: center;
        color: #ccc;
        line-height: 12px;
        font-size: 12px;
    }
    /*.nw_reward {
        margin: 20px 0px 0px -50px;
        width: 200px;
        height: 300px;
    }*/
    .dungeonbutton {
        width: 35px;
        height: 35px;
        margin: 3px;
        float: left;
        background: url(/img/main/icon.png)no-repeat;
        background-size: 35px 35px;
        font-size: 16px;
        line-height: 34px;
        text-align: center;
        cursor: pointer;
    }
    #buypremium {
        width: 100%;
    }
	#buypremium .boost {
		float: none;
		display: inline-block;
	}
}

@media (min-width: 768px) {
    .middlebox {
        width: 99%;
        min-width: 760px;
    }
    .nw_box {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .sidebar {
        display: none !important;
    }
    .container {
        width: 100%;
        min-width: 760px;
    }
    .col-md-2,
    .col-md-8 {
        float: left;
    }
    .col-md-8 {
        width: 100%;
    }
    .col-md-6 {
        width: 50%;
        float: left;
    }
    .navbar-toggle {
        display: inline;
    }
    .statusbox {
        margin-top: 30px;
    }
    .lowerbox {
        margin-top: 0px;
    }
    #status_buttonleiste {
        margin: 0 auto;
        margin-bottom: -45px;
        position: relative;
        z-index: 12;
    }
    #inventarslots,
    #inventarslots2,
    #inventarslots3 {
        width: 250px;
        margin: 0 auto;
        margin-top: 15px;
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .navbar-toggle {
        display: inline;
    }
    .statusbox {
        margin-top: 30px;
    }
    .lowerbox {
        margin-top: 0px;
    }
    #status_buttonleiste {
        margin: 0 auto;
        margin-bottom: -45px;
        position: relative;
        z-index: 12;
    }
    .sidebar {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .col-md-8 {
        width: 75%;
    }
    .middlebox {
        width: 99%;
        min-width: 760px;
    }
    .col-md-2 {
        min-width: 225px;
    }
    .sidebar {
        display: none !important;
    }
}


/*
@media (max-width: 1024px) {
	.dungeon {
		margin: 6px;
	}
}
*/

@media (max-width: 1280px) {
    .container {
        width: 100%;
        max-width: 845px;
    }
    .navbar-toggle {
        display: inline;
    }
    #hampelaffe_nologin {
        display: none;
    }
    #hampelaffe {
        display: none;
    }
    .sidebar {
		display: none;
	}
	.lowerbox {
        margin-top: 0px;
    }
}

@media (min-width: 1281px) {
    .col-md-8 {
        width: 60%;
    }
    .col-md-2 {
        min-width: 225px;
    }
    .statusbox {
        margin-top: 30px;
    }
    .lowerbox {
        margin-top: 0px;
    }
    #status_buttonleiste {
        margin: 0 auto;
        margin-bottom: -45px;
        position: relative;
        z-index: 12;
    }
}

@media (min-width: 1600px) {
    .gold-etc {
        display: none !important;
    }
    .row {
        width: 1400px;
    }
    .navbar {
        display: none;
    }
    .container {
        width: 100%;
        max-width: 1292px;
        text-align: center;
    }
    .statusbox {
        margin-top: 30px;
    }
    #status_buttonleiste {
        margin-top: -30px;
    }
    .lowerbox {
        margin-top: 30px;
    }
    .mbox > div:nth-child(3){
        margin-top: 0px !important;
    }
}

@media (max-width: 1599px) {
    .sidebar-left {
        display: none !important;
    }
	.middlebox {
		margin-left: 8.33333333%;
	}
    .navigeld {
		color:#00cc33;
	}
}

@media (max-width: 567px) {
    /* Bars */
    .mode_small {
        display: block;
    }
    .mode_big {
        display: none;
    }
    .menubutton {
        min-width: 45px;
    }
    .energybox {
        width: 210px;
        height: 36px;
        text-align: left;
        padding-left: 3px;
        background: url(/img/main/energiebar.png)no-repeat;
        background-size: 210px 36px;
        margin: 0 auto;
    }
    .energybarouter {
        width: 174px;
        height: 15px;
        text-align: left;
        margin-top: -10px;
    }
    .energybar {
        height: 15px;
        width: 174px;
        background: url(/img/main/energieprogress.png)no-repeat;
        background-size: 174px 15px;
        text-align: center;
    }
    .energybartext {
        height: 15px;
        margin-top: -15px;
        width: 174px;
        text-align: center;
        color: #ccc;
        line-height: 15px;
        font-size: 12px;
    }
    #nachtwache {
        margin: 5px 5px 5px 5px;
    }
    .sidebar {
        display: none !important;
    }
    .col-md-8 {
        width: 99%;
        padding: 0;
    }
    .col-md-6 {
        width: 99%;
    }
    .rightbox {
        margin-top: 5px;
    }
    .container {
        width: 100%;
        padding: 0;
        margin: 0 auto;
    }
    #charbox {
        width: 226px;
        margin: 0 auto;
    }
    #char_container {
        width: 265px;
    }
    #flasks_left,
    #flasks_right {
        display: none;
    }
    .middlebox {
        width: 100%;
        padding: 0;
        margin: 0 auto;
    }
    #eq_right,
    #eq_left {
        height: 225px;
        position: relative;
        top: 230px;
    }
    #eq_right {
        width: 150px;
    }
    #eq_left {
        margin-left: 0px;
    }
    .chargrafikbox {
        margin: 0 auto;
        margin-top: -450px;
        float: left;
        bottom: 250px;
    }
    #charheader {
        margin: 0 auto;
        margin-top: -25px;
        z-index: 12;
    }
    #inventarslots {
        width: 250px;
        margin: 20px auto;
    }
    #inventarslots2 {
        width: 230px;
        margin: 20px auto;
        display: none;
    }
    #inventarslots3 {
        width: 230px;
        margin: 20px auto;
        display: none;
    }
    #navicons {
        width: 280px;
        height: 90px;
        margin-top: 50px;
    }
    .iconhud1 {
        width: 50px;
        height: 50px;
        background-size: 50px 50px;
    }
    .iconhud2 {
        width: 50px;
        height: 50px;
        background-size: 50px 50px;
        margin-left: 56px;
        margin-top: -50px;
    }
    .iconhud3 {
        width: 50px;
        height: 50px;
        background-size: 50px 50px;
        margin-left: 112px;
        margin-top: -50px;
    }
    .iconhud4 {
        width: 50px;
        height: 50px;
        background-size: 50px 50px;
        margin-left: 168px;
        margin-top: -50px;
    }
    .iconhud5 {
        width: 50px;
        height: 50px;
        background-size: 50px 50px;
        margin-left: 224px;
        margin-top: -50px;
    }
    #charinfo {
        position: absolute;
        top: 9px;
        left: 0px;
        width: 100%;
        text-align: center;
    }
    .navbar-brand {
        padding: 15px 10px 15px 10px;
    }
    .questreward {
        float: none;
        text-align: center;
    }
    .quest_left {
        width: 100%;
    }
    #awlogo {
        height: 65px;
        margin: 0 auto;
    }
    /*.nw_buttons {
        position: absolute;
        width: 200px;
        top: 10px;
        left: 12%;
        float: none;
    }*/
    /*.nw_reward {
        margin: 0 auto;
        margin-top: 320px;
        width: 200px;
        height: 150px;
        float: none;
    }*/
}

#nowork {
    position: relative;
}

.container {
    padding: 2px;
}

.outerbox {
    padding: 2px;
}

.row {
    padding: 0;
    margin: 0;
}

.mbox_middle {
    margin-left: 1px;
    margin-right: 1px;
}

.tooltip_white {}

.tooltip_blue {
    color: #3366ff;
}

.tooltip_yellow {
    color: yellow;
}

.tooltip_purple {
    color: #cc0099;
}

.tooltip_rot {
	color: red;
}

.qtip-apewars {
    text-align: center !important;
    line-height: 20px;
    background: url(/img/bg_braune_box.jpg)no-repeat;
    border: 2px solid black;
    border-radius: 10px;
    box-shadow: inset 0 0 0 2px #655e4d, inset 0 0 0 4px #2b2620;
    padding: 5px;
    margin: 0 auto;
    font-family: 'Share Tech', sans-serif;
    font-size: 15px;
    color: #ccc;
}

.starsleft {
    position: relative;
    margin: -15px 0px 0px 5px;
    float: left;
    width: 24px;
    z-index: 12;
}

.starsright {
    position: relative;
    margin: -15px 5px 0px 0px;
    float: right;
    width: 24px;
    z-index: 12;
}

.starsleft_small {
    position: relative;
    margin: -8px 0px 0px 3px;
    float: left;
    width: 12px;
    height: 4px;
    z-index: 12;
}

.starsright_small {
    position: relative;
    margin: -8px 2px 0px 0px;
    float: right;
    width: 12px;
    height: 4px;
    z-index: 11;
}

.bagitem {
    width: 47px;
    height: 47px;
}

.bagslot {
    min-width: 49px;
    min-height: 49px;
}

.petanz {
    cursor: help;
}

.petanz2 {
    cursor: pointer;
}

.table_tooltip {
    text-align: left;
    margin: 0 auto;
}

.table_tooltip td {
    padding-left: 10px;
}

.tooltip {
    line-height: 1.2em;
}

#premium-confirm {
    display: none;
}

#kaufen-confirm {
    display: none;
}

#verkaufen-confirm {
    display: none;
}

#infobox {
    display: none;
    font-weight: normal !important;
}

#infotext {}

.ui-widget {
    z-index: 20;
    font-size: 1em;
    font-family: 'Share Tech', sans-serif;
}

.ui-draggable-dragging {
    cursor: -webkit-grabbing !important; 
    cursor: -moz-grabbing !important;
}

.ui-dialog-title {
    color: #ccc;
}

.ui-dialog-content {
    color: #ccc;
}

.ui-button {
    background: url(/img/bg_braune_box.jpg)no-repeat !important;
    border: 2px solid black !important;
    border-radius: 10px;
    box-shadow: inset 0 0 0 2px #655e4d, inset 0 0 0 4px #2b2620;
    padding: 5px;
    width: 99%;
    margin: 0 auto;
    color: #ccc;
}

.ui-button-text {
    color: #ccc;
}

.ui-button-text:hover {
    color: #fdff73;
}

.ui-button:hover {
    color: #fdff73;
}

.ui-state-focus {
    border: none !important;
    background-color: none !important;
}

.ui-widget-overlay {
    background: none;
    background-color: #000000 !important;
    opacity: .50;
    filter: Alpha(Opacity=50);
    -ms-filter: "Alpha(Opacity=50)";
    -moz-opacity: 0.50;
}

.ui-tooltip,
.qtip {
    position: absolute;
    left: -10000em;
    top: -10000em;
    max-width: 600px;
    min-width: 150px;
    font-size: 15px;
}

.tooltip_container {
    width: 570px;
}

.item_tooltip {
    text-align: center;
    width: 280px;
    padding: 10px;
    float: left;
}

.vergleich_tooltip {
    float: right;
    padding: 10px;
    width: 280px;
    text-align: center;
    height: 100%;
}

.soeldner_tooltip {
    width: 130px;
    float: left;
    margin-bottom: 10px;
}

.tooltip_itemname {
	display: inline-block;
	min-height: 37px;
}

#trenndiv {
    height: 200px;
    width: 6px;
    background-color: #655e4e;
    border: 2px solid #282820;
    margin: auto;
    margin-left: 280px;
}


/* Loginseite */

.platz5px {
    height: 5px;
}

#logo {
    width: 100%;
    height: 120px;
}

#main {
    width: 470px;
    margin: 0 auto;
    text-align: center;
}

#login {
    margin: 15px auto;
    padding: 5px;
    height: 280px;
    min-width: 230px;
}

#agbetc {
    margin-top: 45px;
    height: 270px;
    width: 90%;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    color: #000;
    font-size: 14px;
}

#datenschutzetc {
    margin-top: 45px;
    height: 270px;
    width: 90%;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    color: #000;
    font-size: 14px;
}

#impressumetc {
    margin-top: 45px;
    height: 270px;
    width: 90%;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    color: #000;
    font-size: 14px;
}

.logscreen {
    width: 454px;
    height: 141px;
    background: url(../../img/portal/screen.png)no-repeat;
    margin-top: 10px;
}

#anmeldung {
    margin: 15px auto;
    padding: 5px;
    min-width: 230px;
    height: 280px;
}

#gameinfoplatz {
    width: 350px;
    height: 250px;
    margin-top: -360px;
    margin-left: 258px;
    position: absolute;
    display: none;
    background: url(../../img/start/fehler3.png);
    border: 2px solid #fff;
}

.logins {
    width: 96px;
    height: 38px;
    background: url(../../img/portal/logins.png)no-repeat;
    margin-left: 45px;
}

.loginstxt1 {
    color: #462b1a;
    width: 100%;
    height: 38px;
    font-family: 'Indie Flower', cursive;
    font-weight: bold;
    font-size: 1.7em;
    text-align: center;
    text-shadow: -1px 0 1px red, 0 1px 1px red, 1px 0 1px red, 0 -1px 1px red, -2px 1px 2px black, 1px 2px 2px black, 2px 1px 2px black, 1px -2px 2px black;
}

.loginstxt {
    color: #d36223;
    width: 100%;
    height: 38px;
    font-family: 'Indie Flower', cursive;
    font-weight: bold;
    font-size: 1.7em;
    text-align: center;
    text-shadow: -1px 0 1px #462b1a, 0 1px 1px #462b1a, 1px 0 1px #462b1a, 0 -1px 1px #462b1a, -2px 1px 2px black, 1px 2px 2px black, 2px 1px 2px black, 1px -2px 2px black;
}

.loginstxtneu {
    position: relative;
    font-size: 40px;
    line-height: 40px;
    text-shadow: -3px 0 4px #462b1a;
}

.loginstxtneu a:link,
.loginstxtneu a:visited,
.loginstxtneu a:hover,
.loginstxtneu a:active {
    position: absolute;
    top: 0;
    z-index: 2;
    color: #462b1a;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#f5db84), to(#d26021));
}

.loginstxtneu:after {
    content: "Einloggen";
    color: #462b1a;
    text-shadow: 3px 3px 1px #462b1a;
}

.logintextred {
    color: red;
}

.logintextgreen {
    color: green;
}

.suchenbutton {
    width: 50px;
    height: 50px;
    margin-top: 20px;
    margin-left: 150px;
    background: url(../../img/main/icon.png)no-repeat;
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
}

.suchenbutton:hover {
    color: #fdff73;
}

.input1 {
    background: url(../../img/portal/regiinput.png)no-repeat;
    width: 219px;
    height: 43px;
    padding-top: 9px;
}

.input1_centered {
    background: url(../../img/portal/regiinput.png)no-repeat;
    width: 219px;
    height: 43px;
    padding-top: 9px;
    margin: 0 auto;
    text-align: center;
}

.logininput1 {
    font-family: 'Share Tech', sans-serif;
    font-size: 17px;
    margin-left: -4px;
    width: 195px;
    text-align: left;
    background: none;
    border: none;
}

.input_field {
    font-family: 'Share Tech', sans-serif;
    font-size: 17px;
    margin: 0 auto;
    width: 195px;
    text-align: center;
    background: none;
    border: none;
}

.input2 {
    background: url(../../img/portal/regiinput.png)no-repeat;
    width: 219px;
    height: 43px;
    padding-top: 9px;
    margin-top: 5px;
}

.logininput2 {
    font-family: 'Share Tech', sans-serif;
    font-size: 17px;
    margin-left: -4px;
    width: 195px;
    text-align: left;
    background: none;
    border: 0px none;
}

.okbutton {
    width: 69px;
    height: 69px;
    cursor: pointer;
    background: url(../../img/portal/loginbutton.png)no-repeat;
    border: 0px none;
}

.okbutton:hover {
    background: url(../../img/portal/loginbuttona.png)no-repeat;
}

.inputanm5 {
    background: url(../../img/portal/regiinput.png)no-repeat;
    width: 219px;
    height: 43px;
    padding-top: 9px;
    margin-top: 5px;
}

.inputanm1 {
    font-family: 'Share Tech', sans-serif;
    font-size: 17px;
    margin-left: -4px;
    width: 195px;
    text-align: left;
    background: none;
    border: none;
}

.inputanm2 {
    font-family: 'Share Tech', sans-serif;
    font-size: 17px;
    margin-left: -4px;
    width: 195px;
    text-align: left;
    background: none;
    border: none;
}

.inputanm3 {
    font-family: 'Share Tech', sans-serif;
    font-size: 17px;
    margin-left: -4px;
    width: 195px;
    text-align: left;
    background: none;
    border: none;
}

.bestimmung {
    margin-top: -10px;
    font-size: 13px;
}

.regibutton3 {
    background: url(../../img/portal/regibutton.png)no-repeat;
    width: 205px;
    height: 62px;
    cursor: pointer;
    margin-top: 5px;
    margin-left: 6px;
}

.regibutton3:hover {
    background: url(../../img/portal/regibuttona.png)no-repeat;
}

#footer {
    color: #000;
    font-size: 15px;
    margin-top: 10px;
}

footer {
	margin-top: 15px;
}

.footerspan {
    color: #000;
}

.footerspan:hover {
    color: #fff;
}

.loginspeichern {
    width: 170px;
    margin: 3px auto;
}

.gbutton {
    width: 90%;
    margin-top: 5px;
    background: linear-gradient(to bottom, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%);
    border: 1px solid orange;
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px orange, inset 0 0 0 2px red, inset 0 0 0 3px orange, inset 0 0 0 4px yellow;
    color: #ffff00;
    font-family: 'Indie Flower', cursive;
    font-weight: bold;
    font-size: 1.4em;
    text-align: center;
    /*text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
    //text-shadow: -2px 0 red, 0 2px red, 2px 0 red, 0 -2px red;*/
    text-shadow: -1px 0 1px red, 0 1px 1px red, 1px 0 1px red, 0 -1px 1px red, -2px 1px 2px black, 1px 2px 2px black, 2px 1px 2px black, 1px -2px 2px black;
    cursor: pointer;
}

.gbutton:hover {
    margin-top: 5px;
    background: linear-gradient(to top, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%);
    border: 1px solid orange;
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px orange, inset 0 0 0 2px red, inset 0 0 0 3px orange, inset 0 0 0 4px yellow;
    color: orange;
    font-family: 'Indie Flower', cursive;
    font-weight: bold;
    font-size: 1.4em;
    text-align: center;
    /*text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
    //text-shadow: -2px 0 red, 0 2px red, 2px 0 red, 0 -2px red;*/
    text-shadow: -1px 0 1px red, 0 1px 1px red, 1px 0 1px red, 0 -1px 1px red, -2px 1px 2px black, 1px 2px 2px black, 2px 1px 2px black, 1px -2px 2px black;
    cursor: pointer;
}


@media (max-width: 500px) {
    body {
        width: 100%;
        font-family: 'Share Tech', sans-serif;
        /*background: #70d3fd url(../../img/portal/portalbg.jpg) no-repeat;*/
        background: #70d3fd;
        background-position: center top;
        overflow-x: hidden;
    }
    
    .platz5px {
        height: 5px;
    }
    
    #logo {
        width: 100%;
        height: 120px;
    }
    
    #main {
        width: 100%;
        text-align: center;
    }
    
    #agbetc {
        margin-top: 45px;
        height: 270px;
        width: 90%;
        display: none;
        overflow-y: auto;
        overflow-x: hidden;
        color: #000;
        font-size: 14px;
    }
    
    #datenschutzetc {
        margin-top: 45px;
        height: 270px;
        width: 90%;
        display: none;
        overflow-y: auto;
        overflow-x: hidden;
        color: #000;
        font-size: 14px;
    }
    
    #impressumetc {
        margin-top: 45px;
        height: 270px;
        width: 90%;
        display: none;
        overflow-y: auto;
        overflow-x: hidden;
        color: #000;
        font-size: 14px;
    }
    
    #agbzurueck {
        width: 480px;
        text-align: center;
        height: 20px;
        font-size: 14px;
        display: none;
    }
    
    .agbzurueckt {
        cursor: pointer;
        text-decoration: underline;
    }
    
    .agbzurueckt:hover {
        color: red;
    }
    
    .agb {
        cursor: pointer;
        text-decoration: underline;
    }
    
    .agb a {
        color: #ccc !important;
    }
    
    .agb:visited {}
    
    .agb:hover {
        color: red;
    }
    
    .logscreen {
        width: 454px;
        height: 141px;
        background: url(../../img/portal/screen.png)no-repeat;
        margin-top: 10px;
    }
    
    #gameinfoplatz {
        width: 350px;
        height: 250px;
        margin-top: -360px;
        margin-left: 258px;
        position: absolute;
        display: none;
        background: url(../../img/start/fehler3.png);
        border: 2px solid #fff;
    }
    
    .logins {
        width: 96px;
        height: 38px;
        background: url(../../img/portal/logins.png)no-repeat;
        margin-left: 45px;
    }
    
    .loginstxt {
        width: 100%;
        height: 38px;
        font-family: 'Indie Flower', cursive;
        font-weight: bold;
        font-size: 1.7em;
        /*margin-left:45px;*/
        text-align: center;
        /*text-shadow: -3px 0 black, 0 3px black, 3px 0 black, 0 -3px black;*/
        text-shadow: -1px 0 1px red, 0 1px 1px red, 1px 0 1px red, 0 -1px 1px red, -2px 1px 2px black, 1px 2px 2px black, 2px 1px 2px black, 1px -2px 2px black;
    }
    
    .logintextred {
        color: red;
    }
    
    .logintextgreen {
        color: green;
    }
    
    .suchenbutton {
        width: 50px;
        height: 50px;
        margin-top: 20px;
        margin-left: 150px;
        background: url(../../img/main/icon.png)no-repeat;
        font-size: 18px;
        line-height: 48px;
        text-align: center;
        cursor: pointer;
    }
    
    .suchenbutton:hover {
        color: #fdff73;
    }
    
    .input1 {
        background: url(../../img/portal/regiinput.png)no-repeat;
        width: 219px;
        height: 34px;
        padding-top: 9px;
    }
    
    .input2 {
        background: url(../../img/portal/regiinput.png)no-repeat;
        width: 219px;
        height: 34px;
        padding-top: 9px;
        margin-top: 5px;
    }
    
    .okbutton {
        width: 69px;
        height: 69px;
        cursor: pointer;
        background: url(../../img/portal/loginbutton.png)no-repeat;
        border: 0px none;
    }
    
    .okbutton:hover {
        background: url(../../img/portal/loginbuttona.png)no-repeat;
    }
    
    .inputanm5 {
        background: url(../../img/portal/regiinput.png)no-repeat;
        width: 219px;
        height: 43px;
        padding-top: 9px;
        margin-top: 5px;
    }
    
    .bestimmung {
        margin-top: 5px;
        font-size: 13px;
        width: 100%;
    }
    
    .regibutton3 {
        background: url(../../img/portal/regibutton.png)no-repeat;
        width: 205px;
        height: 62px;
        cursor: pointer;
        margin-top: 5px;
        margin-left: 6px;
    }
    
    .regibutton3:hover {
        background: url(../../img/portal/regibuttona.png)no-repeat;
    }
    
    #footer {
        color: #000;
        font-size: 15px;
        margin-top: 10px;
    }
    
    .footerspan {
        color: #000;
    }
    
    .footerspan:hover {
        color: #fff;
    }
    
    .gbutton {
        width: 90%;
        margin-top: 5px;
        background: linear-gradient(to bottom, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%);
        border: 1px solid orange;
        border-radius: 10px;
        box-shadow: inset 0 0 0 1px orange, inset 0 0 0 2px red, inset 0 0 0 3px orange, inset 0 0 0 4px yellow;
        color: #ffff00;
        font-family: 'Indie Flower', cursive;
        font-weight: bold;
        font-size: 1.4em;
        text-align: center;
        /*text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
        //text-shadow: -2px 0 red, 0 2px red, 2px 0 red, 0 -2px red;*/
        text-shadow: -1px 0 1px red, 0 1px 1px red, 1px 0 1px red, 0 -1px 1px red, -2px 1px 2px black, 1px 2px 2px black, 2px 1px 2px black, 1px -2px 2px black;
        cursor: pointer;
    }
    
    .gbutton:hover {
        margin-top: 5px;
        background: linear-gradient(to top, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%);
        border: 1px solid orange;
        border-radius: 10px;
        box-shadow: inset 0 0 0 1px orange, inset 0 0 0 2px red, inset 0 0 0 3px orange, inset 0 0 0 4px yellow;
        color: orange;
        font-family: 'Indie Flower', cursive;
        font-weight: bold;
        font-size: 1.4em;
        text-align: center;
        /*text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
        //text-shadow: -2px 0 red, 0 2px red, 2px 0 red, 0 -2px red;*/
        text-shadow: -1px 0 1px red, 0 1px 1px red, 1px 0 1px red, 0 -1px 1px red, -2px 1px 2px black, 1px 2px 2px black, 2px 1px 2px black, 1px -2px 2px black;
        cursor: pointer;
    }
}
.loginbox {
    max-width: 245px;
}
.agb_box {
    text-align: left;
    padding: 5px;
}
.affe_logged_in {
    width: 200px;
}
.logsavetext {
    margin-top: -3px;
}
.soeldner {
    width: 68px;
    height: 68px;
}
input[type="checkbox"],
label {
    float: left;
    line-height: 1.6em;
    height: 1.6em;
    margin: 0px 2px;
    padding: 0px;
    /*font-size: inherit;*/
    font-size: 13px;
    font-weight: normal;
}
input[type="checkbox"] {
    clear: left;
}
.fblogin {
    border: none;
    margin: 0 auto;
}
.regcheckbox {}
.okbutton2 {
    width: 100%;
    height: 69px;
    text-align: center;
    margin-top: 6px;
}
.regaccept_table {
    margin: 8px auto;
}
#mainchar {
    position: relative;
    z-index: 2;
    margin: -50px 0px 0px 3px;
    width: 50px;
    float: left;
    cursor: help;
}
.chargrafik_small {
    width: 40px;
    height: 40px;
}
#soeldnerbox {
    position: relative;
    z-index: 2;
    float: right;
    margin: -45px 10px 0px 0px;
}
.charbox_soeldner {
    margin: 1px;
    float: right;
    z-index: 2;
    cursor: help;
}
.soeldner_small {
    width: 35px;
    height: 35px;
}
.loginform {
    margin: 0 auto;
    width: 220px;
}
.itembg_red {
    margin: 0 auto;
    width: 70px;
    height: 70px;
    background-image: url('/img/main/itemslot_rot.png');
}
.itembg_blue {
    margin: 0 auto;
    width: 70px;
    height: 70px;
    background-image: url('/img/main/itemslot_blau.png');
}
.itembg_yellow {
    margin: 0 auto;
    width: 70px;
    height: 70px;
    background-image: url('/img/main/itemslot_gelb.png');
}
.itembg_purple {
    margin: 0 auto;
    width: 70px;
    height: 70px;
    background-image: url('/img/main/itemslot_lila.png');
}
.itembg_grey {
    margin: 0 auto;
    width: 70px;
    height: 70px;
    background-image: url('/img/main/itemslot.png');
}
.purple {
    color: #cc0099;
}
.col-md-6 {
    min-width: 270px;
}
@media (max-width: 320px) {
    #char_container {
        margin: 0 auto;
        width: 270px;
    }
    
    .char_container {
        margin: 0 auto;
        width: 117px;
    }
    
    .charheader {
        background: url('/img/main/charnameusw.png') no-repeat;
        background-size: 122px 29px;
        width: 122px;
        height: 29px;
        margin-top: -15px;
        line-height: 10px;
        font-size: 0.8em;
    }
    
    .chargrafikbox2 {
        width: 112px;
        /*height: 115px;*/
    }
    
    .chargrafik_fight {
        width: 112px;
        height: 115px;
        margin-top: -10px;
    }
    
    .lifeplayer1 {
        width: 105px;
        height: 17px;
        text-align: left;
        padding-left: 2px;
        padding-top: 7px;
        background: url(/img/main/lebenbar.png)no-repeat;
        background-size: 105px 17px;
        margin-top: 5px;
        margin-left: 2px;
    }
    
    .lifebarouter {
        width: 87px;
        height: 8px;
        text-align: left;
    }
    
    .lifebar {
        width: 87px;
        height: 8px;
        background: url(/img/main/lebenprogress.png)no-repeat;
        background-size: 87px 8px;
        text-align: center;
        margin-top: -3px;
    }
    
    .lifebartext {
        height: 12px;
        margin-top: -8px;
        width: 131px;
        text-align: center;
        color: #ccc;
        line-height: 10px;
        font-size: 10px;
    }
    
    .col-md-6 {
        min-width: 125px;
        width: 50%;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .col-login {
        float: none;
        width: 100%;
    }
    
    .stat_tbl_img {
        display: none;
    }
    
    .stat_tbl_txt {
        font-size: 0.8em;
    }
    
    .charehre {
        display: none;
    }
    
    #reward {
        display: none;
        width: 250px;
        z-index: 10000;
        position: absolute;
        top: 20%;
        left: 8%;
    }
    
    .lowerbox {
        float: none;
        min-width: 280px;
    }
    
    .menubutton {
        font-size: 0.9em;
    }
    
    .boost {
        float: none;
    }
    
    #markt_inner {
        width: 210px;
    }
}
.fbform {
    margin: 0 auto;
    text-align: center;
}
.fbform_input {
    color: #000;
}
.abzbox {
    margin-top: 0px;
}
#otherbox {
    display: none;
}
#levelupinfo {
    width: 500px;
    font-weight: normal !important;
    position: absolute;
    z-index: 1000;
    top: 240px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#levelup {
    width: 100%;
    display: flex;
    justify-content: space-around;
}
.levelup_pic {
    text-align: center;
}

.abz_table {
	font-size: 16px;
}
@media (min-width: 1281px) {
	#navbar {
		display: none !important;
	}
}
@media (min-width: 1600px) {
	
}
@media (max-width: 1599px) {
	#hampelaffe {
		left: 42%;
	}
}
@media (max-width: 1280px) {
	.outerbox {
		margin-top: 70px;
	}
	.middlebox {
		margin-left: 0;
	}
	.navbar-collapse.in {
		overflow-y: auto !important;
		padding: 1px;
	}
	#navicons {
		display: none;
	}
}
@media (max-width: 767px) {
	#dungeons {
		width: 100%;
		padding: 0;
	}
	#siegchance {
		/* font-size: 16px; */
		/* margin: 0px; */
		display: block;
		top: 140px;
		position: absolute;
		z-index: 100;
	}
	#siegchance span {
		text-shadow: 1px 1px black;
	}
	.charheader .siegchance {
		/* display: none; */
	}
    .outerbox {
		padding: 2px 0px;
	}
	.middlebox {
		padding-left: 0px;
		padding-right: 0px;
		
	}
	.mbox_middle {
		margin-left: 0px;
		margin-right: 0px;
	}
	footer {
		display: none;
	}
	.ui-tabs .ui-tabs-panel {
		padding-left: 0px;
		padding-right: 0px;
	}
	.dungeon {
		width: calc(50% - 12px);
		margin: 6px;
		float: left;
	}
	.bosslevel_schraeg {
		right: calc(50% - 100px);
	}
	.lowerbox {
		padding-left: 3px;
		padding-right: 3px;
	}
	.nw_buttons {
		width: 100%;
		float: none;
		max-width: 570px;
		margin: 0 auto;
	}
	.nw_reward {
		margin: 20px auto 0;
		width: 190px;
		max-width: 100%;
		float: none;
	}
}

@media (max-width: 567px) {
	.navigeld {
		width: auto;
		font-size: 18px;
	}
	.qtip-apewars {
		font-size: 14px;
	}
	.qtip {
		min-width: inherit;
		max-width: 300px;
	}
	.tooltip_container {
		width: inherit;
	}
	.outerbox {
		margin-top: 70px;
	}
	#trenndiv {
		height: 6px;
		width: 200px;
		clear: right;
	}
	.navidiamant {
		font-size: 18px;
	}
	.lowerbox {
		width: 100%;
		padding-left: 3px;
		padding-right: 3px;
	}
	#middle_top {
		margin-bottom: 15px;
	}
	.bosslevel_schraeg {
		font-size: 20px;
		right: 15px;
	}
	.nw_buttons {
		max-width: 380px;
	}
	.arbeitstart_np,
	.arbeitstart {
		max-width: 50%;
	}
	
	#bullet_left {
        height: 34px;
        width: 55px;
        top: 90px;
        background-image: url('/img/main/bullet.png');
    }
    
    #bullet_right {
        height: 34px;
        width: 55px;
        top: 90px;
        background-image: url('/img/main/bulletr.png');
    }
    
    #hit {
        text-align: center;
        top: 85px;
        color: red;
        font-weight: bold;
        font-size: 1em;
        margin: 0 auto;
    }
    #siegchance {
        /* top: 250px; */
        /* font-size: 15px; */
    }
	
	#pnpopup {
		width: 250px;
		left: calc(50% - 125px);
		top: 10%;
		padding: 10px;
	}
	

}

@media (max-width: 320px) {
	.outerbox {
		margin-top: 110px;
	}
	.bosslevel_schraeg {
		right: 10px;
	}
	.nw_buttons {
		max-width: 190px;
	}
	.arbeitstart_np,
	.arbeitstart {
		max-width: 100%;
	}
}