@font-face {
  font-family: 'Monoton';
  src: url("../fonts/font_monoton.woff") format('woff');}

@font-face {
  font-family: 'Iceland';
  src: url("../fonts/font_iceland.woff") format('woff');}

@font-face {
  font-family: 'Pacifico';
  src: url("../fonts/font_pacifico.woff") format('woff');}

@font-face {
  font-family: 'PressStart';
  src: url("../fonts/font_pressstart2p.woff") format('woff');}

@font-face {
  font-family: 'Audiowide';
  src: url("../fonts/font_audiowide.woff") format('woff');}

@font-face {
  font-family: 'Vampiro One';
  src: url("../fonts/font_vampiroone.woff") format('woff');}

@font-face { 
 font-family: 'IndieFlower';
 src: url('../fonts/IndieFlower.ttf') format('truetype'); }
             
@font-face { 
 font-family: 'ArchitectsDaughter';
 src: url('../fonts/ArchitectsDaughter.ttf') format('truetype'); }
             
@font-face { 
 font-family: 'CoveredByYourGrace';
 src: url('../fonts/CoveredByYourGrace.ttf') format('truetype'); }
             
@font-face { 
 font-family: 'GloriaHallelujah';
 src: url('../fonts/GloriaHallelujah.ttf') format('truetype'); }
             
@font-face { 
 font-family: 'ShadowsIntoLight';
 src: url('../fonts/ShadowsIntoLight.ttf') format('truetype'); }                                                    

/* http://www.google.com/fonts/# */

html { 
  height: 100%;}

* {         
  margin: 0;
  padding: 0;}

body { 
  font: normal 15px sans-serif; 
  background:#F0F0F0;
  color: #000;  
  margin: 10px 0;}

img { 
  border: 0;}

.Link { 
  border-bottom:1px solid;
  color:#0000CC;}
  
.Link:hover { 
  border-bottom:2px solid;}


input, select, textarea {
padding: 5px 10px;
border-radius:10px;
color:#003399; 
border:1px solid #0000CC; 
box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.3);}

#Rahmen {
  width:1000px;
  background: #FFF;
  text-align:left;
  border-radius: 25px;
  padding:10px;}

#Oben {
  height:150px;
    background: -webkit-linear-gradient( #0000CC 5%, #000055 50%, #0000CC 100%);
    background: -o-linear-gradient( #0000CC 5%, #000055 50%, #0000CC 100%);
    background: -moz-linear-gradient( #0000CC 5%, #000055 50%, #0000CC 100%);
    background: linear-gradient( #0000CC 5%, #000055 50%, #0000CC 100%);
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;}

#Ueberschrift {
  margin: 40px 0 0 20px;
  float: left;}

#Ueberschrift h1
{ font: bold 300% Audiowide;
  color: #FFF;       
  text-shadow: 4px 4px 4px rgba(200,200,200,0.8); }

.SubHeadline {
  font: bold 100% Audiowide;
  color: #FFF;       
  text-shadow: 4px 4px 4px rgba(200,200,200,0.8);}

#Inhalt {
  min-height: 600px; 
  padding: 15px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  border:1px solid #F0F0F0;
  background: #F0F0F0; 
  background-repeat: no-repeat; 
  /*background-attachment: fixed;*/   
  background-size: cover;}

#Inhalt img {
  border-radius:15px;}

figure {
  line-height: 100%;}

figcaption {
  font-size:0.6em;}

h1 { 
  font: bold 175% 'liberation sans', arial, sans-serif;}

h2 { 
  font: bold 165% Audiowide;
  margin-bottom:10px;}

h3 {
  font: bold 115% Audiowide;}

h4 {
  font: bold 100% Audiowide;}

h5 {
  font: 100% Audiowide;}
  
h6 {
  font-size:1em;;
  font-weight:bold;
  display: inline;}

