@charset "utf-8";
/* CSS Document */

body{
background-color:#f5f5f5;
margin:0px;
padding:0px;
}

.startplan_th{
color:#FFFFFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
background-color:#317082;
}
.startplan_td{
color:#000000;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
}
.startplan_td2{
color:#000000;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
background-color:#F0F0F0;
}
.startplan_tdb{
color:#000000;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
}
a img{
border:none;
}

.container{
font-family:Arial, Helvetica, sans-serif;
}

a{
text-decoration:none;
outline:none;
}

a:link {
color:#1E3762;
text-decoration: none;
}

a:visited {
color:#1E3762;
text-decoration: none;
}

a:active {
color:#B01F26;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}


.main{
font-size:12px;
width:100%;
height:auto;
float:left;
}

.enter{
background-color:#F0F0F0;
line-height:22px;
padding-left:5px;
width:150px;
height:32px;
font-weight:bold;
font-size:18px;
display:block;
}

.blacklink a {
color:black;
text-decoration: none;
}
.blacklink a:visited {
color:black;
text-decoration: none;
}
.blacklink a:active {
color:black;
text-decoration: none;
}
.blacklink a:hover {
text-decoration: underline;
}
a.tips {
color:blue;
font-weight:bold;
}
a.tips2 {
}
.ergebnis {
	border-bottom:1px solid grey;
	font-size:16px;
	padding:4px;
}
.ergebnis a {
	color:black;
	text-decoration: none;
}
TR.diszi TD {
  border-top: 1px solid #999;
}
span.ltitel1{
width:110px;
margin-left:10px;
line-height:35px;
float:left;
}
span.ltitel2{
width:80px;
font-weight:bold;
font-size:12px;
margin-left:0px;
line-height:35px;
color:#3a3a3a;
float:left;
}
span.help{
width:30px;
margin-top:5px;
margin-left:5px;
line-height:35px;
color:#3a3a3a;
float:right;
}
.hilfe{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:10px;
padding-right:5px;
}
li.hilfe{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding-left:25px;
padding-top:-20px;
}
a:hover li.hilfe{
text-decoration: underline;
}
h3.hilfe{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
padding-left:5px;
padding-right:5px;
}
span.rtitel{
width:200px;
font-weight:bold;
font-size:12px;
margin-right:10px;
line-height:35px;
font-weight:normal;
font-style:italic;
font-size:12px;
color:#3a3a3a;
float:right;
}

.aenderungen{
font-style:italic;
color:#1e3762;
font-size:10px;
padding-top:8px;
}
.headline{
font-size:14px;
color:#FFFFFF;
background-color:#505050;
width:100%;
height:30px;
float:left;
text-align: center;
}
.headline span{
margin-left:10px;
line-height:28px;
}
.sub_menu{
padding-top:5px;
background-color:#EBEBEB;
border-bottom:1px solid #d8d8d8;
width:100%;
height:35px;
float:left;
}
.fliesstextfett {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt;color: #000000; font-weight: bold}
.small {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt;color: #000000}
.h1 {  font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #000000}
.h2 {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #000000}
.h3 {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; color: #000000}
.code {  font-family: Arial, Helvetica, "Courier New", Courier, mono;color: #000000}
.error {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FF0000}
.durchgestrichen { text-decoration:line-through; }
.eingabe {  font-family: Arial, Helvetica, sans-serif; font-size: 16pt; color: #000000}
.eingabe_klein {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #000000}

/* tabs */
#navlist
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #000;
font-size: 9pt;
font-family:Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
font-weight: bold;
}

/* Drag&Drop*/
#dhtmlgoodies_dragDropContainer{	/* Main container for this script */

}
#dhtmlgoodies_dragDropContainer ul{	/* General rules for all <ul> */
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	padding:1px;
}

#dhtmlgoodies_dragDropContainer li,#dragContent li,li#indicateDestination{	/* Movable items, i.e. <LI> */
	list-style-type:none;
	height:25px;
	background-color:#EEE;
	border:1px solid #000;
	padding:2px;
	margin-bottom:1px;
	cursor:pointer;
	font-size:8pt;
	text-align: center;
}

li#indicateDestination{	/* Box indicating where content will be dropped - i.e. the one you use if you don't use arrow */
	border:1px solid #317082;
	background-color:#FFF;
}

/* LEFT COLUMN CSS */
div#dhtmlgoodies_listOfItems{	/* Left column "Available students" */

	float:left;
	padding-left:10px;
	padding-right:10px;
	position: fixed;

	/* CSS HACK */
	width: 160px;	/* IE 5.x */
	width/* */:/**/140px;	/* Other browsers */
	width: /**/140px;

}
#dhtmlgoodies_listOfItems ul{	/* Left(Sources) column <ul> */
	height:560px;

}
div#dhtmlgoodies_listOfItems div{
	border:1px solid #999;
}
div#dhtmlgoodies_listOfItems div ul{	/* Left column <ul> */
	margin-left:10px;	/* Space at the left of list - the arrow will be positioned there */
}
div#dhtmlgoodies_listOfItems div ul li div{	/* info */
	 position:relative;
	 top:-10px;
	 left:0px;
	 width:auto;
	 height:auto;
	 border:0;
	 color:#00f;
	 text-align:left;
	 font-weight:bold;
}
#dhtmlgoodies_listOfItems div p{	/* Heading above left column */
	margin:0px;
	font-weight:bold;
	padding-left:12px;
	background-color:#317082;
	color:#FFF;
	margin-bottom:2px;
}
/* END LEFT COLUMN CSS */

