body {background-color:#dddddd; font-family:arial; font-size:16px; width:70em; margin:0px auto;}
h1 {font-size:26px;color:#000000;margin-bottom:0px;}
h2 {font-size:20px;color:#000000;margin-bottom:5px;}
.disabled {display:none;}
.edit, .user_switch{display:none;}

.pageimg{width:100%;  }

img{border:0;}

img.icon{width:20%;}
img.auswahl{width:100%; height:150px;}

p.chronik + img{text-align:right;width:100%;}

a {text-decoration:none; font-weight:normal; color:#000000; font-size:1em;}
a.liste {font-size:1em; color:#000000; }
a.link {font-size:1em; color:#000000; text-decoration:underline;}

table .leer{padding:0px;}

input{border:1px solid #cccccc;}
input[type=submit],input[type=reset]{border:1px #d10000 solid; box-shadow:4px 1px 2px #110000; border-radius:1em; font-weight:bold; background:#eeeeee; cursor:pointer;}
input[type=text]:focus, input[type=password]:focus, select:focus{border:1px solid #ff7802;}
select{border:1px solid #cccccc;}
input[id=suche]{padding-left:0.5em; font-style:italic; width:10em; float:left; border:1px #cccccc solid; border-collapse:collapse; margin:1px; box-shadow:4px 4px 4px #777777; height:1.4em;}

.button {
padding:0 0.5em 0 0.5em;
text-decoration:none;
border:1px solid #D10000;
background:#eeeeee;
cursor:pointer;
box-shadow:4px 1px 2px #110000;
border-radius:1em;
font-weight:bold;
}

#title {
display:none;
}

.einsatz th, .user_detail th, .user th{ box-shadow:0px 0px 500px #cccccc inset;}
.einsatz tr:nth-of-type(even) td, .user_detail tr:nth-of-type(even) td , .user tr:nth-of-type(even) td{ box-shadow:0px 0px 500px #eeeeef inset;}
.einsatz tr:nth-of-type(odd) td, .user_detail tr:nth-of-type(odd) td, .user tr:nth-of-type(odd) td{ box-shadow:0px 0px 500px #fffffe inset;}

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

#title p{
text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -1px black;
text-align:right;
text-indent:2em; 
letter-spacing:0.01em; 
font-size:2.3em;
color:#eeeeee; 
position:absolute; 
top:-0.1em; 
left:1.6em; 
}

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:1em;}
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:#eeeeee; border:1px #d10000 solid; float:left; margin-right:2em; margin-bottom:1em; width:25%; text-align:center; height:1.2em; box-shadow:4px 4px 4px #777777;}
.presse:hover{left:-0.3em; background-color:#dddddd; 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;}

.presse1{box-shadow:4px 4px 4px #777777; padding-left:0.5em; position:relative; background-color:#eeeeee; border:1px #d10000 solid; margin-right:2em; margin-bottom:0.5em; width:80%; text-align:left; height:1.2em;}
.presse1:hover{left:-0.3em; background-color:#dddddd; font-weight:bold; box-shadow:10px 10px 10px #222222; z-index:10; height:1.4em; width:80%; margin-bottom:0.3em;}
.presse1 a:hover{font-weight:bold;}

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

.leer { padding:0px;}

.rechte {height:3em; width:1.5em; position:relative;}

.hoch {display:block; position:absolute; text-align:center;}

.img {margin:0px auto;  padding:0px;  border:0px;  text-align:center;  float:left; width:20%; height:7.5em;}

table{border:0; width:100%; padding:0px; margin:0px; border-spacing:1px;}

.kontakt{padding: 25px 0;}
.kontakt td:first-of-type{text-align:right;}
.kontakt tr:nth-of-type(5) td:first-of-type{vertical-align:top;}
.kontaktheader{text-align:center; padding:15px 0;}
.kontaktheader::first-line{font-size:18px;}

#tabelle{border:0; width:100%; padding:0px; margin:0px; border-spacing:1px;}
#tabelle th {background-color:#cccccc; border:0px; padding:0 0 0 0.5em; margin:0px;}
#tabelle td {background-color:#cccccc; border:0px; padding:0 0 0 0.5em; margin:0px; vertical-align:top;}
#tabelle td:first-of-type {background-color:#cccccc; border:0px; padding:0 0 0 0.5em; margin:0px; vertical-align:top; text-align:right;}
#tabelle td:nth-of-type(4) {background-color:#cccccc; border:0px; padding:0 0 0 0.5em; margin:0px; vertical-align:top; text-align:center;}
#tabelle .leer{background-color:#dddddd;}

table.einsatz{text-align:left;}

.user_detail {border:0px; width:100%; padding:0px; margin: 0px 0px 20px 0px;}
.user_detail td {background-color:#cccccc; padding:0 0 0 0.5em; margin:0px;}
.user_detail th {background-color:#cccccc; border:0px; padding:0 0 0 0.5em; margin:0px;}
.user_detail .leer{background-color:#dddddd;}

#user{border:0; width:100%; padding:0px; margin:3em 0px; border-spacing:0px;}
#user td {background-color:#cccccc; border:0px; padding:0px; margin:0px; vertical-align:top;}
#user th {background-color:#cccccc; border:0px; padding:0 0.5em; margin:0px;}
#user .leer{background-color:#dddddd; padding:0px;}


.link {width:22em; margin:1px; padding:0px;}
.link ul { margin:2px; padding:2px; }
.link li {box-shadow:4px 4px 4px #777777; position:relative; background-color:#eeeeee; border:1px solid #d10000; text-align:left; list-style-type:none; margin-bottom:0.2em; padding:0.05em; height:1.2em;}
.link li:first-of-type {box-shadow:4px 4px 4px #777777; position:relative; background-color:#eeeeee; border:1px solid #d10000; text-align:left; list-style-type:none; margin:1em 0 0.2em 0; 
padding:0.05em 0 0.05em 0.5em; height:1.2em; font-weight:bold;}
.link li:first-of-type:hover {top:0.1em; left:-0.3em; box-shadow:10px 10px 10px #222222;  background-color:#dddddd; padding:0.05em 0 0.05em 0.5em; height:1.3em; z-index:10; margin:1em 0 0.1em 0;}

.link li a{padding-left:0.5em; display:block; color:#000000; font-size:1em;}
.link li a:hover{display:block; color:#000000; font-size:1em; font-weight:bold;}
.link li:hover {top:0.1em; left:-0.3em; box-shadow:10px 10px 10px #222222;  background-color:#dddddd; padding:0.05em; height:1.3em; z-index:10; margin-bottom:0.1em;}

.top_menu {float:left; width:32.5%; border:1px #d10000 solid; text-align:center; border-collapse:collapse; margin:2px; background-color:#eeeeee; box-shadow:4px 4px 4px #777777; height:1.2em;}
.top_menu:hover{background-color:#dddddd; box-shadow:4px 4px 4px #222222;}
.top_menu a{display:block; color:black;}
.top_menu a:hover{display:block; font-weight:bold;}

#menu {width:13em; margin-left:2px; padding:0px; float:left; }
#menu ul { margin:0px; padding:0px; list-style-type:none;}
#menu li {box-shadow:4px 4px 4px #777777; min-height:1.4em; position:relative; background-color:#eeeeee; border:2px solid #d10000; text-align:left; list-style-type:none; margin-bottom:0.3em; cursor:pointer;  font-size:1.2em; 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;}
#menu li>a:hover {display:block; color:black; font-size:1em; padding:0px;  margin:0px; font-weight:bold;}
#menu li:hover {background-color:#dddddd; 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:11em; 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:#eeeeee; border:1px solid #d10000; padding-left:3px; cursor:pointer; font-weight:normal; font-size:0.9em;}
#menu li ul li:hover {background-color:#dddddd; font-weight:bold;}
#menu li.menutitle {font-weight:bold; font-size:1.4em; text-align:center; text-indent:-1em; border:2px solid #d10000; list-style-type:none; padding-top:0.2em; margin-bottom:0.3em; height:1.6em; }
#menu li.menutitle:hover {top:0; left:0; z-index:0; 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; background-color:#eeeeee; cursor:default;}
#menu li.fixed{min-height:3em; padding-top:0.3em; text-align:center; background-color:#dddddd; 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;}


#popup {
font-size:4ex;
position:absolute;
top:0em;
left:0em;
width:100%;
height:100%;
z-index:10;
visibility:visible;
opacity:0.75;
background-color:black;
padding:10px;
-o-transition:visibility 0.5s linear 0.5s, opacity 1s linear;
-moz-transition:visibility 0.5s linear 0.5s, opacity 1s linear;
-webkit-transition:opacity 1s linear;
}

#img {
z-index:30;
opacity:1;
position:absolute;
width:100%;
height:80%;
font-size:4ex;
text-align:left;
visibility:visible;
}

#popup a {color:white; position:absolute;}
#popup h2 {font-size:1.5em; color:red;}


.chronik {
text-align:justify;
}

#div {
width:100%;
margin:0px auto;
text-align:left;
background-color:#dddddd;
position:relative;
}

#statuszeile{
border:1px solid black; 
width:47.5em; 
height:auto; 
top:10em;
background-color:#ffff88; 
position:absolute; 
z-index:10;
margin:auto;
opacity:0.8;
}

#statuszeile a{
font:1.1em helvetica; 
float:right; 
text-align:right; 
margin-right:0.5em; 
color:red; 
font-weight:bolder;
}

#statuszeile span{
font:1.1em helvetica; 
margin-left:0.5em; 
font-weight:normal;
}


#left {

display:none;
}




#content {
background-color:#dddddd;
width:100%;
float:right;
padding:0px 0px;
min-height:100%;
}

#bottom {
display:none;
}

div.hidden{
visibility:hidden;
border:2px solid #b10000;
box-shadow:10px 10px 10px #666666;
width:20em;
height:auto;
background:#dddddd;
position:absolute;
top:15%;
left:15%;
z-index:5;
padding:0.5em;
opacity:0.95;
}

div.hidden p{margin-top:0;}

.bold {
font-weight:bold;
font-size:18px;
text-align:left;
}

.intern input, a.lostpass{
  display:none;
}

#login:target{
  padding-bottom:65px;
}
#login:target input{
  display:block;
}
#login:target a.lostpass{
  display:block;
  font-size:12px;
  float:right;
  margin: 5px 20px;
}

#menu li >a#open{display:block;}
#menu li >a#close{display:none;}

#login:target #open{display:none;}
#login:target #close{display:block;}

.anwesenheit{
	display:block;
}
#user.aggregat th{text-align:left;}
#user.aggregat {margin-top:3em; text-align:right;}
#user.aggregat td:first-of-type {text-align:left;} 
#user.aggregat th:nth-of-type(n+2) {text-align:right;} 
#user.aggregat tr:last-of-type{font-weight: bold;}