@media screen and (max-width: 800px){
             body {background-color:#fffffe; font-family:arial; font-size:10px; margin:0px auto; width: 760px;}
             header h1{font-size: 100%}
}
@media screen and (min-width: 801px) and (max-width: 1400px){body {background-color:#fffffe; font-family:arial; font-size:12px; margin:0px auto; width: 1300px;}
             header h1{font-size: 200%}}
@media screen and (min-width: 1401px){body {background-color:#fffffe; font-family:arial; font-size:12px; margin:0px auto; width: 1600px;} 
             header h1{font-size: 300%}}
@media screen{
            .anwesenheit{position:relative; font-size:12px; width:auto; margin:10px 0;}
            .anwesenheit thead#senkrecht th{position:relative; height:4em;  vertical-align:bottom; padding: 10px;} 
.anwesenheit td span{display:none;}               
            .anwesenheit th span{position:absolute; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg); -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; z-index:5; left:0px;}
	    .anteil{text-align:right;}
	    .anwesenheit td {white-space:nowrap; border: 0px none; padding: 0px 5px 0px 0.5em; margin: 0px; vertical-align: middle;}
            .anwesenheit td:nth-of-type(n+2){text-align: right}
            .anwesenheit tr:nth-of-type(odd) td{background-color:#fffffe;}
        .anwesenheit tr:nth-of-type(even) td{background-color:#eeeeef;}
            .anwesenheit tbody tr:last-of-type td{font-weight:normal;}
            .anwesenheit tfoot td{font-weight:bold;}
        }
        
	@media print{
            footer, nav, header {display:none}
            body {background-color:#fffffe; font-family:arial; font-size:12px; margin:0px auto; width: 780px;}
            
	}
html{height: 100%}
body{position: relative; }
main{width:100%; margin: 0px auto; min-height: calc(98vh - 220px);}
footer{ width:100%; text-align: center; height: 25px; }


/* Header */

header{position:relative; width: 100%; margin: 0px auto;}

header div{padding:5px; margin-bottom:5px; margin-top:2em; border:0px solid #000; background-color:#b10000; background: -moz-linear-gradient(left,#dddddd 0%, #d10000 15%, #910000 50%, #d10000 85%, #dddddd 100%); background: -webkit-linear-gradient(left,#dddddd 0%, #d10000 15%, #910000 50%, #d10000 85%, #dddddd 100%); background: -o-linear-gradient(left,#dddddd 0%, #d10000 15%, #910000 50%, #d10000 85%, #dddddd 100%); background: -ms-linear-gradient(left, #dddddd 0%, #D10000 15%, #910000 50%, #D10000 85%, #dddddd 100%); background: linear-gradient(to right,#dddddd 0%, #d10000 15%, #910000 50%, #d10000 85%, #dddddd 100%); }
header h1{font-weight:100; text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -1px black; text-align:right; t/ext-indent:2em; letter-spacing:0.01em; color:#eeeeee; position:absolute; top:-0.1em; left:2%; }
header img{ width: 10%; z-index: 1; float:right; margin-right: 2%}
header a {border:0px; text-decoration:none;}

/* Navigation */

nav { background-color: white; border: 1px solid #d10000; height: 2.2em; padding: 0; width: 100%; margin: 0px auto; position: -webkit-sticky; position: sticky; top: 0;  z-index: 100;}
nav:after { clear: left; content: ""; }
nav ul { margin: 0; margin-top: 1px; padding: 0; text-align: center; width: 100%}
nav li { float: left; list-style: none; margin: 0; padding: 0; position: relative; width: 10%}
nav ul li.intern { position:absolute; right: 0%; padding: 0; text-align: center;}

/* Unternavigation ausblenden */
nav ul ul, nav form { font: 0/0 serif; margin: 0; margin-top: 0px; padding: 0; position: absolute; z-index: -1; display: none; padding-top: 3px;}

/*  Unternavigation einblenden */
nav ul li:hover ul,nav ul li:focus ul, #open:target nav ul li form, #open:target nav ul li.intern ul{ font: inherit; z-index: 100; width: 100%; display:block; text-align: left;}
nav ul ul li { float: none; margin-bottom: 0.2em;  width: 100%;}
#open:target nav ul li.intern ul{ border: 1px solid #d10000; background-color: white}

nav a, nav span { background-color: none; color: black; display: block; font-weight: bold; margin: 0em 0 0 0; padding: 0.4em; text-decoration: none;}
nav ul ul a, nav ul ul span{border: 1px solid #d10000; background-color:white; font-weight: normal}

nav a:hover, nav span:hover, nav ul li:hover>a { background-color: #d10000; color: white; display: block; font-weight: bold; margin: 0em 0 0 0; padding: 0.4em; text-decoration: none;}

nav a[name=close], #open:target a[name=open]{display: none}
#open:target a[name=close]{display:block}


article{ background-color:#fffffe; border:2px solid #d10000; box-shadow:4px 4px 4px #777777; margin-bottom:0.5em; b*order-radius:1em;}
article table{ border:0px; }
article a{ text-decoration:none; font-weight:normal; color:#000000; font-size:0.9em;}
article td{border:0px; padding-left:0.5em; padding-right:0.5em;}
article p{text-align:justify; box-shadow:none; border:0px; padding:0 0.5em 0 0.5em;}

.tooltip { position: relative; d/isplay: inline-block;  cursor: pointer; width: 15%; font-weight: normal; background-color: white;}
.tooltip .tooltipnext { visibility: hidden; width: 99%; background-color: #fff; color: #000; text-align: center; b1order-radius: 6px;  border: 1px solid black; position: absolute; z-index: 1; top: 100%; right: 0%; padding: 0}
.tooltip:hover .tooltipnext { visibility: visible; }
.tooltip:hover { background-color: #d10000 }
.tooltipnext a, .tooltipnext a:hover { padding: 0; margin: 0; display: block;  font-weight: normal;}

embed{width:100%; height:1400px;}
 
table {width: 100%; margin:0px; padding:0px; }
table td{padding-left:0.5em;}
table th {background: -moz-linear-gradient(white 0%, #cccccc 100%); border-bottom:1px #999999 solid; text-align:left; border-collapse:collapse; padding-left:0.5em;}
table .leer{padding:0 0 0 0;}

.orientation td{}
.orientation td:nth-of-type(2){ text-align: right; width:15% }
.orientation td:nth-of-type(3){ text-align: right; width:15% }

table.user_detail tr:nth-child(odd) {background-color:#fffffe;}
table.user_detail tr:nth-child(even) {background-color:#eeeeef;}
div.hidden{visibility:hidden; border:2px solid #b10000;	box-shadow:10px 10px 10px #666666; width:auto; height:auto; background:#dddddd; position:fixed; z-index:5; padding:0.5em; opacity:0.95; left:30%; top:30%;}
div.hidden tr:first-of-type{ font-weight:bold; }
div.hidden tr:first-of-type td:last-of-type{text-align:right; }
div.hidden a{color:red; font-weight:bold; text-decoration:none;}
.disabled {background: rgba(0,0,0, 0.5 ); z-index: 5; width: 100%; height: 180%; visibility: hidden; position: absolute; left: 0px; top: 0px;}
#user td.anwesenheit{ margin:0px; padding: 0px; text-align:right;}

#statuszeile{background-color: rgba(255,255,0,0.7); position:fixed; top:0; left:32px; width:1192px; font-weight: bold; border:2px solid red; padding: 1px 0px 1px 5px; visibility:visible;}
#statuszeile a{margin:0 10px; text-decoration:none; color:red; font-weight:bold;}

.user_switch td{ width:33%}
.user_switch td:last-of-type{ text-align:right}
.user_switch td:nth-of-type(2){text-align: center}

.user{border-spacing:0px; }
.user tr:nth-of-type(odd){background-color:#fffffe;}
.user tr:nth-of-type(even){background-color:#eeeeef;}
.user td{text-align:left;}
.user a{text-decoration:none; color:#000; display:block;}

.user.aggregat{width:25%}
.user.aggregat tr:last-of-type{font-weight:bold;}
.user.aggregat td:last-of-type{text-align:right; padding-right:10px}

.user_detail th{text-align:left; margin:0;}
.user_detail {margin-bottom:20px; border-spacing:0px;}
.user_detail td:first-of-type{width:20%; vertical-align:top;}
.user_detail tr:nth-of-type(2) th:first-of-type{width:20%;}
.tools{width:17%;}

.aggregat td:first-of-type{text-align:left;}
.aggregat th:nth-of-type(n+2) {text-align:right;}
.aggregat td:last-of-type{width:50%; }
.aggregat td:nth-of-type(n+2){text-align:right;}
.aggregat{text-align:right; border-spacing:0px;}
.aggregat tbody tr:last-of-type {font-weight:bold;}
.aggregat tr:last-of-type table{font-weight:100;}
.aggregat tbody tr:nth-of-type(odd) td{background-color: #fffffe;}
.aggregat tbody tr:nth-of-type(even) td{background-color: #eeeeef;}

.einsatz {border-spacing:0px; }
.einsatz td:not(:last-of-type) a{text-decoration:none; color:black}
.einsatz tr:nth-of-type(odd) td{background-color:#fffffe;}
.einsatz tr:nth-of-type(even) td{background-color:#eeeeef;}

div.tabs > div {display: none; z-index: 1;}
div.tabs > div:target {display: block;}

h1 {font-size:26px;color:#000000;margin-bottom:0px;}
h2 {font-size:20px;color:#000000;margin-bottom:5px;}

.img{width:800px; margin:0px auto;}
img{border:0; width:100%:}
img.icon{width:20%;}
img.auswahl{width:100%; height:150px;}
img.img {margin:0px auto;  padding:0px;  border:0px;  text-align:center;  float:left; width:20%; height: 150px; }
.galerie img{width:100%;}

.edit{font-weight:normal; margin-left: 10px; text-decoration: none;}



/*
#menu { margin-left:-5px; margin-top:20px; padding:0px; float:left; width: 90%;}
#menu ul { margin:0px; padding:0px; list-style-type:none; width: 90%;}
#menu li {width: 100%; box-shadow:4px 4px 4px #777777; min-height:1.4em; position:relative;  border:2px solid #d10000; text-align:left; list-style-type:none; margin-bottom:0.3em; cursor:pointer;  border-radius:0em 1em 1em 0em; padding-left:0.4em;}
#menu li>a {display:block; color:black; font-size:1em; padding:0px;  margin:0px; font-weight:normal; text-decoration:none;}
#menu li>a:hover {display:block; color:black;  padding:0px;  margin:0px; font-weight:bold;}
#menu li:hover {font-weight:bold;  box-shadow:10px 10px 10px #222222; left:-0.3em; z-index:10; margin-bottom:0.1em; min-height:1.6em; top:0.1em;}
#menu li ul{width: 100%;  visibility:hidden; opacity:0; position:absolute; z-index:50; left:10em; top:0;  padding-top:3px; margin:0px; padding:0px;
-o-transition:visibility 0.5s linear, opacity 0.5s linear;
-moz-transition:visibility 0.5s linear, opacity 0.5s linear;
-webkit-transition:opacity 0.5s linear;}
#menu li:hover ul {visibility:visible; opacity:1; z-index:50; left:10em; top:0; margin:0px; padding:0px;}
#menu li ul li { background-color:#fffffe; border:1px solid #d10000; padding-left:3px; cursor:pointer; font-weight:normal; }
#menu li ul li:hover { font-weight:bold;}
#menu li.menutitle {font-weight:bold;  text-align:center; text-indent:-1em; border:2px solid #d10000; list-style-type:none; padding-top:0.2em; margin-bottom:0.3em; min-height:1.6em; }
#menu li.menutitle:hover {top:0; left:0; z-index:0; min-height:1.6em; margin-bottom:0.3em; box-shadow:4px 4px 4px #222222; text-align:center; border:2px solid #d10000; list-style-type:none;  text-indent:-1em;  cursor:default;}
#menu li.fixed{min-height:3em; padding-top:0.3em; text-align:center;  border:0; box-shadow:0px 0px 0px #222222; border-radius:0em 0em 0em 0em; cursor:default;}
#menu li.fixed:hover{top:0; left:0; margin-bottom:0.3em; font-weight:normal; cursor:default;}
*/



.kontakt{ margin:0px auto; padding: 15px;}
p.kontakt{font-weight:bold;}

.top_menu {display:inline-block; width:16%; border:1px #d10000 solid; text-align:center; border-collapse:collapse; margin:2px; background-color:#fffffe; box-shadow:4px 4px 4px #777777; height:1.2em; text-decoration:none; color:black;  }
.top_menu:hover{background-color:#fffffe; box-shadow:4px 4px 4px #222222;}
.top_menu a{display:block; }
.top_menu a:hover{display:block; font-weight:bold;}

.link li{border:1px solid red; width:300px; margin-bottom:5px; list-style-type:none; box-shadow:4px 4px 4px #777777;}
.link li>a{display:block; text-decoration:none; color:black; height:20px; padding: 5px 0px 0px 5px; }

.ubersicht { margin: auto;width: 225px; opacity: 0.5; transition: opacity 1s linear 0s;}
.ubersicht:hover{opacity:1;}

div.einsatz_jahr{margin:0px auto; padding:0; opacity:1; width:100%; height:150px; position:absolute; font-size:3em; font-weight:bold; top:0; left:0; z-index:15; text-align:center;}
div.einsatz_jahr span{margin:0px auto; position:relative; top:50px;}
table.thumbs td{text-align:center;}
.layer{position:relative; top:0; left:0; width:100%;}
.layer .einsatz_ubersicht{position:relative; margin:0px auto; height:150px; width:225px; border:1px black solid; opacity:0.4; box-shadow:4px 4px 4px #000000; -moz-transition:opacity 1s linear; -webkit-transition:opacity 1s linear; -ms-transition:opacity 1s linear; -o-transition:opacity 1s linear; transition:opacity 1s linear; }
.layer:hover .einsatz_ubersicht{opacity:1; }
.layer .einsatz_ubersicht + div{color:#000000; -moz-transition:color 1s linear; -webkit-transition:color 1s linear; -ms-transition:color 1s linear; -o-transition:color 1s linear; transition:color 1s linear;}
.layer:hover .einsatz_ubersicht + div{color:#cccccc;}	
.layer:hover span{text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -1px black;}	

.presse{position:relative; background-color:#fffffe; border:1px #d10000 solid; float:left; margin-right:2em; margin-bottom:1em; width:30%; text-align:center; height:1.2em; box-shadow:4px 4px 4px #777777;}
.presse a{text-decoration:none; color:black; display:block;}
.presse:hover{left:-0.3em; background-color:#fffffe; font-weight:bold; box-shadow:10px 10px 10px #222222; z-index:10; height:1.4em; margin-bottom:0.8em;}
.presse a:hover{font-weight:bold;}

/*
.intern input, a.lostpass{  display:none;}
#login:target{  padding-bottom:5px;}
#login:target input{  display:block;}
#login:target a.lostpass{display:block; font-size:12px; float:right; margin: 5px 10px;}
nav li >a#open{display:block;}
nav li >a#close{display:none;}
#login:target #open{display:none;}
#login:target #close{display:block;}
*/