#dhtmlgoodies_dragDropContainer .mouseover{	/* Mouse over effect DIV box in right column */
	background-color:#E2EBED;
	border:1px solid #317082;
}

/* Start main container CSS */

div#dhtmlgoodies_mainContainer{	/* Right column DIV */
	width:590px;
	float:left;
	margin-left:160px;
}
#dhtmlgoodies_mainContainer div{	/* Parent <div> of small boxes */
	float:left;
	margin-right:1px;

	margin-bottom:1px;
	margin-top:0px;
	border:1px solid #999;

	/* CSS HACK */
	width: 132px;	/* IE 5.x */
	width/* */:/**/110px;	/* Other browsers */
	width: /**/110px;

}
#dhtmlgoodies_mainContainer div ul{
	margin-left:2px;
}
#dhtmlgoodies_mainContainer div ul li div{	/* info */
	 position:relative;
	 top:2px;
	 left:0px;
	 width:auto;
	 height:auto;
	 border:0;
	 color:#00f;
	 text-align:left;
	 font-weight:bold;
}
#dhtmlgoodies_mainContainer div p{	/* Heading above small boxes */
	margin:0px;
	padding:0px;
	padding-left:12px;
	font-weight:bold;
	background-color:#317082;
	color:#FFF;
	margin-bottom:5px;
}
#dhtmlgoodies_mainContainer th{
	padding:4px;
	font-weight:bold;
	font-size:9pt;
	background-color:#317082;
	color:#FFF;
	margin:5px;
	width:90px;
	border-bottom:1px solid #000;
}
#dhtmlgoodies_mainContainer .dtd{
	padding:4px;
	font-weight:normal;
	font-size:8pt;
	background-color:#F0F0F0;
	color:#000;
	margin:5px;
	width:115px;
	border:1px solid #CCC;
}

#dhtmlgoodies_mainContainer .dtd2{
	padding:4px;
	font-weight:normal;
	font-size:8pt;
	background-color:#999999;
	color:#000;
	margin:5px;
	width:115px;
	border:1px solid #CCC;
}
#dhtmlgoodies_mainContainer ul{	/* Small box in right column ,i.e <ul> */
	width:105px;
	height:22px;
	border:0px;
	margin-bottom:0px;
	overflow:hidden;

}
#dragContent{	/* Drag container */
	position:absolute;
	width:105px;
	height:22px;
	display:none;
	margin:0px;
	padding:0px;
	z-index:2000;
}
#dragContent{	/* Drag container */
	position:absolute;
	width:105px;
	height:22px;
	display:none;
	margin:0px;
	padding:0px;
	z-index:2000;
}
#dragContent div{	/* info */
	 position:relative;
	 top:-10px;
	 left:-1px;
	 width:auto;
	 height:auto;
	 border:0;
	 color:#00f;
	 text-align:left;
	 font-weight:bold;
}
#dhtmlgoodies_mainContainer .dtd div{	/* info */
	 position:relative;
	 top:2px;
	 left:-1px;
	 width:auto;
	 height:auto;
	 border:0;
	 color:#00f;
	 text-align:left;
	 font-weight:bold;
}

