/*** Imports ***/
@import url('//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css');
@import url(http://fonts.googleapis.com/css?family=Raleway:600,400);
@import url(puzzle.css);
@import url(map.css);
@import url(vti.css);
@import url(cid.css);
@import url(status.css);
@import url(pind.css);

#toplpheader { display: none; }
fieldset {box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.71); border: 1px solid #333; border-bottom-left-radius: 15px; border-top-right-radius: 15px; }

fieldset {font-size: 13px;
height: auto;
padding: 5px;
font-family: Raleway;
background: #1b1714;
color: white;
border: 1px solid #ffffff1a;
border-radius: 5px 0px 5px 0px;
margin-top: 10px;
box-shadow: 2px 2px 2px #0c0a09;}

fieldset:hover{background: #211c18;}



@import url(mono.css);
@import url(http://fonts.googleapis.com/css?family=Raleway:600,400);
b[onmouseover^="tt('gepresste Zauberkugel'"]{color:rgb(221, 214, 76);}

.udivt31 a[href$="do=edit"]:after {content:url(img/edit.png); padding-right: 4px; float:right;}
.udivt31 a[href$="do=edit"] {font-size: 0px; }

.personlistcaption:before {
content: url(img/tree.png);
padding: 5px;
display: inline-block;
position: relative;


}
.itemlistcaption:before {
content: url(img/rock.png);
padding: 5px;
display: inline-block;
position: relative;

}
#plantrow:before {
content: url(img/plant.png);
padding: 5px;
display: inline-block;
position: relative;

}


a[href *="do=setimage&"] {font-size: 0px; }
a[href *="do=setimage"]:after {content:url(img/setimage.png); padding-right: 4px; float:left;}

a[href *="arrive_eval=gate"]:after {content:url(img/return.png); padding-right: 4px; float:left;}
a[href *="arrive_eval=return"]:after {content:url(img/down.png); padding-right: 4px; float:left;}

a[href $="arrive_eval=unten76"]:after {content:url(img/down.png); padding-right: 4px; float:left;}
a[href $="arrive_eval=oben140"]:after {content:url(img/up.png); padding-right: 4px; float:left;}

a[href $="arrive_eval=unten982"]:after {content:url(img/down.png); padding-right: 4px; float:left;}
a[href $="arrive_eval=oben4763"]:after {content:url(img/up.png); padding-right: 4px; float:left;}

@import url(mono.css);
fieldset.tutorial {display:none;}

.framemapbg td { position: relative; }

#listrow_aka_battlep { background: rgba(17, 15, 13, 0.61);
text-align: center;
width: 100%;}

/* Bank */
form[name="bank"] table tr:nth-child(odd){background: rgba(73, 67, 64, 0.35); }
form[name="bank"] table{width: 100%;  }
form[name="bank"] table tr td {padding-left: 5px;}
form[name="bank"] table tr:hover {background-color: #313437;}
b[onmouseover^="tt("gepresste Zauberkugel""]{color:#d00}



/* Sponsor Sterne */
img[src$="sponsor.gif"] { display: inline-block; width: 0px; height: 11px; background: url(img/sponsor.png) no-repeat; padding-left: 12px; overflow: hidden; float: left; margin-right: 3px; margin-top: 3px;  }
img[src$="sponsor2.gif"] { display: inline-block; width: 0px; height: 11px; background: url(img/sponsor2.png) no-repeat; padding-left: 12px; overflow: hidden; float: left; margin-right: 3px; margin-top: 3px; }
img[src$="sponsor3.gif"] { display: inline-block; width: 0px; height: 11px; background: url(img/sponsor3.png) no-repeat; padding-left: 12px; overflow: hidden; float: left; margin-right: 3px; margin-top: 3px; }

/***** Phasenenergie *****/
.frameitembg #fullenergydisp {
font-weight: bold;
height: 5px !important;
background-image: url("img/phasenbgleer.png") !important;
background-position: right top !important;
margin-top: -5px !important;
border: none !important;
}
.frameitembg #curenergy { font-weight: bold;
height:5px !important;
background-image: url(img/phasenbgvoll.png) !important;
background-position: left top !important;
margin-top: -5px !important;
border: none !important;
margin-bottom: 20px !important;
}
.frameitembg #test {
margin-top: 3px;
font-weight: bold !important;
text-shadow: 1px 1px 0 #eee;
font-size: 20px;
background-color: black;
border: none !important;
}
.frameitembg #phasetext {
font-weight: bold !important;
font-size: 10px;
margin-top: 0px !important;
padding-bottom: 10px !important;
color: rgba(196, 196, 196, 0.61);
min-height: 13px;
text-shadow: 0px 0px 0 #313437;
border: none !important;
}


img[src*="/npcs/"] {
width:50px;
height:50px;
 }



