body {
    font-family: Arial;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

ul {
    margin: 0;
    padding-left: 15;
}

#cell_menu li {
    margin-bottom: 10px;
}

#table_main {
    height: 100%;
    width: 950px;
}

#cell_top {
    background-color: #f9e801;
}

#cell_menu {
    background-color: #f9e801;
    padding: 10px;
}

#cell_main {
    padding: 20px;
}

td {
    font-size: 10pt;
}

.form_left {
    width: 100px;
    float: left;
    margin-bottom: 5px;
}

.form_left_w {
    width: 150px;
    float: left;
    margin-bottom: 5px;
}

.form_right {
    width: 400px;
    float: left;
    margin-bottom: 5px;
    font-size: 10pt;
}

.form_right_w {
    width: 500px;
    float: left;
    margin-bottom: 5px;
    font-size: 10pt;
}

.newline {
    clear: left;
}

.kursortinfo .row1 {
    background-color: #EEEEEE;
}

.kursortinfo .row2 {
    background-color: #DDDDDD;
}

h1.news {
    margin-bottom: 0px;
}

h2.news {
    margin-bottom: 4px;
}

p.news {
    margin-top: 0px;
}

.news h1 {
  margin-bottom: 0px;
}

.news h2.heading {
  margin-bottom: 4px;
}

.news p {
  margin-top: 0px;
}

.news p:last-of-type {
  margin-bottom: 2px;
}

.news span.signatur {
  font-size: 0.7em;
  color: grey;
  margin-left: 10px;
}

#sb-info {position:absolute !important; width:100%; top:0px; height:16px !important; }
#sb-nav-close {position:absolute !important; top:0px !important; right:0px !important; width:16px !important; height:16px !important; background-image:url(shadowbox/close.png) !important;}
#sb-wrapper-inner {position:relative !important; top:16px !important;}
#sb-title {top:16px !important; display:none;}

/* Tooltip */
 
#tooltip {
    position:absolute;
    z-index:9999;
    color:#fff;
    font-size:13px;
    width:180px;
     
}
 
#tooltip .tipHeader {
    height:8px;
    background:url(images/tipHeader.gif) no-repeat;
}
 
/* IE hack */
*html #tooltip .tipHeader {margin-bottom:-6px;}
 
#tooltip .tipBody {
    background-color:#000;
    padding:5px;
}
 
#tooltip .tipFooter {
    height:8px;
    background:url(images/tipFooter.gif) no-repeat;
}

.downloads {
    min-width: 600px;
}

.downloads_kategorie, .downloads_kategorie td {
    background-color: #f9e801;
    font-weight: bold;
}

.downloads_datei, .downloads_datei td {
    background-color: #EEEEEE;
}

.downloads_datei td:first-of-type {
    padding-left: 10px;
}

.downloads_datei:hover, .downloads_datei:hover td {
    background-color: #DDDDDD;
}

.user-feedback-form, .user-feedback-pi1 {
    width: 97%;
    margin: 0px auto;
    text-align: center;
}

.user-feedback-form .rating {
  padding: 0px !important;
}

.user-feedback-form td {
  text-align: left !important;
}

.user-feedback-form .rating li {
  float:left;
  list-style-image: none !important;
  list-style-type: none !important;
}

.user-feedback-form .rating li.star_off {
  background:url('../gfx/star_off.png') no-repeat left top;
}

.user-feedback-form .rating li.star_on {
  background:url('../gfx/star.png') no-repeat left top;
}

.user-feedback-form .rating a {
  display:block;
  font-size:0px;
  width:24px;
  height:24px;
  background: none !important;
  margin: 0px !important;
  padding: 0px !important;
}

.shadowbox {
    margin: 0px 5px;
}

.stellungnahme_0 {
    background-color: #EEE;
}

.stellungnahme_1 {
    background-color: #DDD;
}

table.termin-entry {
    width: 100%;
    
    margin: 0px !important;
    padding: 0px !important;
}

table.termin-list {
    width: 100%;
}

table td.row_bold {
    font-weight: bold;
}

table.termin-list td {
    padding: 5px;
}

table.termin-entry td {
    margin: 0px;
    padding: 0px;
}
.row_odd {
    background-color: #EEE;
    margin: 0px;
    white-space: nowrap;
}
.row_even {
    background-color: #CCC;
    margin: 0px;
    white-space: nowrap;
}

td.first_col {
    border-left: 1em solid white
}

tr.last_row > td
{
    border-bottom: 1em solid white
}

table.teilnehmer {
    border-collapse: collapse;
}

table.teilnehmer td {
    position: relative;
    padding: 5px 10px;
}

tr.strikeout td:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid #111;
    width: 100%;
}

.termin-list th {
    text-align: left;
}
div.descriptio ul {
  list-style-type: none;
}

div.descriptio ul li span {
  font-weight: bold;
  margin-bottom: 20px;
  margin-right: 20px;
}

.htmx-table {
    display: none;

    &:has(> tbody > tr) {
        display: table;
    }

    & > thead > tr:last-child > th {
        border-bottom: 1px solid black;
    }

    & > tbody > tr {
        &:nth-child(even) > td:first-child {
            background-color: lightcyan;
        }

        &:nth-child(odd) {
            background-color: lightblue;
        }
    }

    & tr > td {
        padding: 5px;

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



.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: none;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}