#dragDropIndicator{	/* DIV for the small arrow */
	position:absolute;
	width:7px;
	height:10px;
	display:none;
	z-index:1000;
	margin:0px;
	padding:0px;
}
#footer{
	height:30px;
	vertical-align:middle;
	text-align:right;
	clear:both;
	padding-right:3px;
	margin-top:2px;
	width:400px;
}
#footer form{
	margin:0px;
	margin-top:2px;
}

ul#css3menu1,ul#css3menu1 ul{
	margin:0;list-style:none;padding:0;background-color:#C0C0C0;background-image:url("mainbk.png");background-repeat:repeat;border-width:0px;border-style:solid;border-color:#999999;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
ul#css3menu1 ul{
	display:none;position:absolute;left:0;top:100%;-moz-box-shadow:0.7px 0.7px 1px #777777;-webkit-box-shadow:0.7px 0.7px 1px #777777;box-shadow:0.7px 0.7px 1px #777777;background-color:#FFF;background-image:none;border-width:1px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-style:solid;border-color:#d8d9da;padding:0 9px 9px;}
ul#css3menu1 li:hover>*{
	display:block;}
ul#css3menu1 li{
	position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1 li:hover{
	z-index:1;}
ul#css3menu1 ul ul{
	position:absolute;left:100%;top:0;}
ul#css3menu1{
	font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:1px 1px 1px 0;
	*display:inline;}
* html ul#css3menu1 li a{
	display:inline-block;}
ul#css3menu1>li{
	margin:0 0 0 1px;}
ul#css3menu1 ul>li{
	margin:1px 0 0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
ul#css3menu1 a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 12px Arial;color:#262626;cursor:default;padding:10px;background-color:#C0C0C0;background-image:url("mainbk.png");background-repeat:repeat;background-position:0 200px;border-width:0px;border-style:none;border-color:;}
ul#css3menu1 ul li{
	float:none;margin:9px 0 0;}
ul#css3menu1 ul a{
	text-align:left;padding:8px 0 0 0;background-color:#FFF;background-image:none;border-width:1px 0 0 0;border-style:solid;border-color:#D9D9D9;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:13px Arial;color:#333333;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
	background-color:#C0C0C0;border-style:none;color:#efefef;background-image:url("mainbk.png");background-position:0 100px;text-decoration:none;}
ul#css3menu1 span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu1 ul span{
	background-image:url("arrowsub.gif");padding-right:15px;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{
	background-color:#FFF;background-image:none;border-style:solid;border-color:#D9D9D9;color:#55de3d;text-decoration:none;}
ul#css3menu1 li.topfirst>a{
	border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;text-shadow:#d8d8d8 0px 1px 1px;}
ul#css3menu1 li.topfirst:hover>a,ul#css3menu1 li.topfirst a.pressed{
	text-shadow:#3d3d3d 0px -1px 1px;}
ul#css3menu1 li.topmenu>a{
	text-shadow:#d8d8d8 0px 1px 1px;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu a.pressed{
	text-shadow:#3d3d3d 0px -1px 1px;}
ul#css3menu1 li.toplast>a{
	border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;text-shadow:#d8d8d8 0px 1px 1px;}
ul#css3menu1 li.toplast:hover>a,ul#css3menu1 li.toplast a.pressed{
	text-shadow:#3d3d3d 0px -1px 1px;}
ul#css3menu1 _>li>a{
	padding:0;}
ul#css3menu1 li.subfirst>a{
	border-width:0;border-style:none;padding:0;}
