/* DLRG Theme Hiorg-Server DLRG OG Ulm Vielen Dank an: */
/* DLRG Theme für HiOrg Server, angepasst auf Einsatzfarben von Thomas Kaup, DLRG Flensburg e.V.,15.02.2013 */



tt/* ========== Definition der Basis-Schriftart und Hintergrundfarbe */

body,p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/* ========== Fuer die Tabellen muss die Schriftart nochmals wiederholt werden */

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
}

/* ========== Tabellen-Ueberschriften */
th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-top:2px;
	padding-bottom:5px;
}

input.klein {
    font-size:10px;
}

select.klein {
    font-size:11px;
}

/* ========== Einsatztabelle in Hauptspalte */
table.midtable {
  border: 1px solid #FF2129;
  padding: 3px;
}


/* ========== Untermenue in Hauptspalte */
div.submenu {
  border: 1px solid #FF2129;
  padding-left:10px;
  padding-right:10px;
}

/* ========== Verschiedene Farben fuer gerade und ungerade Tabellenzeilen erhoehhen die Uebersicht */

tr.gerade {
  background-color:#bbd5e5;
}
tr.ungerade {
  background-color:#ffffff; /*bbd5e5*/
}

/* ========== MouseOver-Effekt in Tabellen: die Zeile unter der Maus wird hervorgehoben */
tr.mouse {
  background-color:#FFFFCC;
}

/* ========== Wird eine Zeile angeklickt, so bleibt diese in einer weiteren Farbe markiert */
tr.klick {
  background-color:#FFFF66;
}








div.logo {
	display:none;
}

div.logo img {
    border-width:0px;
}


td.menuecol
{
	min-width:200px;
	width:200px;
	background-color:none;
	background:url("https://www.hiorg-server.de/userfiledownload.php?cssmedia=dlrg-profilbild-hiorg-server-ulm+%281%29.png&ov=dlul") no-repeat 180px 82px;
	background-position: 10px 45px;
	padding:0px;
	padding-top:120px;
	padding-left:10px;
	padding-right:0px;
	border-spacing:0px;
	border-width:0px;

}

.ui-widget-content {
	padding-left: 10px !important;
}


#men,
#menu_row_00_wrap {
	background:transparent;
}

div.submenu {
	padding-left:10px;
	padding-right:10px;
	border:1px solid #c0c0c0;
}


.ui-corner-all,
.ui-corner-bottom {
    -moz-border-radius:0;
    -webkit-border-radius:0;
}

.ui-accordion .ui-accordion-header .ui-icon {
    left:5px;
    width:11px;
    height:11px;
    margin-top:-5px;
}

.ui-accordion .ui-accordion-header .ui-icon-triangle-1-e {
    /**background: url("media/expand.gif") 0 0 no-repeat;**/
}

.ui-accordion .ui-accordion-header .ui-icon-triangle-1-s {
    /**background: url("media/collapse.gif") 0 0 no-repeat;**/
}

#menu_row_00,
#men ul li, 
#menu_row_00 ul li {
    font-size:11px;
}

#men ul li, 
#menu_row_00 ul li {
    margin:3px 0;
}

td.menuecol {
	vertical-align:top;
	background-color:transparent;
}

    #men h3,
    td.menuecol h3#menu_row_00_header {
        border:0px;
        font-size:11px;
        cursor:pointer;
        color: #5C5C5C;
		margin-top:10px;
        padding:2px 5px;
        text-align:left;
		line-height:20px;
        font-weight: bold;
        background-image:none;
        background-color:#fcd81d;
        -moz-border-radius:3px 3px 0 0;
        -webkit-border-radius:3px 3px 0 0;
    }
    
    #men h3.ui-state-active {
        color: #5C5C5C;
        background-color:#fcd81d;
        -moz-border-radius:3px 3px 0 0;
        -webkit-border-radius:3px 3px 0 0;
    }

		#men h3 a,
		td.menuecol h3#menu_row_00_header a  {
			color: #5C5C5C;
			font-size:11px;
			font-weight:bold;
            padding:0 0 0 15px;
		}
        
        td.menuecol h3#menu_row_00_header a {
            padding:0;
        }














