/*
Freewar.de - StyleSheet
OwnSimplified
Autor: Teepflanze (2018)

Credits: - folgt -
*/
/* Imports */

@import url('https://fonts.googleapis.com/css?family=Raleway|Roboto');
@import url('//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css');

/* global */
* {font-family: Arial, Raleway !important; }

ul,
ol,
td,
span,
layer,
table,
body {
    font-size: 12px;
    font-family: Roboto;
}
body {
    background: #e9e9e9;
}
p {
    margin: 0px;
    padding: 0px;
}
.small {
    font-size: 10px !important;
}
a:link {
    color: #8d4747;
    text-decoration: none;
	font-weight:bold;
}
a:visited {
    color: #8d4747;
    text-decoration: none;
	font-weight:bold;
}
a:active {
    color: #8d4747;
    text-decoration: none;
	font-weight:bold;
}
a:hover {
    color: #ab4b4b;
    text-decoration: none;
	font-weight:bold;
}

.frameitembg input {
border: none;
padding: 5px;
line-height: 0.1;
}

.aggressivenpc { color: red; }
.itemequipped {
    color: #c80046;
    font-weight: bold;
    font-size: 13px;
    font-family: Raleway; }
    .frameitembg img[src*="../images/close.gif"] {width: 0px; background: url(i/icon/cross_inv.png); padding-left:10px; height: 10px; margin-right:5px;
    }
    .frameitembg img[src*="../images/close.gif"]:hover {width: 0px; background: url(i/icon/cross_inv2.png); padding-left:10px; height: 10px;
    }

.framemainbg img[src$="close.gif"] {padding-right:10px; }

.framemainbg img[src$="blase.gif"] { display: inline-block; width: 0px; height: 16px; background: url(i/icon/whisper.png) no-repeat; padding-left: 15px; overflow: hidden; position: relative;opacity: 0.6; top: 2px;}
.framemainbg img[src$="blase.gif"]:hover { opacity:1; }

.framemainbg img[src$="group.gif"] { display: inline-block; width: 0px; height: 16px; background: url(i/icon/group.png) no-repeat; padding-left: 15px; overflow: hidden; opacity: 0.6; position: relative;}
.framemainbg img[src$="group.gif"]:hover { opacity:1; }

.framemainbg img[src$="icon_view.gif"] { display: inline-block; width: 0px; height: 16px; background: url(i/icon/eye.png) no-repeat; top: 3px;padding-left: 16px; overflow: hidden; opacity: 0.6; position: relative;}
.framemainbg img[src$="icon_view.gif"]:hover { opacity:1; }

.framemainbg img[src$="icon_transfer.gif"] { display: inline-block; width: 0px; height: 16px; background: url(i/icon/ar_right.png) no-repeat; top: 3px;padding-left: 16px; overflow: hidden; opacity: 0.6; position: relative;}
.framemainbg img[src$="icon_transfer.gif"]:hover { opacity:1; }

.framemainbg img[src$="icon_scroll_neu2.gif"] { display: inline-block; width: 0px; height: 16px; background: url(i/icon/nocomment.png) no-repeat; padding-left: 15px; overflow: hidden; opacity: 0.6; position: relative;}
.framemainbg img[src$="icon_scroll_neu2.gif"]:hover { opacity:1; }

.framemainbg img[src$="icon_scroll_neu.gif"] { display: inline-block; width: 0px; height: 16px; background: url(i/icon/comment.png) no-repeat; padding-left: 15px; overflow: hidden; opacity: 0.6; position: relative; }
.framemainbg img[src$="icon_scroll_neu.gif"]:hover { opacity:1; }

/* Frames */

.framemainbg {
    padding: 5px;
}
.framechattextbg {
    padding-left: 5px;
  background: rgba(99, 81, 37, 0.5);
}

.framechatformbg {  background: rgba(99, 81, 37, 0.5);}

.framemainbg {background: rgba(148, 117, 41, 0.32); }
/* Small Scrollbars (Chrome) */