ul#css3menu1 li.subfirst:hover>a,ul#css3menu1 li.subfirst a.pressed{
	border-style:none;}

/* Artikel */
#contentContainer h2{	/* No margins above <h2> tags */
	margin-top:0px;
}
#mainContainer{
	width:775px;
	margin:0 auto;
	text-align:left;
	padding:5px;
	margin-top:20px;
	border:1px solid #000;
	background-color: #FFF;
}
#contentContainer{
	float:left;
	border:1px solid #000;
	background-color: #E2EBED;
	overflow:auto;
	margin-right:10px;
	padding:10px;

	/* CSS HACK */
	width: 497px;	/* IE 5.x */
	width/* */:/**/480px;	/* Other browsers */
	width: /**/480px;

	/* CSS HACK */
	height: 612px;	/* IE 5.x */
	height/* */:/**/590px;	/* Other browsers */
	height: /**/590px;

}
#contentContainer .openingText{
	color:red;
}
#articleListContainer{	/* <ul> container for article list */
	float:left;
	height:610px;
	overflow:auto;
	width:260px;
	border:1px solid #000;
	background-color:#FFF;
}
.articleList{
	margin:0px;
	padding:2px;
}
.articleList li{	/* General layout article in list */
	list-style-type:none;
	border:1px solid #999;
	background-color:#EEE;
	height: auto;
	margin:1px;
	padding:2px;
	color:#333;
	cursor:pointer;
}
.articleList li.articleMouseOver{	/* Mouse over article in list - layout */
	border:1px solid #000;
	color:#000;
}
.articleList li.articleClick{	/* Active article in list - layout */
	border:1px solid #000;
	color:#000;
	background-color:#317082;
	color:#FFF;
}
.keyText{	/* Just a column I use for key text inside articles - the one with the light blue bg and dotted border */
	background-color:#FFF;
	border:1px dotted #000;
	float:right;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	width:150px;
	padding:3px
}
.eingabebc{
background-image:url(../images/bc.jpg);
}
.eingabebc2{
}
.clear{
	clear:both;
}

/* Tabellen */


/* ============================================================================
   SORT-TABLE - SORTIERBARE TABELLEN MIT STICKY HEADER
   ============================================================================

   Verwendung für alle sortierbaren Listen (Starterliste, RO-Liste, etc.)

   Features:
   - Sticky Header (bleibt beim Scrollen sichtbar)
   - 3D-Button-Effekt bei Header-Zellen
   - Zebra-Muster (weiß/grau alternierend)
   - Orange Hover-Effekt
   - Funktioniert mit <td> UND <th> im Header!

   ============================================================================ */

.sort-table {
	background: #FFFFFF;
	color: WindowText;
	border-collapse: collapse;
}

.sort-table td {
	padding: 2px 5px;
}

/* Zebra-Muster nur für tbody */
.sort-table tbody tr:nth-child(even) {
	background: #F0F0F0;
}

/* Hover-Effekt nur für tbody */
.sort-table tbody tr:hover {
	background: orange !important;
}

/* ============================================================================
   THEAD - MIT STICKY + 3D-BUTTONS
   ============================================================================ */

.sort-table thead {
	background: ButtonFace;
}

.sort-table thead tr {
	background: #CCCCCC;
	font-weight: bold;
	white-space: nowrap;
}

/* Header bleibt grau beim Hover */
.sort-table thead tr:hover {
	background: #CCCCCC !important;
}

/* STICKY + 3D-Button für <td> im Header */
.sort-table thead td {
	position: sticky;
	top: 0;
	z-index: 10;
	background-color: #CCCCCC;
	border: 1px solid;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	cursor: default;
	padding: 2px 5px;
	vertical-align: middle;
	font-weight: bold;
}

/* STICKY + 3D-Button für <th> im Header */
.sort-table thead th {
	position: sticky;
	top: 0;
	z-index: 10;
	background-color: #CCCCCC;
	border: 1px solid;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	cursor: default;
	padding: 2px 5px;
	vertical-align: middle;
	font-weight: bold;
}