/* ========== Spalte fuer den eigentlichen Seiteninhalt */
td.maincol {
  padding-left:20px;
  background-image:url(https://www.hiorg-server.de/userfiledownload.php?cssmedia=binde_ulm.png&ov=dlul);
	background-position: top center;
	background-repeat:no-repeat;
        background-size: 100% auto;  /* Kopfbild wird immer auf 100% Bildschirmbreite skaliert */
	padding-top: 80px; /* Abstand bis Beginn Tabelle unter Kopfbild */

}

/* ========== Spalte fuer das Menue links */
p.menue {
	padding-top: 800px;
	}	
td.menuecol {
   background-color:#FF2129;  /* Hintergund des linken Menues */
   }

td.menuecol th {
  /*background-image:url(http://www.);*/
  background-repeat:no-repeat;
  color: #000000; /* #FF2129; */
  font-weight: bold;
  text-align:center;
  font-size:12px;
  cursor:pointer;
}	  
td.menu_head {
  /*background-image:url(http://www.);*/
  color: #FFFFFF;
  font-weight: bold;
  text-align:center;
	}

td.menu_box {
  background-color: #bbd5e5; /* #FF2129*/
  padding:5px;
  }

/* ========== Einzelne Menuepunkte */
p.menuitem {
  margin-top:4px;
  margin-bottom:6px;
  color:#000000;
}
p.menuitem_active {
  margin-top:4px;
  margin-bottom:6px;
  font-weight:bold;
  color:#FF2129;
}
a.menuitem,a.menuitem:visited {
  font-size: 11px;
  color: #000000;
}
a.menuitem:hover {
  font-size: 11px;
  color: #FF2129;
  text-decoration:underline;
}
td.menu_box a:hover {
  font-size: 11px;
  color: #FF2129;
  text-decoration:underline;
}

/* ========== HiOrg-Server Logo im linken Menü oben ausblenden */
div.logo {
	display:none; /* einblenden: none ersetzen durch block;*/
}

/* ========== Auf der Seite  -Helfer einteilen-  werden aus der alphabetischen Helferliste */
/*            diejenigen farblich hervorgehoben, die fest eingeteilt  -fest-  bzw. unverbindlich gemeldet  -meld-  sind. */
.fest {
  background-color:#00FF00;
}
.meld {
  background-color:#FFFF66;
}
.nein {
  background-color:#FF0000;
}

/* === Tabelle bei Einteilung, Feld "summe" */
td.green {
  background-color:#00FF00;
}
td.red {
  background-color:#0000FF;
}



/* ========== (unspezifische) Fehlermeldung, die direkt unterhalb der Seitenueberschrift eingeblendet wird */
div.fehler {
  background-color: #ff2129; /*#0000FF;*/
  color: #ffdb00; /*#FFFF66;*/
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  border: 1px solid #666666;
  padding: 6px;
  margin-bottom:20px;
}
/* ========== (exakte) Fehlermeldung neben dem entspr. falsch ausgefuellten Eingabefeld */
span.fehlertext {
  background-color: #ff2129; /*#0000FF;*/
  color: #ffdb00; /*#FFFF66;*/
  font-size: 13px;
  font-weight: bold;
  padding:2px;
  margin-left:5px;
}

/* ========== Erfolgsmeldung, wird direkt unterhalb der Seitenueberschrift eingeblendet */
div.meldung {
  background-color:#BEFF42;
  color: #000000;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  border: 1px solid #666666;
  padding: 6px;
  margin-bottom:20px;
}


/* ========== Seiten-ueberschrift */
h1 {
	font-size: 20px;
	font-weight: bold;
	color:#000000;
	margin-bottom: 30px;
}

/* ========== Teil-ueberschriften, zB auf der Uebersichts-Seite  */
h3 {
	font-size: 14px;
	font-weight: bold;
        color:#006699;
}

/* ========== Am Seitenende: Link  -Zurueck-  */
h4 {

}


/* ========== Kleinere Hinweis-Texte  */
small {
	font-size: 10px;
	color:#006699;
}


/* ========== Links normal */
a,a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #006699;
  text-decoration: none;
}
/* ========== Links bei Mouseover  */
a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #006699;
  text-decoration:underline;
}