@CHARSET "ISO-8859-1";

pre {background-color: #fff; color: #000;}
body{
	background-color: #f2f2f2;
	font-family: Verdana;
	font-size: 10pt;
	padding: 1%;
}

small {font-size:8pt;}
big {font-size:12pt;}

input {vertical-align: middle;}

#kopf {
	background-color: #8c1f1f;
	min-height: 80px;
	margin-bottom: 1%;
	width:100%;
}
#kopf div {
	margin: 0 20px;
}


#kopf div {
	margin: 0 20px;
}
#inhalt {
	clear:both;
}

.trainingsTermine{
	border-color: #8c1f1f;
	background-color: #8c1f1f;
	color: #8c1f1f;
}

.wettkampfTermine{
	border-color: #013f13;
	background-color: #013f13;
	color: #013f13;
}




.informationen{
	border-color: #0B3B59;
	background-color: #0B3B59;	
	color: #0B3B59;
}

.persoenlicheDaten{
	border-color: #BF4817;
	background-color: #BF4817;
	color:#BF4817;
}

.sportabzeichen {
	border-color: #360E66;
	background-color: #360E66;
	color:#360E66;
	
}

.einstellungen {
	border-color: #000;
	background-color: #000;
	color:#000;
	
}

.box {
	border-style: solid;
	border-width: 1pt;
	height: 100%;
	margin: 1%;
	min-width: 300px;
	width: 30%;
	float: left;	
}

.boxBig {	
	width: 95%;
} 

.boxTitel {
	color: #dbdada;
	font-size: 18pt;
	padding: 5pt;
}

.boxTitel  img {
	cursor:pointer;
	float:right;
	height:32px;
	padding-right:5pt;
	width:32px;
}


.boxInhalt {
	background-color: #f5f4f4;
	border-bottom: 0.5pt solid #cacaca;
	font-size: 10pt;
	padding: 10px 15px;
}
.boxInhalt:nth-child(odd), .alt, .tabellarischAendern tr:nth-child(odd) {
	background-color: #dadada;
}

.tabellarischAendern tr:nth-child(odd) {
	background-color: #c0c0c0;
}
.schnupperMitglied {
	background-color: #9fc6e4;
	
}
.schnupperMitgliedAntrag {
	background-color: #ef7d7a;
	
}
.boxWichtig{
	margin: 0 10px;
	padding-left: 5px;
	padding-right: 5px;
}
.termin{
	width:100%;
}
.termin th {
	text-align:center;
	vertical-align:middle;
}
.termin th:nth-child(2){
	font-size: 25pt;
	font-weight:normal;
}
.wettkampfTermine .termin th:nth-child(2){
	font-size: 12pt;
	font-weight:normal;
}

.boxDetail{
	color:#000;
	font-size: 10pt;
	padding-left: 15px;
}

.linie {
	border-top: 1pt dashed #dbdada;
	padding:8pt 0;
	vertical-align:top;
}

.boxInhalt:nth-child(odd) .linie {
	border-top-color: #f5f4f4;
}

img {vertical-align: bottom; border:none;}


button {
	background-color: transparent;
	border: none;
	color: #000;
	cursor: pointer;
	font-size: 8pt;
	line-height:14pt;
	margin: 2px;
}
button.allgemein {
	color: #dbdada;
	font-size: 10pt;
	line-height:auto;
	margin: 15px auto;
}
button:hover {
	text-decoration: underline;	
}
.ausgeblendet { opacity:0.3;}

.klickbar{
	cursor: pointer;
}
.persoenlicheDaten .klickbar:hover{	background-color: #f1e6e2;}

.links {
    float:left;
}
.rechts {
    float: right;
}
.ganzkurz {max-width: 30px;  width:100%}
.kurz {max-width: 80px;  width:100%}
.mittel {max-width: 160px;  width:100%}
.lang {max-width: 240px; width:100%}
.ganzlang {max-width: 320px; width:100%}

/*Formulare */
.alternativ {
	border: dashed 1pt #A6A1A3; 
	margin: 5pt;
	padding:5pt;
}
.formular {
	border-top: solid 5pt #f5f4f4; 
	margin:5pt;
	display:block;
	font-size:10pt;
}
.formular table{
	width:100%;
	font-size:10pt;
}
.formular  th {
	font-weight: bold;
	text-align:left;
	width: 100px;
}
.wertFehlt {
	border: 1pt solid #FF0808;
	background-color: #F89696;
}

.formular2 {
	border: 2pt dashed #dbdada;
	background-color: #EEE;
	border-width: 2pt 0;
	padding:7pt 0;
	margin:7pt 0;
	font-size:10pt;
}
.boxInhalt:nth-child(odd) .formular2 {
	border-color: #AAA;
	background-color: #CCC;
}
#disziplinAuswahl {	
	border: 2pt dashed #dbdada;
	padding: 3pt 1pt;
	margin: 3pt 0pt;
}
#disziplinAuswahl div {
	margin:3pt 10pt;
}
#disziplinAuswahlzwischenspeicher {
	font-size:8pt;
}