/* Aktiv-State beim Klicken (für beide) */
.sort-table thead td:active,
.sort-table thead th:active {
	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	padding: 3px 4px 1px 6px;
}

/* Nicht-sortierbare Spalten (für beide) */
.sort-table thead td[_sortType=None]:active,
.sort-table thead th[_sortType=None]:active {
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	padding: 2px 5px;
}

.sort-arrow {
	width: 11px;
	height: 11px;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 2px;
	vertical-align: middle;
}

.sort-arrow.descending {
	background-image: url("../images/downsimple.png");
}

.sort-arrow.ascending {
	background-image: url("../images/upsimple.png");
}

.legacy-table {
    margin-left: auto;
    margin-right: auto;          /* align=center */

    border-collapse: separate;   /* erforderlich für cellspacing */
    border-spacing: 1px;         /* cellspacing=1 */

    background-color: #999999;   /* Tabellenhintergrund */
}

.legacy-table td,
.legacy-table th {
    padding: 2px;                /* cellpadding=2 */

}


.bdmp-form-table {
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #999999;
	margin: 0 auto;
}

.bdmp-form-table th,
.bdmp-form-table td {
	padding: 5px 8px;
	background-color: #ffffff;
}

.bdmp-form-table th {
	font-weight: bold;
	text-align: left;
}

/* Verschachtelte Tabellen (z.B. Startgelder) */
.bdmp-form-table .bdmp-nested-table {
	background-color: #999999;
	border-spacing: 1px;
	width: 100%;
}

/* Zebra-Muster für verschachtelte Tabellen auf TD-Ebene */
.bdmp-form-table .bdmp-nested-table tbody tr:nth-child(odd) td {
	background-color: #ffffff;
}

.bdmp-form-table .bdmp-nested-table tbody tr:nth-child(even) td {
	background-color: #f0f0f0;
}

/* Hover-Effekt für verschachtelte Tabellen */
.bdmp-form-table .bdmp-nested-table tbody tr:hover td {
	background-color: orange !important;
}


.bdmp-list-table {
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #999999;
	margin: 0 auto;
}

.bdmp-list-table th {
	padding: 3px;
	font-weight: bold;
	text-align: left;
	background-color: #ffffff;
}

.bdmp-list-table td {
	padding: 3px;
}

/* Zebra-Muster auf TD-Ebene im tbody */
.bdmp-list-table tbody tr:nth-child(odd) td {
	background-color: #ffffff;
}

.bdmp-list-table tbody tr:nth-child(even) td {
	background-color: #f0f0f0;
}

/* Hover-Effekt nur auf tbody-Zeilen */
.bdmp-list-table tbody tr:hover td {
	background-color: orange !important;
}


.bdmp-wk-table {
	border: 1px solid #000000;     /* Schwarzer Rahmen außen */
	border-collapse: collapse;      /* Durchgängige Linien */
	margin: 0 auto;                 /* Zentriert */
}

/* NUR direkte th/td Kinder (nicht in verschachtelten Tabellen!) */
.bdmp-wk-table > tbody > tr > th,
.bdmp-wk-table > tbody > tr > td {
	padding: 3px;
	border: 1px solid #999999;      /* Graue Trennlinien */
}

.bdmp-wk-table > tbody > tr > th {
	font-weight: bold;
	text-align: center;
}

/* Zebra-Muster: NUR für direkte Zeilen */
.bdmp-wk-table > tbody > tr:nth-child(odd) > th,
.bdmp-wk-table > tbody > tr:nth-child(odd) > td {
	background-color: #f0f0f0;      /* Grau */
}

.bdmp-wk-table > tbody > tr:nth-child(even) > th,
.bdmp-wk-table > tbody > tr:nth-child(even) > td {
	background-color: #ffffff;      /* Weiß */
}


.bdmp-wk-disciplines {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
}

.bdmp-wk-disciplines th,
.bdmp-wk-disciplines td {
	padding: 1px;
	/* KEINE Rahmen hier! */
}
/* ============================================================================
   HILFEKLASSEN
   ============================================================================ */

/* Text-Ausrichtung */
.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

/* Nowrap */
.nowrap {
	white-space: nowrap;
}

