/* HISB-Layout-CSS -> ggf. editor.css ebenfalls anpassen!           */
/* Kopffarben gelb-dunkel: #ddbf84, heller: #e1c99a, BU-HG: #f1e5ce */
/*             rot-dunkel: #900,    heller: #ab3030                 */
/* Ränder usw.       grau: #bbb                                     */
/* allgemein         grün: #060                                     */

body {
	font-size: 76%; line-height: 1.3; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	margin: 0; padding: 0;
}
* { margin: 0; padding: 0; }
button, input, select { appearance: auto !important; }
button { padding: 0 .5em; }

/* Template-Bestandteile */
#kopf {
	background: url(../images/kopf.gif) repeat-x;
	position: absolute; top: 0; left: 0; width: 100%; height: 134px;
	margin: 0;
}
#klammer {
	position: relative; top: 0;
	min-width: 350px;
	max-width: 830px;
/*	width: auto !important;  IE6 verarbeitet das nicht */
	margin: 0 auto; /* center hack fuer IE6  */
	text-align: left; /* center hack fuer IE6  */
}
#titel_l { background: url(../images/titel_l.gif); float: left; width: 100%; height: 134px; }
#titel_r { background: url(../images/titel_r.gif) right no-repeat; width: 100%; height: 134px; }
#logo {
	background: url(../images/logo.gif) no-repeat; position: absolute;
	top: 43px; left: 20px; min-width: 190px; height: 50px; margin: 0; padding: 0;
}
#logo span	{ display: none; }
#mitte_l		{ background: url(../images/mitte_l.gif) repeat-y; float: left; width: 100%; }
#mitte_r		{ background: url(../images/mitte_r.gif) right repeat-y; float: left; width: 100%; }
#mitte_m		{ padding: 5px; display: flex; flex-direction: row-reverse; }
#pathway		{ margin-bottom: 10px; }
#seite_o		{ width: 180px; height: 2px; position: relative; }
#menu_o			{ display: none; width: 1em; height: 1.2em; font-size: 2em; background-color: #fff; }
#seite_r 		{ padding-top: 1.2em; position: relative; }
#inhalt80		{ position: relative; width: calc(100% - 180px); min-height: 70em; }
#fuss_l			{ background: url(../images/fuss_l.gif) no-repeat; float: left; width: 100%; }
#fuss_r			{ background: url(../images/fuss_r.gif) right top no-repeat; width: 100%; }
#fuss_m			{ padding: 0 15px; }
#noben			{ padding-left: 2em; }

/* das Menü oben - Hauptmenü */
#mainmenu, #mainmenu1, #mainmenu2, #mainmenu3 {
	position: absolute; left: 5px; width: 650px; background-color: #900;
	color: white; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;
}
#mainmenu		{ top: 110px; height: 22px; }
#mainmenu a				{ margin: 0; color: #fff; background: #900; vertical-align: bottom; }
#mainmenu a:link		{ color: #fff; background: #900; text-decoration: none; }
#mainmenu a:visited	{ color: #fff; background: #900; text-decoration: none; }
#mainmenu a:hover		{ color: #fff; background: #900; text-decoration: underline; }
#mainmenu a:active	{ color: #fff; background: #900; text-decoration: underline; }
#mainmenu1	{ top: 0; } /* Ausgabe des Standard-Hauptmenüs auf Position topmenu */
#mainmenu1 ul			{ list-style: none; margin: 4px 0 0 0; padding: 0; }
#mainmenu1 li			{ float: left; margin: 0; padding: 0 1.2em 0 3px; }
/* #mainmenu1 li.item-138 { display: none; } Geschichten im Menü oben ausblenden, bis Fahrkarten unter Veranstaltungen ist */ 
#mainmenu2	{ top: 3px; display: none; width: 210px; height: 20px; padding-left: .5em; } /* div für das Inhalt↓ auf Telefonen */
#mainmenu3	{ display: none; position: absolute; } /* Position topmenum für das komplette Hauptmenü ohne die Box rechts */

/* Suchbox neben dem Hauptmenü */
#suchmodul { position: absolute; top: 112px; right: 12px; height: 22px; }
#suchmodul input { width: 165px; height: 18px; color: white; background-color: #ab3030; border: 1px solid #000;}

/* div.inhalte */ 
.inhalte		{ padding: 7px; }
.inhalte td, .inhalte th { padding: 2px; }
/* .item-content { position: relative; } */

/* Pfad unter dem Hauptmenue ul/li */
.breadcrumb { margin: 0; padding: 0; list-style-type: none; }
.breadcrumb li { margin: 0; padding-right: .3em; float: left; }
.breadcrumb a:after { content: url(../images/arrow.png); margin-left: .3em; }