h1, h2, h3, h4, h5, h6 {
  text-shadow: 3px 3px 2px rgba(0,0,204,0.3);
  color: #0000CC;}


.Tabelle1 {
 border:0;
 color:#0000CC;}

.Tabelle1 thead th, .Tabelle1 tbody td {
 padding:10px;}

.Tabelle1 thead th {
 border-bottom:2px solid #0000CC;
 text-shadow: 3px 3px 2px rgba(0,0,204,0.5);}

.Tabelle1 tbody td {
 border-left:1px solid;}

.Tabelle1 tbody td:first-child {
 border-left:none}

 .Tabelle1 tbody td {
 border-top:1px solid;}

 .Tabelle1 tbody tr:first-child td {
 border-top:none;}


.Anwesenheit th, .Anwesenheit td {
 text-align:center;}
 
.Anwesenheit th:first-child, .Anwesenheit td:first-child {
 text-align:left;} 

.Anwesenheit td{
 border-bottom:1px dotted;
 border-right:1px dotted;}
 
.Anwesenheit tr:last-child td {
 border-bottom:none;}
 
.Anwesenheit td:last-child {
 border-right:none;}  

.Anwesenheit .Aktiv{
 background:#00cc00;}

.Anwesenheit .Inaktiv{
 background:none;}



textarea 
{ resize: none;}

li
{ margin-left: 15px;}

iframe
{ border-radius:10px;
  box-shadow: 2px 0 2px 1px rgba(0,0,204,0.3);
  border:2px solid #0000CC;}
  
.Button, button {
 color:#FFFFFF; 
 text-shadow: 2px 2px 2px rgba(255,255,255,0.5);
 font-weight:bold;
    background: -webkit-linear-gradient(#FFF, #0000CC); 
    background: -o-linear-gradient(#FFF, #0000CC);
    background: -moz-linear-gradient(#FFF, #0000CC); 
    background: linear-gradient(#FFF, #0000CC); 
 border:2px solid #0000CC; 
 padding:10px; 
 border-radius:25px;
 text-align:center;
 display: block;
 text-decoration:none;
 box-shadow: 4px 4px 2px 1px rgba(0,0,0,0.3);
    -moz-transition-duration: 1.0s;
    -webkit-transition-duration: 1.0s;
    transition-duration: 1.0s;
 cursor:pointer;}

.Button:hover, button:hover, .ButtonSelektiert {
  color:#0000CC;
    background: -webkit-linear-gradient(#0000CC, #FFF); 
    background: -o-linear-gradient(#0000CC, #FFF);
    background: -moz-linear-gradient(#0000CC, #FFF); 
    background: linear-gradient(#0000CC, #FFF);}  


.ButtonKlein {
 color:#FFFFFF; 
 text-shadow: 2px 2px 2px rgba(255,255,255,0.5);
 font-weight:bold;
    background: -webkit-linear-gradient(#FFF, #0000CC); 
    background: -o-linear-gradient(#FFF, #0000CC);
    background: -moz-linear-gradient(#FFF, #0000CC); 
    background: linear-gradient(#FFF, #0000CC); 
 border:1px solid #0000CC; 
 padding:3px; 
 border-radius:10px;
 text-decoration:none;
 box-shadow: 4px 4px 2px 1px rgba(0,0,0,0.3);
    -moz-transition-duration: 1.0s;
    -webkit-transition-duration: 1.0s;
    transition-duration: 1.0s
 cursor:pointer;}

.ButtonKlein:hover
{color:#0000CC;
    background: -webkit-linear-gradient(#0000CC, #FFF); 
    background: -o-linear-gradient(#0000CC, #FFF);
    background: -moz-linear-gradient(#0000CC, #FFF); 
    background: linear-gradient(#0000CC, #FFF);} 

.BoxUeberschrift{
width:95%;
color:#FFF;
text-shadow: 2px 2px 2px rgba(255,255,255,0.5);
font-weight:bold;
    background: -webkit-linear-gradient(#FFF, #0000CC); 
    background: -o-linear-gradient(#FFF, #0000CC);
    background: -moz-linear-gradient(#FFF, #0000CC); 
    background: linear-gradient(#FFF, #0000CC); 
padding:5px 11px 4px 11px; 
border-top-left-radius:10px;
border-top-right-radius:10px;
box-shadow: 2px 0 2px 1px rgba(0,0,204,0.3);}

.BoxInhalt{
width:95%;
color:#0000CC; 
border-right:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;                     
padding:10px;
margin-bottom:20px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
box-shadow: 2px 2px 2px 1px rgba(0,0,204,0.3);}

.BoxDunkel{
 width:95%;
 margin:5px 0;
 padding:10px 20px;             
 color:#FFF;
 text-shadow: 2px 2px 2px rgba(255,255,255,0.5);
 font-weight:bold;
    background: -webkit-linear-gradient(#FFF, #0000CC); 
    background: -o-linear-gradient(#FFF, #0000CC);
    background: -moz-linear-gradient(#FFF, #0000CC); 
    background: linear-gradient(#FFF, #0000CC); 
 border-radius:10px;
 box-shadow: 2px 2px 2px 1px rgba(0,0,204,0.3);}

.BoxText{
 line-height: 150%;
 text-align:justify;}
 
.BoxErsteller {
  float:right; 
  font-size:0.6em;
  padding:2px;
  background:#DDD;
  font-style:italic;
  border-radius:10px;} 

.BoxTechnik {
 margin:3px 15px 7px 10px;
 padding:3px 6px;             
 color:#FFF;
 text-shadow: 2px 2px 2px rgba(255,255,255,0.5);
 font-weight:bold;
  background: linear-gradient(left,  #0000CC,  #FFFFFF);
  background: -ms-linear-gradient(left,  #0000CC,  #FFFFFF);
  background: -webkit-gradient(linear, left top, right bottom, from(#0000CC), to(#FFFFFF));
  background: -moz-linear-gradient(left,  #0000CC,  #FFFFFF);
 border-radius: 5px;
 box-shadow: 2px 2px 2px 1px rgba(0,0,204,0.3);
 cursor:pointer;
    -moz-transition-duration: 1.0s;
    -webkit-transition-duration: 1.0s;
    transition-duration: 1.0s}

.BoxTechnik:hover {
background: #0000CC;}
 
.Technik li {
  color:#0000CC;} 
 
/* DIVERSES */
.Klein
{ font-size:0.8em;}

.Rot
{ color: #DD3333;}

.BGRot
{ background: #DD3333;}

.Gruen
{ color: #009933;}

.BGGruen
{ background: #00DD22;}

.BGGelb
{ background: #FF0;}

.Orange 
{ color: #FF9900;}

.Blau
{ color: #0000CC;}

.Schwarz
{ color: #000000;}

.FehlerSchrift
{ font-size:50px; 
  color:#009933;
  text-shadow: 8px 8px 8px rgba(100,100,100,0.8);}

.durchsichtig {
  opacity:0.2; }

.FavoritStern {
 width:15px; 
 border:1px dotted;
 padding:4px;
 border-radius:15px; }
 
#ScrollDetailAnzeige {
 position: -webkit-sticky; /* Safari */
 position: sticky;
 top: 10px; 
 float:right; } 


/*Akkordeon jQuery Menu*/
.ui-accordion .ui-accordion-header {/*UEBERSCHRIFT*/ 
  display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: 5px;
	min-height: 0; /* support: IE7 */
    background: -webkit-linear-gradient(#FFF, #0000CC); 
    background: -o-linear-gradient(#FFF, #0000CC);
    background: -moz-linear-gradient(#FFF, #0000CC); 
    background: linear-gradient(#FFF, #0000CC); 
  color:#FFF;
  border-radius:10px;}

.ui-accordion .ui-accordion-content /*INHALT*/
{ padding: 5px;
	overflow: auto;}



/*Overlib*/
#Overlib
{ color:#FFF;
  padding: 5px;
  background: linear-gradient(left,  #0000CC 20px,  #FFF 25px);
  background: -ms-linear-gradient(left,  #0000CC 20px,  #FFF 25px);
  background: -webkit-gradient(linear, left top, right bottom, from(#0000CC), to(#FFFFFF));
  background: -moz-linear-gradient(top,  #0000CC 20px,  #FFF 25px);
  font-size: 0.8em;       
  display:block;
  border: solid 2px #0000CC;
  border-radius:10px;
  box-shadow: 4px 4px 4px 1px rgba(90,90,90,0.8);}
  
#Overlib table {
  color:#0000CC;}
  
#Overlib button
{ width:100%;
  margin:1px 0;
  padding:5px;}


.draggableWindow {
  background:#FCFCFC; 
  border:2px solid #0000CC;
  border-radius:10px;
  box-shadow: 2px 0 2px 1px rgba(0,0,204,0.3);
  z-index:90;}

.draggableWindowUeberschrift {
  color:#FFF;
  text-shadow: 2px 2px 2px rgba(255,255,255,0.5);
  font-weight:bold;
    background: -webkit-linear-gradient(#FFF, #0000CC); 
    background: -o-linear-gradient(#FFF, #0000CC);
    background: -moz-linear-gradient(#FFF, #0000CC); 
    background: linear-gradient(#FFF, #0000CC); 
  padding:5px 11px 4px 11px; 
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  box-shadow: 2px 0 2px 1px rgba(0,0,204,0.3);}

.Dropdown li
{ list-style-type: none;
  padding: 3px 10px;
  display: block;
  /*width: 10em;*/
  color: white;
  background: #009933;
  border: 1px solid #DEFF99;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.8);            
  box-shadow: 4px 4px 4px 1px rgba(90,90,90,0.8);
  border-radius: 15px;
  -moz-transition: background-color 1.0s ease-out;
  -webkit-transition: background 1.0s ease-out;
  transition: background 1.0s ease-out;}

.Dropdown li:hover, .Dropdown .Selektiert
{ cursor: pointer;
  color: #009933;
  background: #DEFF99;
  border: 1px solid #009933;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
  -moz-transition: background-color 1.0s ease-out;
  -webkit-transition: background 1.0s ease-out;
  transition: background 1.0s ease-out;}

.Dropdown li ul
{ position: absolute;
  /*width: 14em;*/
  top: -999em;}

.Dropdown li:hover ul
{ top:auto;
  margin-left: -1.8em;
  margin-top: 1.4em;}


#Meldung { 
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:240px;
  margin:0;
  font-size:0.8em;
  padding:5px;
  text-align:center;
  background:#FFF;
  border:1px solid;
  border-radius:10px;
  box-shadow: 4px 4px 4px 1px rgba(90,90,90,0.8);
  z-index:95;}

#Meldung table { 
  height:100%;
  width:100%;
  border:0;}

#Meldung td { 
  vertical-align:middle;}