body {
	width : 1024px;
	margin-left: auto;
	margin-right: auto;
        font-family: arial, "lucida console", sans-serif;
}

/* Elemente mit id werden mit #bezeichnet, im HTML Code dann mit <div id=... , ids nutzt eigentlich nur einmal */
#header {
	margin-top: 10px;
        background-color: #8A0808;
	/*background-color: #9fc83c;*/
	padding: 1px;
	text-align: center;
        color: #FFF;
}

#footer {
        background-color: #8A0808;
	/*background-color: #9fc83c;*/
	padding: 1px;
	text-align: center;
        margin-top: 10px;
        color: #FFF;
}

.abfrage-container {
    text-align: center;
}

.link_liste {
        color: black;
        font-weight: bold;
}

.link_liste_rot {
        color: red;
        font-weight: bold;
}

/* ohne etwas davon: Standard HTML Element         */
li {
  overflow: hidden; 
  text-overflow: ellipsis;
}

.li_header_footer {
  overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.li_header_footer:after {
	content : " | "
}

h1 {
	text-align: center;
}

.Unterueberschrift{
        text-align:center;
}

#main_content {
	margin: 0px 10px;
}

object {
	width: 100%;
	height: 800px;
}


/* in HTML class='start_image' einfügen, mit . davor = HTML Klasse, wird mehrfach verwendet*/
.start_image {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.ende_image {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	display: block;
        padding: 10px;
}

.meins_image {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.start_button {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.start_text {
	text-align: center;
}

label {
   position:relative;
   padding-left:20px; 
    display:block;
}

label input[type=radio] {
   position:absolute;
   left:0px;   
}

a.LinkKlasse:link {color: #fff;}
a.LinkKlasse:visited {color: #fff;}
a.LinkKlasse:active {color: #fff;}
a.LinkKlasse:hover {color: #fff;}

/* Sehr schöne Beispiele für CSS Coding: https://www.w3schools.com/css/default.asp */

table {
    border-collapse: collapse;
    width: 100%;
}

th {
    border: 1px solid black;
    padding: 10px;
    text-align: left;
    /*background-color: #0078ad;*/
    background-color: #0B4C5F;
    color: #fff;
}

td {
    border: 1px solid black;
    padding: 10px;
    text-align: left;
}

/* tr:hover {background-color: #f5f5f5} */
tr:nth-child(even) {background-color: #f2f2f2}

.table_header {
    border-collapse: collapse;
    width: 100%;
}

.td_header {
    padding: 10px;
    text-align: right;
    border: 0px;
}

.tr_header {
    padding: 10px;
    text-align: right;
    border: 0px;
}

#header_img_left {
    display: block;
}

#header_img_right {
    float: right;
}

.table_calender {
    border-collapse: collapse;
    width: 100%;
}

.th_calender {
    border: 1px solid white !IMPORTANT; 
    padding: 2px;
    text-align: center;
    background-color: #fff;
    color: #000;
}

.td_calender {
    border: 1px solid white !IMPORTANT;
    padding: 2px;
    text-align: left;
}

.td_calender_markiert {
    border: 1px solid white !IMPORTANT;
    padding: 2px;
    text-align: left;
    background-color: magenta;
}

.td_calender_wochentage {
    border: 1px solid white !IMPORTANT; 
    padding: 2px;
    text-align: left;
    font-weight: bold;
}

/* tr:hover {background-color: #f5f5f5} */
.tr_calender {background-color: #FFF !IMPORTANT}

.table_calender_jahr {
    border-collapse: collapse;
    width: 100%;
}

.th_calender_jahr {
    border: 1px solid white; /* black */
    padding: 2px;
    text-align: center;
    background-color: #fff;
    color: #000;
}

.td_calender_jahr {
    border: 1px solid white; /* black */
    padding: 2px;
    text-align: left;
}

/* tr:hover {background-color: #f5f5f5} */
.tr_calender_jahr {background-color: #FFF !IMPORTANT}

.zeit_neu {
    background-color:  palegreen ;
}

.zeit_mittelalt {
    background-color:  lemonchiffon;
}

.zeit_alt {
    background-color:  pink;
}

.link_button {
    background-color: #f2f2f2;
    color: blue;
    text-decoration: underline;
    border: 0px;
    cursor: pointer;
}

.link_button_2 {
    background-color: #fff;
    color: blue;
    text-decoration: underline;
    border: 0px;
    cursor: pointer;
}

.link_button_fett {
    background-color: #f2f2f2;
    color: black;
    font-weight: bold;
    text-decoration: underline;
    border: 0px;
    cursor: pointer;
}

.link_button_fett_2 {
    background-color: #fff;
    color: black;
    font-weight: bold;
    text-decoration: underline;
    border: 0px;
    cursor: pointer;
}