<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Darstellung der Termintabelle auf der Indexseite  */
.bereichzuklappen{
	padding: 0px;
	margin: 0px;
	border: 1px solid #E0E0E0;
	width:100%;
	display:block;
	float:right;
}
 
a.bereichzuklappen{
	padding: 10px;
	margin: 0px;
	background-color: #005A87;
	color:#fff !important;
	line-height: 25px;
	font-family: tahoma, helvetica, verdana;
	font-size:16px;
	display:block;
	width:200px;
	text-align:center;
}

.containerMondkalender{
	width:100%!important;
	border-left: 5px solid #ddd; 
	padding-left:15px;
}

.tabellenbereich1wrapper{
	position:relative;
	font-family: tahoma, helvetica, verdana;
	float:left;
	width:100%;
	height: auto;
	background:#fff;
	padding-bottom:20px;	
}

.tabellenbereich  {
	position:relative;
	padding: 0px;
	width:100%;
	background-color: #fff;
	font-family: tahoma, helvetica, verdana;
	overflow: hidden;
	background:#fff;
}

.tabellenbereichChina  {
	position:relative;
	padding: 0px;
	width:100px;
	float:left;
	background-color: #fff;
	font-family: tahoma, helvetica, verdana;
	border: 1px solid #ddd;
	height: 100px;
	overflow: hidden;
	background:#fff;
}

.tabellenbereich2  {
	padding: 0px;
	margin:0;
	width:70px;
	float:left;
	background-color: #fff;
	font-family: tahoma, helvetica, verdana;
	border: 1px solid #ddd;
	height: 70px;
	overflow: hidden;
	background:#fff;
}

.Tabelle_Spalte1, .Tabelle_Spalte3, .Tabelle_Spalte5   {
	font-family: tahoma, helvetica, verdana;
	padding: 2px;
	font-size: 11px;
	background:#fff;
	word-wrap: break-word;
	float:left;
}

.Tabelle_Spalte2 {background:#93DDFF;height: 20px;font-size: 11px;padding:2px;float:left;width:100%;}
.Tabelle_Spalte4 {font-size: 14px;padding:2px;width:100%; padding:10px;}
 
.tagesnummerMonat{
	position:absolute;
	bottom:0;
	right:0;
	color:#000;
	font-family: tahoma, helvetica, verdana;
	width:30px;
	text-align:center;
	font-size: 18px;
}

.monatsnummerMonat{
	position:absolute;
	text-align:center;
	color:#141414;
	font-family: tahoma, helvetica, verdana;
	padding: 0px;
	width:100px;
	font-size:16px;
	top:5px;
}

h2.mondmonatueberschrift{
	padding:0;
	margin:0;
	font-size: 18px;
	background:#fff;
	font-family: tahoma, helvetica, verdana;
	line-height: 18px;
}

h2.mondmonatueberschrift &gt; span{
	padding:0;
	margin:0;
	font-size: 16px;
	font-weight:600;
	background:#fff;
	font-family: tahoma, helvetica, verdana;
}

.mondmonatsname{
	margin:0;
	padding: 0px;
	font-weight:300;
	font-size: 20px;
	background:#fff;
	font-family: tahoma, helvetica, verdana;
}
.AnzeigenFesteUebersicht {
	margin:0;
	padding: 5px;
	font-size: 14px;
	font-family: tahoma, helvetica, verdana;
	float:left;
}
.AnzeigenFesteUebersichtaktuell {
	color:#9a0000;
	
	margin:0;
	padding: 5px;
	font-size: 14px;
	font-family: tahoma, helvetica, verdana;
	float:left;
}

.AnzeigenFesteUebersichtWrapper{
	margin:0;
	padding: 0px;
	width:100%;
	display: block; 
	border-left: 5px solid #ddd; 
	padding-left:5px;
}

.AnzeigenFesteUebersichtSpalte{
	margin:0;
	padding: 0px;
	width:100px;
	font-size: 14px;
	font-family: tahoma, helvetica, verdana;
}

.AnzeigenFesteUebersichtText{
	margin:0;
	padding: 5px;
	width:100%;
	font-size: 16px;
	font-family: tahoma, helvetica, verdana;
}

.unterstrich2 {
	position: relative;
	display:block;
	cursor: pointer;
	background-color: #F8F8F8; 
	color:#000;
}	

a.unterstrich2 {
	font-size: 20px;
	font-weight: 500;
	line-height: 25px;
	font-family: tahoma, helvetica, verdana;
	color:#000!important;
	text-decoration:none;
	margin:5px;
	margin-right:0px;
	margin-left:0px;
	padding:15px;
	padding-right: 0px;
	width:calc(100% - 0px);
}	

.unterstrich2:hover, .unterstrich2:focus, .unterstrich2:active {
	color:#fff!important;
	background-color: #9a0000!important; 
	opacity:0.95;
}

#i0, #i1, #i2, #i3, #i4, #i5, #i6 { display: none;}

.container{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left:0;
	position: relative;
	width: 95%;
	height: 100%;
	max-height:710px; 
	padding-bottom: 100%;
	user-select: none;
	background-color: #fff;
	}

	.container .slide_img{
	position: absolute;
	width: 100%;
	max-width:687px;
	max-height: 710px;
 
	}
	.container .slide_img img{
	width: inherit;
	height: inherit;
	}

	.prev, .next{
	width: 20%;
	height: inherit;
	position: absolute;
	top:50%; 
	background-color: rgba(88, 88, 88,.2);
	color:#000;
	z-index: 99;
	transition: .45s;
	cursor: pointer;
	text-align: center;
	}

	.next{right:0;}
	.prev{left:0;}

	label span{
	position: absolute;
	font-size: 100pt;
	top: 50%;
	 transform: translateY(-50%);
	}

	.prev:hover, .next:hover{
	transition: .3s;
	background-color: #9a0000;
	color: #fff; 
	}

.slide_img{z-index: -1;}

	#i0:checked ~ #one  ,
	#i1:checked ~ #two  ,
	#i2:checked ~ #three,
	#i3:checked ~ #four ,
	#i4:checked ~ #five ,
	#i5:checked ~ #six ,
	#i6:checked ~ #seven 
	{z-index: 999; animation: scroll 0.2s ease-in-out;}

	#i0:checked  ~  #nav_slide #dot1,
	#i1:checked  ~  #nav_slide #dot2,
	#i2:checked  ~  #nav_slide #dot3,
	#i3:checked  ~  #nav_slide #dot4,
	#i4:checked  ~  #nav_slide #dot5,
	#i5:checked  ~  #nav_slide #dot6,
	#i6:checked  ~  #nav_slide #dot7
	
	{ background-color: rgba(255,255,255,.9);}

@keyframes scroll{
	0%{	opacity:.4;}
	100%{opacity:1;}
}		

@media screen and (max-width: 685px){
	.container{
		border: none;
		width: 95%;
		height: 0;
		padding-bottom: 100%; 
	}	
	
	label span { font-size: 50pt; }
	
	.prev, .next{
		width: 20%;
	}	
	#nav_slide .dots{
		width: 12px;
		height: 12px;
	}
}
@media screen (min-width: 970px){
	.me{ display: none;}
}