::-webkit-scrollbar {
    width: 5px!important;
    height: 5px!important;
}
::-webkit-scrollbar-thumb {
    background-color: #383838!important;
    border: 0px solid #484848!important;
    border-radius: 100px!important;
}
::-webkit-scrollbar-track {
    background-color: transparent!important;
}
::-webkit-scrollbar-thumb:hover {
    background: #282828!important;
}
::-webkit-scrollbar-thumb:active {
    background: #181818!important;
}
/* Banner Frame*/
.framebannerbg {     background: url(i/banner_od3.png) #c6baa7 no-repeat;}
.framebannerbg:after {content: url(https://freewar.zocker.eu/teepflanze_shop.php?bg=bfb69f);
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: .8;}
    .framebannerbg:before {content: url(https://freewar.zocker.eu/teepflanze_info.php);
        position: absolute;
        top: 0px;
        right: 350px;
        opacity: .8;}



/* Main Frame */

fieldset { background: #b1a89280;
border: 1px solid #b1a892;
box-shadow: 2px 2px 3px #b1a892;
border-radius: 3px; }

#friendlist_filter_inner {    display: block;
    border-radius: 0px 5px 0px 5px;
    border: none;
    box-shadow: 1px 1px 2px #0006;
    background: #f6f6f6;
    border: none;
    padding: 5px;
    width: 400px;}

    .mapimgoverlay {
    width: 40px !important;
    height: 40px !important;
    background-size: 40px !important;
    }

table[style="border-collapse:collapse; table-layout:fixed; border: 2px solid #C85424;"] { background: #b1a89280;
border: 1px solid #b1a892 !important;
box-shadow: 2px 2px 3px #b1a892;
border-radius: 3px;}
.bg1 {background: #b1a89280 !important;border: 1px solid #b1a892 !important;}
.bg2 {background: #dcd2ba !important;border: 1px solid #b1a892 !important;}




img[src$="../images/placeenv/wald.gif"] {background: url(i/wald3.png) no-repeat; padding-left: 25px; height: 25px; width: 0px; }

img[src$="../images/placeenv/wasser.gif"] {background: url(i/wasser.png) no-repeat; padding-left: 25px; height: 25px; width: 0px; }

img[src$="../images/placeenv/nebel.gif"] {background: url(i/nebel.png) no-repeat; padding-left: 25px; height: 25px; width: 0px; }

img[src$="../images/placeenv/wind.gif"] {background: url(i/wind.png) no-repeat; padding-left: 25px; height: 25px; width: 0px; }

.tdplaceenv {padding-bottom: 0px !important;
padding-top: 0px !important;}

.placeenv {
    position: absolute;
    top: 35px;
    right: 25px;
    color: #b3b3b3a6;
    padding: 3px 2px 3px 2px;
    border-radius: 5px 5px 0px 0px;
    background: #26292d66;
    box-shadow: 1px -1px 3px #0009;
    text-indent: 5px;
    z-index:10;
   }

.tdplaceenv {border: none !important;}
.fastchase { font-size:15px;}
.fastattack { font-size:15px; color: #003c72b3 !important;  }
.fastattack:hover {color: #005199b3 !important}

/* Items Nehmen & Angriff */
.listplaceitemsrow a:after{content: "\2666";
    font-size: 40px;
    position: absolute;
    right: 0px;
    background: #c9c0a8;
    padding: 7px;
    display: inline;
    width: 40px;
    height: 40px;
    line-height: 1;
    padding: 5px;
    border: 1px solid #bfb69f;
    border-radius: 5px 0px 0px 5px;
    border-right: none;}
.listusersrow .fastattack:after { 
    content: "\2694";
font-size: 40px;
position: absolute;
right: 0px;
background: #c9c0a8;
padding: 7px;
display: inline;
width: 40px;
height: 40px;
line-height: 1;
padding: 5px;
border: 1px solid #bfb69f;
border-radius: 5px 0px 0px 5px;
border-right: none;
}

a[href="ability.php"] span {display:none!important;}


    /* AN */
    p.listrow a[href$="profil.php?action=skipglobalchat"],
    p.listrow a[href$="profil.php?action=skipreports"],
    p.listrow a[href$="profil.php?action=skipmsgs"],
    p.listrow a[href$="profil.php?action=skipnpcgfx"],
    p.listrow a[href$="profil.php?action=skipcry"],
    p.listrow a[href$="profil.php?action=skipwhisper"],
    p.listrow a[href$="profil.php?action=skipgroup"],
    p.listrow a[href$="profil.php?action=skipphaseenergy"],
    p.listrow a[href$="profil.php?action=skipcam"],
    p.listrow a[href$="profil.php?action=skipdungeoncry"] {
            border-left: 3px solid #00b764;
            padding-left: 4px;
    }


    /* AUS */
    p.listrow a[href$="profil.php?action=enableglobalchat"],
    p.listrow a[href$="profil.php?action=showreports"],
    p.listrow a[href$="profil.php?action=showmsgs"],
    p.listrow a[href$="profil.php?action=shownpcgfx"],
    p.listrow a[href$="profil.php?action=showcry"],
    p.listrow a[href$="profil.php?action=showwhisper"],
    p.listrow a[href$="profil.php?action=showgroup"],
    p.listrow a[href$="profil.php?action=showphaseenergy"],
    p.listrow a[href$="profil.php?action=enableautocomplete"],
    p.listrow a[href$="profil.php?action=enablecam"],
    p.listrow a[href$="profil.php?action=enabledungeoncry"] {
            border-left: 3px solid #f64459;
            padding-left: 4px;
    }

    .build_text {
       background: #cec7b6;
       padding: 5px;
        margin-top:8px;
        width:750px;
        display: inline-block;
        box-shadow: 1px 1px 5px #0006;

     }
     .build_text:hover {
     box-shadow: 1px 1px 5px #000c;
     }
     .build_unable .build_text { border-left: 6px solid #ad2929;
       width:750px;
        display: inline-block;
       border-radius: 5px 0px 0px 5px; }

      .build_able .build_text {
        border-left: 6px solid #4a964a;
        width:750px;
        display: inline-block;
        border-radius: 5px 0px 0px 5px; }


     .prodnot {
         color: #a10000 !important;
         font-weight: bold;
     }

     .prodok {
         color: #00740e !important;
         font-weight: bold;
     }

/* Freundesliste */
.friendlist {border-spacing: 0;
border-collapse: collapse;}

.friendlist a[href="#"][onclick*="tt(event,"]:after {
        content: attr(title);
        position: absolute;
        left: 440px;
        right: 5px;
        display: inline-block;
        padding: 0px;
        color: #14121080;
        font-weight: bold;
        height: 17px;
        overflow: hidden;
        width: 400px;
        font-size: 10px;
        padding-top: 1px;
        padding-left: 3px;
}
.friendlist a[href="#"][onclick*="tt(event,"][title*="Kommentar verfassen"]:after {
        content: attr(title);
      color: #14121033 !important;}

.friendlist tr:nth-child(odd):hover, .friendlist tr:hover {background: #3c2f001a; height: 30px;
position: relative; font-weight: bold; border-bottom: 1px solid #00000080; border-top: 1px solid #00000080; box-shadow: 0px 2px 2px #0000004d;}
.friendlist tr td[width="200px"],.friendlist tr td[width="425px"] {width: 980px; }

.friendlist tr:nth-child(odd) {background: rgba(99, 81, 37, 0.08); }

/* Main Header */

.mainheader {
    background: url(i/mhtrans.png) #0b1718 repeat-x;
    text-shadow: 3px 3px 3px #000c;
    color: #ddd3bab3;
    font-size: 23px;
    padding-left: 10px !important;
    font-family: KoHo;
    margin-top: 0px;
    box-shadow: 0px 3px 2px #03030299;
    position: relative;
    font-weight: bold;
    position: relative;
    top: 6px;
    z-index: 10;
}
.imageborder {
  background-size: 40px !important;
       width: 34px !important; height: 34px !important;
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
  padding: 3px;
  background: #f0f0f0;
  border-radius: 2px;
  display: inline-block;
  z-index: 10;
}

.areadescription {
    width: 100%;
    background: rgba(177, 168, 146, 0.45);
    box-shadow: 2px 2px 5px #b1a892;
	padding-top:10px;
}
td.areadescription {
    padding-left: 5px;
}
.maincaption,
.maincaption2 {
  font-family: Raleway;
  padding: 2px 5px 2px 5px;
  font-weight: bold;
  color: #141210;
  border-left: 5px solid #14121033;
  display: block;

}
.maincaption {font-size: 20px;}
#plantrow, .itemlistcaption, .personlistcaption {
    max-width: 500px;
    padding: 2px 5px 2px 5px;
    min-width: 300px;
	background: url(i/mhtrans.png) #0b1718 repeat-x;
    font-family: Raleway;
    color: #f3f3f3;
	box-shadow: 1px 1px 2px #818181;
    padding: 2px 5px 2px 5px;
	position: relative;
}

.personlistcaption:before {
    content: url(i/tree.png);
    padding-right: 10px;
    position: relative;
top: 2px;
}

.itemlistcaption:before {
    content: url(i/rock.png);
    padding-right: 10px;
    position: relative;
top: 2px;
}
#plantrow:before {
    content: url(i/plant.png);
    padding-right: 10px;
    position: relative;
top: 2px;
}
.listusersrow {
    border: 1px solid rgba(132, 121, 95, 0.30);
    padding: 2px 7px 2px 5px;
    border-top: none;
    overflow: hidden;
    background: rgba(177, 168, 146, 0.45);
    margin-right: 5px;
    min-width:500px;
    max-width: 990px;
}
.listplaceitemsrow {
    border: 1px solid rgba(132, 121, 95, 0.30);
    padding: 2px 7px 2px 5px;
    border-top: none;
    overflow: hidden;
    background: rgba(177, 168, 146, 0.45);
    margin-right: 5px;
    min-width:500px;
    max-width: 990px;
}

/* Neues Baumenu */
.ukbar {background: url(i/mhtrans.png) #0b1718 repeat-x !important;
    padding: 5px;
    right: 0;
    text-align: right;
    font-weight: normal;
    position: relative;
    top: -4;}

/*Errungenschaft Ãœbersicht */
.listrow .achievtable {
position: relative;
top: -8px;
z-index: -1;}
.achievtable {background: #d8d8d8;
padding: 5px;
margin-top: 8px;
width: 750px;
display: inline-block;
box-shadow: 1px 1px 5px #0006;
max-width: 560px;}

.framemainbg .listcaption { text-align: left; background: #300202; }

a[href="main.php?arrive_eval=getmission"],a[href="main.php?finish=1"]
{ display: block; width: 150px; padding:5px; margin: 10px 0; border: 1px solid rgba(0,0,0,.2); text-align: center; color:#fff !important; font-size: bigger; background: #1b1714;}
a[href="main.php?arrive_eval=getmission"]:hover,a[href="main.php?finish=1"]:hover{ color:#fff !important; background:rgba(73, 67, 64, 0.35); border: 1px solid rgba(0,0,0,.2)}


/* Chat Frame */

.worldsay tr[bgcolor="#99EE99"] td {
  background: #3b5c4e;
  padding: 3px;
  color: #c2c2c2;
    border: 1px solid rgba(0,0,0,.2) !important;
    height: 20px;
    line-height: 1.7;
}

.worldsay tr[bgcolor="#C1CEF9"] td {
  background: #3b425c;
  padding: 3px;
  color: #c2c2c2;
    border: 1px solid rgba(0,0,0,.2) !important;
    height: 20px;
    line-height: 1.7;
}


.chattext {
    color: #424242;
    font-size: 13px;
}
.chattextscream {
    color: #0D305A;;
    font-size: 13px;
}
.chattextclan {
    color: #9C2424;
    font-size: 13px;
}
.chattextinfo {
    color: rgba(0, 0, 0, 0.97);
    font-style: italic;
    font-size: 13px;
    background: rgba(99, 83, 45, 0.48);
    padding: 3px;
    border: 1px solid rgba(0,0,0,.2) !important;
    width: 90%
}
.chattextinfo:before {
    content: "Wetter: ";
    color: rgba(255, 206, 91, 0.48);
    font-weight: bold;

}
.chattextworldsay {
    color: #000000;
    background-color: #C1CEF9 font-size: 13px;
}
.chattextwhisper {
    color: #015301;
    font-size: 13px;
}
.submitwhisper {
    font-size: 11px;
    font-weight: bold;
    color: #2c6c19;
    width: 100px;
}
.healthmed {
    color: #FF8000;
}
.healthok {
    color: #047E04;
}
.healthcritical {
    color: #D20000;
}
.chatpics {
    display: none;
}
.chattextgroup {
    color: rgb(153, 58, 0);
    font-size: 13px;
    background-color: #d4bf97;
    
}
.chattextgroup > span.chattextinspiration {color: rgba(93, 35, 0, .39) !important;}
/* Chat Input */

.submitclan {color: #d20000;
font-weight: bold;
font-family: Raleway;}

.submitschreien {color: #28569c;
font-weight: bold;
font-family: Raleway;}

.submitsagen {color: #2c2c2c;
font-weight: bold;
font-family: Raleway;}

.submitgroup {color: rgba(184, 98, 0, 0.99);
font-weight: bold;
font-family: Raleway;}

/* Item Frame */
#toplp {
border: 1px solid rgba(137, 126, 96, 0.43) !important;
margin-bottom: 5px;
padding: 1px;
background-color: rgb(11, 23, 24) !important;
margin-top: 8px;
}

.abilitymenu td {
    border: 1px solid #8b825233;
    background: #183131;
    color: #c5c5c5;
    padding: 2px 5px;
}

.frameitembg p, .frameitembg td {
    line-height: 1.1;
}

.abilitymenu {
    border-spacing: 0px;
    border-collapse: collapse;
}
.abilitymenu tr {background: #0b1718 !important; }

.frameitembg .medium img[src$='icon_view.gif'] { display: none; }
.frameitembg  .medium img[src$='icon_drop.gif'] { display: none; }
.frameitembg  .medium img[src$='icon_transfer.gif'] { display: none; }

.frameitembg a:link {
    color: rgba(158, 143, 108, 0.86);
    text-decoration: none;
}
.frameitembg a:visited {
    color: rgba(158, 143, 108, 0.86);
    text-decoration: none;
}
.frameitembg a:active {
    color: rgba(158, 143, 108, 0.86);
    text-decoration: hover;
}
.frameitembg a:hover {
    color:rgba(209, 185, 132, 0.86);
}

select[name="z_pos_id"] option[value="290"], select[name="z_pos_id"] option[value="110"] { font-weight:bold; background: #ffb40085 !important;}
select[name="z_pos_id"] option[value="1321"], select[name="z_pos_id"] option[value="538"] { font-weight:bold; background: #fc472987 !important;}

    select[name="filtercat"] option[value="14"] { font-weight:bold; background: #ffb400 !important;}
    select[name="filtercat"] option[value="15"] { font-weight:bold; background: #62abff !important;}
    select[name="filtercat"] option[value="4"] { font-weight:bold; background: #7bc37b !important;}

#fastspell {
    border-left: 0;
    border-right: 0;
    color: #b9b9b9;
    font-weight: bold;
   width: 100%;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    text-shadow: 0 2px 1px rgba(0,0,0,.2);
    height: 30px;
    background: #0b1718;
font-family: Raleway;
padding: 5px 5px 5px 5px;
text-align: center;
position: relative;
font-weight: bold;
border-bottom: 1px solid #2d2817;
margin-bottom: 3px;
}

a.fast_spell_set, span.fast_spell_set {
    display: inline-block;
    text-decoration: none;
    width: 16px;
    height: 16px;
    background: #17302f;
    text-align: center;
    font-size: 11px;
    line-height: 16px;
   margin-left:2px;
   margin-right:2px;
	position: relative;
	top: 0px;
	color: #b9b9b9;
}

#fastspell tr > td + td > b {
    color: transparent;
    font-size: 0;
}



/* Fastspells */
span#fast_spell_set_1 { border-bottom: 2px solid #f00c; }
span#fast_spell_set_2 { border-bottom: 2px solid #ffe100e6;  }
span#fast_spell_set_3 { border-bottom: 2px solid #0fff00; }
span#fast_spell_set_4 { border-bottom: 2px solid #00c0ff; }
span#fast_spell_set_5 { border-bottom: 2px solid #e42bff; }

#fast_spell_set_1 { border-bottom: 2px solid #ff000080; }
#fast_spell_set_2 { border-bottom: 2px solid #ffe10066; }
#fast_spell_set_3 { border-bottom: 2px solid #0fff0066; }
#fast_spell_set_4 { border-bottom: 2px solid #00c0ff66; }
#fast_spell_set_5 { border-bottom: 2px solid #e42bff66; }
#fastspell b { font-size: 12px;}
#fastspell {
font-weight: bold;
text-align: center;
font-family: Montserrat;
border-bottom: 1px solid #3b3b3b;
border-top: 1px solid #3b3b3b;
padding: 2px 5px 2px 5px;
white-space: nowrap;
overflow: hidden;
}

a.fast_spell_set, span.fast_spell_set {
display: inline-block;
text-decoration: none;
width: 16px;
height: 16px;
background: #183030;
text-align: center;
font-size: 11px;
line-height: 16px;
margin-left: 2px;
margin-right: 2px;
position: relative;
top: 0px;
  color: #bdbdbd;
}


#fastspell1,#fastspell3,#fastspell5,#fastspell7,#fastspell9 {background: #0b1718;
padding-top:1px; padding-bottom: 1px; }
#fastspell1:hover,#fastspell2:hover,#fastspell3:hover,#fastspell4:hover,#fastspell5:hover,#fastspell6:hover,#fastspell7:hover,#fastspell8:hover,#fastspell9:hover { b
  background: #3c2f001a !important;
  position: relative; font-weight: bold; border-bottom: 1px solid #00000080; border-top: 1px solid #00000080; }


.weaponeffecttime {box-shadow: 1px 1px 3px #909090;
width: 245px;
background: #0b1718;
display: block;
margin: 5px 10px 0px 0px;
padding: 3px;
border: 1px solid #a59162;
border-radius: 5px 0px 5px 0px; }






/* Schnellzauber Items direkt sehen */
#ItemFrameItem a[href^="item.php?action=fastspell&spellslot"]:not([href$="mode=delete"]) {
    display: block;
    margin: -12px 0px 0px -10px;
    background-color: #0b1718;
    padding: 2px 8px;
    z-index: 10;
    position: relative
}
#listrow_attackw .itemmagic {
    display: none;
}
#ItemFrameItem a[href^="item.php?action=fastspell&spellslot"]:not([href$="mode=delete"]):first-of-type {
    margin-top: 0;
}
#ItemFrameItem a[href^="item.php?action=fastspell&spellslot"]:not([href$="mode=delete"]):last-of-type {
    margin-bottom: 8px
}
#fssel1:after,
#fssel2:after,
#fssel3:after,
#fssel4:after,
#fssel5:after,
#fssel6:after,
#fssel7:after,
#fssel8:after,
#fssel9:after {
    display: inline-block;
    margin-left: 8px;
    content: attr(title)
}

/* Mehr Platz Items übergeben */
.frameitembg a[href*="item.php?action=moneytransfer"] {padding-top: 5px;
    display: inline-block;}
.frameitembg a[href*="item.php?action=transfer"] {padding-top: 5px;
    display: inline-block;}

.frameitembg {
  color: #a5a5a5;
  background: url(i/itembg.png) repeat-y #183231;
  margin-left: 2px;
  margin-right: 2px;}
  img[src$="../images/item_divider.gif"] {
    display: none;
}

.frameitembg img[src$="group.gif"] { display: inline-block; width: 0px; height: 16px; background: url(i/icon/rnd_grp.png) no-repeat; padding-left: 15px; overflow: hidden; opacity: 0.6; position: relative;}
.frameitembg img[src$="group.gif"]:hover { opacity:1; }

.frameitembg .listrow {
    padding: 1px 5px 1px 5px;
}

#listrow_aka_battlep {
    font-size: 10px;
    text-align: center;
    font-family: Raleway;
    padding: 1px;
}
.listitemrow {
border-bottom: 1px solid #96927180;
	padding: 2px 5px 2px 5px;
}
.listitemrow:last-of-type {
	border-bottom: none;
}
.listitemrow:nth-child(odd){
 background: #0b1718;;   -webkit-transition: all 0.2s;
  animation: slide-in 0.2s backwards;
  -webkit-animation: slide-in 0.2s backwards;
  padding-top: 2px;}

/* Filter Kategorien hervorheben */
select[name="filtercat"] option[value="4"], select[name="filtercat"] option[value="14"], select[name="filtercat"] option[value="15"] {font-weight:bold; background: #62abff;}


/* Phasenenergie */
#phasedisp {
    margin-left: -6px;
    width: calc(100% + 8px) !important;
    height: 13px !important;
}
#fullenergydisp {
    background-image: none !important;
    overflow: hidden;
    background-color: #0b1718 !important;
    border: 0px solid #000 !important;
    width: 100% !important;
    height: 13px !important;
}
#curenergy {
    background-image: none !important;
    background-color: #004b51 !important;
    border: 0px solid #000 !important;
    border-radius: 0 0 0 3px;
    overflow: hidden;
    height: 13px !important;
}
#phasetext {
    color: #eee;
    padding: 0;
    line-height: 13px;
    height: 13px !important;
    width: 100% !important;
}
/* Map Frame */

.nocango:before {
    content: url(i/nocango.png);
    width: 50px;
    height: 50px;
    position: absolute;
}
a.nocango:hover {
    background: url(i/nocangoh.png) top left no-repeat;
    cursor: default;
}
/* Map Frame */
.framemapbg {   color: #a5a5a5; background: url(i/itembg.png) repeat-y #183231;}
/* Menu Frame */
.framemenubg {  background: url(i/itembg.png) repeat-y #183231; }

.framemenubg a:link {
    color: rgba(158, 143, 108, 0.86);
    text-decoration: none;
}
.framemenubg a:visited {
    color: rgba(158, 143, 108, 0.86);
    text-decoration: none;
}
.framemenubg a:active {
    color: rgba(158, 143, 108, 0.86);
    text-decoration: hover;
}
.framemenubg a:hover {
    color: rgba(209, 185, 132, 0.86);
}


/* Random */

img[src$="sponsor.gif"] {
display: inline;
width: 0px;
height: 16px;
background: url(i/icon/spons1.png);
    background-repeat: repeat;
background-repeat: no-repeat;
padding-left: 16px;
overflow: hidden;
margin-right: 2px;
margin-left: 5px;
top: 3px;
position: relative;
}

img[src$="sponsor2.gif"] {
display: inline;
width: 0px;
height: 16px;
background: url(i/icon/spons2.png);
    background-repeat: repeat;
background-repeat: no-repeat;
padding-left: 16px;
overflow: hidden;
margin-right: 2px;
margin-left: 5px;
top: 3px;
position: relative;
}

img[src$="sponsor3.gif"] {
display: inline;
width: 0px;
height: 16px;
background: url(i/icon/spons3.png);
    background-repeat: repeat;
background-repeat: no-repeat;
padding-left: 16px;
overflow: hidden;
margin-right: 2px;
margin-left: 5px;
top: 3px;
position: relative;
}

/* Bilder Austauschen */

.listusersrow img[src$="../images/npcs/blitzanomalie.gif"] { background: url(http://teepflanze.lima-city.de/fw/upl/farbmonolie.gif) no-repeat; display: inline-block; width: 0px; height: 60px; padding-left: 60px; overflow: hidden;}
.listusersrow img[src$="../images/npcs/klblitzanomalie.gif"] { background: url(http://teepflanze.lima-city.de/fw/upl/klfarbmonolie.gif) no-repeat; display: inline-block; width: 0px; height: 60px; padding-left: 60px; overflow: hidden;}
.listusersrow img[src$="../images/npcs/fanomalie.gif"] { background: url(http://teepflanze.lima-city.de/fw/upl/rfarbmonolie.gif) no-repeat; display: inline-block; width: 0px; height: 60px; padding-left: 60px; overflow: hidden;}


select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    max-width: 250px;
  }

select { margin: 10px;
    background: #c3c3c3;}

.frameitembg input[type*="submit"] {height: 20px;
    padding-left: 10px;
    background: #214547;
    color: #0a1414cc;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 9px;
    background: #c3c3c3;
    padding-right: 10px;}

    .frameitembg *[title*="Onlo"]:before { color: rgba(255, 255, 255, 0.7);  font-family: Fontawesome; content: "\f06c"; font-size: 10px; padding-right: 6px; }
.frameitembg *[title*="Mensch / Zauberer"]:before { color: rgba(255, 255, 255, 0.7);  font-family: Fontawesome; content: "\f0d0"; font-size: 10px; padding-right: 6px; }
.frameitembg *[title*="dunkler"]:before { color: rgba(255, 255, 255, 0.7));  font-family: Fontawesome; content: "\f005"; font-size: 10px; padding-right: 6px; }
.frameitembg *[title*="Mensch / Arbeiter"]:before { color: rgba(255, 255, 255, 0.7);  font-family: Fontawesome; content: "\f0ad"; font-size: 10px; padding-right: 6px; }
.frameitembg *[title*="Mensch / K�mpfer"]:before { color: rgba(255, 255, 255, 0.7);  font-family: Fontawesome; content: "\f0e3"; font-size: 10px; padding-right: 6px; }
.frameitembg *[title*="Taruner"]:before { color: rgba(255, 255, 255, 0.7);  font-family: Fontawesome; content: "\f185"; font-size: 10px; padding-right: 6px; }
.frameitembg *[title*="Natla"]:before { color: rgba(255, 255, 255, 0.7);  font-family: Fontawesome; content: "\f043"; font-size: 10px; padding-right: 6px; }
.frameitembg *[title*="Serum"]:before { color: rgba(255, 255, 255, 0.7);  font-family: Fontawesome; content: "\f0c3"; font-size: 10px; padding-right: 6px; }