@charset "UTF-8";
/* meine Formatierung */
/*html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}*/
/*html{
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}*/

body {  /* Text */
	/*background-color: #FFFF99;*/
	background-image: url(../bilder/hintergrund.jpg);         /* Hintergrundbild: Pfad */
	font-family: Verdana, Arial, San-serif;                   /* Schriftart */
	color: #000000;
	font-size: 12pt;                                          /* Schriftgröße */
}

hr {   /* Strich */
	margin: 0px auto;                                         /* Rahmen: zentriert */
	text-align: center;                                       /* Text-Position: zentriert */
	width: 80%;                                             /* Breite */
	height: 3px;                                              /* Höhe */
	background-color: #006600;
}

form {
	font-size:12pt;
	text-align: center;
}

ul{
	text-align: center;
}

img {   /* Bild */
	border: none;                                             /* kein Rahmen */
	/*margin-bottom: -3px;*/                                      /* Außenabstand unten */
	width: auto;
	height:auto;
}

table.tabelle1{ /* Tabelle table. = gebundene Klasse */
	width: 90%;                                             /* Breite */
	margin: 10px auto;                                        /* Außenabstand */
	border: solid 1px red;                                    /* Rahmen: durchgezogen */
	border-collapse: collapse;                                /* Tabellenrahmen: durchgezogen */
	background-color: white;
	padding: 0px 10px 0px 10px;
}

table.tabelle1 tr:nth-child(1n+2) {
background-color: #ffffff;
color: #000;
}

table.tabelle1 tr:nth-child(2n+2) {
background-color: #fff5dd;
color: #000;
}

table.tabelle1 td{
	border-top: dotted 1px black;                             /* Rahmen oben: gepunktet */
	text-align: center;
}

table.tabelle1 th{
	font-size: 10pt;                                          /* Schriftgröße */
	color: #010000;
	text-align: left;
	background-color: #FAC461;
	padding: 5px;                                             /* Innenabstand: Überschrift zum Rand */
	text-align: center;
}

table.tabelle2{ /* Tabelle table. = gebundene Klasse */
	width: 60%;                                             /* Breite */
	margin: 10px auto;                                        /* Außenabstand */
	border: solid 1px red;                                    /* Rahmen: durchgezogen */
	border-collapse: collapse;                                /* Tabellenrahmen: durchgezogen */
	background-color: white;
	padding: 0px 10px 0px 10px;
}

table.tabelle2 td{
	border-top: dotted 1px black;                             /* Rahmen oben: gepunktet */
	text-align: center;
}

table.tabelle2 th{
	font-size: 10pt;                                          /* Schriftgröße */
	color: #010000;
	text-align: left;
	background-color: #FAC461;
	padding: 5px;                                             /* Innenabstand: Überschrift zum Rand */
	text-align: center;
}

table.tabelle3{
	display: table;
	border: 0;
	border-collapse:collapse;
	width: 100%;
	/*width: 80%;
	margin: 10px auto;                                        /* Außenabstand */
	/*padding: 0px 10px 0px 10px;
	text-align: center;*/
}

table.tabelle3 tr{
	display: table-row;
}

table.tabelle3 th{
	display: table-cell;
	font-size: 12pt;
	text-align: center;
}

@media only screen and (max-width: 800px) {

	.tabelle3 {border:none;}
	
	.tabelle3 tr,
	.tabelle th {
		display: block;
		border: 0;
	}
	
	.tabelle tr { margin-bottom: 20px; }
	
}

.table {
	/*display: table;*/
	border: 0;
	/*border-collapse:collapse;*/
	/*width: 100%;/*calc (100% - 10px);*/
	display: flex;
	/*align-items: center;*/
	justify-content: center;
	font-size: 14pt;
	text-align: center;
}

.table-row {
	display: table-row;
	border: 0;
	font-size: 14pt;
}

.table-cell {
	display: table-cell;
	border: 0;
	padding: 15px;
	font-size: 14pt;
}

.table-cell1 {
	display: table-cell;
	border: 0;
	padding: 15px;
	
}

.table-cell2 {
	display: table-cell;
	border: 0;
	padding: 15px;
}

 /*@media only screen and (max-width: 800px) {

	.table {border:none;}
	
	.table-row,
	.table-cell , .table-cell1, .table-cell2{
		display: block;
		border: 0;
	}
	
	.table-row { margin-bottom: 20px; }
	
}*/