/* allgemeine Formate */
* { hyphens: auto; }
a { text-decoration: none; }
a:link { color: blue; }
a:visited { color: purple; }
a:hover { color: #060; text-decoration: underline; }
a:active { color: red; }

/* Tooltips */
/* .tip { border: #000 solid 1px; background: #ffc; padding: 3px; z-index: 2; } */
/* .hasTip { background: #f1e5ce; margin: 5px; padding: 2px; } wirkt auf das Bild nicht den Tooltip! -> .tip */ 
/* .hasTip { z-index: 2; } */

/* Hinweismodul unter dem Pfad */
#hinweismodul { clear: left; padding-top: .2em; } 
#hinweismodul .moduletable { padding-bottom: 1em; }
#hinweismodul .moduletable h2 { color: red; }

h1,h2,h3,h4,h5,h6,p,blockquote,label,dl,fieldset,address { margin: 0.5em 0; }
h1,h2,h3,h4,h5,h6,.contentheading,.componentheading { color: #060; clear: both; }
blockquote { margin-left: 2em; }

h1,.componentheading,#logo { font-size: 1.7em; }
h2,.contentheading { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; font-weight: bold; }

/* .componentheading { padding-bottom: 5px; padding-left: 4px; } */

ol { margin: 0.5em 0; padding-left: 20px; }
ul { margin: 0.5em 0; padding-left: 5px; }
li,dd { margin-left: 1em; }
fieldset { padding: .5em; }

/* Icon bearbeiten in der Blog-Ansicht der Kategorie u. im Artikel */
div.item-content { position: relative; left: 0; top: 0; margin-bottom: 5em; }
div.item-content .icons { position: absolute; right: 0; top: 3em; clear: both; width: 20px; }
div.item-content .icons a { font-size: 0; }
div.item-content .icons a:after { content: url(../images/edit.png); }
div.item-content .icons a[href="#"]:after { content: url(../images/locked.png); }
/* div.item-content .icons .icon-edit { display: none; } .icon-edit nicht mehr vorhanden */
div.item-content .icons [id^=editarticle] { display: none; }
div.item-content .icons a[href="#"]:hover [id^=editarticle] {
	display: block;
	position: absolute;
	width: 15em;
	height: 2.5em;
	top: -1em;
	left: 2em;
	font-size: 10px;
	background-color: lightyellow;
	padding: .5em;
	color: #000;
}
p:first-child { clear: both; } /* in der Blogansicht fehlt div.com-content-article__body s.u. */
/* Artikelkopf - Überschrift und bearbeiten */
div.com-content-article  { position: relative; left: 0; top: 0; }
div.com-content-article .icons { position: absolute; right: 0; top: 3em; clear: both; width: 20px; }
div.com-content-article .icons a { font-size: 0; }
div.com-content-article .icons a:after { content:url(../images/edit.png); }
div.com-content-article .icons a[href="#"]:after { content: url(../images/locked.png); }
/* div.com-content-article .icons .icon-edit { display: none; } .icon-edit nicht mehr vorhanden */
div.com-content-article .icons [id^=editarticle] { display: none; }
div.com-content-article .icons a[href="#"]:hover [id^=editarticle] {
	display: block;
	position: absolute;
	width: 15em;
	height: 2.5em;
	top: -1em;
	left: 2em;
	font-size: 10px;
	background-color: lightyellow;
	padding: .5em;
	color: #000;
}
/* Artikelinformationen zwischen Beitragsüberschrift und -text */
dl.article-info     { list-style: none; float: left; clear: both; }
.article-info dt    { display: none;  }
.article-info dd    { float: left; margin: 0 0 .5em 0 !important; padding-right: 0.5em; }
.com-content-article__body { clear: both; }

/* Eigenschaften für Bilder mit Bildunterschrift (class="caption") */
/* müssen in /media/system/js/caption.js festgelegt werden */

/* rechter Abstand für align/float Bilder */
img[align=left]  { margin: 0 8px 5px 0; }
img[align=right] { margin: 0 0 5px 8px; }
img[style~="left;"]  { margin: 0 8px 5px 0; }
img[style~="right;"] { margin: 0 0 5px 8px; }

/* .img_caption_none { } */
.img_caption_left  { margin: 0 8px 5px 0; }
.img_caption_right { margin: 0 0 5px 8px; }

/* große/kleine Bilder, div wird nur bei der 2. Variante benötigt */
div.bild-kg-span { width: 222px; }
.bild-kg-span img.bild-kg-gross { display: none; }
.bild-kg-span:hover img.bild-kg-gross { display: block; position: absolute; margin-top: -10%; left: 0; } /*  margin-left: 0px; */

/* Ausrichtung u. Hintergrundfarbe in Tabellen im Text u.a. */
.hg-grau { background-color: #ccc; }
.hg-drot { color: #fff; background-color: #900; }
.hg-grau-txt-oben { background-color: #ccc; vertical-align: top; }
.hg-drot-txt-oben { color: #fff; background-color: #900; vertical-align: top; }
.tabelle-txt-oben td { vertical-align: top; }

/* Weiterlesen */
#system-readmore, .readmore { clear: both; }

/* HiSB-Intern - Neue Beiträge */
.popover { width: 12em; text-align: center; border: #ddd solid 1px; background: #fff; }
.popover h3 { margin: 0; }
table.com-content-category__table th { vertical-align: top; padding-bottom: .5em; font-weight: normal; }
table.com-content-category__table td { vertical-align: top; }
table.com-content-category__table td.list-date { width: 10em; }
table.com-content-category__table td.list-author { width: 3.5em; }
table.com-content-category__table td.list-edit  { width: 3.8em; }
table.com-content-category__table td.list-edit a { font-size: 0; }
table.com-content-category__table td.list-edit a:after { content:url(../images/edit.png); }
table.com-content-category__table td.list-edit div { display: none; }
#adminForm a.btn-primary { float: right; margin-right: 2em; margin-top: 1em; }

/* Module rechts */
.moduletable { margin-top: 1em; font-size: 1.1em; border: 1px #ccc solid; }
.moduletable_login { margin-top: 0; margin-bottom: 1em; font-size: 1.1em; border: 1px #ccc solid; }
.moduletable_oben { margin-top: 0; font-size: 1.1em; border: 1px #ccc solid; }
.moduletable_dran { margin-top: -1px; font-size: 1.1em; border: 1px #ccc solid; }
.moduletable_spende { margin-top: 0; font-size: 1.1em; border: 1px #900 solid; }
.moduletable_spende2 { margin-top: -1px; font-size: 1.1em; border: 1px #900 solid; }

.moduletable h3, .moduletable_oben h3, .moduletable_dran h3, .moduletable_cal h3, .moduletable_login h3
{
	color: white; background: #bbb;
	text-transform: uppercase; font-size: .9em; letter-spacing: 1px;
	margin: 0; padding: 2px 2px 2px 5px;
}
.moduletable_spende h3
{
	color: white; background: #900;
	text-transform: uppercase; font-size: .9em; letter-spacing: 1px;
	margin: 0; padding: 2px 2px 2px 5px;
}
.moduletable ul, moduletable_oben ul, moduletable_dran ul { margin-top: 5px; margin-left: 15px; }
.moduletable li, moduletable_oben li, moduletable_dran li { font-size: 0.9em; margin: 0; padding: 0; }
.moduletable fieldset { margin: 3px; }

/* Login- bzw. Logout-Modul rechts */
.moduletable_login div.input-group { margin: 5px 0; }
.moduletable_login input.form-control { margin-left: 5px; max-width: 85%; }
.moduletable_login label.visually-hidden { display: none; }
.moduletable_login div#form-login-submit { margin-left: 5px; }
.moduletable_login div.mod-login__remember { display: none; }
.moduletable_login button.input-password-toggle { display: none; }
.moduletable_login div.mod-login__submit { text-align: center; }
.moduletable_login .logout-button { text-align: center !important; }
.moduletable_login .logout-button .btn { margin-bottom: .2em; }

/* Benutzerregistrierung */
#member-registration legend { padding: 0 .5em; }
/* #member-registration fieldset { position: relative; }
#member-registration .field-spacer { position: absolute; right: .5em; top: .5em; } */
#member-registration .control-group { margin-bottom: 1em; }
#member-registration .form-control-feedback  { margin-left: .5em; color: #f00; }

/* Login im Artikelbereich */
#com-users-login__form .control-group { margin-bottom: 1em; }
#com-users-login__form div.com-users-login__remember { display: none; }
#com-users-login__form button.plg_system_webauthn_login_button { display: none; }
.com-users-login__options a { display: block; width: 18em; }

/* eigenes Profil anzeigen bzw. bearbeiten */
#users-profile-core legend, #users-profile-custom legend { padding: 0 .5em; }
#users-profile-core dt, #users-profile-custom dt { margin-top: .5em; }
#users-profile-core dd, #users-profile-custom dd{ margin-bottom: .5em; }
.com-users-profile__edit legend { padding: 0 .5em; }
.com-users-profile__edit .control-group { margin-bottom: .5em; }

/* Logout im Shop */
.moduletable_dran div { text-align: center !important; }
.moduletable_dran div .btn { padding: 2px 10px; }

/* Suchformular im Artikelbereich */
#searchForm legend { padding: 0 .5em; }
#searchForm .btn-toolbar { margin-top: 1em; }
#searchForm .btn-toolbar div { float: left; }
#searchForm .btn-toolbar button { margin-left: 1em; }
#searchForm .searchintro { clear: left; }
#searchForm .searchintro p { padding: 1em 0; }
#searchForm .form-check { margin-bottom: .5em; }
#searchForm .form-check label { margin-left: .5em; }
#searchForm fieldset.only label { display: block; }
#searchForm fieldset.only input { margin-right: .5em; }
#searchForm fieldset.only label[for=area-contacts] { display: none; }
#searchForm fieldset.only #area-contacts { display: none; } /* Kontakte wird nicht verwendet */
#searchForm .form-limit { display: inline; }
#searchForm p.counter { display: inline; margin-left: 2em; }
/* Suchergebnisse */
div.search dl { list-style: none; }
div.search dt.result-title { margin-top: 1em; float: left; }
div.search dd.result-category { margin-top: 1em; padding-right: 1em; float: right; }
div.search dd.result-text { clear: both; }
div.search dd.result-created { margin-bottom: 1em; }
ul.pagination { list-style: none; margin: 1em; height: 1em; }
ul.pagination li { float: left; margin: 0; width: 1.5em; text-align: center; }
ul.pagination li.active { border-bottom: #00f solid 1px; }
ul.pagination span.icon-angle-double-left:before { content: url(../images/nav_bl_ls.png); }
ul.pagination .disabled span.icon-angle-double-left:before { content: url(../images/nav_gr_ls.png); }
ul.pagination span.icon-angle-left:before { content: url(../images/nav_bl_l.png); }
ul.pagination .disabled span.icon-angle-left:before { content: url(../images/nav_gr_l.png); }
ul.pagination span.icon-angle-right:before { content: url(../images/nav_bl_r.png); }
ul.pagination .disabled span.icon-angle-right:before { content: url(../images/nav_gr_r.png); }
ul.pagination span.icon-angle-double-right:before { content: url(../images/nav_bl_rs.png); }
ul.pagination .disabled span.icon-angle-double-right:before { content: url(../images/nav_gr_rs.png); }

/* Inhaltsverzeichnis bei mehrseitigen Beiträgen – unten, vgl. vorigen Abschnitt! */
.com-content-article__body .pager ul { width: 18em; margin: 1em auto; }
.com-content-article__body .pager li { width: 9em; height: 1em; }
.com-content-article__body .pager li.previous span:before { 5px; content: url(../images/nav_bl_l.png); } 
.com-content-article__body .pager li.next span:after { content: url(../images/nav_bl_r.png); } 
.com-content-article__body .pager li span { position: relative; top: .2em; }

/* felxicontact */
div.fc_line label { width: 25% !important; }
div.fc_line input, div.fc_line textarea { width: 70% !important; }
div.fc_line #fc_send_button { margin-left: 26% }

/* Formular adminForm - Artikel bearbeiten */
#adminForm div.modal-content { display: none; } /* die Buttons Modul, Menü, Kontakt, Felder usw. */
#adminForm button { padding: 0 .3em; }
#adminForm button[role="tab"] { padding: .5em 1em; }
#adminForm .control-group { margin-top: .5em; margin-bottom: .5em; }
#adminForm #jform_state, #adminForm #jform_featured, #adminForm #jform_access { padding: 0 .3em; }
#adminForm .choices__inner { width: 90%; }
#adminForm .choices__inner select { width: 80%; }
#adminForm .choices__inner .choices__button_joomla { margin-left: 2em; }
#adminForm button[data-submit-task="article.save2copy"] { display: none; }

/* Darstellung des Editors TinyMCE, der hat noch eine eigene CSS! */
/* Darstellung des Editors JCE, hat der noch eine eigene CSS? */
.editor-xtd-buttons { display: none; }

/* Verweis nach oben am Seitenfuß */
a#nachoben { clear: both; color: blue; }
a:link#nachoben { color: blue; }
a:visited#nachoben { color: blue; }
a:hover#nachoben { color: #060; text-decoration: underline; }
a:active#nachoben { color: red; }

/* Tooltips bei der Registrierung, stehen sonst bei +500 rechts */
/* .popover { width: 400px; border: #060 solid 1px; background: #fff; } */

.umfliessen-ende { clear: both; } /* noch verwendet? */

/* nur zum testen */ 
/*table { outline: #f00 solid 1px !important; }
td { outline: #00f solid 1px !important; }
div { outline: #f00 solid 1px; }
h2 { background: #ccc; }
ol, ul { outline: #00f solid 1px; }
li { outline: #0f0 solid 1px; } */

/* html>body .moduletable_menu li a { width: auto; } */