/* Anzeigen der Ereignisse im Sonnenkalender */
.RahmenEreignisse {
	padding:5px;
	margin:0px;
	font-size: 19px! important;
	font-weight: 300;
	font-family: tahoma, helvetica, verdana;
	padding-bottom:0;
	display:block;
	float:left;
}

 div.RahmenEreignisse { 
	font-size: 12px! important;
	font-weight: 300;
	font-family: tahoma, helvetica, verdana;
	position:relative; 
}

.chinatabelleJahresuebersicht {
	padding:0px;
	float:left;
	display:block;
	margin:0;	 
}

.chinatabelleJahresuebersicht &gt; table{
	float:left;
	display:block;
	margin:10px;
	margin-top:0;
	padding:5px;
	text-align:center;
	border-collapse:collapse;
	margin-left:0px;	
}
 
.chinatabelleJahresuebersicht &gt;  td {border:1px solid #CCCCCC;}
 
.chinatabelleJahresuebersicht  td{
	border:1px solid #CCCCCC;
	padding:15px;
	font-size: 14px;
	font-weight: 300;
	font-family: tahoma, helvetica, verdana;
}
.termintabelle td:nth-of-type(6) {background: #93DDFF;}
.termintabelle td:nth-of-type(7) {background: #93DDFF;}

.chinatabelleJahresuebersicht tr:nth-of-type(1) {background: #F4F4F4; }
.chinatabelleJahresuebersicht td:nth-of-type(7) {background: #93DDFF; }
.chinatabelleJahresuebersicht td:nth-of-type(8) {background: #93DDFF;}

@media only screen and (max-width: 767px)   {  
	.chinatabelleJahresuebersicht {display: block;}
	.chinatabelleJahresuebersicht &gt; table{display: block;}	
	.chinatabelleJahresuebersicht  td{
		font-size: 14px;
		padding:7px;
	}		 	

	.termintabellechina  {
		min-height:40px!important; 
		height:auto!important;  
	}	
	.termintabellechinaxx  {
		min-height:40px!important; 
		height:auto!important;  
	}	
}

.buttondrucken {	 
	font-family: verdana, tahoma, helvetica ;
	font-size:13px;
   	font-weight: 500;
	background:#006EA5;
	color:#fff;	
	border:0;
	margin:10px;
	margin-left:0;
	margin-right:0;
	width:150px;
	height:50px;
	text-align:center;
}

input.buttondrucken  {
	width:170px; 
	height:50px; 
	cursor:pointer; 
	font-size:13px; 
	
	height:50px;
	text-align:center;
}

.buttondrucken:hover {background:#9a0000;}

.termintabelle {
	table-layout:fixed; 
	width:100%; 
	border-collapse:collapse;	
	background-color:#fff;
}

.termintabelle {
	table-layout:fixed; 
	width:100%; 
	border-collapse:collapse;	
	background-color:#fff;
	border:0px solid #CCCCCC;
	font-family: tahoma, helvetica, verdana;
}

.resttage {
	color:#A0A0A0;
	background: #E8E8E8;
	border-bottom:1px solid #ddd;
	font-size:12px;
	font-family: tahoma, helvetica, verdana;
	width:100%;
	margin:0px;  
    text-align:center;
	height:25px;
}
 
.resttageinhalt {
	background: #E8E8E8; 
	padding-top:0; 
	position:relative;
}

.termintabelle  td{
	border:thin solid #CCCCCC;
	vertical-align:top;
	margin:0;
	padding:0; 
	position:relative; 
}

.termintabellechinawrapper{
	margin-bottom:0px;
	width:100%;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	flex-wrap: wrap;
	align-items: stretch; 	
}

 .termintabellechina   {
	border:1px solid #CCCCCC;
	font-family: tahoma, helvetica, verdana;
	vertical-align:top;
	margin-bottom:0px;
	padding:0px; 
	width: calc(100%/7);
	float:left;	 
	position:relative;
	color:#000;
}

.termintabellechinaverstecken{
	border:1px solid #CCCCCC;
	background: #EAEAEA;
	color:#5A5A5A;
	width: calc(100%/7);
	min-height:80px;
	position:relative;
}

.termintabellechina&gt;.infobox {width:100%! important; } 

.termintabellechinaxx {
	font-weight: 300;
	font-size: 11px; 
	min-height:80px;
	position:relative;	
}



.chinakalenderEintragInfo{
	border-left:3px solid #9a0000;
	margin-top:5px;
	margin-left:5px;
	padding:5px;
	padding-top:0;
	padding-bottom:20px;
	width:100%;
	display:block;
} 
 
.termintabellenkopf, .termintabellenkopfheute, .termintabellenkopfmarkierung  {
	border-bottom:1px solid #ddd;
	font-size:12px;
	font-family: tahoma, helvetica, verdana;
	padding:0px; 
	margin:0px;  
	font-weight:500; 
	text-align:center;
	vertical-align:middle;
	height:25px;
}
 
.termintabellenkopf  {color:#fff;background: #006EA5;    }
.termintabellenkopfheute  {color:#fff;background: #A04947;   }
.termintabellenkopfmarkierung {color:#000;background: #FFD350;    }

.termintabellenkopfcal ,.termintabellenkopfheutecal, .termintabellenkopfmarkierungcal  {
	border-bottom:1px solid #ddd;
	font-size:12px;
	font-family: tahoma, helvetica, verdana;
	padding:0px;
	font-weight:500; 
	margin:0px;  
	text-align:center;
	vertical-align:middle;	
 }
 
.termintabellenkopfcal {color:#444444;background: #ddd;    }
.termintabellenkopfheutecal  {color:#fff;background: #A04947;   }
.termintabellenkopfmarkierungcal {color:#000;background: #FFD350;    }

div.termintabellenkopfcal  a{color:#910000;   display:block; padding:10px;   }
div.termintabellenkopfheutecal a {color:#fff;   display:block;   padding:10px; }
div.termintabellenkopfmarkierungcal  a{color:#910000;   display:block; padding:10px;}
div.termintabellenkopfcal  a:hover{color:#000; background:#FFD350;    }
div.termintabellenkopfheutecal  a:hover{color:#000; background: #FFD350; }
div.termintabellenkopfmarkierungcal  a:hover{color:#000; background:#FFD350; }

.terminbereich   {
	background: #fff;
	min-height:80px;
	word-wrap: break-word;	
	padding:0px;
	margin:0px;      
}
.terminbereich   a{color:#000; text-decoration:none;  }

/* KW Zeile */
.kalenderwocherest, .kalenderwoche, .kalenderwocherot, .kalenderwocheorange{
	font-size:10px;
	top:0;
	text-align:left;
	margin:0;
	color: #fff;
	height:15px;
}

.kalenderwocherest{background: #E8E8E8; color: #333;} /* Hintergrund KW Resttage */
.kalenderwoche{background: #006EA5; } /* Hintergrund KW grau */
.kalenderwocherot{background: #A04947; color: #fff;} /* Hintergrund KW rot */
.kalenderwocheorange{background: #FFD350; color: #333;} /* Hintergrund KW orange */

/* Darstellung der Kategorien */
.schule, .kiga, .sek1, .sek2, .gs, .sport, .lehrer , .hort  {
	word-wrap: break-word;
	line-height:19px;
	font-size:13px;
	margin-bottom:25px;
	padding-left:5px;
	margin-left:3px;
	padding-right:5px;
	float:left;
	width:100%;
}

.ferien  { 
	word-wrap: break-word;
	margin: 0px;
	padding:0px;
	padding-bottom:23px;
	font-size:13px;
	background: #FFFF00;
	width: 100%;
}

.sonder  { 
	margin:0px;
	padding:0px;
	font-size:13px;
	margin-bottom:30px;
	width:100%;
}

.schule  {border-left: 4px solid #910000; }
.kiga    {border-left: 4px solid #C675EC; } 
.sek1  {border-left: 4px solid #F7BC5B; }
.sek2  {border-left: 4px solid #FF6600; }
.gs  {border-left: 4px solid #008800; }
.hort  {border-left: 4px solid #00FF00; }
.sport  {border-left: 4px solid #3CCEFF; }
.lehrer  {border-left: 4px solid #0000C4;   }
.sonder  {padding-left:4px; font-size:11px;  }

div.inhalt  {min-height:90px; padding:0px; margin:0px;   }

/* Darstellung der Filter  */

input.stsport , input.stkiga, input.sthort , input.stgs, input.stsek2,input.stsek1, input.stschule, input.stAlle , input.stsonder, input.stIntern, input.stintern {
	margin: 1px;
	padding: 3px;
	padding-top: 12px; 
	padding-bottom: 12px;
   	font-size: 12px;
	font-family: tahoma, helvetica, verdana;
   	font-weight: 400;
	width: 50px; 
	float:right;
	border: none;
	margin-bottom:5px;
}
 
.stsport:hover, .stkiga:hover,.sthort:hover, .stgs:hover, .stsek2:hover, .stsek1:hover, .stschule:hover , .stAlle:hover, .stsonder:hover , .stintern:hover, .stIntern:hover {opacity:0.7; border-bottom:10px solid #00B9C3}

input.stsport  {background:#3CCEFF;}
input.stkiga  {background:#C675EC;color:#fff;}
input.sthort  {background:#00FF00;}
input.stgs  {background:#008800;color:#fff;}
input.stsek2  {background:#FF6600;}
input.stsek1  {background:#F7BC5B;} 
input.stschule  {background:#910000; color:#fff;} 
input.stAlle  {background:#000;color:#fff;} 
input.stsonder {background:#ddd;color:#000;} 
input.stintern {background:#0000C4;color:#fff;} 
 
.menuebtn {
	padding:0;
	margin:0;
	display: block;
	float:left; 
	margin-top:5px;
} 

.menuebtn1 {
	width:260px;
	float:right;
	display: block;
	margin-top:5px;
} 

.menuebtn p{
	text-align:right;
	display:inherit;
} 

input.menuebtn:hover, input.menuebtn1:hover{background:#9a0000; color:#fff;}
 
input.menuebtn, input.menuebtn1  {
   	margin: 1px;
	padding: 3px;
	padding-top:12px; 
	padding-bottom:12px;
   	font-size: 13px;
	font-family: tahoma, helvetica, verdana;
   	font-weight: 500;
	border: 1px solid #A0A0A0; 
	width: 50px;   
	float: left;
	background:#EAEAEA;
}
.FeldSpringen  {
	position:absolute; 
	left: 50%;
	top:0;
 	transform: translate(-50%,  150%) ; 
}

 input.FeldSpringen  {
	padding:0px;
	margin:0 auto; 
   	font-size: 20px;
	font-family: tahoma, helvetica, verdana;
   	font-weight: 600;
	color:#fff;
	border: 0px solid #000; 
	background:#006EA5; 
	width: 40px;   
	height:40px;
	line-height:1;
	border-radius:100%;
}

 input.FeldSpringen:hover  {
	color:#fff;
	background:#9a0000; 
}

.menuebtnAuswahlFest input {
	margin: 1px;
	padding: 3px;
	padding-top:12px; 
	padding-bottom:12px;
   	font-size: 14px;
	font-family: tahoma, helvetica, verdana;
   	font-weight: 500;
	border: 1px solid #A0A0A0; 
	background:#ddd;
	width: 50px; 
	float: left;
	height:50px;
} 

.menuebtnAuswahlFest select {
	margin: 0px;
	padding: 10px;
	border-radius:0;
   	font-size: 20px;
	font-family: tahoma, helvetica, verdana;
   	font-weight: 500;
	border: 1px solid #A0A0A0; 
	float: left;
	width:100%;
	max-width: 350px;
	background:#f4f4f4;
	height:50px;
} 

.menuebtnAuswahlFest option {
	margin: 0px;
	padding: 0px;
   	font-size: 14px;
	font-family: tahoma, helvetica, verdana;
	float: left;
} 

.menuebtnAuswahlFest optgroup {
   	font-size: 16px;
	font-family: tahoma, helvetica, verdana;
	float: left;
	margin: 0px;
	padding: 0px;
} 

.fundstellenverbergen input{
   	font-size: 12px;
	font-family: tahoma, helvetica, verdana;
	width:150px; 
	padding:5px;
	border:0px solid #ddd;
	border-radius:0;
} 


/* Darstellung der Eingaben der Termine im Adminbereich  */ 
.eintrag {
	width:100%;
	margin:5px;
	font-size: 14px;
	font-family: tahoma, helvetica, verdana;
	background:#D4D4D4;
	font-size: 12px;
	border: 1px solid #ddd;
}

select.eintrag {
	width:150px;
   	margin: 10px;
	padding:10px;
   	font-size: 12px;
	font-family: tahoma, helvetica, verdana;
	background:#fff;
}

option.eintrag {
	width:150px;
   	margin: 0px;
	padding:0px;
   	font-size: 12px;
	font-family: tahoma, helvetica, verdana;
}

textarea.eintrag {
	width:97%;
	padding:5px;
   	font-size: 14px;
	font-family: tahoma, helvetica, verdana;
	background:#fff;
}

textarea.eintragchina {
	margin:5px;
	padding:5px;
   	font-size: 14px;
	font-family: tahoma, helvetica, verdana;
	background:#fff;
}
 
input.eintrag {
	margin:5px;
	padding:15px;
   	font-size: 12px;
	font-family: tahoma, helvetica, verdana;
   	font-weight: 500;
	border: 1px solid #A0A0A0; 
	background:#ddd;
	width:90px;
}

input.eintrag:hover {
	background:#eee;
	color:#000;
}
.eintrag table{
	width:100%;
}

.eintrag td{
	font-weight:bold; 
	font-size: 14px; 
	padding:0px;
	margin:0px;
}
 
h1.terminueberschrift {
   	font-size: 25px;
	font-family: tahoma, helvetica, verdana;
   	font-weight: 600;
 	padding:0;
	margin:0;
}

/* Anmelden */
.anmelden {
	position: relative ;
	font-family: tahoma, helvetica, verdana;
	width:30%;
	margin:0px auto;
	background:#ddd;
	border:1px solid #000;
	padding:20px;
	margin-top:60px;
}

table.anmelden {
	padding:20px;
	margin:0px;
	width:100%;
	border:0px solid #000;
	font-size: 15px;
	font-family: tahoma, helvetica, verdana;
}

.anmelden input{
   	font-size: 15px;
	font-family: tahoma, helvetica, verdana;
   	font-weight: 500;
 	padding:15px;
	margin-top:10px;
	width:100%;
}

.anmelden  input[type=text] , .anmelden  input[type=Password]{width:90%;}
 
h1.anmelden {
	text-align:center;
	font-family: tahoma, helvetica, verdana;
	font-size:20px;
	width:100%;
	word-wrap: break-word;
	padding:0;
	margin:0;
}

div.anmelden a{color:#fff;} 

.neuerversuch a{
	font-size:20px;
	line-height:40px;
	display:block;
	text-decoration:none; 
	color:#ffffff;
	background: #910000;
	text-align:center;
}

.anmeldestatus {
	font-size:15px; 
	line-height:17px; 
	padding:5px; 
	background:#FFD350; 
	margin-bottom:0px; 
	margin-left:5px;
	width:100%; 
	max-width:300px;
}

.hauptinhalt2 h1{
	padding:0px;
	margin:0px;
	padding-top:10px;
	font-size:32px;
} 

p.anmeldestatus {padding:0;margin:0;} 
 
/* Infoboxen im Terminkalender*/
div.infobox  { 
	padding:0; 
	margin:0;
	position:absolute;
}
 
a.infobox span { 
	visibility: hidden;
	display:none; 
	position:relative; 
	height:0;
	width:0;
	transform:translate(-90%, 0);
 	margin-top:5px; 
}

a.infobox::before{ 
	visibility: visible;   
	content:  '\25BA' "Info";
	font-weight: 500;
	font-size: 11px;
	font-family: tahoma, helvetica, verdana;
	color:#910000;
	text-decoration: none; 
}

@media (min-width: 768px)  {
	.termintabelle td:nth-of-type(6) a.infobox  span{transform:translate(-90%, 0); z-index:9999;}
	.termintabelle td:nth-of-type(7) a.infobox  span{transform:translate(-90%, 0); z-index:9999;}
	.termintabellechina:nth-of-type(6) a.infobox  span{transform:translate(-90%, 0); z-index:9999;}
	.termintabellechina:nth-of-type(7) a.infobox  span{transform:translate(-90%, 0); z-index:9999;}
	.termintabellechina:nth-of-type(13) a.infobox  span{transform:translate(-90%, 0); z-index:9999;}
	.termintabellechina:nth-of-type(14) a.infobox  span{transform:translate(-90%, 0); z-index:9999;}
	.termintabellechina:nth-of-type(20) a.infobox  span{transform:translate(-90%, 0); z-index:9999;}
	.termintabellechina:nth-of-type(21) a.infobox  span{transform:translate(-90%, 0); z-index:9999;}
	.termintabellechina:nth-of-type(27) a.infobox  span{transform:translate(-90%, 0); z-index:9999;}
	.termintabellechina:nth-of-type(28) a.infobox  span{transform:translate(-90%, 0); z-index:9999;}
	.termintabellechina:nth-of-type(34) a.infobox  span{transform:translate(-90%, 0); z-index:9999;}
	.termintabellechina:nth-of-type(35) a.infobox  span{transform:translate(-90%, 0); z-index:9999;}	
}

a.infobox:focus span, a.infobox:active span, a.infobox:hover span {
    transform:translate(0, 0);
	visibility:visible; 
	display:block;
	height: auto;
	min-width:280px;
	max-width:100%;
	overflow-y: auto;
	z-index:9999;
	color:#000; 
	font-family: tahoma, helvetica, verdana;
	font-size:12px;
	font-weight: normal;
	background: #eee;
	border-right: 1px solid #747474;
	border-bottom: 1px solid #747474;
	background: -moz-linear-gradient(top, #EEE, #FFF);    
	background: -webkit-linear-gradient(top, #eee, #fff);
	background: linear-gradient(top, #eee, #fff);
	background: -o-linear-gradient(top, #eee, #fff);
	-webkit-box-shadow: 9px 11px 27px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 9px 11px 27px 0px rgba(0,0,0,0.75);
	box-shadow: 9px 11px 27px 0px rgba(0,0,0,0.75);
	-webkit-transition: all 1s ease;
	transition: all 1s ease; 	
}

a.infobox {
	display:inline;
	text-decoration: none;
}

a.infobox span&gt;img  {
	width:100%;
	padding-bottom:20px;
}

.infomassage {
	background:#333;
	opacity: 0.8;
	color:#fff;
	padding:10px;
	padding-right: 50px;
	padding-bottom: 0px;
	font-family: tahoma, helvetica, verdana;
	font-size: 18px;
	line-height:22px;
	right:0;
	position: relative;
	z-index: 1000;
	min-height: 60px;
}

.infomassage:after  {
	content:'i';
	position:absolute;
	display:block;
	right:0px;
	top:0px;
	font-size:20px;
	font-weight:bold;
	border:1px solid #fff;
	border-radius:100%;
	padding:8px;
	width:40px;
	height:40px;
	margin:15px;
	text-align:center;
}

.unterkategorie {
	background:#333;
	color:#fff;
	font-family: tahoma, helvetica, verdana;
	font-size: 13px;
	line-height:17px;
	margin:0;
	padding:0;
}

.unterkategorie:first-child{padding-top:10px;}

.infotxt, .infotxt1 {
	font-family: tahoma, helvetica, verdana;
	font-size: 15px;
	background:#F8F8F8;
	padding:10px;
	padding-bottom:20px;
	border:10px solid rgb(51,51,51,0.8);
	border-bottom:20px solid rgb(51,51,51,0.8);
	min-height:90px;
	display:block;
	width:100%;
	max-height:250px;
	overflow-y:auto;
	position:relative;
}

.infotxt li, .infotxt1 li {
	font-family: tahoma, helvetica, verdana;
	font-size: 15px;
	line-height:19px;
	margin-left:0;
	padding:0;
}
.infotxt ul, .infotxt1 ul {
	padding-left:17px;
	margin-left:0;
	 
}
.infotxt ol, .infotxt1 ol {
	padding-left:17px;
	margin-left:0;
	 
}

.infotxt a, .infotxt1 a{
	color:#fff!important; 
	background:#9a0000!important;
	padding:10px!important;
	display:inherit-block!important;
	border-radius:5px!important;
	width: auto!important;
	position:relative;
	top:10px!important;
	bottom:10px;
	opacity:0.8;
}

/* Darstellung der Tagesanzeigen im Adminbereich */
 
table.eventday {
	border-collapse: collapse;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0px;
	word-wrap: break-word;
	width: 100%;
	font-size: 13px;
	vertical-align:top;
}  
 
td.eventday {
	margin:0px;
	padding:8px;
	font-family: tahoma, helvetica, verdana;
	font-size: 13px;
	word-wrap: break-word;
	vertical-align:top;
	border:1px solid #747474; 
	vertical-align:top;
	text-align:center;
} 

.eventday a{
	font-weight:600;
	font-size:11px;
	vertical-align:top;
}
 
.mitteilung {
	padding:0px;
	margin:0px;
	display:inline-block;
} 

 p.mitteilung {
	font-family: tahoma, helvetica, verdana;
	padding:10px;
	margin-left:0px;
	color:#fff; 
	background:#910000;
	font-size:14px;
} 

.idfeld {
	width: 50px; 
	padding:5px;
	margin:0;
	font-family: tahoma, helvetica, verdana;
	font-size:13px;
	background: #fff;
	border:none;
} 

input.idfeldbtn {
	padding:5px;
	margin:0;
	font-family: tahoma, helvetica, verdana;
	font-size:12px;
} 

.eventday input[type=submit]   {
	width:auto;
	min-width:70px;
	padding:5px;
	margin:0;
	font-family: tahoma, helvetica, verdana;
	font-size:12px;
	background-color:#A04947;
	color:#fff;
	border:none;
	vertical-align:top;
} 
.eventday input[type=text]   {
	padding:5px;
	margin:0;
	font-family: tahoma, helvetica, verdana;
	font-size:12px;
	vertical-align:top;
	border:none;
} 

/* Darstellung des Benutzers auf den einzeilnen Seiten  */
.benutzer {
	border-collapse:collapse;
	table-layout:fixed;
	border:1px solid #ddd;
	width:100%;
} 

td.benutzer {
	margin-bottom:10px;
	margin-top:10px;
	padding:5px;
	word-wrap: break-word;
	border:1px solid #ddd;
	font-size:11px;
	vertical-align:top;
} 

/* Darstellung der Buttons  */ 
 
.wrapperwrapper  {width:100%; }
 
.wrapper{
	position: relative;
    display: block;
	padding:0px;
	margin:0px;
	margin-right:50px;
	background-color: #006EA5;
	float:left;
}
.wrapper1{
	position: relative;
    display: inline-block;
	padding:0px;
	margin:0px;
	background-color: #005A87;
}

.anordnung{
	padding:0px;
	margin:0px;
	display:block;
}
 
input.anordnung{
	width:60px;
	float:left;
	margin:5px;
	padding:5px;
	font-size: 13px;
	background-color: #f9f9f9;
	border:1px solid #ddd;
}

input.anordnung1{
	width:60px;
	float:left;
	margin:5px;
	padding:5px;
	font-size: 13px;
	background-color: #f9f9f9;
	border:1px solid #ddd;
} 
 
input.anordnung:hover,  input.anordnung1:hover{
	background-color: #9a0000;
	color: #fff;	 
}

.dropbtn {
    background: #006EA5;
    color: #fff;
	width: 100px;
    padding: 0px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	margin-top:5px;
}

.dropdown_kalender button:after{
    content:"";
	color:#fff;
	position:absolute;
	bottom:5px;
	right:20px;
	width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    font-size: 0;
    line-height: 0;
}

.dropdown_kalender {
    position: relative;
    display: block;
	float:left;
	margin:0px;  
	background: #006EA5;
	height:45px;
	margin-top:5px;
}
 
.dropdown-content_kalender {
    display: none;
    position: absolute;
	top:100%; 
    background-color: #f9f9f9;
    width: 285px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border: 1px solid #A0A0A0;
	z-index:100;
}
.dropdown-content1_kalender {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 385px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border: 1px solid #A0A0A0;
	z-index:100;
}

.dropdown-content_kalender a:hover, .dropdown-content1_kalender a:hover  {background-color: #f1f1f1}
.dropdown_kalender:hover .dropdown-content_kalender, .dropdown:hover .dropdown-content1_kalender {display: block;}
.dropdown_kalender:hover .dropbtn_kalender {background-color: #3e8e41;}

input.zugriff {
    background-color: #ddd;
	color:#000;
	height:50px;
	width:100px;
	float:right;
	margin-right:20px;
}

/* Darstellung der Terminliste  */
  
#page-wrap table {border-collapse: collapse; width:100%; margin-bottom:60px;}
 
.terminliste tr:nth-of-type(even) {background: #eee; padding: 0px;  }

.terminliste td { 
	border: 1px solid #ddd;  
	font-family: tahoma, helvetica, verdana;
	font-size: 12px;
	line-height: 18px;
	vertical-align:top;
	color: #000;
	padding:5px;
} 
	
.terminliste p { 
	line-height: 15px;
	font-size: 12px;
	line-height: 18px;
	vertical-align:top;
	color: #000;
	padding:5px;
	font-family: verdana;
}  

.terminliste th { 
	border: 1px solid #ddd;  
	line-height: 25px;
	font-family: tahoma, helvetica, verdana;
	font-size: 14px;
	background: #006EA5;
	color: #fff;
	padding:5px;
	text-align:center;
}
 
/* Tooltip container */
/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 200%;
  background-color: #555;
  color: #fff;
  text-align: left;
  padding: 15px;
  font-size:14px;
  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 100%;
  margin-left: -80px;
  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 10%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Text Zeigen bei Hover */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
} 

/* Monatsmodal zum Drucken anzeigen */
.hidden {display:none;}

.button {
	font-size:14px;
	line-height:20px;
	text-align:center;
	vertical-align:middle;
	display: inline-block;
	float:right;
	color:#fff;
	background:#910000;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
	width: 250px;
	padding: 10px;
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid #8a8a8a;
	-webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.button:hover {color:#910000; background: #ddd}

.modalbuttonbereich{
	width:100%;
	margin:20px;
	margin-top:0px;
	margin-left:0px;
	float:right;
}

.box_modal {
	position:fixed;
	display:block;
	width:100%;
	max-width:1000px;
	height:100%;
    top:10px; 
	-webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);	  
	box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.5);
	border: 2px solid #ddd; 
	background:#fff;
	overflow-y: scroll;
	visibility: collapse;
	opacity: 1;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform: scale(0, 0);
	z-index:999;
	padding:40px; 
}

.box_modal table{border-collapse:collapse;}
 
.closer {
	position:absolute;
	width:30px;
	height:30px;
	top:40px;
	right:40px;
	background:#eee;
	border:1px solid #727272;
	margin:0; 
	padding:0;
	text-align:center;
	line-height:30px;
	font-size:30px;
	color:#727272;
	cursor:pointer;
	box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.2);
}
 
h1.artikelDrucken {
	text-align:center;
	line-height:26px;
	font-size:30px;
	cursor:pointer;
	padding:30px;
}

input#modal[type=checkbox]:checked ~ .box_modal {
	visibility: visible;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

input#modal1[type=checkbox]:checked ~ .box_modal {
	visibility: visible;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

input#modal2[type=checkbox]:checked ~ .box_modal {
	visibility: visible;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

.ChinaTabelle {
	table-layout:fixed; 
	border-collapse:collapse;	
	background-color:#fff;
	border:1px solid #CCCCCC;
}
.ChinaTabelle td{
	padding:5px;
	background-color:#fff;
	border:1px solid #CCCCCC;
	min-width:100px;
}

.chinajahreseingabe {
	margin:0px;
	padding:0px;
}

.chinajahreseingabe  input[type=text] {
	font-size: 17px;
	font-family: tahoma, helvetica, verdana;
   	font-weight: 500;
	padding:8px;
	margin:0;
	height:45px;
	width: 130px;
	border:1px solid #CCCCCC;
	border-radius:0;
}

.chinajahreseingabe  input[placeholder] {
	color:#747474;
}

.chinajahreseingabe  input[type=submit]{
	font-size: 15px;
	font-family: tahoma, helvetica, verdana;
   	font-weight: 500;
	color:#333;
	padding:8px;
	margin:0;
	height:45px;
	width:80px;
	border:1px solid #CCCCCC;
	background:#EAEAEA;
	border-radius:0;
}
.chinajahreseingabe  input[type=submit]:hover{
	background:#9a0000;
	color:#fff;
}

select.selectunten {
	color: #000000;
	background-color: red;
}

select.selectunten {
	display: block;
	font-size: 15px;
	line-height: 20px;
	padding: 10px;
	width: 100%;
	max-width: 300px;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-webkit-appearance: none;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

input.sonnemond {
	margin:1px;
	padding:5px;
	font-size: 13px;
	font-family: tahoma, helvetica, verdana;
	width:130px;
}
 .keineanzeige {
	display :none;
}
table.sonnemond td{
	padding:5px;
   	font-size: 13px;
	font-family: tahoma, helvetica, verdana;
}

.half-circle {
    width: 200px;
    height: 100px; /* as the half of the width */
	margin-left:20px;
	font-size:70px; 
	color:gold;
    border-top-left-radius: 120px;  /* 100px of height + 20px of border */
    border-top-right-radius: 120px; /* 100px of height + 20px of border */
    border: 5px solid gray;
    border-bottom: 0;
}
.half-circle-moon {
    width: 200px;
    height: 100px; /* as the half of the width */
	margin-left:20px;
	font-size:70px; 
	color:blue;
    border-top-left-radius: 120px;  /* 100px of height + 20px of border */
    border-top-right-radius: 120px; /* 100px of height + 20px of border */
    border: 5px solid gray;
    border-bottom: 0;
}


/* Animation */
.moonphasewrapper{
	margin:0px; 
	display:inline-block; 
	background:#000; 
	border-radius:5px;
}

.moonphase{
	float:left;
	display:block;
	font-size: 14px;
	text-align: center;
	padding:10px;
	font-family: tahoma, helvetica, verdana;
	border-radius:5px;
}

.moonphasenichtheute{
	display:block;
	font-size: 14px;
	text-align: center;
	background:#000; 
	color:#fff; 
	width: 70px;
	padding:10px;
}

.moonphaseHeute{
	background:#fff; 
	color:#9a0000; 
	display:block; 
	font-size: 14px;
	text-align: center;	
	padding:10px;
	border-radius:5px;
}

.moonphase img{padding-bottom:20px; padding:10px;}

.wrapperMondanimation {
	margin: 0;
	position:relative;
	width: 70px;
	overflow: hidden;
	display:none;
}
 
.category-wrapper-Mondanimation {
	width: 1960px;
	margin: 0;
	padding: 0;
	display: flex;
	position:relative;
}

.category-wrapper-Mondanimation[data-slide="1"] {transform: translateX(0); -webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="2"] {transform: translateX(-70px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="3"] {transform: translateX(-140px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="4"] {transform: translateX(-210px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="5"] {transform: translateX(-280px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="6"] {transform: translateX(-350px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="7"] {transform: translateX(-420px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="8"] {transform: translateX(-490px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="9"] {transform: translateX(-560px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="10"] {transform: translateX(-630px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="11"] {transform: translateX(-700px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="12"] {transform: translateX(-770px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="13"] {transform: translateX(-840px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="14"] {transform: translateX(-910px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="15"] {transform: translateX(-980px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="16"] {transform: translateX(-1050px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="17"] {transform: translateX(-1120px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="18"] {transform: translateX(-1190px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="19"] {transform: translateX(-1260px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="20"] {transform: translateX(-1330px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="21"] {transform: translateX(-1400px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="22"] {transform: translateX(-1470px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="23"] {transform: translateX(-1540px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="24"] {transform: translateX(-1610px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="25"] {transform: translateX(-1680px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="26"] {transform: translateX(-1750px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="27"] {transform: translateX(-1820px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="28"] {transform: translateX(-1890px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}
.category-wrapper-Mondanimation[data-slide="29"] {transform: translateX(-1960px);-webkit-animation: opacity .3s linear ; animation: opacity .3s linear ;}

.category-Mondanimation {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size:12px;
}
 
.ServiceMoon img {
	padding-bottom:10px;
	width: 100px;
	height:100px;
}

@-webkit-keyframes expand {from {opacity: 0;} to {opacity: 1;}}
@keyframes expand {from {opacity: 0;} to {opacity: 1;}}

.nextfinsternis {
    font-size: 13px;
	font-family: tahoma, helvetica, verdana;
	width:100%;
	padding:0px;
	margin-bottom:10px;
	padding-left:0;
}

/* Sonnensystem anzeigen */

.solar-system{width:400px; height:400px; position:relative; display:block; padding-bottom:0px; padding-left:10px; z-index:-111;   }
.fruehling{position:absolute; top:30px; left:180px;z-index:-1; width:60px;}
.sommer{position:absolute; top:180px; left:-5px; z-index:-1; width:60px;}
.herbst{position:absolute; top:350px; left:190px; z-index:-1; width:60px;}
.winter{position:absolute; top:180px; left:350px; z-index:-1; width:60px;}

.sun, .sun1{
	position:absolute; 
	top:175px; 
	left:175px; 
	width:50px; 
	background: transparent;
	border-radius:50%;
	animation: sunpulse 10s alternate infinite;
}

.sun{box-shadow: 0 0 80px #FFBF00, 0 0 0px #9B7400; z-index:111;}
.sun1{animation: sunpulse1 20s alternate infinite;}

.textSonnensystem{position:absolute; top:0px; z-index:2;}
.earth{width:30px; top:82px; left:82px; animation:earth-rotation 1s infinite linear; position:absolute; z-index:2;}
.moon{width:15px; top:65px ; left:65px; position:absolute; transform-origin: 35px 35px; transform: rotate(0deg); z-index:2;}
.earth-orbit{height:400px; background-position: center; background-repeat: no-repeat; z-index:-1;     	  }
.line-orbit{background-image:url('images/Hintergrund.png'); z-index:-1;      } 

/* Sonnensystem animieren */
.solar-system1{width:400px;height:400px; position:relative; display:block; padding-left:10px; top:-50px; z-index:-111;}
.earth1{width:30px; top: 82px; left:82px; animation:earth-rotation1 1s infinite linear; position:absolute; z-index:2;}
.moon1{width:15px; top:65px ; left:65px; animation:moon-revolution1 27.3s infinite linear; position:absolute; transform-origin: 35px 35px; z-index:2;}
.earth-orbit1{animation:earth-revolution1 121s infinite linear; z-index:-1; }
.earth-orbit1{height:400px; background-position: center;  background-repeat: no-repeat; overflow:hidden;}
.line-orbit1{background-image:url('images/Hintergrund.png'); overflow:hidden;  }

 
@keyframes sunpulse1 {
	from {
		box-shadow: 0 0 0px #FFBF00, 0 0 0px #9B7400; z-index:111;
	}
	to {
		box-shadow: 0 0 50px #9B7400, 0 0 120px #C35800; z-index:111;
	}
}

@keyframes earth-revolution1 {100% {transform: rotate(-360deg);}}
@keyframes moon-revolution1 {100% {transform: rotate(-360deg);}}
@keyframes earth-rotation1 {100% {transform: rotate(-360deg);}}

.animationsschalter {
	display:table-cell; 
	vertical-align:middle; 
	padding:5px; 
	height:60px;
	z-index:999999; 
	width:200px;
	border-radius:0; 
	background:#005A87; 
	color:#fff; 
	border:1px solid #ddd;  
}
.animationsschalter2 {
	display:table-cell; 
	vertical-align:middle; 
	padding:5px; 
	height:60px;
	z-index:999999; 
	width:200px;
	border-radius:0; 
	background:#005A87; 
	color:#fff; 
	border:1px solid #ddd;  
}

.animationsschalter:hover {
	color:#fff; 
	background:#9a0000; 
}

.animationsschalter2:hover {
	color:#fff; 
	background:#9a0000; 
}

.jahreszeitenausgabe{
	position:absolute;
	bottom:110px;
	left:160px;
	color:#333; 
	font-size: 25px;
	text-align:center;
	width:80px;
}

.AngabenAnimation{
	float:left; 
	margin-right:20px;
	margin-bottom:10px;
	 
}
.AngabenAnimation span{
	margin-right:10px;
	display:inline;
	width:200px;
	font-weight:600;
}
.AngabenAnimation input{
	width:80px;
	display:block;
	width:auto;
	border: none;
}

.tabelleErklaerungen {
	border-collapse:collapse;	
	background-color:#fff;
	border:1px solid #CCCCCC;
	max-width:95%;
	word-wrap: break-word;
}

.tabelleErklaerungen td{
	padding:5px;
	border:1px solid #CCCCCC;
	word-wrap: break-word;
	font-family: tahoma, helvetica, verdana;
	font-size:13px;
}

.tabelleErklaerungen table{max-width:95%;}

/* Experiemnt Yin und Yang*/
.mySlides {display:none;  }
.w3-content img{ width:100%;}

#Experiment{width:100%;height:auto;} 
.w3-display-container{position:relative;max-width:700px;	} 
.w3-button:first-child,.w3-dropdown-click:hover &gt; .w3-button:first-child{background-color:#ddd;color:#000;}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{
	width:100%;
	text-align:left;
	padding:8px 16px;
}

.w3-display-left{
	position:absolute;
	top:50%;
	left:0%;
	width:50px;
	height:50px;
	transform:translate(0%,-50%);
	-ms-transform:translate(-0%,-50%)
}

.w3-display-right{
	position:absolute;
	top:50%;
	right:0%;
	width:50px;
	height:50px;
	transform:translate(0%,-50%);
	-ms-transform:translate(0%,-50%);
}

@media only screen and (max-width: 767px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	 	.terminliste table, .terminliste thead, .terminliste tbody, .terminliste th, .terminliste td, .terminliste tr {display: block;    }
		.terminliste thead tr {position: absolute;top: -9999px;left: -9999px;  }
		.terminliste tr { margin:0px;  }
		.terminliste td:nth-of-type(1) {background: #004669; color:#fff; }
		.terminliste td {position: relative; padding: 5px;   font-size: 12px;  
		}
		.terminliste td:nth-of-type(1):before {content: "Termin:"; font-weight:bold; margin:5px; font-size: 16px;  }
		.terminliste td:nth-of-type(2):before {content: "Kategorie: "; font-weight:bold; margin:5px; }
		.terminliste td:nth-of-type(3):before {content: "Veranstaltung: "; font-weight:bold;margin:5px; }
		.terminliste td:nth-of-type(4):before {content: "Beschreibung: "; font-weight:bold;margin:5px; }
		.terminliste td:nth-of-type(1)  { font-size: 16px; font-weight:bold; }
		.terminliste td:nth-of-type(2)  { margin:0px; }
		.terminliste td:nth-of-type(3)  { margin:0px; }
		.terminliste td:nth-of-type(4)  { margin:0px; margin-bottom:5px;   }
}
@media all and (max-device-width: 480px) {
		.terminliste body {padding: 0px; margin: 0px; width: 100%;}
}
	
@media only screen and (min-device-width: 768px)  {
		.terminliste table {width: 100%; }
}

/* Darstellung bei anderen Aufloesungen  */

@media only screen and (max-width: 767px) {
	#page-wrap td { border: 1px solid #D0D0D0;}
	.termintabelle table, .termintabelle tbody,  .termintabelle td, .termintabelle tr {display: block; overflow: hidden; width:100% ; margin:0; padding:0; }	
	.termintabellechina {width:100% ; margin:0; padding:0;  }	
	.termintabellechinaverstecken{display: none;height:0!important;}	
	.termintabellenkopfcal ,.termintabellenkopfheutecal, .termintabellenkopfmarkierungcal  {text-align:left;}
	.termintabellenkopf ,.termintabellenkopfheute, .termintabellenkopfmarkierung {text-align:left; font-size:14px; font-weight:600; }
	.resttage {visibility: hidden; overflow: hidden; height:0px;}
	.resttageinhalt {visibility: hidden; overflow: hidden; height:0px;}
	.termintabelle td{width:100%;}
	.termintabellechina td{width:100%;}
	.termintabellechina  td{
		border:0px solid #CCCCCC;
		border-top:1px solid #CCCCCC;
	}

	 div.inhalt {min-height:60px;}
	 
	.schule  {width:100%;}
	.kiga   {width:100%;} 
	.sek  {width:100%;}
	.gs  { width:100%;}
	.sport  {width:100%;}
	.kategrorien{width:100%; margin:0px; padding:0px; }
	.anmelden{width:90%;}
	.termintabelle td:nth-of-type(6) .infobox  div{left:0; }
	.termintabelle td:nth-of-type(7) .infobox  div{left:0; }	
	
	.termintabellescroll{width:100%; height:500px; overflow-y: scroll;  overflow-x: hidden; }
 
	div.infobox {position:relative;}
	a.infobox:focus span, a.infobox:active span, a.infobox:hover span {width:95%;}
	a.infobox span {position:relative; z-index:9999999;}
 
	#mobileunsichtbar {display:none;}
	#mobileunsichtbar2 {display:none;}
}
 
.Ereigniswrapper {
	height:500px; 
	width:100%; 
	float:left; 
	overflow:hidden;
	overflow-y: scroll;
	display:block;
	background:#F8F8F8;
	margin-bottom:40px; 
}	 

.EreignisInnerWrapper{
	float:left;
	width:100%; 
	display:block; 
	padding:5px;  
	color:#333!important;
	border:1px solid #ddd;
 }
 
.EreignisInnerWrapper:hover{ background:#ddd;} 
.EreignisInnerWrapper a{color:#fff!important; }
.EreignisInnerWrapperSpalte1 {
	float:left; 
	width:35px; 
	background:#9a0000; 
	color:#fff!important; 
	padding:5px; 
	text-align:center;
}
  
.EreignisInnerWrapperSpalte2 {
	float:left; 
	width:80px;
	padding:5px;
}
 
 .EreignisInnerWrapperSpalte3 {
	float:left;
	width:200px;
	padding:5px;
}

 .EreignisInnerWrapperSpalte4 {
	float:left;
	width:calc(100% - 315px);
	padding:5px;
}

 /* Suche im Kalender  */
.suchBereich{ 
	width:100%;

	overflow-y: scroll;
	border-bottom:1px solid #ddd;
}
 
.suchspaltewrapper { 
	width:100%;
	font-family:tahoma, helvetica, verdana;
	display:block;
	border:1px solid #ddd;
	border-top:0px solid #fff;
	color:#333!important;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin:0;
}

.suchspaltewrapper:hover {background:#ddd;}
.suchspalteueberschrift { 
	background:#ddd; 
	color:#333; 
	font-size:14px;
	font-weight:600!important;  
	border:1px solid #eee;
}

.suchspalte01, .suchspalte02, .suchspalte03  { 
	display:block;
	padding:5px;
	font-size:12px;
	margin:0;
	word-wrap:break-word!important; 
}

 .suchspalte04 { 
	display:block;
	padding:5px;
	margin:0;
	word-wrap:break-word!important; 
}

.suchspalte04 p {font-size:12px!important; line-height:15px!important;}
.suchspalte01 {width:80px; background:#A04947; color:#fff; opacity:1; }
.suchspalte02 {width:100px; font-weight:300;}
.suchspalte03 {width:250px; font-weight:600; }
.suchspalte04 {width:calc(100% - 430px); font-size:12px}


.suchspalte01 li, .suchspalte02 li, .suchspalte03 li, .suchspalte04 li { 
	font-size:12px!important;
	padding:0;
	margin:0;
	line-height: 1.4;
}
.suchspalte01 ul, .suchspalte02 ul, .suchspalte03 ul, .suchspalte04 ul {  
	padding:0;
	padding-left:20px;
	margin:0;
	line-height: 1.4;
}
.suchspalte01 ol, .suchspalte02 ol, .suchspalte03 ol, .suchspalte04 ol {  
	padding:0;
	padding-left:20px;
	margin:0;
	line-height: 1.4;
}

@media (max-width: 600px) {
.suchspaltewrapper, .suchspalte01, .suchspalte02, .suchspalte03, .suchspalte04 {width:100%;}
.suchspalteueberschrift {display:none}
}
@media (max-width: 425px) {.verbergen3 {display:none}}
 
/* Slider im Chinakalender, Arrows sind auf der Seite, weil Dopplung mit Startseite  */
.slider .slick-track {width:100%; }

.slider .slick-slide {
	height:100%;
	padding: 30px;
	margin: 0;
}

.image-box {height:120%!important;}

.slider .slide img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.slick-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding:0;
	list-style-type: none;
	font-family: tahoma, helvetica, verdana;
}

.slick-dots li {
	margin: 0 1px;
	padding: 2px;
	float:left!important;
	color:#fff;
}

.slick-dots a {
	width:25px;
	height:25px;
	text-align:center;
	transition: all 0.2s linear;
	background: #006EA5;
	color:#fff;
	display:block;
	padding:5px;
}

.slick-dots a:hover {
	display:block;
	padding:5px;
	color:#fff!important;
	background:#9a0000;
}

.slick-dots li.slick-active a {
	color:#fff!important;
    background:#9a0000;
}

ul.slick-dots a{
	font-size:13px;
	line-height:13px;

}
</pre></body></html>