.game { text-align: center; position:relative; }
.game img { margin:5px; }
.game .kampf img { margin: 0; }
.game table { margin: 10px auto; clear:both; height:auto; border-collapse:collapse; }

acronym { cursor:help; border-bottom:1px dotted; }
.klein { font-size: 75%; }
.gross { font-size: 110%; font-weight: bold; }
.green { color: #00A100; }
.red { color: #F00; }
.ooc { font-style: italic; color: #323D4F; }
.nobr { white-space: nowrap; }
.error { font-weight: bold; color: red; }
.success { font-weight: bold; color: green; }
div.error { font-weight: bold; color: #444444; background-color: #FF1E1E; border: 1px dotted #444444; padding: 5px; margin: 10px; }
div.warning { font-weight: bold; color: #444444; background-color: #FFFFE0; border: 1px dotted #444444; padding: 5px; margin: 10px; }
img.max_50_50 { margin:0; max-width:50px; max-height:50px; }
img.max_60_60 { margin:0; max-width:60px; max-height:60px; }
img.max_75_75 { margin:0; max-width:75px; max-height:75px; }
img.width_75px { margin: 0; width: 75px; }
img.max_100_100 { margin:0; max-width:100px; max-height:100px; }
img.max_200_200 { margin:0; max-width:200px; max-height:200px; }
img.max_500_500 { margin:0; max-width:500px; max-height:500px; }
img.verwundet { width:12px; height:12px; margin:0; padding:0; }
img.float_left { float: left; max-width: 40%;}
.spinner-img { background: url(../bilder/loading.svg) no-repeat center transparent; height:30px; width:30px; }

/* Formulare und Inputfelder */
.input { width: 150px; background-color: #fff; border: 1px solid #000; color: #000; }
.input_long { width: 450px; background-color: #fff; border: 1px solid #000; color: #000; }
.input_text { width: 250px; background-color: #fff; border: 1px solid #402C13; color: #402C13; }
.input_zahl { width: 40px;  background-color: #e7e7e7; border: 1px solid #402C13; color: #402C13; }

/* OOC bzw. OOG in AOQML */
.zb { text-align: left; padding: 0; margin: 0; }
.quest { text-align: left; padding: 1em; }
.aoqml .oog {
  background: url(../bilder/ooc.png) no-repeat top center #fff4df;
  color: #402C13;
  margin: 3px 0 3px 5px;
  padding: 22px 10px 10px 10px;
  border: 1px solid black;
  text-align: justify;
  max-width: 1024px;
}
.aoqml_clear { clear: both; }
.exception_details { font-size: 80%; }
map .infoonly { cursor: help; } 
.aoqml .npcinfos { background-color: #fff4df; color: #402C13; padding: 10px; margin:0; border: 1px solid #402C13; }
.aoqml .npcinfos h2 { text-align: left; }
.scene_protocol { margin-top: 20px; text-align: left; }
.scene_protocol_group { margin-top: 30px; border-top: 1px solid #ABABAB; text-align: left; }




/* technische Infos */
span.cmd { font-family: "Courier New", Arial, sans-serif; font-size: 0.9em; }

/* Teaser */
span.teaser_points { padding: 0 3px; }

/* Wegweiser und (Welt-/Detail-)Karte */
#wegweiserMapContainer { margin: 2px auto 15px auto; text-align: center; min-width: 400px; min-height: 400px; }
#wegweiserMapContainer img { margin: 0; }

/* im Chat */
.AOChatBox .settings { float:right; height:24px; border:1px solid transparent; opacity:0.7; margin:0 0 4px 0; }
.AOChatBox .settings_hl { opacity: 1.0; cursor: pointer; }
.verwundet_chat { overflow: visible; }
.verwundet_chat img { margin: 0; }

/* Usernamen im Chat */
.aoChatMessage .user a { font-weight: bold; }
#mentorenchat .neuling { color: orange; }
#mentorenchat .mentor { color: #5045E5; }
#globchat .utip { color: #5045E5; }

/* Highlight wenn eigener Name erwähnt wird */
.chat_highlight{
    font-weight: bold;
    background-color: rgba(255, 115, 0, 0.25);
}

/* resizable Area für den Chat */
.grippie {
  background: #EEEEEE url(../ext/elementResizable/images/grippie.png) no-repeat scroll center;
  border-color: #DDDDDD;
  border-style: solid;
  border-width: 0 1px 1px;
  cursor: s-resize;
  height: 9px;
  overflow: hidden;
  width: 100%;
}

/**
 * Login-Seite
 */
form.loginForm { text-align: center; margin: auto; font-size:1.0em; }
form.loginForm div.introText { margin: 10px auto; text-align: left; max-width: 810px; }
form.loginForm div.registerBox { margin-bottom: 30px; }
form.loginForm div.loginTableBox { text-align: center; margin: auto; max-width: 800px; }
form.loginForm div.loginTableBox  table { clear: none; max-width: 800px; }
form.loginForm div.mobileHint { margin:10px auto; color: #444444; background-color: #FFFFE0; border: 1px dotted #444444; padding: 5px; min-width: 600px; max-width: 800px; }
form.loginForm td.fb { background-color: #ffffff; text-align: center; padding: 10px; }
div.loginImage { float: right; }
div.introImg img{ float: left; max-width: 12%; padding-right: 1em; filter: drop-shadow(0px 0px 2px #FEF1B9); }
div.createAccImage img{ float: right; max-width: 50%}
form.loginForm.createAcc { text-align: left; }

@media (max-device-width: 680px) {
  div.loginTableBox { width: 100%; font-size: 2.5em; }
  form.loginForm input { line-height: 1.1em; font-size: 2.0em; min-width: 80%; }
  form.loginForm select { line-height: 1.0em; font-size: 1.2em; width: 70%; }
  div#ulist {line-height: 1.1em; }
  div.loginImage { float: none; }
  div.createAccImage img{ float: none; max-width: 100%; margin: 0 auto; padding-bottom: 0.5em;}
  form.loginForm.createAcc { text-align: center; }
}

/* Copyrightinfo fuer Chat-Sounddateien */
div#sound_cc_info { font-size: 80%; }

/* Heldinfo und Heldwerte */
div#heldeninfo a.link_steigern { padding-left: 3px; cursor: pointer; }
div#heldeninfo span.waffe_rechts img { max-width:100px; }
div#heldeninfo span.waffe_links img { max-width:100px; }

/* Ein-/Ausklappen von Stadtinfos */
div.toggle_stadtinfos { float: right; width: 20px; height: 20px; overflow: hidden; margin: -26px 10px 0 0; } /* nach oben verschieben */
div.ort_uebersicht { margin-top: 15px; }

/* Gepäckansicht (Seite Ausrüstung) */
table.gepaeckansicht td.ware_bild, table.gepaeckansicht td.zustand, table.gepaeckansicht td.menge, table.gepaeckansicht td.benutzen, table.gepaeckansicht td.wegwerfen { text-align: center; }
table.gepaeckansicht td.ware_bild, table.gepaeckansicht td.preis { width: 50px; }
table.gepaeckansicht td.beschreibung { text-align: left; }
table.gepaeckansicht td.gewicht, table.gepaeckansicht td.preis { text-align: right; }
table.handelsfunktion { margin-top:30px; }

/**
 * Ort
 */
div.stadt_info { text-align: center; width: 97%; margin: auto; }

div.stadt_info table { text-align: left; margin-left: auto; margin-right: auto; } /*Tabelle zentrieren*/

/**
 * Questtagebuch
 */
div.questtagebuch { margin: auto; text-align: center; }
div.questtagebuch h3 { margin: 10px 0 5px 0; }
div.questtagebuch h3 small { font-size: 80%; }
div.questtagebuch p { text-align: justify; margin-bottom: 15px; }
div.questtagebuch h3 .admin { visibility: hidden; }
div.questtagebuch h3.highlighted .admin { visibility: visible; }
div.questtagebuch h3.highlighted img { margin-left: 5px; }

/**
 * Gruppenzeug
 */
#anwesende_gruppen { display: table; margin: auto; text-align: left; }

#acc_gruppe { text-align: center; margin: auto; }

div.gruppe_verwaltung_box { margin: 10px 0 20px 0; text-align: center; }
div.gruppe_verwaltung_box div.einladungen { margin-bottom: 20px; }

div.gruppe_szene { margin: 10px; background-color: white; color: black; padding: 10px; font-size: 1.0em; line-height: 1.2em; border: 1px solid black; text-align: left; }
div.gruppe_szene img.burglaryPreparationImg { float: right; margin: 0 0 0 30px; max-width: 45%; }
div.gruppe_szene div.dynamische_infos { margin-left: 30px; margin-bottom: 30px; }
div.gruppe_szene div.dynamische_infos p { line-height: 100%; }
div.gruppe_szene div.img_clear { clear: both; }
div.gruppe_szene p.aktion_abbrechen { margin-top: 30px; }

div.gruppe_verwaltung_box div.einladungen ul { list-style-type: none; margin: 0; padding: 0; }

div.gruppe_heldenuebersicht { overflow: hidden; min-height: 150px; margin: 10px 13px 10px 0; padding: 10px; border: 1px solid black; background-color: #DB9D4A; color: black; }
div.gruppe_heldenuebersicht img { margin: 0; } /* wichtig um den Standardrand von 5px bei den Bildern wegzubekommen */
div.gruppe_heldenuebersicht div.anfuehrer { position: relative; top: -20px; left: -10px; height: 0; width: 0; overflow: visible; }
div.gruppe_heldenuebersicht div.grp_held_ansicht { float: left; text-align: center; margin-left: 25px; margin-right: 10px; max-width: 120px;}
div.gruppe_heldenuebersicht div.grp_held_ansicht div.grp_held_img { margin-bottom: 3px; height: 100px; width: 100px; padding: 0; z-index: 1; text-align: left; }
div.gruppe_heldenuebersicht div.grp_held_ansicht div.verwundet { position: relative; top: 83px; left: 85px; }
div.gruppe_heldenuebersicht div.grp_held_ansicht div.balken { margin: auto; width: 100px; padding-bottom: 5px; }
div.gruppe_heldenuebersicht div.grp_held_ansicht div.grp_held_name { margin: auto; font-size: 80%; line-height: 100%; font-weight: bold; text-align:left; }
div.gruppe_heldenuebersicht div.held_not_here { color: red; font-weight: bold; font-size: 75%; font-style: italic; }

div.gruppe_heldenuebersicht div.rolle_wahl { margin-top: 5px; max-width: 200px; }
div.gruppe_heldenuebersicht div.rechtes_menu { float: right; text-align: right; }
div.gruppe_heldenuebersicht div.gruppe_admin { clear:right; float: right; text-align:right; }
div.gruppe_heldenuebersicht div.gruppe_verlassen_box { float: right; margin-top: -15px; font-style: italic; font-size: 75%; overflow: visible; }

div.gruppe_heldenuebersicht div.einladungen { clear: right; float: right; max-width: 300px; margin: 10px 0 30px 20px; }
div.gruppe_heldenuebersicht div.einladungen div.neu_einladen { margin-top: 10px; }
div.gruppe_heldenuebersicht div.einladungen span.eingeladener_held_woanders { font-size: 75%; }
div.gruppe_heldenuebersicht div.einladungen span.einladung_z { padding-left: 5px; }
div.gruppe_heldenuebersicht div.einladungen select { max-width: 200px; }

div.gruppe_heldenuebersicht_clear { clear: left; }

/**
 * Gruppenproben
 */
div.gruppe_probe { text-align: left; max-width: 500px; border: 1px solid black; background-color: #e6ad59; padding: 7px; margin: 5px; }
div.gruppe_probe .heroRepresent { float: left; width: 140px; margin-right: 5px; font-size: 85%; }
div.gruppe_probe .held_probe_clear { clear: left; }
table.gruppe_probe_ausgang td.summe_fep { text-align: right; font-weight: bold; }
table.gruppe_probe_ausgang td.success { color: green; }
table.gruppe_probe_ausgang td.failure { color: red; }
div.zb_protokoll_held { float: left; margin: 5px 5px 0 0; min-width: 100px; text-align: left; }
div.zb_protokoll_clear { clear: left; }

/**
 * Countdown in AOQML
 */
.aoqml .countdown { color: #312B2B; background-color: #FFFFE0; border: 1px dotted #444444; padding: 5px; margin: 10px; max-width: 400px; text-align: center; }

/* Gedichte-Quest */
.aoqml .gedicht q { line-height:100%; }
.aoqml .gedicht .oog { margin: 30px 0 30px 0; max-width: 500px; text-align: left; }

/**
 * Einstellungen
 */
div.einstellungen { text-align: center; }
div.einstellungen table { margin: auto; text-align: left; }
div.einstellungen th { text-align: center; }
div.einstellungen th.right { text-align: right; }
div.einstellungen td { text-align: left; }
div.einstellungen input.input_longer { width: 250px; margin: 0; border: 1px solid black; }
div.einstellungen table.heldenwechsel td { border: 0; }
table.zb_beute_table td { vertical-align: top; border-style: none; }
table.zb_beute_table td.chkbox { vertical-align: top; text-align: right; min-width: 30px; padding-top: 5px; }
table.zb_beute_table td img { margin: 0 2px 0 0; }
div.zb_beute_nicht_aufgenommen { color: #ecb200; /*orange*/ background-color: white; padding: 3px; margin: 0 8px 0 8px; max-width: 400px; font-size: 80%; }

/* Heldwechsel Tipps */
#HinweisText1 { font-style: italic; }

/**
 * Heldinfo
 */
div.heldinfoSeite { text-align:center; padding:0 10px; }
div.heldinfoSeite table td { text-align:left; }
div.heldinfoSeite .helptextBox { margin: 10px auto 30px; width: 400px; text-align: left; background-color: #fff4df; color: #402C13; padding: 10px; border: 1px solid black; }
div.heldinfoSeite .helptext { padding-left:20px; background: url(../bilder/info.png) no-repeat 0 2px transparent; font-family: Palatino Linotype, Book Antiqua, Palatino, serif; font-style: italic; }


/**
 * Heldenbrief (Heldendokument)
 */
div.heldenbrief_selektor { margin: auto; margin-bottom: 15px; }
div.heldenbrief_selektor span.ohne_umbruch{ white-space: nowrap; }
div.heldenbrief_selektor input { padding: 0; margin: 7px 0 0 10px; }
div.heldenbrief_druckansicht { margin-bottom: 10px; }
div.heldenbrief { margin:auto; text-align: left; width:600px; border:1px solid black; background-color:white; color:black; padding:20px; }
div.heldenbrief div.orden { margin: 20px 0; text-align: center; }
div.heldenbrief h1 { margin: 6px; text-align: center; }
div.heldenbrief h2 { margin: 30px 0 5px 0; text-align: center; font-size: 125%; color: #201818; font-family: Verdana, Arial, sans-serif; text-decoration: underline; }
div.heldenbrief table { width: 100%; background-color:white; color:black; margin: 5px 0 0 0; padding: 0; }
div.heldenbrief table td { background-color: white; vertical-align: top; }
div.heldenbrief td.generelles div { margin-top: 5px; }
div.heldenbrief td.generelles label { float: left; margin-right: 10px; width: 100px; text-align: right; }
div.heldenbrief td.generelles span { text-align: left; font-weight: bold; }
div.heldenbrief td.eigenschaften, div.heldenbrief td.eigenschaft { font-weight:bold;  }
div.heldenbrief td.portrait, div.heldenbrief td.wappen { width: 150px; text-align: center; }
div.heldenbrief table.vierer th { width: 220px; }
div.heldenbrief table.sechser th { width: 150px; }
div.heldenbrief div.sf_text { text-align: justify; }
div.heldenbrief div.waffe_weitere_infos { margin-top: 7px; padding-left: 8px; font-size: 85%; font-style: italic; }
div.heldenbrief span.zu_proben { font-size: 75%; }
div.heldenbrief_waffe { max-height: 150px; max-width: 150px; }
div.heldenbrief_waffe img { height: 100%; width: 100%; object-fit: contain }
div.heldenbrief table {box-shadow: none }

/**
 * Buchquesten
 */
div.buch_zweiseitig { background-image: url(../bilder/quests/open_book.png); width:721px; height:478px; margin: 10px auto; }
div.buch_linke_seite { float:left; width:270px; height:440px; padding:10px 10px 0 70px;  text-align:left; }
div.seitenzahl_l { clear:left; float:left; width:270px; padding:0 10px 0 70px; text-align: center; font-size: 85%; text-shadow: none; color: #000; }
div.buch_rechte_seite { float:right; width:290px; height:440px; padding:10px 50px 0 5px; text-align:left;  }
div.seitenzahl_r { clear:right; float:right; width:290px; padding:0 50px 0 5px; text-align: center; font-size: 85%; text-shadow: none; color: #000; }
div.buch_linke_seite p { font-size:95%; line-height: 150%; text-align: justify; }
div.buch_rechte_seite p { font-size:95%; line-height: 150%; text-align: justify; }
div.umblaettern { text-align: center; }

/**
 * Pergamente
 */
div.pergament {
  background: url("../bilder/quests/page.gif") no-repeat transparent center top;
  height: 660px;
  width: 460px;
  font-size: 100%;
  padding: 20px 30px 20px 40px;
  text-align: left;
  color: #0a2b1d;
  text-shadow: none;
}

div.pergamenth1 {
  font-size: 200%;
  text-align: center;
}

.aoqml div.pergament  {
  font-size: 90%;
}

.aoqml div.pergament  ul li {
  margin: 0;
}

/* Kampftabelle */
table.kampf .kampfbeitritt { color: orange; }

/**
 * neue Kampfseite
 */
div.kampf_v2 { text-align:center; margin:0 auto; padding:0; }
div.kampf_v2 div.kampf_links { margin-bottom:20px; }
div.kampf_v2 table.kampf_outer { width:800px; margin:0 auto; border-collapse:separate; background:none; border-spacing:0; }
div.kampf_v2 table.kampf_outer td.linke_seite { width:400px; background:none; border:none; vertical-align:top; }
div.kampf_v2 table.kampf_outer td.rechte_seite { width:400px; text-align:left; background:none; border:none; vertical-align:top; padding-left:10px; }
div.kampf_v2 table.kampf_outer div#meldung { text-align:left; height:50px; margin-bottom:5px; }
div.kampf_v2 .dragable2 { cursor: move; padding:0; }
div.kampf_v2 img { margin: 0; }
div.kampf_v2 table th { font-size:90%; text-align:center; padding:5px; }
div.kampf_v2 table td { padding: 2px; }
div.kampf_v2 .rassenboni { font-style:italic; font-size:75%; }
div.kampf_v2 .restricted { font-size: 80%; }
div.kampf_v2 .restricted .ok { color: #008000; }
div.kampf_v2 .restricted .bad { color: #D10D0D; }

/* Schattenrisse */
div.kampf_v2 div.Mensch { background: url(../bilder/koerper/mensch_m_50_h600.png) no-repeat transparent center bottom; }
div.kampf_v2 div.Mensch_w { background: url(../bilder/koerper/mensch_w_50_h600.png) no-repeat transparent center bottom; }
div.kampf_v2 div.Halbling { background: url(../bilder/koerper/mensch_m_50_h600.png) no-repeat transparent center bottom; }
div.kampf_v2 div.Halbling_w { background: url(../bilder/koerper/mensch_w_50_h600.png) no-repeat transparent center bottom; }
div.kampf_v2 div.Halbork { background: url(../bilder/koerper/mensch_m_50_h600.png) no-repeat transparent center bottom; }
div.kampf_v2 div.Halborkin { background: url(../bilder/koerper/mensch_w_50_h600.png) no-repeat transparent center bottom; }
div.kampf_v2 div.Elf { background: url(../bilder/koerper/elf_m_50_h600.png) no-repeat transparent center bottom; }
div.kampf_v2 div.Elfe { background: url(../bilder/koerper/elf_w_50_h600.png) no-repeat transparent center bottom; }
div.kampf_v2 div.Halbelf { background: url(../bilder/koerper/elf_m_50_h600.png) no-repeat transparent center bottom; }
div.kampf_v2 div.Halbelfe { background: url(../bilder/koerper/elf_w_50_h600.png) no-repeat transparent center bottom; }
div.kampf_v2 div.Norlander { background: url(../bilder/koerper/nordahejmr_m_50_h600.png) no-repeat transparent center bottom; }
div.kampf_v2 div.Norlanderin { background: url(../bilder/koerper/nordahejmr_w_50_h600.png) no-repeat transparent center bottom; }
div.kampf_v2 div.Zwerg { background: url(../bilder/koerper/zwerg_m_50_h600.png) no-repeat transparent center bottom; }
div.kampf_v2 div.Zwergin { background: url(../bilder/koerper/zwerg_w_50_h600.png) no-repeat transparent center bottom; }

/* Körper */
div.kampf_v2 div.koerper { width:400px; }
div.kampf_v2 div.koerper img { margin-top:2px; }
div.kampf_v2 div.koerper div.clear { clear:left; }
div.kampf_v2 div.koerper div.innerClear { clear:right; }
div.kampf_v2 div.koerper div.schulter { float:left; margin:20px 0 0 0; width:90px; height:113px; background-image: url(../bilder/koerper/schulter.png); }
div.kampf_v2 div.koerper div.kopf { float:left; margin:0 68px 0 68px; width:83px; height:104px; background-image: url(../bilder/koerper/kopf.png); }
div.kampf_v2 div.koerper div.ruecken { float:left; margin:20px 0 0 0; width:91px; height:114px; background-image: url(../bilder/koerper/ruecken.png); }
div.kampf_v2 div.koerper div.hals { float:left; margin:-27px 0 0 180px; width:43px; height:44px; background-image: url(../bilder/koerper/hals.png); }
div.kampf_v2 div.koerper div.arme { float:left; margin:-9px 0 5px 1px; width:82px; height:113px; background-image: url(../bilder/koerper/arme.png); }
div.kampf_v2 div.koerper div.oberkoerper { float:left; margin:5px 50px 0 50px; width:131px; height:163px; background-image: url(../bilder/koerper/oberkoerper.png); }
div.kampf_v2 div.koerper div.rHandBox { float:left; margin:-58px 0 0 0; width:90px; }
div.kampf_v2 div.koerper div.rHandBox div.rHand { width:90px; height:114px; background-image: url(../bilder/koerper/rechteHand.png); }
div.kampf_v2 div.koerper div.rHandBox div.rRinge1 { margin:5px 5px 0 0; float:right; width:42px; height:33px; background-image: url(../bilder/koerper/ringe.png); }
div.kampf_v2 div.koerper div.rHandBox div.rRinge2 { margin:5px 0 0 0; float:right; width:42px; height:33px; background-image: url(../bilder/koerper/ringe.png); }
div.kampf_v2 div.koerper div.unterkoerper { float:left; margin:10px 50px 0 50px; width:117px; height:153px; background-image: url(../bilder/koerper/unterkoerper.png); }
div.kampf_v2 div.koerper div.lHandBox { float:left; margin:-58px 0 0 0px; width:91px; }
div.kampf_v2 div.koerper div.lHandBox div.lHand { width:91px; height:114px; background-image: url(../bilder/koerper/linkeHand.png); }
div.kampf_v2 div.koerper div.lHandBox div.lRinge1 { margin: 5px 5px 0 0; float:right; width:42px; height:33px; background-image: url(../bilder/koerper/ringe.png); }
div.kampf_v2 div.koerper div.lHandBox div.lRinge2 { margin: 5px 0 0 0; float:right; width:42px; height:33px; background-image: url(../bilder/koerper/ringe.png); }
div.kampf_v2 div.koerper div.uleib { float:left; margin: -40px 0 0 30px; width:81px; height:73px; background-image: url(../bilder/koerper/unterleib.png); }
div.kampf_v2 div.koerper div.fuesse { float:left; margin:5px 30px 20px 30px; width:112px; height:72px; background-image: url(../bilder/koerper/fuesse.png); }
div.kampf_v2 div.koerper div.beine { float:left; margin: -40px 30px 0 0; width:80px; height:73px; background-image: url(../bilder/koerper/beine.png); }

/* Tooltips der angelegten Sachen */
.ware_auf_zone { border:1px solid black; margin:2px 2px 5px 2px; padding:5px; }
.ware_auf_zone .ware_desc_short { float:right; margin:2px 2px 5px 5px; max-width:100px; }
.ware_auf_zone .ware_desc_long { float:right; margin:2px 2px 5px 5px; max-width:160px; }
.ware_auf_zone .ware_name { font-weight: bold; }
.ware_auf_zone .clear { clear:right; }

/* AT/PA-Werte */
div.kampf_v2 div.at_pa_werte { margin:-5px 15px 0 15px; text-align:center; border-radius:15px; border:2px solid #75716A; padding:7px 3px 0 0; font-weight:bold; font-size:95%; }
div.kampf_v2 div.at_pa_werte div { padding-bottom: 5px; }
div.kampf_v2 div.at_pa_werte span.wert{ padding-left:7px; white-space:nowrap; }
div.kampf_v2 div.at_pa_werte span.schaden { padding-left:3px; }
div.kampf_v2 div.at_pa_werte span.schaden img { margin: 0 1px; }

/* Rüstwerte */
div.kampf_v2 div.ruestwerte { margin: 10px 0 0 0; }
div.kampf_v2 div.ruestwerte h2 { font-size:120%; margin: 0 0 5px 0; }
div.kampf_v2 div.gepaeck_inhalt div.leer { padding:10px; font-size: 100%; font-weight: bold; }
div.kampf_v2 div.ruestungskombis { margin: 20px 0 0 0; }
div.kampf_v2 div.ruestungskombis h2 { font-size:110%; margin: 20px 0 10px 0; }
div.kampf_v2 div.ruestungskombis div.ruestkombi { margin: 10px 0 10px 0; }
div.kampf_v2 div.ruestungskombis div.ruestkombi span.kombi_name { font-weight: bold; }
div.kampf_v2 div.ruestungskombis div.ruestkombi span.kombi_verw { padding-left: 10px; }
div.kampf_v2 div.ruestungskombis div.ruestkombi span.kombi_verw img { margin: 0 3px; }
div.kampf_v2 div.ruestungskombis div.ruestkombi span.nicht_dabei { color: red; opacity: 0.8; }

/* Gegenstandsquesten auf Kampfseite */
div.kampf_v2 div.gegenstandsquesten { padding-top:10px; }
div.kampf_v2 div.gegenstandsquesten ul { margin: 5px 0; }
div.kampf_v2 .helptextBox { margin-top: 20px; text-align: left; color: #402C13; padding: 10px; }
div.kampf_v2 .helptext { padding-left: 20px; background: url(../bilder/info.png) no-repeat 0 2px transparent; font-family: Palatino Linotype, Book Antiqua, Palatino, serif; font-style: italic; }

/**
 * Kampfmanöver
 */
table.kampfmanoever { border-spacing:3px; }
table.kampfmanoever td.keine { text-align:center; font-size:90%; }

/**
Farbe verfuegbar/nicht verfuegbar z.B. steigern von Sonderfertigkeiten in Kampfschule
 */
.red{
  color: red;
}

.green{
  color: green;
}

.gray{
  color: gray;
}

/* Transferansicht/Handel */
table.transfer { margin:0 auto; }
table.transfer th { vertical-align:middle; text-align:center; width: 50%; }
table.transfer th div.reiter img { border: 2px solid transparent; height:60px; margin:0; }
table.transfer th div.containerbild { float:left; width:40%; text-align:right; padding-right:5px; }
table.transfer th div.fuellstand { float:left; text-align:center; padding-top:5px; }
table.transfer th div.fuellstand .beschriften { font-size:75%; font-weight:normal; }
table.transfer td { vertical-align:top; text-align:left; width: 50%; }
table.transfer td a.tp_all { text-decoration: none; }
table.transfer td a.tp_all:hover, table.transfer td a.tp_all:focus { text-decoration: underline; }
table.transfer td.tradingPartner { padding: 0; }
table.markttransfer th { width: 100%; }
table.markttransfer td { width: 100%; padding: 0; }
table.transfer div.warencontainer { float:left; width: 345px; padding: 5px 5px 5px 10px; line-height:100%; font-size:95%; }
table.transfer div.warencontainer_eigener_stand { clear:left; height: 60px; padding: 5px 0 10px 10px; line-height:100%; font-size:95%; }
table.transfer .tobj { float: left; }
table.transfer .clear { clear: left; }
table.transfer .warenname { float: left; padding: 5px 0 0 8px; height: 60px; max-width:280px; overflow:hidden; }
table.transfer .warenname .zst { font-size:70%; font-style:italic; padding:2px 0; margin: 0; line-height:1em; }
table.transfer .warenname .waffeninfo img { margin: 0; }
table.transfer a { text-decoration: none; }
table.transfer a:hover, table.transfer a:focus { text-decoration: underline; }
table.transfer div.warenbild { position:relative; float: left; padding: 0; margin: 0 1px 1px 0; width: 50px; height: 50px; text-align:center; }
table.transfer div.warenbild div.anzahl { position: absolute; right:0; bottom:0; margin:0; padding:2px 0 0 0; font-size:0.8em; line-height:12px; font-weight:bold; width:19px; height:18px; background:url(../bilder/schildchen.png) no-repeat bottom right transparent; }
table.transfer div.transferall { clear:left; text-align:left; padding-top:40px; padding-left:10px; }
table.transfer div.sell_all { clear: left; padding: 30px 0 10px 20px; }

/* in mBox */
table.warentausch { margin-top: 8px; }
table.warentausch tr.too_big { opacity: 0.7; }
table.warentausch th { text-align:left; padding-right: 10px; }
table.warentausch td { text-align:left; padding-right: 10px; }
table.warentausch th.preis_title { text-align:center; }
table.warentausch input.gulden { width: 25px; margin-left:15px; }
table.warentausch input.thaler, table.warentausch input.groschen { width: 18px; margin-left: 5px; }
table.warentausch .pr { white-space: nowrap; }
table.warentausch .p_all { font-size: 85%; }

/* Behälter */
div.transferContainer div.heroSide, div.transferContainer div.partnerSide { max-height: 500px; overflow-y: auto; }

/* AOQML Inventare */
div.transferInventory div.heroSide, div.transferInventory div.partnerSide { max-height: 500px; overflow-y: auto; }
div.transferInventory th div.fuellstand { float: none; text-align:center; }

/* Marktplatz */
table.markt td { padding: 0; }
table.markt td.trenner { background: url(../bilder/spirale.jpg) repeat-x center transparent; padding:5px; }
table.markt td.stand_held { width: 225px; text-align: center; padding-bottom: 10px; min-height:100px; }
table.markt td.stand_beschreibung { text-align: center; padding:5px; }
table.markt td.stand_inhalt { width: 225px; text-align: left; padding-left:30px; }
table.markt td.marktstandansicht { text-align: center; padding:5px 0; }
table.markt table.transfer div.warencontainer { border-right:1px solid gray; border-bottom:1px solid gray; }
table.markt table.transfer .kaufen { padding-left:10px; }
table.markt div.transferContainer { max-height: 420px; overflow-y: scroll; overflow-x: hidden; }
table.markt div.transferContainer  .warenname { height: 55px; }
table.transfer td.motto { padding:10px; text-align:center; }
div#eigener_marktstand_pre { margin:0 auto; width:500px; text-align:center;}
div#eigener_marktstand_pre input[type=submit] { margin:15px; }

/* Reiter/Tabs */
div.reiter a img { border: 2px solid transparent; }
div.reiter a.selektiert { font-weight: bold; text-decoration: none; }
div.reiter a:hover { font-weight: bold; text-decoration: none; }
div.reiter a.selektiert img { border: 2px solid gray; }

/* Gepäck */
div.gepaeck_inhalt { padding:0; margin:5px 0 0 0; height:550px; overflow:auto; }
div.gepaeck_inhalt table.nahwaffen, div.gepaeck_inhalt table.schilde, div.gepaeck_inhalt table.ruestung, div.gepaeck_inhalt table.fernwaffen { clear:none; margin:0; }
div.gepaeck_inhalt .mehr_infos { font-size:75%; }
div.gepaeck_inhalt table.schilde td.schild_bild { min-width: 50px; }
div.gepaeck_inhalt table.schilde td.schild_info { min-width:150px; }
div.gepaeck_inhalt table.schilde td.wm { text-align: center; }
div.gepaeck_inhalt table.schilde td.ini{ text-align: center; }
div.gepaeck_inhalt table.schilde td.ersatz { text-align: center; }
div.gepaeck_inhalt table.ruestung td.ruestung_info { min-width:160px; }
div.gepaeck_inhalt table.ruestung td.rs span { white-space:nowrap; padding-right:6px; }
div.gepaeck_inhalt div.clear { clear:left; }
div.gepaeck_inhalt div.dragable { cursor: move; padding:0; }
div.gepaeck_inhalt_box { min-height:200px; } /* in den verschiedenen Designs wird noch ein Hintergrund + Border festgelegt */
div.gepaeck_inhalt_box .dragable { float:left; width:60px; height:60px; padding:5px; }
div.gepaeck_inhalt_box .gepaeck_menge { font-size:75%; color:#404040; position:relative; left:46px; top:-18px; width:15px; }

/* Händler */
table.haendlertransfer { border: none; }
div.haendlerTransfer .tobj .warenbild { height: 60px; padding-top: 10px; }
div.haendlerTransfer .tobj .warenbild .anzahl { bottom: 5px; }
div.haendlerTransfer .tobj .middle { padding-top: 13px; }
div.haendlerTransfer td.tradingPartner { padding: 5px; }
div.haendlerTransfer td.tradingPartner .tobj { clear: left; }

/* Händlerverkaufsanzeige */
table.haendlertransfer .restricted { font-size: 80%; font-weight: normal; }
table.haendlertransfer .restricted .ok { color: #008000; }
table.haendlertransfer .restricted .bad { color: #D10D0D; }

/* Handel unter 4 Augen */
div.transferHero2HeroOffer .tradingPartner .tobj { clear: left; }
div.transferHero2HeroOffer .heroSide, div.transferHero2HeroOffer .partnerSide { max-height: 650px; overflow-y: auto; }
div.transferHero2HeroOffer input.gulden { width: 30px; }
div.transferHero2HeroOffer input.thaler, div.transferHero2HeroOffer input.groschen { width: 20px; }
div.transferHero2HeroOffer div.infotext { width:250px; margin:0 auto; padding:20px 0; }
div.transferHero2HeroOffer td.infotext { padding: 5px 20px; }

/* Orden */
div.transferHaus .tobj .warenbild { height: 60px; padding-top: 10px; }
div.transferHaus .tobj .warenbild .anzahl { bottom: 5px; }
div.transferHaus .tobj .middle { padding-top: 13px; }
div.transferHaus td.tradingPartner { padding: 5px; }
div.transferHaus th div.fuellstand { float: none; }
#ordenRaumverwaltungContainer img { margin: 0; }
#ordenRaumverwaltungContainer .raumBox { padding:10px; margin:10px; border:1px solid black; width:300px; float:left; text-align:left; }
#ordenRaumverwaltungContainer .neuerRaumBox { clear:left; padding-top:20px; width:350px; margin:0 auto; text-align:left; }
#ordenRaumverwaltungContainer .neuerRaumBox legend { font-weight: bold; }

#mitglieder img,
#mitglieder_verwalten img,
#ordensrolle img{ max-height: 3em; }

/* Begleiter */
div.begleiter { text-align: center; }
div.begleiter img { margin: 0; }
div.begleiter div.clear { clear: left; }
div.begleiter div.begleiter_uebersicht { margin: auto; width:570px; padding-bottom:10px; }
div.begleiter div.begleiter_link { float:left; margin:5px; width:100px; height:100px; background-image:url(../bilder/begleiter/rand.png); }
div.begleiter div.begleiter_link .b_bild { margin-top:17px; }
div.begleiter div.begleiter_details_box { margin:0 auto; }
div.begleiter table.begleiter_details { text-align:left; margin:0 auto; }
div.begleiter table.begleiter_details th { width:100px; padding: 6px 0 0 6px; vertical-align: top; }
div.begleiter table.begleiter_details td { min-width:200px; vertical-align: top; }
div.begleiter .drop_kasten { float:left; height:50px; width:50px; border:1px solid gray; background-color:white; margin-right:10px; }
div.begleiter .drop_infotext { font-size:95%; font-style:italic; margin-left:55px; }
div.begleiter .drop_warenname { float:left; margin-left:5px; height:50px; padding-top:5px; }
div.begleiter .begleiter_quests ul { list-style-type: none; margin:0; padding:0; }
div.begleiter h2.gruppe { margin-top:50px; }
div.transferCompanion table.transfer div.warenbild { margin-top: 5px; }
div.transferCompanion .warenname { height: 60px; font-size: 85%; width: 185px; }
div.transferCompanion .clear { height: 3px; }

/**
 * Reise
 */
table.reise { text-align: center; margin: auto; }
table.reise div#CountDownBoxRU { text-align: left; }
div.reisemoeglichkeiten { text-align: center; width: 98%; margin: auto; }
div.reisemoeglichkeiten .begleiter_ungeeignet { margin:10px; font-style:italic; }
table.reisemoeglichkeiten td { text-align: left; }
table.reisemoeglichkeiten div.wiki_link { text-align: center; }
table.reisemoeglichkeiten ul { list-style-type: none; margin: 0; padding: 0; }
table.reisemoeglichkeiten ul li { margin-top: 5px; }
/* Links in der Reisebox separieren */
a#link_reise_weiter,
a#umdrehen_link,
a#link_rasten { 
  display: block;
  margin-top: 0.5em; 
}

/**
 * Nachrichten
 */
#nachrichten_form .mentorKontaktBox { float:right; padding-right:20px; }
#nachrichten_form .nachunten { margin:0 auto; text-align:center; width:100px; margin-bottom:10px; }

/* Nachrichtenverlauf */
ul.nachrichtenverlauf {
    list-style-type: none !important;
    list-style: none !important;
    list-style-image: none !important;
    padding-left: 0 !important;
    margin: 10px 0;
}

ul.nachrichtenverlauf li {
    padding: 8px 15px;
    margin-bottom: 5px;
    border-radius: 3px;
    background-color: #fff4df;
    border: 1px solid #e5d5bc;
    text-shadow: none !important;
}

ul.nachrichtenverlauf li:hover {
    background-color: #ffeccc;
}

ul.nachrichtenverlauf li.active {
    background-color: #f0e8c0;
    font-weight: bold;
    border-left: 3px solid #c0a060;
    padding-left: 12px;
}

ul.nachrichtenverlauf a {
    display: block;
    text-decoration: none;
    color: #402C13;
    text-shadow: none !important;
}

ul.nachrichtenverlauf a:hover {
    text-decoration: underline;
}

/**
 * Spiegelung, z.B. von Bildern
 */
.flip-horizontal {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.flip-vertical {
  -moz-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1);
}

/**
 * Quest-Maze-Hero
 */
img.northward {
  display: block;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  transform:rotate(0deg);
}
img.eastward {
  display: block;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  transform:rotate(90deg);
}
img.southward {
  display: block;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg);
}
img.westward {
  display: block;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform:rotate(270deg);
  -o-transform:rotate(270deg);
  transform:rotate(270deg);
}

/*
 * Sortierpfeile
 */
.table-th-sort-span {
  background: url(../bilder/sortierpfeile.png) no-repeat right transparent;
  cursor: pointer;
  padding: 8px;
}

/**
 * Tooltip styles 
 */

/* Standard Tooltip */
.antamar { max-width: 250px; z-index: 5000; border: 1px solid #cc9e64; }
.antamar .tip { border: none; color: black;}
.antamar .tip-title { padding: 5px; background: #402C13; color: #fff; font: bold 12px Georgia, serif; }
.antamar .tip-title img { margin: 3px; }
.antamar .tip-text { padding: 5px; background: #FFD98F; color: black; font: 11px Arial, Helvetica, sans-serif; text-shadow: none; }

/* für große Bildanzeige */
.tooltip_img { border: 1px solid #402C13; z-index: 5001; }
.tooltip_img .tip { border: none; }
.tooltip_img .tip-title { display: none; }
.tooltip_img .tip-text { padding: 5px; background: #FFD98F; }

/* für transparenten Hintergrund */
.transparent { max-width: 250px; border: none; z-index: 5002; }
.transparent .tip { border: none; } /* wichtig, sonst wird unten ein dotted rand angezeigt */
.transparent .tip-text { background: transparent; font: 11px Arial, Helvetica, sans-serif; }

.held_tip { background: transparent url(../bilder/tooltip.png) no-repeat top; width: 279px; height: 171px; text-align: center; line-height: normal; z-index: 5003; }
.held_tip .tip { font-style: italic; font-weight: bold; font-size: 1em; border: none; }
.held_tip .tip-title { padding: 10px 0 0 0; }
.held_tip .tip-text { font-size: 0.9em; padding: 0 5px; }

/**
 * RP-Übersicht
 */
#rpsite form { margin: 10px 0 30px 0; }
#rpsite fieldset { width: 550px; margin: 0 auto; text-align: left; }
#rpsite legend { font-weight: bold; }
#rpsite fieldset div.f { margin-bottom: 20px; }
#rpsite div.delFraktionBox { float: right; }
#rpsite .topnav { margin: 0 0 10px 0; }
#rpsite .form_uebergabe p { font-size: 85%; margin: 0; } 
#rpsite .fraktionenContainer { margin-top: 50px; }
#rpsite .fraktionenContainer .fraktionBox { width: 440px; display:inline-block; margin: 10px; vertical-align: top; }
#rpsite .fraktionenContainer fieldset { width: 420px; }
#rpsite .fraktionenContainer .input_long { width: 380px; }
#rpsite .fraktionenContainer td { padding: 3px; }
div.participant, div.leader { padding: 0.2em; }

table.rpInfoTable th { text-align: right; }
table.rpInfoTable th.rp_title { text-align: center; font-size: 160%; line-height: 160%; }
table.rpInfoTable td { text-align: left; min-width: 300px; padding: 7px; }
table.rpInfoTable h3 { text-align: left; }
table.rpInfoTable div.fr_trenner { height: 30px; }
table.rpInfoTable div.fr .f_infotxt { margin-bottom: 10px; }
div.rpKommBox { margin: 80px auto; width: 80%; }
div.rpKommBox .fr_name { display: inline; color: #402c13; font-variant: small-caps; }
div.rpKommBox .fr_name:first-letter { color: #ad4234; }
div.rpKommBox .chat_title, div.rpKommBox .fr_file_title { font-weight: bold; margin: 4px 0; }
div.rpKommBox .fr_filelist { padding-top: 10px; }
div.rpKommBox .fr_interna {
  width: 98%;
  padding: 5px;
  margin-bottom: 5px;
  background-color: #FBF9F9;
  color: black;
  moz-box-shadow: 4px 4px 3px #888;
  -webkit-box-shadow: 4px 4px 3px #888;
  box-shadow: 4px 4px 3px #888;
} 

/* Mootools Form Upload */
.droppable { border: #ccc 1px solid; border-radius: 8px; background: #eee; color: #666; padding: 20px; margin: 10px; clear: both; text-align: center; }
.droppable { display: none; }
.droppable.hover { background: #ddd; }
.uploadList { margin: 0; padding: 0; list-style: none; }
.uploadItem { overflow: hidden; border-bottom: #BCBCBC 1px solid; margin: 0 20px; padding: 3px; }
.uploadItem span { overflow: hidden; width: 300px; float: left; display: block; }
a.addInputRow, a.delInputRow, .uploadItem a { display: inline-block; background: url(../bilder/file-upload-add.png) no-repeat; height: 16px; width: 16px; text-indent: -999px; }
.uploadItem a { float: left; display: block; padding-left: 20px; background-image: url(../bilder/file-upload-delete.png); }
a.delInputRow { background-image: url(../bilder/file-upload-delete.png); }
.progress { margin: 5px 0; height: 15px; border-radius: 3px; background: #545A74; }
a.delFile { padding-left: 10px; }

/* TinyMCE Hack to hide the path in statusbar */
.mce-path { display: none !important; }

/* Blendet Text aus ohne ihn für Screenreader zu sperren. */
.unsichtbar {
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}


/* ablegen Link in Kampfseite */
span.ablegen_link a{
  position: relative;
  top: -1rem;
  color: #1a39ff;
  text-shadow: none;
  background-color: #0a0a0a61;
  font-weight: bold;
}

span.ablegen_link.hidden_link a{
  display: none;
}

span.broken_weapon img{
  position: relative;
  top: -4.5rem;
}

.button:disabled{
  box-shadow: none;
  text-shadow: none;
  background-color: lightgrey;
  color: darkgray;
}

.button:disabled:hover{
  transform: none;
  box-shadow: none;
 }

.wp-block-image img{
  max-width: 98%;
  height: 100%;
}

/* Flüssige Größenänderung für Bombast-Kacheln */
.smooth-resize {
  transition: height 0.3s ease-out;
}

/** Mobile-Toolbars **/
.div-mobile-menu{
    display: none; /* Versteckt das Menü standardmäßig */
    position: fixed; /* Fixiert das Menü am unteren Rand des Bildschirms */
    bottom: 0;
    width: 100%; /* Stellt sicher, dass das Menü die volle Breite einnimmt */
    background-color: #333; /* Dunkler Hintergrund für bessere Sichtbarkeit */
    color: white;
    z-index: 1000; /* Stellt sicher, dass das Menü über anderen Elementen liegt */
}

.div-mobile-bar{
    display: none; /* Versteckt das Menü standardmäßig */
    position: fixed; /* Fixiert das Menü am oberen Rand des Bildschirms */
    top: 0;
    width: 100%; /* Stellt sicher, dass das Menü die volle Breite einnimmt */
    background-color: #333; /* Dunkler Hintergrund für bessere Sichtbarkeit */
    color: white;
    z-index: 1000; /* Stellt sicher, dass das Menü über anderen Elementen liegt */
}

.ul-mobile-menu, .ul-mobile-bar {
    list-style: none; /* Entfernt Aufzählungszeichen */
    margin: 0; /* Entfernt den Standardaußenabstand */
    padding: 0; /* Fügt vertikale Polsterung hinzu */
    display: flex; /* Aktiviert Flexbox für die Liste */
    justify-content: center; /* Zentriert die Listenelemente horizontal */
    align-items: center; /* Vertikale Ausrichtung der Listenelemente */
}

.ul-mobile-menu li,  .ul-mobile-bar li{
    flex: 1; /* Gibt jedem Listenelement eine flexible Basisbreite */
    text-align: center; /* Zentriert den Text innerhalb jedes Listenelements */
    display: flex;
    flex-direction: column; /* Um das zweite Bild unter dem ersten zeigen zu können */
    align-items: center;  /* Zentriert die Bilder horizontal */
    justify-content: center; /* Zentriert die Bilder vertikal */
}

.ul-mobile-bar {
    height: 3.1em;
}

.ul-mobile-bar li img {
    position: absolute;   /* Absolute Positionierung innerhalb des li-Elements */
    max-width: 100%;      /* Stellt sicher, dass das Bild innerhalb der Grenzen des li-Elements bleibt */
}

.ul-mobile-bar li img.first-bar {
    z-index: 2;           /* Stellt sicher, dass das erste Bild über dem zweiten liegt */
}

.ul-mobile-bar li img.second-bar {
    transform: scaleX(-1); /* Spiegelt das Bild vertikal */
    z-index: 1;           /* Stellt das zweite Bild hinter das erste */
}

.ul-mobile-menu li a {
    text-decoration: none; /* Entfernt Unterstreichungen von Links */
    color: white; /* Setzt die Textfarbe auf Weiß */
    display: block; /* Streckt den Link auf die volle Breite des Listenelements */
    padding: 10px 20px; /* Fügt Polsterung für bessere Berührbarkeit hinzu */
}

.ul-mobile-menu li a img {
    height: 2em;
}

.ul-mobile-bar li img {
    height: 3em;
}

.ul-mobile-menu li#unreadPM.ungeleseneNachrichten a img {
    box-shadow: 0 0.4em 0.1em -0.1em green;
}