input:focus-within { background: #CFC; color: #000000; }

#navi a {  /* Links - mit #navi gilt es nur für diese Links */
	text-decoration: none;                                    /* Text-Dekoration: kein Unterstrich */
	background-color: #000066;
	color: orange;
	font-weight: bold;                                        /* Schriftgewicht: Fett */
	font-family: "Courier New";                               /* Schriftart */
	font-size: 10pt;
	padding: 4px;                                             /* Innenabstand: zw. Zeile und Strich */
}

#navi a:hover{   /* Farbwechsel und Unterstrich bei Mouseover*/
	color: yellow;                                            /* Farbe bei Mouseover */
	border-bottom: solid 2px red;                             /* Rahmen unten: durchgezogen (Unterstrich) */
}

#navi a:visited{  /* Farbe bei besuchten Links */
	color:white;
}

dt {
	color: blue;
	font-family: Verdana, Arial, San-serif;                   /* Schriftart */
	font-size: 18pt;                                          /* Schriftgröße */
	text-align: center;
}

dd {
	color: black;
	font-family: Verdana, Arial, San-serif;                   /* Schriftart */
	font-size: 12pt;                                          /* Schriftgröße */
	background-color: white;
	width: 390px;                                             /* Breite */
	padding: 5px;                                             /* Innenabstand */
	margin-left: 50px;                                        /* Außenabstand */
	border: solid 1px red;                                    /* Rahmen: durchgezogen */
	list-style-position: inside;                              /* Aufzählungszeichen-Position: Linksbündig */
}

input:required {                                                /* Pflichtfeld-Rahmen */
  border: 2px solid green;
}

 input:invalid {                                            /* bei falscher Eingabe */
/*  background-image: url("invalid.png");                       /* z.B. rotes Dreieck */
/*  background-position: right;
  background-repeat: no-repeat; */
  border: 1px solid red;                                      /* Rahmenfarbe */
 }


/*
	Stylesheet for Tigra Calendar v5.0
	Product is Public Domain (Free for any kind of applicaiton, customization and derivative works are allowed) 
	URL: http://www.softcomplex.com/products/tigra_calendar/

	- all image paths are relative to path of stylesheet
	- the styles below can be moved into the document or in existing stylesheet

*/

/* input box in default state */ 
.tcalInput {
	background: url('../bilder/cal.gif') 100% 50% no-repeat;
	padding-right: 20px;
	cursor: pointer;
}

/* additional properties for input boxe in activated state, above still applies unless in conflict */
.tcalActive {
	background-image: url('../bilder/no_cal.gif');
}
/* container of calendar's pop-up */
#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 170px;
	background-color: white;
	margin-top: 2px;
	padding: 0 2px 2px 2px;
	border: 1px solid silver;

	-moz-box-shadow: 3px 3px 4px silver;
	-webkit-box-shadow: 3px 3px 4px silver;
	box-shadow: 3px 3px 4px silver;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');
}

/* table containing navigation and current month */
#tcalControls {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}
#tcalControls td {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	width: 16px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}
#tcalControls th {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	line-height: 25px;
	font-size: 10px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	white-space: nowrap;
}
#tcalPrevYear { background-image: url('../bilder/prev_year.gif'); }
#tcalPrevMonth { background-image: url('../bilder/prev_mon.gif'); }
#tcalNextMonth { background-image: url('../bilder/next_mon.gif'); }
#tcalNextYear { background-image: url('../bilder/next_year.gif'); }

/* table containing week days header and calendar grid */
#tcalGrid {
	border-collapse: collapse;
	border: 1px solid silver;
	width: 100%;
}
#tcalGrid th {
	border: 1px solid silver;
	border-collapse: collapse;
	padding: 3px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	background-color: gray;
	color: white;
}
#tcalGrid td {
	border: 0;
	border-collapse: collapse;
	padding: 2px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	width: 14%;
	font-size: 11px;
	cursor: pointer;
}		
#tcalGrid td.tcalOtherMonth { color: silver; }
#tcalGrid td.tcalWeekend { background-color: #ACD6F5; }
#tcalGrid td.tcalToday { border: 1px solid red; }
#tcalGrid td.tcalSelected { background-color: #FFB3BE; }

/* --------------------------------------------------------------------------- */

Element {
    position: absolute;
    top: 32px;
    left: 35px;
    z-index: 1;
    display: none;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px;
}
.ui-widget-content {
    border: 1px solid #AAA;
    background: #FFF url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50%;
    color: #222;
}
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-datepicker {
    width: 17em;
    padding: 0.2em 0.2em 0px;
    display: none;
}
.ui-helper-clearfix {
    min-height: 0px;
}



#ausgabe {
	margin: 0 auto;
	width: 350px;
	text-align: center;
}

#meldung {
	text-align: center;
	color: #000000;
}