/* [[sichtbar=0|name=Klassen]] */

/*
 Die globalen Einstellungen die fuer alle Stylesheets gelten stehen hier
   drin. ggf. werden sie in den einzelnen Stylesheets wieder ueberschrieben.
*/

body,html { }
/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers (height: 101%;) */
html { height: 101%; font-size: 100%;}

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

/* Links */
a:link    { color:#00F;    text-decoration:none; }
a:visited { color:#00F; text-decoration:none; }
a:hover   { color:#000;    text-decoration:none; }

/* Inhalt */
#inh    { padding: 17px 15px 9px; margin-top: 10px;}
#clearfixhead {height: 10px;}

/* Tabellen */
table     { border-spacing:0 !important; }
table td  { vertical-align:top; padding:2px 4px; }
tr:nth-child(odd)  { background-color:inherit; }
tr:nth-child(even) { background-color:#DDD; }
th[title] { border-bottom:1px dotted #000; }
thead, tfoot, table tr.zwischentitel { background-color:#BBB; }
thead tr th, thead tr, tfoot tr th, tfoot tr, tr.zwischentitel th { background-color:inherit !important; }
table.datenaendern tr td:first-child    { text-align:right; font-style:italic ; white-space:nowrap; }
table.datenaendern tr td[colspan]    { text-align:left; font-style:normal; white-space:nowrap; }
.zeilenhervorheben tbody tr:hover   { background-color:#9F9F9F; }
table.blank tr, table.datenaendern tr { background-color: inherit; }
tbody.ui-sortable .ui-sortable-helper { background-color:#9F9F9F; }
tbody.ui-sortable .ui-sortable-helper a { visibility: hidden; }
table.sortierbar tfoot a.speichern { visibility: hidden; } 

/* ToDo Liste */
.todoliste { border: 1px solid #040D7A; border-radius: 3px; text-align: center; width: 100%; }
.todoliste thead { background-color: #0D71BD; color: #CDDFEE; height: 20px; }
.prio1 { background-color: #FF0000; }
.prio2 { background-color: #FFBF00; }
.prio3 { background-color: #80FF00; }
.prio4 { background-color: #0099FF; }

/* Hauptcontainer (Wrapper) */
#wrapper { margin: 8px auto; width: 930px; position: relative;}

/* Listen */
#inh ul { margin: 3px 0px 3px 30px; padding:0; }
#inh ul ul { margin-bottom:0; }
#inh ol { margin:0; padding:0; margin-left:1.5em; }
fieldset ul    { list-style-type:none; }
fieldset ul li { margin-left:1.1em; text-indent:-1.5em; margin-bottom:0.1em; }
fieldset ul li:first-line { line-height:1.6em; }
fieldset ul.nurtexte li   { margin-bottom:-0.1em; }
p.listenbeschreibung  { margin-bottom:0;}
/* li.aktuell { background-color: #FAFFBD; border-left: 3px solid #F00;   }*/

/* Formulare */
fieldset { margin-top:0.5em; padding:0.2em; }
legend   { padding:0 0.1em 0 0.1em; font-style:italic; color: #0D71BD;}
input, select, button { background-color: #fafafa; border-color: #AFAEAA #D5D5C8 #D5D5C8 #AFAEAA; border-style: solid; border-width: 1px; color: #111111; cursor: text; font-size: 1em; font-weight: normal; padding: 2px; vertical-align: middle; /* margin: 3px 3px 3px 4px; */}
.datumwahl { background-image: url("../img/icons/Calendar.png"); background-repeat: no-repeat; background-position: 2px 4px; cursor: pointer; padding-left: 23px; }
#input.button1 { border: 1px solid #000; color: #000000; cursor: pointer; font-size: 1em; padding: 1px 3px 0; width: auto !important; border-radius: 11px; background: #0D71BD;  color: #cddfee; padding: 4px 13px 4px 13px;}
#input.button1:hover { border: 1px solid #000; color: #000;  background-color: #FAFFBD;  color: #0D71BD;}
input:focus, select:focus, button:focus { background-color: #faffbd; border: 1px solid #036; color: #036;font-size:1em; }
select:checked {background-color: #f00;}
.button1 { border: 1px solid #000; color: #000000; cursor: pointer; font-size: 1em; padding: 1px 3px 0; width: auto !important; border-radius: 11px; background: #0D71BD;  color: #cddfee; padding: 4px 13px 4px 13px;}
.button1:hover { border: 1px solid #000; color: #000;  background-color: #FAFFBD;  color: #0D71BD;}


/* diverse Elemente */
p     { margin:0; margin-bottom:5px; }
a img { border:none; }
.imglegende { width:12px; height:12px; }

/* Ueberschriften */
h1,h2,h3,h4,h5,h6 { margin:0.5em 0 0.1em 0; }
h1 { font-size:1.25em; }
h2 { font-size:1.2em;  }
h2 a { font-size:0.8em; }
/*h3 { font-size:1.15em; }
h4 { font-size:1.1em;  }
h5 { font-size:0.8em; }
h6 { font-size:0.7em;  } */
#ergebnisse h2 { background-color:#EFEFEF;}
h3.untertitel { margin:-0.1em 0 0.1em 1em; font-size:1.05em; }
h2[id]:hover:after { content:' (ID: 'attr(id)')'; color:#BFBFBF; float:right; font-size:0.8em; }

/* verschiedene Klassen */
.achtung  { color:#F00 !important; }
.bestzeit { font-weight:bold; }
.fehler   { color:#f00 !important; }
.freiraum { padding-left:0.4em; padding-right:0.4em; }
.hinweis  { color:#00BF00 !important; }
.links    { text-align:left; }
.mitte    { text-align:center; }
.nobr     { white-space:nowrap; }
.optionen { line-height:1.5em; }
.rechts   { text-align:right; }
.rekord   { color:#FF7F00; }
.vr       { font-size:0.8em; font-weight:normal; }
.abgelaufen { color:#9F9F9F; }
.abgelaufen2 { background-color:#AAA; }
.weg      { text-decoration:line-through; }
.neu      { color:#F00; font-size:0.9em; }
.abstand  { margin-top:1em; }
.normal   { font-weight: normal; }
.clearfix:after { /* clear: both; */ /* content: "."; */ /* display: block; */ /* height: 0; */ /* visibility: hidden; */ }
.clearfix { display: block; border: 1px solid rgb(4, 13, 122); border-radius: 13px;}
.pflichtfeld { font-weight:bold; }

.beschreibung        { font-size:0.9em; }
.dateiliste li       { clear:left; }
.dateiliste li span  { display:block; width:12em; float:left; }
.erstezeileausrucken { text-indent:-1.5em; margin-left:2em; }
.floatlinksbeenden   { clear:left; }
.halbebreitekasten   { width:50%; float:left; }
.hiddenfeature       { font-style:italic; }
.inline, .inline p   { display:inline; }
.keinumbruch         { white-space:nowrap; }
.printonly           { display:none; }
.rwxrechte           { font-family:monospace; }
.submitbutton        { margin-top:1em; margin-bottom:2em; }
.zahlenliste li      { margin-bottom:1em; }
.interpoliert        { font-style:italic; }
.rekordbemerkung     { font-size:0.9em; }
.disabled            { color:#A3A3A3; }
.zeilehervorheben td { font-weight:bold !important; }
.zeilehervorheben td a { font-weight:normal; }
.navlinks            { margin-bottom:1em; border-bottom:2px solid #000; }
.beschriftung        { font-size:0.9em; }

.t_nein  { color:#ff4f4f; } /* rot */
.t_offen { color:#d2ac14; } /* gelb */
.t_ja    { color:#00BF00; } /* gruen */
.t_blass { color:#9F9F9F; }

/* verschiedene IDs */
#fuss     { font-size:0.9em; text-align: center; }
#fusstrenner  { clear:both; }
#dauerhinweis { color:#F00; }
#datumdiv     { position:absolute; background-color:#FFF; }
#logdateieintraege { width:100%; }
ul#aktuellezeiten li span { display:block; width:6.5em; float:left; }

/* Hinweis, Fehler */
p.fehler, p.hinweis {
  background-repeat:no-repeat; background-position:2px 5px;
  padding:5px 5px 5px 25px; margin:10px 0;
  border:1px solid #000;
}
p.fehler  { background-image:url('../img/icons/fehler.png'); border-color:#F00; color:#f00 !important; }
p.hinweis { background-image:url('../img/icons/hinweis.png'); border-color:#00BF00; color:#00BF00 !important; }

/* Rueklaufzettelklassen */
.ruecklaufzettel                { border-spacing:2px; empty-cells:show; }
.ruecklaufzettel tbody tr:hover { background-color:#7F7F7F; }
.ruecklaufzettel td { padding:3px 2px 3px 2px; }
.ruecklaufzettel .unwichtigertext { color:#8F8F8F; }
.fahrt_braucht, .teiln_nein, .mzeit_nicht, .nein          { background-color:#FF0000; } /* rot */
.fahrt_faehrtkeine, .teiln_teilw, .mzeit_toleranz, .offen { background-color:#FFFF00; } /* gelb */
.fahrt_faehrtmitn, .teiln_ja, .mzeit_erfuellt, .ja        { background-color:#00BF00; } /* gruen */
.teiln_keine       { background-color:#9F9F9F; } /* grau */
.trennliniehaupt   { border-left:2px solid black; }
.trennlinieunter   { border-left:1px solid black; }
.fahrt_braucht, .fahrt_faehrtkeine, .fahrt_faehrtmitn, .fahrt_leer { text-align:center; }

/* Anmeldeformular */
form.anmeldeform          { width: 238px; height: 153px; float:right; margin-top: 9px; margin-right: 39px; /* background-color: #CFE4F5; */ /* opacity: 0.9; */}
form.anmeldeform input[type=submit]   { margin-top: 8px; margin-left: 8px; margin-right: 133px; /* float: left; */}
form.anmeldeform legend   { font-weight:bold; }
form.anmeldeform fieldset { padding: 3px 13px; height: 145px; border-color:rgb(4, 13, 122) ; border-width: 1px; background-color: rgba(207, 228, 245, 0.9); /* opacity: 0.9; */}
form.anmeldeform p        { margin:0; float: left; padding: 5px;}
form.anmeldeform a        { margin-left: 8px; margin-top: 7px; float: left;}
form.anmeldeform input    { float: right; width: 114px;}
form.anmeldeform label    { float: left; /* width: 85px; */ padding-top: 6px; padding-left: 10px;}

/* Definitionslisten */
dl    { margin:0 0 0 1em; }
dl dt { font-style: italic; margin-right:0.5em; }
dl.userdetail dt { float:left; text-align:right; width:8em; font-style:italic; padding-top:0.2em; }
dl.userdetail dd { margin-left:8.5em; padding-top:0.2em; }

/* Fussnoten, Abkürzungen */
div#fussnoten dl, div#abkuerzungen dl   { font-size:0.9em; margin:0 0 0 1em; }
div#fussnoten dl dt, div#abkuerzungen dl dt { float:left; width:2em ; margin-right:0.5em; font-style: normal; }
div#fussnoten dl dd, div#abkuerzungen dl dd { margin:0 0 0 2em;  }
div#fussnoten h3, div#abkuerzungen h3 { font-size:0.9em; margin:0 0 0 0; }
div#fussnoten hr, div#abkuerzungen hr { border:none; border-top:1px solid black; width:10em; text-align:left; margin:2em 0 3px 0; }
div#abkuerzungen dl dt { width:3.5em; text-align:right; margin-right:0; }
div#abkuerzungen dl dd { margin-left:4.2em;  }

/* einzelne Seiten */
#kalender    { empty-cells:show; max-width:55em; }
#kalender tr { background-color: inherit; }
#kalender tr td:first-child { border-left:none; }
#kalender td { height:3em; border:solid black; border-width:0 0 1px 1px; min-width:5em; }
#kalender th[title=Wochennummer] { width:1.2em; }
#kalender .aktuell, #kalender td:hover { background-color:#DFDFDF; }
#kalender .wochenende, #kalender .ferien { color:red; }
#kalender a { color:inherit !important; }

#einstellungen dl    { margin:0 0 0 1em; }
#einstellungen dl dt { float:left; width:13em; font-style:italic; clear:left; text-align:right; padding-right:0.3em; }
#einstellungen dl dt:after { content:':'; }
#einstellungen dl dd { margin-top:0.03em;  }
#einstellungen h2 { clear:left; }
#einstellungen fieldset { margin-bottom:1.5em; }

#empfaenger table td.buttons { vertical-align:middle; }
#empfaenger table td.gruppen { text-align:center; }
#empfaenger table div { width:12em; height:16em; overflow:auto; padding:2px; border:1px solid black; }
#empfaenger ul li { margin-left:0; text-indent:0; margin-bottom:0em; }
#empfaenger ul li:first-line { line-height:1em; }

#alben p { float:left; margin: 0 1em 1em 0; }
#alben .ende { clear: both; }
#bilderuebersicht { max-width:1200px; }
#bilderuebersicht p { float:left; margin: 0 1em 1em 0; }
#bildernav, #bilderinfo, #markierungen { text-align: center; }
#bild { position:relative; margin-left:auto; margin-right:auto; }
#bild span { position:absolute; display:block; }
#bild>span { width:100px; height:100px; border:2px solid transparent; color:transparent; font-size:0.9em; }
#bild>span span { top:100px; left:-2px; min-width:102px; text-align: center; }
#bild>span.zeigen  { border-color:#000; }
#bild>span.zeigen span  { color:#FFF; display:block; background-color:#000; padding:1px; }
.loeschenknopf { float:right; }
.loeschenknopf a { text-decoration: none; }
#imalbummarkiert span { cursor: pointer; }
#enthaltenepersonen { margin:-1em 0 1em 0; font-size: 0.9em; }

#loeschfrage { width:20em; display:none; }
#loeschfrage span { display:block; margin-bottom:20px; }
#loeschfrage p a:link, #loeschfrage p a:visited, #loeschfrage p a:hover {
  color:ButtonText; background-color:ButtonFace; text-decoration:none;
  padding:2px 10px 2px 10px; margin:2px 0 2px 15%;
  border:2px solid; border-color:ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
#loeschfrage p a:active {
  border:2px solid; border-color:ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* Gruppenverschieben */
span.verschieben, span.verschieben a { cursor:move; }
#zielgruppen { float:right; width:25em; border:0px solid black; }
#zielgruppen li { padding:0.5em 0 0.5em 0; margin:2px; border:2px solid; border-color:ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight ; }
#zielgruppen li.zielgruppeaktiv { padding:0.5em 0 0.5em 0; margin:2px; border:2px solid; border-color:ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; }
#zielgruppen ul { background-color:#EFEFEF; list-style-type:none; margin-left:0;  }
#zielgruppen h2, #zielgruppen h3 { margin:0; }

.js { display:none; }

/* jQuery.message */
.jquery-message {
  font:normal 20px / 40px Arial, Sans-Serif;
  position:fixed; top:100px; left:25%; width:50%; z-index:100000;
  background-color: black; text-align: center;
  display:none;
}
.jquery-message .round { border-left: solid 2px white; border-right: solid 2px white; font-size: 1px; height: 2px; }
.jquery-message p { color:#FFF; padding:0.3em; display:inline; }
.jquery-message a { display: none; }



/* diverse Korrekturen an den Standardeinstellungen von jQuery */
.ui-widget { font-size:1em; font-family:Arial,sans-serif; }
.ui-tabs { padding: 0; }
.ui-tabs h3 { display:none; }
.ui-tabs div hr { display:none; }
.ui-widget-content .ui-state-active { font-weight:bold ; }
#inh .ui-tabs ul { margin: 0; padding: 0.2em 0.2em 0; }

.ui-selectable .ui-selecting, .ui-selectable .ui-selected { background: Highlight; color: HighlightText; }
#inh ul.ui-selectable { list-style-type:none; margin:0; }

hr {height: 2px; background-color: navy;}

#lage {width: 148px; }

.green1 { color: #23831B; }   /* LSP/BSP-WK */
.cyan1 {  color: rgb(133, 11, 0); /* font-style: italic; */}  /* Masters-WK */
.green2 { color:#696; }
.cyan2{ color:#b3b; }


[disabled] {background-color: LightGray}