/* Breiten */
.w-full {
	width: 100%;
}

.w-98 {
	width: 98%;
}

/* Input-Größen */
.input-sm {
	width: 30px;
}

.input-md {
	width: 295px;
}

.black-separator {
	background-color: #000000 !important;
	color: #ffffff;
	font-weight: bold;
	padding: 5px;
}

.warning-red {
	background-color: #ffebee !important;
	border-left: 4px solid #d32f2f !important;
}

.warning-icon {
	display: inline-block;
	margin-right: 8px;
	font-size: 1.2em;
	color: #d32f2f;
}

/* Äußere Tabelle: MIT Rahmen und Trennlinien */
.bdmp-starter-table {
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #999999;
	margin: 0 auto;
}

.bdmp-starter-table > thead > tr > td,
.bdmp-starter-table > thead > tr > th {
	padding: 8px;
	background-color: #f0f0f0;
}

.bdmp-starter-table > tbody > tr > td,
.bdmp-starter-table > tbody > tr > th {
	padding: 8px;
	background-color: #ffffff;
}

.bdmp-starter-table > tbody > tr > th {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

/* Zebra-Muster für äußere Tabelle */
.bdmp-starter-table > tbody > tr:nth-child(odd) > td,
.bdmp-starter-table > tbody > tr:nth-child(odd) > th {
	background-color: #ffffff;
}

.bdmp-starter-table > tbody > tr:nth-child(even) > td,
.bdmp-starter-table > tbody > tr:nth-child(even) > th {
	background-color: #f0f0f0;
}

/* Innere Tabellen (Disziplin-Liste): OHNE Rahmen, MIT Zebra */
.bdmp-starter-disciplines {
	width: 100%;
	border-collapse: collapse;
	background-color: transparent;
}

.bdmp-starter-disciplines td {
	padding: 5px;
	border: none;
}

/* Zebra-Muster für Disziplin-Liste (OHNE Trennlinien) */
.bdmp-starter-disciplines tbody tr:nth-child(odd) td {
	background-color: #ffffff;
}

.bdmp-starter-disciplines tbody tr:nth-child(even) td {
	background-color: #f0f0f0;
}

/* Aufgeklappte Disziplin-Details: OHNE Rahmen, MIT Zebra */
.bdmp-starter-details {
	width: 100%;
	border-collapse: collapse;
	background-color: transparent;
}

.bdmp-starter-details td {
	padding: 5px;
	border: none;
}

/* Zebra-Muster für Details (OHNE Trennlinien) */
.bdmp-starter-details tbody tr:nth-child(odd) td {
	background-color: #ffffff;
}

.bdmp-starter-details tbody tr:nth-child(even) td {
	background-color: #f0f0f0;
}

/* Container für aufgeklappte Bereiche (Umrandung bleibt im div/inline-style) */
.discipline-container {
	display: none;  /* Wichtig: Standardmäßig versteckt */
	border: thin solid #999999;
	padding-left: 5px;
}

.simple-table {
	border-collapse: collapse;  /* entspricht border=0 + cellspacing=0 */
	width: 100%;
}

.simple-table td,
.simple-table th {
	padding: 1px;  /* entspricht cellpadding=1 */
}

.simple-table0 {
	border-collapse: collapse;  /* entspricht border=0 + cellspacing=0 */
}

.simple-table0 td,
.simple-table0 th {
	padding: 0px;  /* entspricht cellpadding=0 */
}

.simple-table3 {
	border-collapse: separate;  /* entspricht border=0 + cellspacing=0 */
}

.simple-table3 td,
.simple-table3 th {
	padding: 3px;  /* entspricht cellpadding=3 */
}

.startplan-table {
	border-collapse: separate;  /* WICHTIG: separate, nicht collapse! */
	border-spacing: 1px;
	width: 98%;
	background-color: #000000;
	margin: 0 auto;
}

.startplan-table td,
.startplan-table th {
	padding: 1px;  /* entspricht cellpadding=1 */
}

/* Warnungen */
.warning-red {
	background-color: #ffebee !important;
	border-left: 4px solid #d32f2f !important;
}

.warning-icon {
	display: inline-block;
	margin-right: 8px;
	font-size: 1.2em;
	color: #d32f2f;
}

/* Option 2: Gelbe Warnung (Mittel) */
.warning-yellow {
	background-color: #fff9c4 !important;
	border-left: 4px solid #f57f17 !important;
}

.warning-symbol {
	display: inline-block;
	margin-right: 5px;
	font-size: 1.3em;
	color: #f57f17;
}

/* Option 3: Pulsierende Animation (Sehr dringend) */
.warning-pulse {
	background-color: #ffebee !important;
	animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
	0%, 100% {
		background-color: #ffebee;
	}
	50% {
		background-color: #ffcdd2;
	}
}

.warning-pulse .warning-icon {
	animation: pulse-icon 1s ease-in-out infinite;
}

@keyframes pulse-icon {
	0%, 100% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(1.2);
		opacity: 0.7;
	}
}