/* global */
p,ul,ol,div,td,span,
layer,table,body        { font-family: Arial, helvetica, sans-serif; font-size: 12px;  color: rgba(196, 196, 196, 0.61); }
p                                         { margin: 0px; padding: 0px; }

/* body */
body                                 { background-color: #ffffff; margin: 0px; }

/* table */
table                                 { border:0px; border-collapse: collapse; } /* cellspacing & cellpadding & border =0 no longer needed
td                                         { padding:0px; margin:0px; }

/* scrollbars */
/* body, textarea                 { scrollbar-base-color:#BBBBBB; scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#007F9F; scrollbar-darkshadow-color:#999999; scrollbar-face-color:#D5D5D5; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#636363; scrollbar-track-color:#F5F5F5; } */

/* links */
a:link { color:rgba(164, 182, 201, 0.68); text-decoration:none; font-weight:bold; }
a:visited { color:rgba(164, 182, 201, 0.68); text-decoration:none; font-weight:bold; }
a:active { color:rgba(164, 182, 201, 0.68); text-decoration:hover; font-weight:bold; }
a:hover  { color: rgba(128, 190, 255, 1); font-weight:bold; }

/* fonts */
h1 { font-size:12px; font-weight:bold; margin-bottom: 0px;}
.medium { font-size:11px; }
.small { font-size:10px; }

/* colors */
.fontcolor { color: #555555; }
.white { color: #ffffff; }

/* bgcolors */
.body { background-color: #FFFFFF; }
.divider { background-color: #555555; }
.outline { background-color: #999999; }
.menubg        { background-color: #F1F1F1; }

.brightbg        { background-color: #E5E5E5; }
.verybrightbg        { background-color: #F1F1F1; }
.reallybrightbg        { background-color: #FAFAFA; }


.whitebg { background-color: #FFFFFF; }
.blackbg { background-color: #000000; }
.brownbg { background-color: #E1D8D1; }

/* forms */
.registerinput { width: 100%; font-size: 10px; }
.registersubmit { font-size: 10px; }
.logininput { width: 100%; font-size: 10px; }
.loginsubmit { width: 100%; font-size: 10px; }
input.input {
background: rgba(49, 44, 33, 0.33);
color: white;
border: 1px solid rgba(255, 255, 255, 0.11);
padding: 2px;}

/* forms */
.input[type="button"]                                 {
font-size: 10px;
background-color: rgba(58, 44, 35, 0.51);
height: 20px;
color: white;
margin-bottom: 10px;
border: none;
box-shadow: 4px 4px 50px rgba(255, 255, 255, 0.26);
 }

.input[type="button"]:hover {
cursor: pointer;
box-shadow: 4px 4px 50px #A8D3FF;
}

.submitsagen                 { font-size: 10px; font-weight: bold; color: #FFF; margin-left: 1px; margin-right: 2px; background: #1b1714;  border: None;}
.submitschreien         { font-size: 10px; font-weight: bold; color: #7FA9DA; margin-right: 2px; background: #1b1714; border: None; }
.submitclan                 { font-size: 10px; font-weight: bold; color: #DA6767;  margin-right: 2px; background: #1b1714; border: None; }
.submitgroup                { font-size: 10px; font-weight: bold; color: rgb(209, 132, 61); margin-right: 2px; background: #1b1714; border: None; }
.submitworldsay         { font-size: 10px; font-weight: bold; color: #000000;  margin-right: 2px; background: #1b1714; border: None;  }

textarea                        { font-size: 13px; background-color: rgba(58, 44, 35, 0.51); border: 1px solid #5C4F49; height: 20px; color: white; font-family: Arial; }
select                                 { font-size: 13px; background-color: rgba(58, 44, 35, 0.88); border: 1px solid #5C4F49; height: 20px; color: white;}
option                                 { font-size: 13px; background-color: rgba(58, 44, 35, 0.51); border: 1px solid #5C4F49; height: 20px; color: white;}


/* banner stuff */
.bannerad { border: 1px solid #C85424; }



/* text classes */
.chattext { color: rgba(196, 196, 196, 0.61); font-size: 13px; }
.chattextscream { color: #7FA9DA; font-size: 13px;  }
.chatpics {
        display: none;
}
.chattextclan { color: #DA6767; font-size: 13px;  }
.chattextclan i { color: rgb(77, 143, 77); font-size: 13px;  }

.chattextinfo { color: #ECD781; font-style: italic; font-size: 13px;  }
.chattextinfo:before { content: url(img/Cloud.png); padding-right: 3px; }
.chattextworldsay { color: rgba(0, 0, 0, 1); background-color: #C1CEF9 font-size: 13px; }
.chattextwhisper { color: rgb(97, 167, 97); font-size: 13px; }
.chattextwhisper a { color: #DA6767; }
.submitwhisper { font-size: 11px; font-weight: bold; color: rgb(97, 167, 97); border: None; background: #1b1714; }
.submitglobalchat { font-size: 11px; font-weight: bold; color: #918546; border: None;  background: #1b1714; }
.healthmed { color: #FF8F00; }
.healthok { color: #99FF66; }
.healthcritical { color: #ff3838; }
.chatpics { visibility: visible; }
.chattextgroup { color: rgb(209, 132, 61); font-size: 13px; }
.chattextglobal { color: #918546; font-size: 13px;}

div#small {color: rgba(196, 196, 196, 0.61) !important;}

/* frames bg */
.framebannerbg { background-color: #1b1714; border-bottom: 1 px solid #000000 !important; }
.framebannerbg:before {content: url(img/BannerOD.png); float: left; padding-left: 10px; }
.framebannerbg:after {content: "" url(img/info.png); position: absolute; left: 0px; bottom: 0px; }

.framechatformbg {  background: #1b1714;; }
.framechattextbg { background-color: #1F1D1C; margin: 10px; margin-top: 5px; margin-bottom: 5px; margin-right: 5px; }

.framemainbg { margin: 10px; background: #1b1714;

 }
.frameitembg { padding-left:5px; padding-right: 5px; background-color: #1b1714; }
.framemapbg { margin: 10px; margin-top: 3px; background-color: #1b1714;  }


/* main module */
td.mainheader { font-size: 25px; font-family: Raleway; background: url(img/mainheaderbg2.png) repeat-x #1a1715;  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.71);}
td.mainheader:hover { background: url(img/mainheaderbg2.png) repeat-x rgba(87, 60, 42, 0.99); }
table.areadescription { margin-right: 5px; border: 2px solid rgba(0, 0, 0, 0.12); background-color: rgba(49, 47, 46, 0.35); width: 100%; border-radius: 5px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.71);}
td.areadescription { padding: 5px; border-radius: 5px; padding-top: 10px;}
p.maincaption { font-weight: bold; font-size: 30px; padding: 2px; padding-left: 5px; background: #1b1714; }
p.maincaption2 { font-weight: bold; font-size: 12px; padding: 2px; padding-left: 5px; background: #1b1714; }
p.maindesc1 { padding: 2px; padding-left: 5px; background-color: rgba(56, 33, 18, 0.52);  width: 300px; }
p.maindesc2 { padding: 5px;  background-color: #1a1715; width: 100%; }
p.listplaceitemsrow { padding: 2px; padding-left: 5px; background-color: rgba(49, 47, 46, 0.35); margin-top: 2px; border-radius: 3px; min-width: 440px;}
p.listplaceitemsrow:hover { padding: 2px; padding-left: 5px; background-color: rgba(73, 67, 64, 0.35); margin-top: 2px;  border-radius: 3px; }

p.listusersrow { padding: 2px; padding-left: 5px; background-color: rgba(49, 47, 46, 0.35); margin-top: 2px; border-radius: 3px; }
p.listusersrow:hover { padding: 2px; padding-left: 5px; background-color: rgba(73, 67, 64, 0.35); margin-top: 2px;  border-radius: 3px; }


/* item module */
p.listcaption { font-weight: bold; padding: 2px; padding-left: 5px;
}

p.listsubcaption { border-bottom: 1px solid #D6CBC2; }
p.listrow { padding: 2px; padding-left: 5px; background-color: rgba(26, 23, 21, 0.54);
}
p.listrow:last-of-type: {border-radius: 5px; }
#listrow_status {border-radius: 0 0 5 5; padding-bottom: 10px;}



p.listitemrow { padding: 2px; padding-left: 5px !important ; background-color: #29231e; border: 0px solid #D6CBC2; border-top: 0px; border-top: 0px solid #D6CBC2; margin-bottom: 3px; }
p.listmainrow { padding: 2px; min-height: 55px; padding-left: 5px; background-color: #ECE9E6; border: 1px solid #D6CBC2; border-top: 0px; }
.valueincreased { font-weight: bold; color: #ff0000; }
.itemamount { font-weight: bold; color: #BB4F34; }
.itemequipped { font-weight: bold; color: #ff0000; }
.itemequipped:before { content: url(img/active.png); position: relative;
top: 2px;
padding-right: 5px;}

.itemmagic { font-weight: bold; color: #008800;  padding-left: 3px; padding-right: 3px; font-size: 10px ; }
.iteminventorypics { visibility: visible; }

/* map module */
p.positiontext {   background-color: transparent;
  color: rgb(144, 144, 144);
  font-size: 10px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 3px;
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
  text-align: right; }

/* main module */
p.personlistcaption { border-bottom: 5px solid #2A2A2A; font-weight: bold; padding: 2px; padding-left: 5px;  min-width: 250px; }
p.itemlistcaption { border-bottom: 5px solid #2A2A2A; font-weight: bold; padding: 2px; padding-left: 5px; min-width: 250px;}
#plantrow { border-bottom: 5px solid rgba(34, 153, 34, 0.47); font-weight: bold; padding: 2px; padding-left: 5px; background: #1b1714); min-width: 250px;}

/* misc */
.borderbg { background-color: #D0CFCF; }

/***** Veraenderungen *****/
.frameitembg *[title*="Mensch"]:after { display: block; content:" ("attr(title)")"; color:#A9CAEB; font-weight: bold; font-size: 10px;margin-left: 3px;}
.frameitembg *[title*="Onlo"]:after { display: block; content:" ("attr(title)")"; color:#A9CAEB; font-weight: bold; font-size: 10px; margin-left: 3px;  }
.frameitembg *[title*="Natla"]:after { display: block; content:" ("attr(title)")"; color:#A9CAEB; font-weight: bold; font-size: 10px; margin-left: 3px;}
.frameitembg *[title*="dunkler"]:after { display: block; content:" ("attr(title)")"; color:#A9CAEB; font-weight: bold; font-size: 10px; margin-left: 3px;}
.frameitembg *[title*="Serum"]:after { display: block; content:" ("attr(title)")"; color:#A9CAEB; font-weight: bold; font-size: 10px; margin-left: 3px;}
.frameitembg *[title*="Taruner"]:after { display: block; content:" ("attr(title)")"; color:#A9CAEB; font-weight: bold; font-size: 10px; margin-left: 3px;}



img[src$="../images/item_divider.gif"] {
        display: none;
}


img.nocango {
        background: transparent;
}

a.nocango {
        background: transparent;
        height: 50px;
        width: 50px;
        border-width: 0;
        display: block;
}


a.nocango:hover {
        background: url(nocango.png) top left no-repeat;
        cursor: default;
}

.frameitembg textarea         { width: 100%; height: 200px; box-shadow: 4px 4px 50px rgba(255, 255, 255, 0.12);}
.framemainbg textarea        { width: 100% !important; height: 200px; box-shadow: 4px 4px 50px rgba(255, 255, 255, 0.12);}


a[href*="clanmenu.php?action=sos"] {display: block; font-weight: bold; }
.frameitembg a[href*="clanmenu.php?action=sos"]:before { content: url(img/warn_small.png);
margin-right: 5px;
display: inline-block;
position: relative;
top: 3px; }

/***** Unterkuenfte von Laree *****/
.udivt39:before {content: url(img/schrein2.gif); float: left; padding-top:10px;}

.builtcaption { position: absolute; right: 15px; top: 40px; color: transparent; font-size: 0px;  }

.builtcaption a {

        border-radius: 4px;
        border: none;
        display: inline-block;
        padding: 2px 3px;
        text-decoration: none;
        font-size: 10px;
        margin: 0 1px;
        background-color: transparent;
}

.builtcaption b{
color: transparent;
}

.builtcaption a:hover {
        color: rgba(128, 190, 255, 1);
}

.visitcaption { position: absolute; right: 15px; top: 40px; color: transparent; font-size: 0px;  }

.visitcaption a {

        border-radius: 4px;
        border: none;
        display: inline-block;
        padding: 2px 3px;
        text-decoration: none;
        font-size: 10px;
        margin: 0 1px;
        background-color: transparent;
}

.visitcaption b{
color: transparent;
}

.visitcaption a:hover {
        color: rgba(128, 190, 255, 1);
}

.editcaption { position: absolute; right: 15px; top: 40px; color: transparent; font-size: 0px;  }

.editcaption a {

        border-radius: 4px;
        border: none;
        display: inline-block;
        padding: 2px 3px;
        text-decoration: none;
        font-size: 10px;
        margin: 0 1px;
        background-color: transparent;
}

.editcaption b{
color: transparent;
}

.edittcaption a:hover {
        color: rgba(128, 190, 255, 1);
}


.utab31 tr {border-bottom: 1px solid #4c443e;}
.utab31 tr:nth-child(odd){background: rgba(73, 67, 64, 0.35); }

.frameitembg img[src$="group.gif"] { display: inline-block; padding-left: 5px; overflow: hidden; margin-top: -7px; margin-left: 5px;   }

.framemenubg {
background-color: #1b1714;
}
.framemenubg a[href="main.php?showallmsgs=1"] {
color: #e3bc7f;
-moz-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    -moz-animation:blink normal 1.5s infinite ease-in-out; /* Firefox */
    -webkit-animation:blink normal 1.5s infinite ease-in-out; /* Webkit */
    -ms-animation:blink normal 1.5s infinite ease-in-out; /* IE */
    animation:blink normal 1.5s infinite ease-in-out; /* Opera */}
}
.framemenubg a[href="main.php?showallmsgs=1"]:hover {
	color: #feb646;
}



/* Schwarze Felder "sichtbar" machen - made by Cembon */
td[style*="/map/black.jpg"] a:not(.nocango),
td[style*="/map/u/Einzelbilder/002.jpg"] a,
td[style*="/map/ixi19.jpg"] a { width: 50px; height: 50px; display: block; background-image:url(img/hidden.png) !important; }

td[style*="/map/black.jpg"] a:not(.nocango),
td[style*="/map/u/Winzig-Innen/innen004.jpg"] a,
td[style*="/map/ixi19.jpg"] a { width: 50px; height: 50px; display: block; background-image:url(img/hidden.png) !important; }

/* Loeschen Icon */
img[src$="close.gif"] { display: inline-block; width: 0px; height: 10px; background: url(img/cross.png) no-repeat; padding-left: 10px; overflow: hidden; }

/* Zufällige Gruppe  */
.frameitembg img[src$="group.gif"] { display: inline-block; width: 0px; height: 16px; background: url(img/gruppe3.png) no-repeat; padding-left: 25px; overflow: hidden; margin-top: -2px; margin-left: 5px;   }
img[src$="group.gif"] { display: inline-block;
width: 0px;
height: 16px;
background: url(img/gruppe3.png) no-repeat;
padding-left: 16px;
overflow: hidden;
top: 3px;
position: relative; }

img[src$="group.gif"] {opacity: .7;}
img[src$="group.gif"]:hover {opacity: 1;}

/* --- Freundes-Liste */
.friendlist img[src$="group.gif"] { display: inline-block; width: 0px; height: 16px; background: url(img/gruppe3.png) no-repeat; padding-left: 26px; overflow: hidden; }

.friendlist img[src$="blase.gif"] { display: inline-block; width: 0px; height: 11px; background: url(img/blase2.png) no-repeat; padding-left: 17px; overflow: hidden; position: relative;

top: 3px; }
img[src$="blase.gif"] { display: inline-block; width: 0px; height: 11px; background: url(img/blase2.png) no-repeat; padding-left: 17px; overflow: hidden; top: 3px;  }

img[src$="blase.gif"] {opacity: .7;}
img[src$="blase.gif"]:hover {opacity: 1;}



.friendlist img[src$="icon_scroll_neu2.gif"] { display: inline-block; width: 0; height: 16px; background: url(img/list1.png) no-repeat; padding-left: 17px; overflow: hidden; }

.friendlist img[src$="icon_scroll_neu.gif"] { display: inline-block; width: 0px; height: 16px; background: url(img/list2.png) no-repeat; padding-left: 17px; overflow: hidden; }


.friendlist img[src$="close.gif"] {
        display: inline-block;
        width: 0px;
        height: 10px;
        background: url(img/delete.png);
        background-repeat: no-repeat;
        padding-left: 10px;
        overflow: hidden;
}

.friendlist a[href="#"][onclick*="tt(event,"]:after {
        content: attr(title);
        position: absolute;
        left: 530px;
        right: 5px;
        display: inline-block;
        border: 1px solid #4D3D32;
        border-bottom: 0;
        padding: 0px;
        color: #707880;
        font-weight: bold;
        height: 17px;
        overflow: hidden;
        width: 400px;
        font-size: 10px;
        padding-top: 1px;
        padding-left: 3px;

}

.friendlist tr:first-of-type a[href="#"][onclick^="tt"]:after {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
}

.friendlist tr:last-of-type a[href="#"][onclick^="tt"]:after {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom: 1px solid #4D3D32;
        height: 16px;
}

.friendlist a[href="#"][onclick*="tt(event,"][title="Kommentar verfassen"]:after {
        content: "";
        color: #707880;
        font-style: italic;
        font-size: 10px;
        padding-top: 0px;
        padding-left: 3px;
}

.friendlist + br + p + .friendlist a[href="#"][onclick*="tt(event,"]:after {
        left: 530px;
}

img[src$="sieg.jpg"] { width: 50px; height: 40px; }
img[src$="niederlage.jpg"] { width: 50px; height: 40px; }

font[color="#0055aa"] { color: #7b9dbf; }


/* 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;
}

/* img[src*="/npcs/"] {width: 40px; height: 40px; } */

td#i_1,td#i_2,td#i_3,td#i_4,td#i_5,td#i_6,td#i_7,
td#i_8,td#i_9,td#i_10,td#i_11,td#i_12,td#i_13,
td#i_14,td#i_15,td#i_16,td#i_17,td#i_18,td#i_19,
td#i_20,td#i_21,td#i_22,td#i_23,td#i_24,td#i_25 {color: yellow!important; border: 1px solid rgba(255, 255, 118, 0.13) !important; width: 20px; height: 20px; cursor: pointer;}
.fast_spell_set { color: #DA6767; }
#fastspell1 { margin-top: 5px;}
img[src$="cross_big.gif"]{ background-image: url(img/marker.png) !important; }
span[class*="uspanf13t"]:before { content: "[ NPC ]"; font-size: 10px; color: #F27171; margin-right: 5px; }


.chattextwhisper span[color="#EC19CC"] {color: #EC19CC !important;}


td.areadescription p.listrow tr:nth-child(odd){background: rgba(73, 67, 64, 0.35); }
td.areadescription p.listrow tr:hover {background: #DA6767; color: black; }
td.areadescription p.listrow th {text-align: left !important;}

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)}

/*Portalsturm Wetter*/
a[href="main.php?npc_mode=21620"]:before {content: url(img/portal1.png); padding-right:5px; }
a[href="main.php?npc_mode=21620"]:after {content: url(img/portal2.png); padding-left:5px; }

a[href="main.php?npc_mode=21620"] { 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?npc_mode=21620"]:hover{ color:#fff !important; background:rgba(73, 67, 64, 0.35); border: 1px solid rgba(0,0,0,.2)}

/*Unique Anfordern*/
.bg1 {background: #1b1714 !important; border: none !important; padding-left: 5px; }
.bg2 {background: #16110D !important; border: none !important; padding-left: 5px; }
table .bg1 {border: none !important;}

.uimgborder {
border: 1px outset #313437;
padding: 10 5 5 5;
background: rgba(37, 43, 49, 0.54);
margin-top: 10px !important;
box-shadow: 1px 1px 10px #485C70;
}


.uimgborder:hover {
border: 1px solid transparent;
padding: 10 5 5 5;
background: rgba(165, 8, 8, 0.4);
margin-top: 10px !important;
box-shadow: 1px 1px 10px #fff;
}

.stdjpg {background-image: url(img/std.png) !important;}

.imageborder {
  padding: 0px;
  width: 40px !important;
  height: 40px !important;
  position: absolute;
  left: -25px;
  top: -16px;
  background-color: rgba(37, 32, 29, 1);
  background-size: 40px !important;
  z-index: 20;
}

.imageborder:after {content: ""; width: 50px; height: 50px; background: red; posiotion: absolute; z-index: 10;}

td.mainheader {
font-size: 20px;
overflow: visible;
padding-left: 65px;
height: 50px;
padding-top: 20px;
height: 30px;
display: block;

}


/* RP Only */
p.listusersrow  textarea { width: 80% !important;}


#filterrow b { color: #e3bc7f; font-weight:bold; }
.frameitembg  {color: rgba(196, 196, 196, 0.61); }


/* blaue Worldsays */
.worldsay tr[bgcolor="#C1CEF9"]  { background-color: transparent !important; color: rgba(194, 194, 194, 1) !important; }
.worldsay tr[bgcolor="#C1CEF9"] td {
padding: 2px 5px;
background-color: #212032 !important;
color: rgba(194, 194, 194, 0.68) !important;
border: 1px solid rgba(0,0,0,.2) !important; }

/* gruene Worldsays */
.worldsay tr[bgcolor="#99EE99"]  { background-color: transparent !important; color: #d99 !important; }
.worldsay tr[bgcolor="#99EE99"] td {
padding: 2px 5px;
background-color: rgba(97, 167, 97, 0.42) !important;
color: rgb(185, 185, 185) !important;
border: 0px solid rgba(0,0,0,.2) !important;
}

/* rosa Worldsays */
.worldsay tr[bgcolor="#F8A370"]  { background-color: transparent !important; color: #d99 !important; }
.worldsay tr[bgcolor="#F8A370"] td {
  padding: 2px 5px;
  background-color: rgb(69, 52, 37) !important;
  color: rgba(255, 255, 255, 0.5) !important;
  border: 1px solid rgba(0,0,0,.2) !important;
}

/* ekliger Worldsay */
.worldsay tr[bgcolor="#FFAEA1"]  { background-color: black !important; color: #d99 !important; }
.worldsay tr[bgcolor="#FFAEA1"] td {
  padding: 2px 5px;
  background-color: rgb(69, 52, 37) !important;
  color: rgba(255, 255, 255, 0.5) !important;
  border: 1px solid rgba(0,0,0,.2) !important;
}

/* Mod-Chat? */
.chattextwhisper span[style="color:#9A1085;"] {color: #F457A5 !important; font-size: 13px;}

/* Map-Reload */
img[src$="relmap.gif"] { content: " Aktualisieren"; display: inline-block; width: 0px; height: 12px; background: url(img/reload.png) no-repeat; padding-left: 11px; overflow: hidden; float: left;}
a[href$="map.php?reload=1"]:after { content: " Aktualisieren"; float: left;}

a.fastchase  {   font-size: 17px !important; color: rgba(165, 183, 226, 1) !important; }
a.fastchase:hover  { color: rgba(128, 162, 241, 1) !important; }
.fastchase:before {content: url(img/chase.png); padding-right: 5px; }

a.fastattack {   font-size: 17px; !important; color: #9C5B5B !important; }
.fastattack:hover  { color: #D35C5C !important; }
.fastattack:before {content: url(img/attack.png); padding-right: 5px;}

a[href*="main.php?action=take&act_item_id"]  { font-size: 17px; }
a[href*="main.php?action=take&act_item_id"]:before { content: url(img/grabb.png); padding-right: 5px; height: 15px;}

a.fastchase  { color: rgba(165, 183, 226, 1) !important; }
a.fastchase:hover  { color: rgba(128, 162, 241, 1) !important; }
.fastchase:before {content: url(img/chase.png); padding-right: 5px; }

a.fastattack { color: #9C5B5B !important; }
.fastattack:hover  { color: #D35C5C !important; }
.fastattack:before {content: url(img/attack.png); padding-right: 5px;}

/*gigantische */
img[src$="spindel.gif"] {
    border-left: 3px inset rgb(244, 67, 54)!important;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
}

/*klein */
img[src$="spindel2.gif"] {
  border-left: 2px inset rgb(140, 255, 7) !important;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

/*normale */
img[src$="spindel3.gif"] {
  border-left: 3px inset #FFEB3B!important;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

#toplp {background: transparent !important; }
 #toplp .healthok {color: #99FF66 !important; padding: 5px;  }
 #toplp .healthmed { font-weight: bold; color: #FF8F00 !important;  padding: 5px;  }
 #toplp .healthcritical { font-weight: bold; color: #ff3838 !important;  padding: 5px;  }


/* Pfeile an Kisten */
.framemainbg img[src$="arrleft.gif"] { display: inline-block; width: 0px; height: 20px; background: url(img/arrleft.png) no-repeat; padding-left: 20px; overflow: hidden; }
.framemainbg img[src$="arrright.gif"] { display: inline-block; width: 0px; height: 20px; background: url(img/arrright.png) no-repeat; padding-left: 20px; overflow: hidden; }
.framemainbg img[src$="arrup.gif"] { display: inline-block; width: 0px; height: 20px; background: url(img/arrup.png) no-repeat; padding-left: 20px; overflow: hidden; }
.framemainbg img[src$="arrdown.gif"] { display: inline-block; width: 0px; height: 20px; background: url(img/arrdown.png) no-repeat; padding-left: 20px; overflow: hidden; }



img[src$="icon_flip.gif"] { display: inline-block; width: 0px; height: 16px; background: url(img/scale.png) no-repeat; padding-left: 16px; overflow: hidden; }
img[src$="icon_scroll_neu.gif"] { display: inline-block; width: 0px; height: 16px; background: url(img/autoscroll.png) no-repeat; padding-left: 16px; overflow: hidden; }



p.listitemrow {
    font-size: 0;
    padding: 5px 1px 5px 1px;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    color: rgba(220, 252, 245, 0.59);
    margin-top:3px;
    font-family:RaleWay;
max-width: 250px;
}
p.listitemrow:nth-child(odd) {
    background: rgba(49, 47, 46, 0.35);
}
/*** Itemname ***/

p.listitemrow b {
    font-size: 12px;
    font-weight: normal;
    max-width: 200px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
}
p.listitemrow:hover b {
    color: #c1c1c1;
    font-weight: bold;
}
/*** Item anwenden ***/

p.listitemrow a[href*="action=activate"]:after {
    display: block;
    content: "";
    height: 18px;
    font-size: 12px;
    width: 80%;
    position: absolute;
    top: 0;
    left: 0;
}


/* Ansehen - Ablegen - Transfer */

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


/* Boerse */
[color='#AA0000'] {
    color: #ff6e5e;
}
[color='#AA0000']:after {
    content: '\f071';
    color: #ff6e5e;
    font-size: 10px;
    font-family: Fontawesome;
    float: left;
    padding-right: 5px;
}
[color='#009900'] {
    color: #5bd26b;
}
[color='#009900']:after {
    content: '\f0d6';
    color: #5bd26b;
    font-size: 13px;
    font-family: Fontawesome;
    float: left;
    padding-right: 5px;
}

.prodok {color: #5bd26b !important;}
.prodnot {color: #ff6e5e !important;}

#ttCaption {
  background: #1b1714 !important;
  border: none !important;
  color: rgba(196, 196, 196, 0.61) !important;
  Font-Family: Raleway;
  padding: 2px 5px 2px 5px !important;
}

#ttContent {
  background: rgba(56, 33, 18)!important;
  border: none !important;
  padding: 2px 5px 2px 5px !important;
  color: rgba(196, 196, 196, 0.61) !important;
}

#ttContent textarea {
  background: rgba(92, 84, 79, 0.5) ;
  color: rgba(196, 196, 196, 0.61) !important;
  Font-Family: Raleway;
}
.framemainbg .listcaption img[src$="icon_view2.gif"] {
    display: inline-block;
    width: 0px;
    height: 14px;
    background: url(img/verfolgen1.png) no-repeat;
    padding-left: 17px;
    overflow: hidden;
    float: left;
}
.framemainbg .listcaption img[src$="icon_view.gif"] {
    display: inline-block;
    width: 0px;
    height: 14px;
    background: url(img/verfolgen2.png) no-repeat;
    padding-left: 17px;
    overflow: hidden;
    float: left;
}

/* Bluttafel */
.ubt0row { font-size:13px !important; }
.ubt0row b { font-weight: bold !important;}
.listcaption a {color: #e3bc7f !important;}
.listcaption a:hover {color: #c79e5d !important;}

.listitemrow img[src$="../images/icon_view.gif"] {
    display: none;
}

.listitemrow img[src$="../images/icon_drop.gif"] {
    display: none;
}

.listitemrow img[src$="../images/icon_transfer.gif"] {
    display: none;
}

a[href*="main.php?action=take"]  {
	font-size: 17px;
  position: absolute; left: 350px; font-size:15px;
}

td.tdplaceenv {border: none !Important;}

.placeenv {
position: absolute;
top: 25px;
right: 25px;
color: #b3b3b3a6;
padding: 3px 2px 3px 2px;
border-radius: 5px 5px 0px 0px;
background: #1f1d1c;
box-shadow: 1px -1px 3px #4d4d4d80;
border: 2px inset #110f0d1a;
    border-bottom-color: rgba(17, 15, 13, 0.1);
    border-bottom-style: inset;
    border-bottom-width: 2px;
border-bottom: none;
}

.brownbg {background: transparent; }


form[name="outside"], form[name="underearth"] {background: #14120f;
padding: 5px; }

.frameitembg input, .frameitembg .registersubmit {
   cursor: pointer;
   font-size: 13px;
  height: auto;
  padding: 2px;
  font-family: Raleway;
  background: #231f1d;
  color: white;
  border: 1px solid #fff3;
  border-radius: 5px 0px 5px 0px;
	margin-top:10px; }
    .frameitembg input:hover, .frameitembg .registersubmit:hover {
       background: #1f1c18; }

.framemainbg input, .framemainbg .registersubmit {
   cursor: pointer;
   font-size: 13px;
  height: auto;
  padding: 2px;
  font-family: Raleway;
  background: #231f1d;
  color: white;
  border: 1px solid #fff3;
  border-radius: 5px 0px 5px 0px;
	margin-top:10px; }
    .framemainbg input:hover, .framemainbg .registersubmit:hover {
       background: #1f1c18; }

.frameitembg select {
    font-size: 13px;
    height: auto;
    padding: 2px;
    font-family: Raleway;
    background: #231f1d;
    color: white;
    border: 1px solid #fff3;
    border-radius: 5px 0px 5px 0px;
}

select[name="z_pos_id"] option[value="290"], select[name="z_pos_id"] option[value="110"] { font-weight:bold; background: #e7a30080 !important;}
select[name="z_pos_id"] option[value="1321"], select[name="z_pos_id"] option[value="538"] { font-weight:bold; background: #c81c00b3 !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;}

    .build_text {
      background: #110f0d;
      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;
    }
	.aggressivenpc {color: red; }

.ut47img {margin-top: 20px;
margin-bottom: 10px;}

.udivt1,
.udivt24,
.udivt43,
.udivt25,
.udivt13,
.uitem,
.udivt4,
.udivt37,
.udivt52,
.udivt47,
.udivt6,
.udivt8 {font-size: 13px;
height: auto;
padding: 5px;
background: #1b1714;
color: rgba(196, 196, 196, 0.61);
border: 1px solid #ffffff1a;
border-radius: 5px 0px 5px 0px;
margin-top: 10px;
max-width: 50%;
box-shadow: 2px 2px 2px #0c0a09;}

.udivt1:hover,
.udivt24:hover,
.udivt43:hover,
.udivt25:hover,
.udivt13:hover,
.udivt4:hover,
.uitem:hover,
.udivt37:hover,
.udivt47:hover,
.udivt6:hover,
.udivt52:hover,
.udivt8:hover{background: #211c18;}

.framemainbg table.abilitytable, .framemainbg table.uptable {font-size: 13px;
height: auto;
padding: 5px;
background: #1b1714;
color: rgba(196, 196, 196, 0.61);
border: 1px solid #ffffff1a;
border-radius: 5px 0px 5px 0px;
margin-top: 10px;
min-width: 50%;
box-shadow: 2px 2px 2px #0c0a09;}

.framemainbg table.abilitytable tr td, .framemainbg table.uptable tr td { padding: 5px; }

.framemainbg table.abilitytable:hover, .framemainbg table.uptable:hover {background: #211c18;}

/* Anpassung Mobiles Frameset */

.tablist {
background: #1b1714;
width: 100%;}

.content {
background: #1b1714;
}

.frametab {
background: #231F1D;
color: rgba(196, 196, 196, 0.61);
font-family: Raleway;
border: 1px solid rgba(196, 196, 196, 0.19);
border-radius: 5px 0px 5px 0px;
}
.frametab:hover {background: #25221E;}