.spezialfelder th[colspan]{
	border:2pt dashed #dbdada;
	border-width: 2pt 2pt 0pt 2pt;
	padding:2pt 0 0 5pt;
}
.spezialfelder th{
	border-left:2pt dashed #dbdada;
	padding-left:10pt;
}
.spezialfelder td{
	border-right:2pt dashed #dbdada;
}

.bestenlisteEingabe {
  margin: 1em .5em 1em .5em;
  position: relative;
  float:left;
}
.bestenlisteEingabe label {
  position: absolute;
  color: #666;
  padding: 0 .5em;
  font-size: .6em;
  top: -1.1em;
  left: .1em;
}

.bestenlisteEingabe label[for="wind"] {
  position: absolute;
  color: #666;
  padding: 0 .5em;
  font-size: .6em;
  top: -1.1em;
  left: 9.1em;
}



/*Informationsbox */
.nachricht{
	width:100%;
}
.nachricht {font-size: 10pt;}
.nachricht th:first-child {margin: 0 15px 0 5px;text-align:center; width:15%;}
.nachricht th {text-align:right;}


/*Kommentare */
.kommentar {
	font-size: 10pt;
	border-top: 1pt dashed #dbdada;
	padding-top:3pt;
	margin-top:3pt;
}
.kommentar:before{
	content: url('icons/comment_small.png');
}
.kommentar i {
	padding-left:20pt;
	font-size: 8pt;
	
}
.boxInhalt:nth-child(odd) .kommentar {
	border-top-color: #f5f4f4;
}

/*Anwesenheitskontrollkästechen*/
.anwesenheit {
	border:1px solid #000;
	margin:5px;
}
.anwesenheitBezahlt {
	border:1px solid #3F891F;
}
.bestaetigt {
	border-bottom:3px solid #3F891F; 
}
.wartend {
	background-color:#ffdb6c;
}

