/* =====================================================
   OScommunity - mobile.css
   Hintergrund: bg.jpg + #003366
   Boxen: main_container_row* wie Desktop
   Header: #000033 fixed
   ===================================================== */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #fff;
  font-weight: normal;
  background-color: #003366;
  background-image: url('../images/design/bg.jpg');
  background-repeat: repeat;
  min-height: 100vh;
  overflow-x: hidden;
}

a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }

input, textarea, button, select {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  color: #fff;
  background-color: #000033;
  border: 1px solid #fff;
  padding: 1px 5px;
}
input:hover, button:hover { background-color: #6699cc; }
input:active, button:active { border-color: #000033; }

/* =====================================================
   HEADER
   ===================================================== */
#mob_head {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  background: #000033;
  height: 60px;
}
#mob_head_tbl {
  height: 60px;
  border-collapse: collapse;
}
#mob_head_logo {
  padding: 0 6px 0 16px;
  vertical-align: middle;
  width: 1%;
  white-space: nowrap;
}
#mob_logo_img {
  height: 50px;
  width: auto;
  display: block;
  vertical-align: middle;
}
#mob_head_icons {
  padding: 0 4px;
  vertical-align: middle;
  text-align: right;
  white-space: nowrap;
}

/* Header Buttons */
.mh_btn {
  display: inline-block;
  background: #000033;
  border: 1px solid #336699;
  color: #fff;
  font-size: 16px;
  padding: 2px 7px;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 3px;
  height: 28px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
}
.mh_btn:hover { background: #336699; }
.mh_btn:active { border-color: #000033; }

.mh_icon_wrap {
  display: inline-block;
  position: relative;
  background: #000033;
  border: 1px solid #336699;
  padding: 2px 7px;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 3px;
  height: 28px;
  line-height: 22px;
}
.mh_icon_wrap:hover { background: #336699; }
.mh_icon { font-size: 14px; vertical-align: middle; }

.mh_badge {
  position: absolute;
  top: -4px; right: -4px;
  background: #cc0000;
  color: #fff;
  font-size: 9px;
  font-weight: bold;
  min-width: 14px;
  height: 14px;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 2px;
  border: 1px solid #000033;
  pointer-events: none;
  line-height: 1;
}

/* =====================================================
   DROPDOWNS
   ===================================================== */
.mob_dd { display: none; position: fixed; z-index: 990; background: #336699; padding: 6px 7px; box-shadow: inset 0 0 3px rgba(0,0,0,0.2); border: none; }
.mob_dd.open { display: block; }

#dd_profil { top: 60px; right: 0; min-width: 210px; }
#dd_nav {
  top: 60px; left: 0;
  min-width: 225px;
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}
#dd_nav::-webkit-scrollbar { width: 4px; }
#dd_nav::-webkit-scrollbar-track { background: #000033; }
#dd_nav::-webkit-scrollbar-thumb { background: #336699; }

.mob_dd_h2 { font-family: Verdana, Helvetica, sans-serif; letter-spacing: 1px; color: #fff; font-weight: bold; padding-left: 7px; padding-right: 7px; padding-top: 0; padding-bottom: 0; background: #000033; text-align: left; text-transform: uppercase; height: 15px; font-size: 8pt; line-height: 15px; margin: 0; }
.mob_dd_h2:first-child { border-top: none; }

.mob_dd_link { display: block; padding: 2px 0; line-height: 1.2em; font-size: 11px; color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.15); }
.mob_dd_link:last-child { border-bottom: none; }
.mob_dd_link:hover { text-decoration: underline; color: #fff; }
.mob_dd_link.admin { color: #ffcc00 !important; }
.mob_dd_link.mod   { color: #88ff88 !important; }
.mob_dd_link.logout { color: #ff8888 !important; }

/* =====================================================
   OVERLAY
   ===================================================== */
#mob_overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 980;
  background: rgba(0,0,0,0.5);
}
#mob_overlay.active { display: block; }

/* =====================================================
   HAUPTINHALT
   ===================================================== */
#mob_content {
  margin-top: 60px;
  padding: 10px 5px 5px 5px;
}


 AVATAR INITIALEN (wenn kein Bild vorhanden)
   ===================================================== */
.mob_av_init {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #003366;
  border: 1px solid #6699cc;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
}
.mob_av50 { width: 50px; height: 50px; font-size: 14px; }
.mob_av46 { width: 46px; height: 46px; font-size: 13px; }
.mob_av70 { width: 70px; height: 70px; font-size: 22px; }
.mob_av70_init {
  width: 70px; height: 70px; font-size: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #003366;
  border: 2px solid #6699cc;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 6px;
}

/* =====================================================
   BESUCHER STORIES (Scrollleiste)
   ===================================================== */
.mob_stories_wrap {
  display: flex;
  overflow-x: auto;
  gap: 10px;
  padding: 6px 8px;
  background: #003366;
  scrollbar-width: none;
}
.mob_stories_wrap::-webkit-scrollbar { display: none; }

.mob_story {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  flex-shrink: 0;
  cursor: pointer;
}
.mob_story_name {
  font-size: 9px;
  color: #99ccff;
  text-align: center;
  max-width: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* =====================================================
   PROFIL SLIDE-PANEL
   ===================================================== */
#mob_panel {
  position: fixed;
  top: 0; right: 0; bottom: 0;
  width: 100%;
  max-width: 440px;
  z-index: 1100;
  background-color: #003366;
  background-image: url('../images/design/bg.jpg');
  background-repeat: repeat;
  transform: translateX(110%);
  transition: transform 0.25s ease;
  overflow-y: auto;
  border-left: 2px solid #336699;
}
#mob_panel.open { transform: translateX(0); }
#mob_panel::-webkit-scrollbar { width: 4px; }
#mob_panel::-webkit-scrollbar-track { background: #000033; }
#mob_panel::-webkit-scrollbar-thumb { background: #336699; }

#mob_panel_head {
  position: sticky;
  top: 0;
  background: #000033;
  border-bottom: 1px solid #336699;
  height: 50px;
  z-index: 10;
  padding: 0 6px;
  display: flex;
  align-items: center;
}

.mob_panel_title {
  text-align: center;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
}

#mob_panel_top {
  background: #000033;
  border-bottom: 1px solid #336699;
  padding: 10px 8px;
  text-align: center;
}

/* Panel Tabs */
#mob_panel_tabs {
  display: flex;
  background: #000033;
  border-bottom: 2px solid #336699;
  overflow-x: auto;
  scrollbar-width: none;
  position: sticky;
  top: 36px;
  z-index: 9;
}
#mob_panel_tabs::-webkit-scrollbar { display: none; }

.mob_ptab {
  flex: 1;
  min-width: 60px;
  padding: 5px 4px;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  color: #99ccff;
  font-size: 11px;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  white-space: nowrap;
}
.mob_ptab.active {
  color: #fff;
  border-bottom-color: #6699cc;
  background: #003366;
}
.mob_ptab:hover { color: #fff; }

.mob_ptab_c { display: none; }
.mob_ptab_c.active { display: block; }

/* =====================================================
   FLASH MESSAGE
   ===================================================== */
.mob_flash_info    { background: #003366; color: #99ccff; padding: 6px 8px; font-size: 11px; border-bottom: 1px solid #336699; }
.mob_flash_success { background: #004400; color: #88ff88; padding: 6px 8px; font-size: 11px; border-bottom: 1px solid #006600; }
.mob_flash_error   { background: #440000; color: #ff8888; padding: 6px 8px; font-size: 11px; border-bottom: 1px solid #660000; }

/* =====================================================
   FOOTER
   ===================================================== */
#mob_footer {
  background: #000033;
  color: #fff;
  font-size: 10px;
  text-align: center;
  padding: 8px;
  margin-top: 10px;
}
#mob_footer a { color: #99ccff; }

/* =====================================================
   SONSTIGES
   ===================================================== */
.small { font-size: 10px; }
.bold  { font-weight: bold; }

/* main Container Design und Inhalt */
table.main_container{width:100%;margin-bottom:10px;margin-left:0;margin-right:0;margin-top:5px;font-size:8pt}
table.main_container2{width:100%;margin-bottom:10px;margin-left:0;margin-right:0;margin-top:0;font-size:8pt}
table.main_container_rahmen{width:100%;margin:0;margin-bottom:20px;padding:0;border:0;font-size:8pt}
table.main_container_rahmen2{width:100%;margin:0;margin-bottom:10px;padding:0;border:0;font-size:8pt}
table.main_container_mit_rahmen{border-color:#000033;border:1px solid #000033;font-size:8pt}
td.main_container_row1{font-family:Verdana,Helvetica,sans-serif;letter-spacing:1px;color:#ffffff;font-weight:bold;padding-left:7px;padding-right:7px;padding-top:0;padding-bottom:0;background:#000033;text-align:left;text-transform:uppercase;height:15px;font-size:8pt}
.main_container_row1 h1{padding:0;margin:0;font-size:8pt}
div.login_community h1{padding:0;margin:0;font-size:8pt;text-align:center}
td.main_container_row2{font-family:Verdana,Helvetica,sans-serif;font-size:8pt;color:#ffffff;padding-left:7px;padding-right:7px;padding-top:3px;padding-bottom:3px;background:#336699;text-align:left}
td.main_container_row3{font-family:Verdana,Helvetica,sans-serif;font-size:8pt;text-align:left;color:#ffffff;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background:#336699;border-bottom-width:1px;border-bottom-color:#003366;border-bottom-style:solid}
td.main_container_row4{background:#000033;font-family:Verdana,Helvetica,sans-serif;font-size:7pt;text-align:left;padding-left:7px;padding-right:7px}
td.main_container_row5{font-family:Verdana,Helvetica,sans-serif;font-size:8pt;text-align:left;color:#ffffff;padding:0;background:#336699}
td.main_container_row6{font-family:Verdana,Helvetica,sans-serif;font-size:8pt;color:#ffffff;padding-left:7px;padding-right:7px;padding-top:3px;padding-bottom:3px;background:#336699;text-align:left;border-bottom-width:1px;border-bottom-color:#003366;border-bottom-style:solid}
td.main_container_row7{font-family:Verdana,Helvetica,sans-serif;font-size:8pt;letter-spacing:0;color:#ffffff;padding-left:7px;padding-right:7px;padding-top:3px;padding-bottom:3px;background:#000033;text-align:left}

/* Container fuer ERROR-BOX */
td.main_error_row1{font-family:Verdana,Helvetica,sans-serif;letter-spacing:1px;color:#ffffff;font-weight:bold;padding-left:7px;padding-right:7px;padding-top:10;padding-bottom:0;background:#660000;text-align:left;text-transform:uppercase;height:15px;font-size:8pt}
td.main_error_row2{font-family:Verdana,Helvetica,sans-serif;font-size:8pt;color:#ffffff;padding-left:7px;padding-right:7px;padding-top:3px;padding-bottom:3px;background:#993333;text-align:left}
td.main_error_row3{background:#660000;font-size:7pt;text-align:left;padding-left:7px;padding-right:7px}

/* Container fuer HINWEIS-BOX */
td.main_error2_row1{font-family:Verdana,Helvetica,sans-serif;letter-spacing:1px;color:#ffffff;font-weight:bold;padding-left:7px;padding-right:7px;padding-top:0;padding-bottom:0;background:#003300;text-align:left;text-transform:uppercase;height:15px;font-size:8pt}
td.main_error2_row2{font-family:Verdana,Helvetica,sans-serif;font-size:8pt;color:#ffffff;padding-left:7px;padding-right:7px;padding-top:3px;padding-bottom:3px;background:#006600;text-align:left}
td.main_error2_row3{background:#003300;font-size:7pt;text-align:left;padding-left:7px;padding-right:7px}

/* Container fuer Message-BOX */
.message_container{text-align:left;padding:5px;margin:0;margin-bottom:20px;background-color:#6699CC;border:3px solid #000033;font-size:10pt;color:white}

/* spezial Felder */
.fotofeld{text-align:center;vertical-align:middle;background-image:url('./images/osc/image_background.jpg');width:116px;height:116px;background-repeat:no-repeat;border:0 solid}

/* Formatierung verschiedener Texte */
.text_big_white{color:#FFFFFF;font-size:15pt;font-weight:bold}
.text_big_small_white{color:#FFFFFF;font-size:8pt;font-weight:bold}
.text_small_white{color:#FFFFFF;font-size:8pt}
.text_small_green{color:lawngreen;font-size:8pt;font-weight:bold}
.small_text{font-family:Verdana,Helvetica,sans-serif;font-size:8pt}
.small{font-family:Verdana,Helvetica,sans-serif;font-size:8pt}
.bold{font-weight:bold;font-size:8pt}
.hinweis{color:#FFFFFF;font-size:8pt; }

/* Punktefarbe im Gaestebuch */
.green{color:lawngreen}
.red{color:gold}
.gold{color:gold}
.goldbold{color:gold;font-weight:bold}
.redbold{color:red;font-weight:bold}

/* Farbfelder */
td.field_01{background-color:#000033;text-align:center;height:25px;font-size:8pt}
td.field_02{background-color:#336699;text-align:center;height:25px;font-size:8pt}
td.field_03{background-color:#6699CC;text-align:center;height:25px;font-size:8pt}
/* Menue Design */
td.submenu_topic{border-right:#000033 0 solid;border-top:#000033 0 solid;border-left:#000033 0 solid;border-bottom:#000033 0 solid;font-family:Verdana,Helvetica,sans-serif;background:#000033;font-size:8pt;font-weight:bold;vertical-align:middle;color:#ffffff;padding-right:5px;padding-top:1px;padding-bottom:1px;margin:0;letter-spacing:1px;height:17px;text-align:right}
div.submenu_topic h1{font-size:8pt;padding:0;margin:0}
td.submenu2_topic{border-right:#000033 0 solid;border-top:#000033 0 solid;border-left:#000033 0 solid;border-bottom:#000033 0 solid;font-family:Verdana,Helvetica,sans-serif;background:#000033;font-size:8pt;font-weight:bold;vertical-align:middle;color:#ffffff;padding-left:5px;letter-spacing:1px;height:17px;text-align:left}
td.submenu{border-right:#999999 0 solid;border-top:#999999 1px solid;font-size:8pt;border-left:#999999 0 solid;border-bottom:#999999 0 solid;font-family:Verdana,Helvetica,sans-serif;color:#000;height:17px;padding-left:5px;background:#CCCCCC;text-align:left}
td.submenu_first{border-right:#CCCCCC 0 solid;border-top:#CCCCCC 0 solid;font-size:8pt;border-left:#CCCCCC 0 solid;border-bottom:#CCCCCC 0 solid;font-family:Verdana,Helvetica,sans-serif;color:#000;height:17px;padding-left:5px;background:#CCCCCC;text-align:left}
td.submenu2{border-right:#999999 0 solid;border-top:#999999 1px solid;font-size:8pt;border-left:#999999 0 solid;border-bottom:#999999 0 solid;font-family:Verdana,Helvetica,sans-serif;color:#000;text-align:left;padding-left:5px;height:17px;background:#CCCCCC}
td.submenu2_first{border-right:#999999 0 solid;border-top:#999999 0 solid;font-size:8pt;border-left:#999999 0 solid;border-bottom:#999999 0 solid;font-family:Verdana,Helvetica,sans-serif;color:#000;text-align:left;padding-left:5px;height:17px;background:#CCCCCC}
td.submenu_right{border-right:#999999 0 solid;border-top:#999999 1px solid;font-size:8pt;border-left:#999999 0 solid;border-bottom:#999999 0 solid;font-family:Verdana,Helvetica,sans-serif;color:#000;text-align:right;background-image:url(/web/20061216095127im_/http://www.os-community.de/gfx/neu/menu-r-bg.gif)}
td.submenu_right_topic{border-right:#000033 0 solid;border-top:#000033 0 solid;font-size:8pt;border-left:#000033 0 solid;border-bottom:#000033 0 solid;font-family:Verdana,Helvetica,sans-serif;color:#000;text-align:right;background-image:url(/web/20061216095127im_/http://www.os-community.de/gfx/neu/menu-r-bg2.jpg)}
td.submenu_admin{border-right:#000033 0 solid;border-top:#000033 1px solid;font-size:8pt;border-left:#000033 0 solid;border-bottom:#000033 0 solid;text-align:left;color:#000;padding-left:5px;height:17px;background-color:#FF9900}
td.submenu_admin_spacer{border-right:#000033 0 solid;border-top:#000033 1px solid;font-size:8pt;border-left:#000033 0 solid;border-bottom:#000033 0 solid;text-align:left;color:#000;height:4px;background-color:#000033}
td.submenu2_admin{height:20px;border-right:#000033 0 solid;border-top:#000033 1px solid;font-size:8pt;border-left:#000033 0 solid;border-bottom:#000033 0 solid;font-family:Verdana,Helvetica,sans-serif;color:#006600;padding-left:5px;background-color:#FF9900;text-align:left}
.submenu2{border-right:#000000 0 solid;border-top:#000000 1px solid;font-size:8pt;border-left:#000000 0 solid;border-bottom:#000000 0 solid;font-family:Verdana,Helvetica,sans-serif;background-color:#000033;color:#006600;text-align:left}
td.submenu3{font-size:8pt;color:#000;text-align:left}
td.submenu_blue{background-color:#336699}

/* sonstige Tags */
ul{margin:0;padding:0;padding-left:15px}

/* Quote & Code blocks */
.code{font-family:Courier,'Courier New',sans-serif;font-size:8pt;color:#006600;background-color:#FAFAFA;border:#32436C solid;border-left-width:1px;border-top-width:1px;border-right-width:1px;border-bottom-width:1px}
.quote{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:8pt;color:#FFFFFF;line-height:125%;background-color:#6699CC;border:#32436C solid;border-left-width:1px;border-top-width:1px;border-right-width:1px;border-bottom-width:1px}

/* Copyright and bottom info */
.copyright{font-size:7pt;font-family:Verdana,Arial,Helvetica,sans-serif;color:#444444;letter-spacing:-1px}
a.copyright{color:#444444;text-decoration:none}
a.copyright:hover{color:#FFFFFF;text-decoration:underline}

/* Links general, menue */
A:link{color:#CCCCCC;font-weight:normal;font-style:Verdana,Helvetica,sans-serif;font-size:8pt;text-decoration:none}
A:visited{color:#CCCCCC;font-weight:normal;font-style:Verdana,Helvetica,sans-serif;font-size:8pt;text-decoration:none}
A:hover{color:#CCCCCC;font-weight:normal;font-style:Verdana,Helvetica,sans-serif;font-size:8pt;text-decoration:underline}
#menu A{font-family:Verdana,Helvetica,sans-serif;display:block;border:#000033 1px solid;width:120px;line-height:28px;height:28px;text-align:center;text-decoration:none;padding-right:2px;padding-left:2px;float:left;padding-bottom:0;margin:1px;padding-top:0;font-size:7pt;font-weight:bold;text-transform:uppercase}
#menu A SPAN{display:block;width:100%;height:28px;font-style:normal}
#menu A:link{cursor:pointer;font-style:normal}
#menu A:visited{cursor:pointer;font-style:normal}
#menu A:hover{cursor:pointer;font-style:normal;background-color:#336699}
#postfach A{font-family:Verdana,Helvetica,sans-serif;font-size:8pt;display:block;width:100%;height:100%;margin:0;padding-top:8px;padding-left:8px;vertical-align:middle}
#postfach A SPAN{display:block;width:100%}
#postfach A:hover{cursor:pointer;background-color:#000033}
#selected{background-color:#6699CC}
a.userlink_menue:link,a.userlink_menue:active,a.userlink_menue:visited{color:darkred;font-weight:bold;font-size:8pt;text-transform:none;text-decoration:none}
a.userlink_menue:hover{color:darkred;font-weight:bold;font-size:8pt;text-transform:none;text-decoration:underline}
a.menu{font-size:8pt;color:#000;font-style:normal;text-transform:none;font-weight:normal}
a.menu:link,a.menu:active,a.menu:visited{text-decoration:none;color:#000;font-style:normal;font-weight:normal;font-size:8pt}
a.menu:hover{text-decoration:underline;color:#000;font-style:normal;font-weight:normal;font-size:8pt}
a.userlink_menue:link,a.userlink_menue:active,a.userlink_menue:visited{text-decoration:none;color:darkred;font-style:normal;font-weight:bold;font-size:8pt}
a.userlink_menue:hover{text-decoration:underline;color:darkred;font-style:normal;font-weight:bold;font-size:8pt}
a.ungelesen:link,a:active.menue_forum:link,a.menue_forum:visited{color:#000033;font-style:normal;font-weight:bold;font-size:8pt}
/* sonstige */
.monat_akt{border:#000033 1px solid;background-color:#6699CC;width:16%;height:30px;font-weight:bold;text-align:center}
.monat{border:#000033 1px solid;background-color:#000033;width:16%;height:30px;text-align:center}
.tag_headline{border:#000033 1px solid;background-color:#000033;width:14%;height:30px;text-align:center}
.display_month{border:#000033 1px solid;height:100px;vertical-align:top}
.hide_month{border:#000033 1px solid;height:80px}
.head_einzeltag{background-color:#000033;height:16px;font-weight:bold;padding-left:3px}
.content_einzeltag{height:84px;background-color:#6699CC;vertical-align:top;padding-left:3px;font-size:7pt}
.content_einzeltag_heute{height:84px;background-color:#CCCCCC;vertical-align:top;padding-left:3px;font-size:7pt}
.tag_table{width:100%;height:100px;vertical-align:top}
.tag_row{background-color:#000033;font-weight:bold;padding-left:5px;height:20px}
.sondertermin{border-right:#000000 1px solid;background-color:red;border-top:#000000 1px solid;vertical-align:top}
.stdtermin{padding-left:5px}
.typ_happy{font-family:Verdana,Helvetica,sans-serif;font-size:8pt;color:#ffffff;padding-left:7px;padding-right:7px;padding-top:3px;padding-bottom:3px;background:#FF9900;text-align:left;border-bottom-width:1px;border-bottom-color:#003366;border-bottom-style:solid}
.typ_sport{font-family:Verdana,Helvetica,sans-serif;font-size:8pt;color:#ffffff;padding-left:7px;padding-right:7px;padding-top:3px;padding-bottom:3px;background:#990000;text-align:left;border-bottom-width:1px;border-bottom-color:#003366;border-bottom-style:solid}
.typ_disco{font-family:Verdana,Helvetica,sans-serif;font-size:8pt;color:#ffffff;padding-left:7px;padding-right:7px;padding-top:3px;padding-bottom:3px;background:#6699CC;text-align:left;border-bottom-width:1px;border-bottom-color:#003366;border-bottom-style:solid}
.typ_event{font-family:Verdana,Helvetica,sans-serif;font-size:8pt;color:#ffffff;padding-left:7px;padding-right:7px;padding-top:3px;padding-bottom:3px;background:#000033;text-align:left;border-bottom-width:1px;border-bottom-color:#003366;border-bottom-style:solid}
.typ_kunst{font-family:Verdana,Helvetica,sans-serif;font-size:8pt;color:#ffffff;padding-left:7px;padding-right:7px;padding-top:3px;padding-bottom:3px;background:#993333;text-align:left;border-bottom-width:1px;border-bottom-color:#003366;border-bottom-style:solid}
.typ_sonstige{font-family:Verdana,Helvetica,sans-serif;font-size:8pt;color:#ffffff;padding-left:7px;padding-right:7px;padding-top:3px;padding-bottom:3px;background:#003300;text-align:left;border-bottom-width:1px;border-bottom-color:#003366;border-bottom-style:solid}
.typ_konzert{font-family:Verdana,Helvetica,sans-serif;font-size:8pt;color:#ffffff;padding-left:7px;padding-right:7px;padding-top:3px;padding-bottom:3px;background:#CC6666;text-align:left;border-bottom-width:1px;border-bottom-color:#003366;border-bottom-style:solid}
td.line_ungelesen,td.line_gelesen,td.line_beantwortet,td.line_baldgeloescht{font-family:Verdana,Helvetica,sans-serif;font-size:8pt;color:#ffffff;padding-left:7px;padding-right:7px;padding-top:3px;padding-bottom:3px;text-align:left;border-bottom-width:1px;border-bottom-color:#003366;border-bottom-style:solid}
td.line_ungelesen{background:#6699CC}
td.line_gelesen,td.line_beantwortet{background:#336699}
td.line_baldgeloescht{background:#993333}
td.bottom{background-color:#000033;text-align:center;height:20px;vertical-align:middle}
div.bottom h1{font-size:8pt;font-weight:normal;padding:0;margin:0}
span.username h1{font-size:8pt;padding:0;margin:0}
.sondertermin{border-right:#003366 1px solid;background-color:red;border-bottom:#003366 1px solid;vertical-align:top}
.stdtermin{border-right:#003366 1px solid;border-bottom:#003366 1px solid;vertical-align:top}
.titel_zeile1{padding-left:5px;width:50%;font-weight:bold;background-color:#11285C}
.titel_zeile2{padding-right:5px;text-align:right;width:50%;font-weight:bold;background-color:#11285C}
.stern{font-weight:bold;color:red}

/*** artikel ***/
.colLeft{text-align:justify;font-size:8pt;width:48%;float:left;margin-right:20px;line-height:1.5em}
.colRight{text-align:justify;font-size:8pt;width:48%;float:right;line-height:1.5em;margin:0}
.FirstLetter{font-size:5.4em;font-family:Georgia;padding:0;margin:0;padding-top:18px;padding-bottom:12px;padding-right:2px;display:inline;position:relative;float:left}

/* Partybilder */
.namenbox{background-color:#f0ebff;visibility:visible;border-width:1px;border-style:solid;border-color:#000000;padding:2px;font-size:10px;color:#000000;filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8}
.namenbox a:link,.namenbox a:visited,.namenbox a:active,.namenbox a:hover{color:#000000}

/* Tabellenstruktur Forum */ 
table.table_03{width:100%;border-collapse:collapse;border-top:1px solid #002457;border-bottom:1px solid #002457;border-left:none;border-right:none;background-color:#336699;margin:0;padding:0}
/* Tabellenkopf */ 
.td_02_head{color:#99CCFF;background-color:#194C7F;text-transform:uppercase;font-size:8pt;font-weight:bold;line-height:18px;height:20px;text-align:left;padding:3px 5px;border-bottom:1px solid #002457;border-left:none;border-right:none}
/* Kategoriezeile */ 
.row_07{color:#6699CC;background-color:#002457;border-bottom:1px solid #000033;border-left:none;border-right:none;height:20px;line-height:20px}
.row_07 span{display:block;padding-left:10px}
.row_07 a{color:#FFFFFF;font-weight:bold;text-decoration:none}
.row_07 a:hover{text-decoration:underline}
/* Forenzeilen */ 
.td_02{color:#FFFFFF;background-color:#336699;border-bottom:1px solid #002457;border-left:none;border-right:none;padding:4px 6px;font-size:8pt;line-height:18px;height:20px}
.td_02.center{text-align:center}
.td_02.right{text-align:right}
.td_02.left{text-align:left}
/* Abwechselnde Spaltenfarbe */ 
.row_03{color:#FFFFFF;background-color:#6699CC;border-bottom:1px solid #002457}
.row_03 td{border-color:#002457}
/* Links & Hinweise */ 
a.forumlink{color:#FFFFFF;font-weight:bold;text-decoration:none}
a.forumlink:hover{text-decoration:underline}
.hinweis{font-style:normal;font-size:7pt;color:#CCCCCC}
.small{font-size:8pt;color:#FFFFFF}
/* Legende unten */ 
.table_03+table{border-top:1px solid #002457;border-bottom:1px solid #002457;margin:10px 0;font-size:8pt;color:#FFFFFF}
.table_03+table td{padding:3px 5px}
.table_03+table img{vertical-align:middle;border:0}
/* Bilder / Icons */ 
td img{vertical-align:middle;border:none}
/* Forum-Legende immer blau hinterlegen */ 
table.forum-legend{width:100%;background-color:#336699;border-top:1px solid #002457;border-bottom:1px solid #002457;color:#fff;font-size:8pt;margin-top:-20px;margin-bottom:20px;padding-top:20px;padding-bottom:20px;padding-left:40px}
table.forum-legend td{padding:3px 5px;vertical-align:middle}

/* MOB_ROW — Home Klassen (eigene Kopie damit Forum original bleibt) */
td.mob_row1{font-family:Verdana,Helvetica,sans-serif;letter-spacing:1px;color:#ffffff;font-weight:bold;padding-left:7px;padding-right:7px;padding-top:0;padding-bottom:0;background:#000033;text-align:left;text-transform:uppercase;height:15px;font-size:8pt}
td.mob_row2{font-family:Verdana,Helvetica,sans-serif;font-size:8pt;color:#ffffff;padding-left:7px;padding-right:7px;padding-top:3px;padding-bottom:3px;background:#336699;text-align:left}
td.mob_row4{background:#000033;font-size:1px;height:4px;line-height:4px;padding:0}
td.mob_row5{font-family:Verdana,Helvetica,sans-serif;font-size:8pt;text-align:left;color:#ffffff;padding:0;background:#336699}
td.mob_row6{font-family:Verdana,Helvetica,sans-serif;font-size:8pt;color:#ffffff;padding-left:7px;padding-right:7px;padding-top:3px;padding-bottom:3px;background:#336699;text-align:left;border-bottom:1px solid #003366}
td.mob_row7{font-family:Verdana,Helvetica,sans-serif;font-size:8pt;color:#ffffff;padding-left:7px;padding-right:7px;padding-top:3px;padding-bottom:3px;background:#000033;text-align:left}
table.mob_box{width:100%;margin-bottom:10px;margin-top:5px;font-size:8pt}
table.mob_box_flush{width:100%;margin:0;font-size:8pt}

/* User-Tabelle Trennlinien */
.user-table{border-collapse:collapse;}
.user-table td{border-bottom:1px solid #003366;}
.user-table tr:last-child td{border-bottom:none;}

td.mob_row_alt{font-family:Verdana,Helvetica,sans-serif;font-size:8pt;color:#ffffff;padding-left:7px;padding-right:7px;padding-top:3px;padding-bottom:3px;background:#6699CC;text-align:left;border-bottom:1px solid #003366}


/* Header: Profilbild + Name */
.mpro_header {
  display: flex;
  align-items: flex-start;
  background: #000033;
  padding: 10px 8px;
  gap: 10px;
  margin-bottom: 0;
}
.mpro_pic_wrap { flex-shrink: 0; }
.mpro_pic {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border: 2px solid #336699;
  display: block;
}
.mpro_name_wrap { flex: 1; }
.mpro_name {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 3px;
}
.mpro_meta { font-size: 11px; color: #ccc; margin-bottom: 3px; }
.mpro_rank { font-size: 10px; color: #99ccff; }
.mpro_points { font-size: 11px; }

/* Letzte Besucher Story-Leiste */
.mpro_visitors_row {
  background: #000033;
  border-top: 1px solid #003366;
  padding: 6px 8px;
}
.mpro_visitors_label {
  font-size: 9px;
  color: #99ccff;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.mpro_visitors_icons {
  display: flex;
  gap: 8px;
  overflow-x: auto;
}
.mpro_visitor_icon {
  text-align: center;
  flex-shrink: 0;
  text-decoration: none;
}
.mpro_visitor_icon img {
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid #336699;
  display: block;
}
.mpro_visitor_icon span {
  display: block;
  font-size: 8px;
  color: #ccc;
  margin-top: 2px;
}

/* Aktions-Buttons */
.mpro_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 7px 8px;
  background: #003366;
  border-top: 1px solid #003366;
}
.mpro_btn {
  padding: 5px 10px;
  font-size: 11px;
  font-family: Verdana, sans-serif;
  text-decoration: none;
  border: 1px solid #fff;
  cursor: pointer;
  display: inline-block;
}
.mpro_btn_primary  { background: #000033; color: #fff; }
.mpro_btn_secondary{ background: #336699; color: #fff; }
.mpro_btn_disabled { background: #224466; color: #aaa; border-color: #aaa; }

/* Tabs */
.mpro_tabs {
  display: flex;
  background: #000033;
  border-top: 1px solid #336699;
  border-bottom: 2px solid #336699;
}
.mpro_tab {
  flex: 1;
  text-align: center;
  padding: 7px 2px;
  font-size: 11px;
  font-family: Verdana, sans-serif;
  color: #ccc;
  text-decoration: none;
  border-right: 1px solid #003366;
}
.mpro_tab:last-child { border-right: none; }
.mpro_tab.active {
  color: #fff;
  font-weight: bold;
  border-bottom: 2px solid #99ccff;
  background: #001a4d;
}

/* Tab-Inhalte */
.mpro_tabcontent { padding-top: 5px; }

/* GB Formular */
.mpro_gb_form {
  background: #001a4d;
  padding: 8px;
  margin-bottom: 5px;
  border-bottom: 1px solid #336699;
}
.mpro_gb_form_inner { font-size: 11px; color: #fff; }

/* Pagination */
.mpro_pagination {
  text-align: center;
  padding: 8px;
  font-size: 11px;
  color: #fff;
  background: #336699;
}
.mpro_pagination a { color: #99ccff; margin: 0 5px; }

/* Leer-Meldung */
.mpro_empty {
  text-align: center;
  padding: 15px;
  color: #ccc;
  font-size: 11px;
  background: #336699;
}

/* Erfolgs-Box */
.mob_success_box {
  background: #006600;
  color: #fff;
  padding: 8px;
  font-size: 11px;
  margin-bottom: 5px;
  border-bottom: 1px solid #009900;
}

/* Profil Tabs */
.mpro_tab{flex:1;text-align:center;padding:6px 2px;font-size:11px;font-family:Verdana,sans-serif;color:#ccc;text-decoration:none;border-right:1px solid #003366;letter-spacing:0;text-transform:none;font-weight:normal}
.mpro_tab:last-child{border-right:none}
.mpro_tab.active{color:#fff;font-weight:bold;background:#001a4d;border-bottom:2px solid #99ccff}