/* Option 4: Blinkendes Icon */
.warning-blink {
	background-color: #fff3e0 !important;
}

.warning-blink-icon {
	display: inline-block;
	margin-right: 8px;
	animation: blink 1.5s ease-in-out infinite;
}

@keyframes blink {
	0%, 49%, 100% {
		opacity: 1;
	}
	50%, 99% {
		opacity: 0.3;
	}
}

/* Option 5: Badge/Label */
.warning-badge {
	background-color: #fff9c4 !important;
}

.warning-label {
	display: inline-block;
	background-color: #d32f2f;
	color: white;
	padding: 2px 8px;
	border-radius: 12px;
	font-size: 0.85em;
	font-weight: bold;
	margin-left: 10px;
	vertical-align: middle;
}

/* Option 6: Tooltip mit Warnung */
.warning-tooltip {
	background-color: #fff9c4 !important;
	position: relative;
}

.warning-info {
	display: inline-block;
	width: 18px;
	height: 18px;
	background-color: #f57f17;
	color: white;
	border-radius: 50%;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
	cursor: help;
	position: relative;
}

.warning-info:hover::after {
	content: attr(data-warning);
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #333;
	color: white;
	padding: 8px 12px;
	border-radius: 4px;
	white-space: nowrap;
	font-size: 12px;
	font-weight: normal;
	z-index: 1000;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

.warning-info:hover::before {
	content: '';
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #333;
	z-index: 1000;
}

/* Option 7: Gestrichelte Umrandung */
.warning-dashed {
	background-color: #fff9c4 !important;
	border: 2px dashed #f57f17 !important;
}

.warning-triangle-pulse {
	background-color: #ffebee !important;
}

.warning-triangle-pulse .triangle-icon {
	display: inline-block;
	margin-right: 8px;
	font-size: 1.3em;
	color: #ff0000;
	animation: pulse-triangle 1.5s ease-in-out infinite;
}

@keyframes pulse-triangle {
	0%, 100% {
		transform: scale(1);
		filter: drop-shadow(0 0 0px #ff0000);
	}
	50% {
		transform: scale(1.3);
		filter: drop-shadow(0 0 8px #ff0000);
	}
}
.warning-triangle-css {
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 8px;
	vertical-align: middle;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 14px solid #ff0000;
	position: relative;
	animation: blink-red-triangle 1s ease-in-out infinite;
}

/* Ausrufezeichen im Dreieck */
.warning-triangle-css::after {
	content: '!';
	position: absolute;
	top: 3px;
	left: -3px;
	color: white;
	font-weight: bold;
	font-size: 10px;
}

@keyframes blink-red-triangle {
	0%, 100% {
		border-bottom-color: #ff0000;
		opacity: 1;
	}
	50% {
		border-bottom-color: #8b0000;
		opacity: 0.6;
	}
}

.warning-pulse-icon {
	display: inline-block;
	margin-right: 5px;
	color: #d32f2f;
	font-size: 1.2em;
	animation: pulse-warning 1.5s ease-in-out infinite;
}

@keyframes pulse-warning {
	0%, 100% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(1.2);
		opacity: 0.7;
	}
}