.disziplinListe {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.disziplinListe li {
	padding: 1pt 0pt;
	margin: 1pt 0pt;
	
}
.disziplinListe li img {
	float:right; cursor:pointer;  margin: 2pt;
}
.disziplinListe li i {
	padding-left:20pt;
	font-size: 8pt;	
}

.disziplinListeKomplett {
	display:none;
}
.Mbestaetigt:before{ content: url('icons/flag_1_small.png');margin: 2pt 4pt 2pt 2pt;}
.Mwartend:before{ content: url('icons/flag_yellow_small.png'); margin: 2pt 4pt 2pt 2pt;}
.Mbestaetigt:hover, .Mwartend:hover, .Mabgelehnt:hover{background-color: #e2e5e2;}
li.Mwartend img {display:block;}
.Mabgelehnt:before{ content: url('icons/flag_3_small.png'); margin: 2pt 4pt 2pt 2pt;}

/*Fehler und Erfolgsmeldung */
.errormessage, .errormessage td{
    background-color: #891F1F !important;
    color: #E2E2E2;
    margin:10px;
    padding: 5px;
}
.errormessage a:link,  .errormessage a:visited{
    color: #E2E2E2;
    text-decoration:none;
}
.errormessage a:hover {
    color: #EBEBEB;
    text-decoration:underline;
}

.successmessage, .successmessage td,  .successmessage th{
    color: #E2E2E2;
    background-color: #3F891F !important;
    margin:10px;
    padding: 5px;
}

.successmessage a {
    color: #ffffd5;
    text-decoration:underline;
	
}

.neutralmessage, .neutralmessage td{
    color: #7e5805;
    background-color: #f4aa0a !important;
    margin:10px;
    padding: 5px;
}

/*Anzeige für kombinierte Anwesenheit */
.anzeigeKombiniert{
	border-collapse: collapse;
    border-spacing: 0px 2px;
}
.anzeigeKombiniert>tbody>tr> th {
	color: #dbdada;	
	font-size:10pt;
	font-weight:normal;
	vertical-align:bottom;
	border-top: 10pt solid #f5f4f4;
}

.trainingsTermine .anzeigeKombiniert>tbody>tr> th {background-color: #8c1f1f ;}
.wettkampfTermine .anzeigeKombiniert>tbody>tr> th {background-color: #013f13 ;}
.sportabzeichen .anzeigeKombiniert>tbody>tr> th {background-color: #360e66 ;}

.anzeigeKombiniert>tbody>tr> th:first-child {
	font-size:12pt;
	text-align:left;
	padding: 2pt 0 10pt 5pt;
}
.anzeigeKombiniert td {
	font-size:12pt;
}
.anzeigeKombiniert td i{font-size:10pt;}

.athletenDetail {
	display:none;
}

.athletenDetail div.persoenlicheDaten{border: 1pt solid #BF4817;}
.athletenDetail div.wettkampfTermine{border: 1pt solid #013f13;}
.athletenDetail div.sportabzeichen{border: 1pt solid #360e66;}

.athletenDetail div>img:first-child{
	float:right;
	width:150px;
	padding: 0 5pt;
}

.athletenDetail ul {
	list-style-type: none;
	font-size:10pt;
	margin:10pt;
	padding: 0;
}
.athletenDetail ul li{
	vertical-align:middle;
	border-top: 1px solid #BF4817;
	padding-right: 2pt;
}
.athletenDetail ul li img {
	vertical-align:middle;
	margin: 2pt 2pt;
}
ul.untermenu {
	display: none;
	margin:0 0 4pt 32px;
}
ul.untermenu li {	
	border-top-style:dashed;
}
ul.untermenu li a, .athletenDetail ul li a{	
	color:#BF4817;
	text-decoration:none;
}


.athletenDetailInfo , .sportabzeichenDetailInfo {margin-bottom:10pt; width:100%}
.athletenDetailInfo th, .athletenDetailInfo td,
.sportabzeichenDetailInfo th, .sportabzeichenDetailInfo td{
	text-align:left;
	font-size:8pt;
	vertical-align:top;
}

.athletenDetailInfo .linie td, .athletenDetailInfo .linie th {
	border-top: 1pt dashed #BF4817;
	padding-top:2pt;
}
.sportabzeichenDetailInfo .linie td, .sportabzeichenDetailInfo .linie th {
	border-top: 1pt dashed #360E66;
	padding-top:2pt;
}
.athletenDetailInfo .zwischenTitel th {
	border: 1pt dashed #BF4817;
	border-width: 1pt 0;
	padding:2pt;
	font-size:10pt;
	background-color: #f1e6e2;
}
.sportabzeichenDetailInfo .zwischenTitel th {
	border: 1pt dashed #360E66;
	border-width: 1pt 0;
	padding:2pt;
	font-size:10pt;
	background-color: #e6e1e9;
}

.datumAuswahl {
	background-color:#F5F4F4;
	border:none;
	cursor:pointer;
	font-size: 8pt;
	width:60px;
}

table.zusammenfassung {
	width:100%;
	max-width:450px;
	border-spacing:0px;
}
table.zusammenfassung th {
	font-size:12px;
	font-weight: bold;
	border-bottom:2px solid #013f13;
	text-align:left;
}
table.zusammenfassung td {
	font-size:12px;
	border-bottom:1px dashed #013f13;
}
table.zusammenfassung tr:nth-child(even) {
	background-color: #EEE;
}

/**Fotoupload  */
.bar {
    height: 18px;
    background: #BF4817;
    color: #dbdada;
}

/** Sportabzeichen **/
ul.dsaBedingungen {margin:3pt; padding:0; list-style-type: none;}
ul.dsaBedingungen li {vertical-align:middle; font-size:10pt;}
.Gold, .Gold2 {background-color:#f3cd58; color:#360E66;}
.Gold:before {content:url('../design/icons/medal_Gold_1_small.png'); margin:1px;}
.Silber, .Silber2 {background-color:#becbd6; color:#360E66;}
.Silber:before {content:url('../design/icons/medal_Silber_1_small.png'); margin:1px;}
.Bronze, .Bronze2 {background-color:#f8ac58; color:#360E66;}
.Bronze:before {content:url('../design/icons/medal_Bronze_1_small.png'); margin:1px;}

/**SPortabzeichen **/
.leerzeile {list-style-type:none; margin-left:-25px;}
.uebersicht {}

.uebersicht td,  .uebersicht th {
	border: 1px solid #360E66; 
	border-width: 0 1px 1px 0;
	vertical-align:top;
	padding:10px 30px;
}
.uebersicht ul {
	margin: 0;
	padding: 0;
}

/**Navigation */
.navigation div { 
	width: 20%;
	float:left; 
	color: #dbdada;
	font-size: 18pt;
	padding: 5pt;
	margin: 5pt 5pt ;
}
.navigation div.aktiv { 
	display:none;
}
.navigation a{
	color: #dbdada;
	text-decoration:none;
}
.navigation a:hover{
	color: #fff;
	text-decoration: underline;
}

.tabellarischAendern th {
	background-color:#000;
	color: #dbdada;
	padding: 5pt;
}

.tabellarischAendern td {
	vertical-align:top;
}


/**Meldungsübersicht **/
.mannschaftsAnzeige {
	padding: 0 5pt 0 20pt;
	font-style: italic;
}


/***Athletenliste zb. für die bestätigung von Trainingsanund abmeldung **/
.athletenListe{
	list-style-type: none;
}

.athletenListe li img{
	vertical-align:middle;
	width:42px;
	margin: 1px 5px;
}

/** Bulk Edit Tabellen*/
table.bulk {
	width: initial;
}
table.bulk  th.head {
  	white-space: nowrap;
	height: 140px;
	vertical-align:bottom;
	text-align:left;
}
table.bulk th.head>div {
	transform:
		translate(-2px, 0px)
		rotate(270deg); /*45 Grad --> translate(-10px, 55px) rotate(315deg)*/
	width: 30px;
}
table.bulk th.head> div > span {
	padding: 9px 10px;
    border-bottom: 1px solid #ccc
}

table.bulk td{
    border-right: 1px solid #ccc;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
}

table.bulk tr:hover {   
 	background: #EEA; 
}


/************Mitgliederliste ************************/

.mitgliederliste{
  /*  border:1px solid #8F1E1E;*/
}

.mitgliederliste th{
    background-position:right top;
    background-repeat:no-repeat;
    background-color:#8c1f1f;
    color: #FFF;
    font-size:12px;
    padding:4px 3px;
    vertical-align:middle;
}

.mitgliederliste th a:link, .mitgliederliste th a:visited {
   color: #FFF;
   text-decoration:none;
}
.mitgliederliste th a:hover {   
   text-decoration:underline;
}

.mitgliederliste td{
    font-size:10px;
    padding:2px;
    vertical-align:middle;   
	border-bottom: none;
	border-left:none;
	border-right: 1px solid #CCC; 
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
}

.mitgliederliste tr:nth-child(odd) td{
 	background-color: #EEE; 
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}
.tabs_mitgliederliste {
	list-style-type: none;
	border-bottom: 2px solid #000;
	margin: 0;
	padding: 0 0 3pt 0;
}	
.tabs_mitgliederliste li{
	display: inline;
	margin:0 1pt 0 0;
	padding:3pt;
	font-size:12pt;
	background-color: #EEE;
	border: 1px solid #000;
	border-width: 1px 1px 2px 1px;
	font-weight:bold;
}
.highlight, .tabs_mitgliederliste li:hover{
	background-color:#8c1f1f !important;
	color: #FFF;
	border: 1px solid #000;
	border-width: 1px 1px 0px 1px;
}
.tabs_mitgliederliste a{
	color: inherit;
	text-decoration: none;
	font-weight:normal;
}

/*Cookie Banner*/

.banner {
  text-align: center; 
  background: #F8CD72;
  position: fixed;
  bottom: 0px; 
  left: 0;
  right: 0;
  z-index: 9999;
  font-size:14px; 
  line-height:20px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}

span.button{
	margin:4px 5px;
	padding:6px 8px;
	
	background-color:#CCC;
	border-radius: 10px;
	
}
span.button:hover  {
	background-color:#C59191;
	cursor:pointer;
}