@charset "utf-8";
/* CSS Document */
#Kontrolle{
	display:none;
	position:fixed;
	bottom:0px;
	right:0px;
	background-color:#fff;
	color:#000;
	z-index:27000;
}
#ZwischenSpeicher{
	display:none;
}
.tempaus{
	display:none;
}
#DSGVO{
	position:fixed;
	right:0px;
	bottom:0px;
	padding:20px;
	background-color:#fff;
	z-index:90000;
	box-shadow:-3px -3px 10px #888888;
	width:100%;
	font-size: 16px;
	
}
#DSGVO .BTNMore{
	float:right;
	margin-left:20px;
}
.CokieText{
	width:50%;
	float:left;
}
.BTNMore{
	padding:5px 10px;
	border:1px solid #cdcdcd;
	border-radius:5px;
	cursor:pointer;
	display:inline-block;
	color:#00665E;
	
}
.BTNMore:hover{
	
	color:#74A500;
}
/*font-family: 'Open Sans', sans-serif;*/
@font-face { font-family: "OpenSans-CondLight"; src: url("OpenSans-CondLight.ttf") format("truetype"); }
@font-face { font-family: "RobotoCondensed-Regular"; src: url("RobotoCondensed-Regular.ttf") format("truetype"); }

body, #Kopf,#Adresse{font-family: "RobotoCondensed-Regular", sans-serif;}
nav, h1,h2,.SubMenuBox h1,#Adresse{font-family: "OpenSans-CondLight","RobotoCondensed-Regular", sans-serif;}

/*#Adresse{font-family: 'DesignSchrift', sans-serif;}*/

body{font-size:19px;}
.SubMenuBox h1,nav,#Adresse{font-size:25px;}
body{
	color:#333;
}
a:link, a:visited, a:focus{
	color:#00665E;
}
a:hover{
	color:#74A500;
}
nav li a{color:#000;}
.SubMenuBox,.SubMenuBox h1,#Fuss,nav li a:hover{
	color:#fff;
}
#Kopf,#Kopf a,#Kopf a:focus,#Kopf a:visited,.SubMenuBox a, .Banner a h1, .Banner a h2,.NavBTNAktiv{
	color:#fff;
}
#Inhalt h1, #InhaltSeite h1{
	color:#006641;
}
#Kopf .Icon:hover,#Kopf .IconText:hover,#Kopf a:hover,#Inhalt h2,#InhaltSeite h2{
	color:#74a500;
}
#Adresse{
	color:#8CD700;
}


p{
	margin:0px 0px 1em 0px;
}
a{text-decoration: none;}

body{
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
	text-size-adjust: none;
	margin:0px;
	/*font-family: 'Roboto-Light', sans-serif;*/
	/*font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;*/
	width:100%;
}
*, *:after, *:before {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}


#Rahmen{width:100%; min-width: 590px;}
#Kopf{min-width: 590px;}
#Inhalt{
	padding-left:10%;
	padding-right:10%;
}#InhaltSeite{
	padding-left:20%;
	padding-right:20%;
}
#Kopf{
	padding-left:5%;
	padding-right:5%;
}
/*
#BannerBox,#Navigation{
	padding-left:7%;
	padding-right:7%;
}
*/
#Kopf{
	position:fixed;
	width:100%;
	background-color: #252525;
	font-size:18px;
	height:50px;
	z-index: 1002;
}
.Icon{
	float:left;
	width:100%;
	height:50px;
	cursor:pointer;
}
.IconBild{
	float:left;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:2%;
	height:100%;
}
.Icon img{
	float:left;
	height:100%;
	width:auto;
	
}
.IconText{
	float:left;
	margin:15px 2% 0 0;
}

#Telefon .IconText{
	float:left;
	margin:3px 2% 0 0;
}

#Navigation{
	position:fixed;
	top:50px;
	right:0px;
	z-index: 1001;
	/*background-color: #fff;*/
	background-image: url(../grafik/BG-Weiss-Transp-50.png);
}

nav{
	position: relative;
	padding-top:10px;
	padding-bottom:10px;
	float:right;
}
nav ul{
	display:inline-block;
	margin:0px;
	vertical-align:bottom;
	padding:0px;
}
nav li{
	float:left;
	list-style: none;
	/*padding: 2px 0px 2px 2px;*/
	
}
nav li a{
	/*background-color: #B3E63C;*/
	padding: 10px 20px;
	border-bottom:1px solid #000;
}
nav li a:hover,.NavBTNAktiv{
	background-color: #000;
}

#Logo{
	
}
#Logo img{
	width:80%;
	margin-left: 10%;
	height:auto;
	
}
#Adresse{
	text-align: center;
	width:100%;
	
}
#BannerBox{
	position: relative;
	padding-top:50px;
	
}
#LogoAdressBox{
	float:left;
	width:25%;
	padding-top:50px;
	height:500px;
	background-color: #171717;
}
/*BANNERSLIDER*********************************/
#BannerSlider,.Banner,.BannerBoxInhalt{
	height:500px;
	
}
#BannerSliderNav,.Banner,#BannerSliderNav{
	width: 100%;
}
#BannerSlider{
	position:relative;
	display:block;
	overflow:hidden;
}
.Banner{
	position: absolute;
	top: 0px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.Banner h1,.Banner h2{
	margin:0px;
}
.BannerBoxInhalt{
	position:absolute;
	width:100%;
	padding:160px 3%;
	text-align:left;
}




#BannerSlider h1{font-variant:small-caps;}

#BannerSliderNav{
	width:70%;
	float:right;
	display:bock;
	height:60px;
	bottom:-40px;
	z-index:800;
	letter-spacing:0.1em;
	text-align:center;
}
#BannerSliderNavBox{
	display:inline-block;
	margin:auto;
	width:auto;
	margin-top:20px;
	
	
}
.BSNavBTN{
	float:left;
	padding:0px 15px 0px 0px;
	cursor:pointer;
}
.BSNavBTN img{
	width:20px;
	height:20px;
	
}
#BannerSlider input{
	padding:10px;
	border:none;
	width:80%;
	text-align:center;
	max-width:500px;
}
#BannerSlider textarea{
	padding:10px;
	border:none;
	width:80%;
	text-align:left;
	max-width:500px;
}

.SubMenuBox{
	display:none;
	opacity: 0;
	position:absolute;
	padding:80px 0px 30px 0px;
	top:50px;
	width:100%;
	min-height: 500px;
	/*height:100%;*/
	background-image:url(../grafik/BG-Weiss-Transp.png);
	z-index: 1000;
}
.SubMenuBox a{
	float:left;
	padding:1%;
	width:20%;
	
	
}
.SubMenueFuss{
	padding:20px;
	display: inline-block;
	width:100%;
	/*background-image:url(../grafik/BG-Weiss-Transp.png);*/
	
}
.SubMenuBox .SubMenueFuss a{
	width:70px;
	height:70px;
	display:block;
	margin:auto;
	float: none;
	background-color: #8CD700;
	padding:0px;
	border-radius: 10px;
	/*box-shadow: 4px 4px 5px 1px #666;*/
}
.SubMenuBox .SubMenueFuss a:hover{
	background-color: #006642;
}
.SubMenueFuss a img{
	width:100%;
	height:auto;
}
.SubMenue, .SubMenueAktiv{
	text-align: center;
	display:table-cell;
	vertical-align: middle;
	background-color:#252525;
	border-radius: 15px;
	height:130px;
	width:10%;/*nicht verstanden aber wichtig*/
    padding: 0px 20px;
}
.SubMenue:hover{
	background-color:#63A91E;
}
.SubMenuBox h1{
	font-weight: lighter;
	
}
.SubMenueAktiv{
	background-color:#63A91E;
	
}
#Inhalt{
	min-height: 500px;

}
.IndexBox img{
	width:70%;
	height:auto;
	margin:auto;
}

.IndexBox p{
	height:140px;
	overflow: hidden;
	padding:0px 20px;
}
.IndexBox a{
	color:#fff;
}
.IndexBox a:hover{
	color:#006642;
}
.IndexBoxBTN{
	width:70%;
	margin:auto;
	background-color:#7FC41C;
	padding:10px 0px;
	border-radius: 10px;
}
.CenterBox{
	text-align: center;
}
.SP25,.SP33,.SP50,.SP66,.SP75,.SP20KopfIcon{float:left;}
.SP25{width:25%;}
.SP33{width:33.33%;}
.SP50{width:50%;}
.SP66{width:66%;}
.SP75{width:75%;}
.SP100{width:100%;}
.SP20KopfIcon{width:20%;}
.PadBox{
	padding:30px;
}
.TextBoxL{
	padding-right:100px;
	max-width:750px;
	
}
.TextBoxR{
	padding-left:100px;
}
.TextBoxR h1{
	margin:0px 0px 0px;
}
.TextBoxR h2{
	margin:0px 0px 20px;
}
.TSP2{
	-moz-column-count: 2;
	-moz-column-gap: 40px;
	-webkit-column-count: 2;
	-webkit-column-gap: 40px;
	column-count: 2;
	column-gap: 40px;
}


h3{
	margin:0px 0px 15px 0px;
}


h4{
	-moz-column-break-before: column;
	-webkit-column-break-before: column;
	column-break-before: column;
}

/*TABELLE*******************************/
/*Alle Tabellen*/
.Tabelle{
	display:table;
	width:100%;
	/*font-size:16px;*/
}

.TabRow{
	display:table-row;
	width:100%;
}
.TabRow:nth-child(odd){background-color:#ebffc7; color:#000;}
.TabRow:nth-child(even){background-color:#fff; color:#171717;}
.Tabelle a:link{
	color:#006641;
}
.Tabelle a:hover{
	color:#CC0000;
}

.TF,.T1,.T2,.T3,.T4{
	display:table-cell;
	padding:10px 1%;
	border:0.5px solid #006641;
}
.TF{
	background-color:#006641;
	color:#fff;
	/*font-weight:bold;*/
}
/*individuelle Tabellen*/
.Tab-25-75 .T1{width:25%;}
.Tab-25-75 .T2{width:75%;}
/*TABELLE*******************************/
/*Standards*/
/*AUTOSCROLL************************************************************/
#BTN-Top{
	position:fixed;
	right:10px;
	bottom:80px;
	cursor:pointer;
	z-index:8000;
	display:none;
	opacity:0;
}

.BTN-Scroll{
	cursor:pointer;
	padding:10px 20px;
    margin: 0px 0px 10px;
	border:1px solid #fff;
	border-radius:15px;
}
.ScrollBTN{cursor:pointer;}

/*AUTOSCROLL*************************************************/
/*PICTURES*************************************/
.SP33 .VSB{
	padding:5px 50px 5px 0px;
	
}
.SP50 .VSB{
	padding:5px 50px 5px 0px;
	
}
#Bildergalerie{
	position:absolute;
	width:100%;
	height:100%;
	z-index:25000;
	display:none;
	top:0px;
}
.BildBox{
	display:block;
	width:100%;
	
}
.VSB{
	position:relative;
	float:left;
	cursor:pointer;
	/*width:auto;*/
	overflow:hidden;
	/*height:120px;*/
	
	
}
.VSB img{
	/*height:120px;*/
	/*width:100%;*/
	
}

.VSBEinzel,.VSBEinzel img{
	width:100%;
	height:auto;
}
.SP33 .VSBEinzel{
	padding:5px 0px 5px 0px;
	
}
.VSBSerie{
	padding:2px;
}
.VSBSerie,.VSBSerie img {
	height:175px;
	
}
.VSBSerie img{
	width:auto;
}
#BildShowBox{
	position:relative;
	text-align:center;
	overflow:hidden;
	margin:auto;
	z-index:25001;
	background-color:#fff;
	background-image:url(../comaxx/Pictures/Bilder/loader.gif);
	background-position:center center;
	background-repeat:no-repeat;
}
#BildShowBox img{
	margin:auto;
	opacity:0;
}
#BGSchwarz{
	position:absolute;
	width:100%;
	height:100%;
	background-image:url(../comaxx/Pictures/css/BG.png);
	opacity:0.95;
	z-index:24990;
}
#BildGalBack, #BildGalForw,#BildGalClose{
	position:absolute;
	z-index:25020;
	top:50px;
	cursor:pointer;
}
#BildGalBack{
	left:5px;
}
#BildGalForw{
	right:5px;
}
#BildGalClose{
	top:10px;
	right:5px;
}
#BildNummerierung,#BildTitel{
	font-family:Verdana, Geneva, sans-serif;
	position:fixed;
	width:100%;
	bottom:10px;
	text-align:center;
	color:#FFFFFF;
	z-index: 25011;
	text-shadow:#000000 1px 1px 5px;
}
#BildTitel{
	bottom:40px;
	z-index: 25012;
}
.VSHide{
	display:none;
	
}
/*PICTURES*************************************/
/*Doc*************************************/
.DokumentBox{
	float:left;
	width:25%;
}
.Dok{
	width:100%;
	font-size:16px;
	overflow:hidden;
	
}
.Dok img{
	width:30%;
	margin-left:35%;
	
	
}
.Dok a p{
	width:100%;
	margin-left:10%;
	text-align: center;
	margin:0px;
	
}
/*Kalenderansicht---------------------------------*/
#KalenderBox{
	width:400px;
	position: relative;
	margin:auto;
	padding:20px;
	border:1px solid #ccc;
	font-size:23px;
}
#KalenderKopf{
	padding-bottom:10px;
	
}
#KBMonat{
	float:left;
	width:150px;
	text-align: center;
}
#KBJahr{
	float:right;
}
#KBMonatTage{
	
	
}
#KalenderAnzeige{
	position: relative;
	background-color: #eee;
	width: calc(100%/7*7);
}
.KalMonatTagTitel, .KalMonatTag{
	width:calc(100%/7);
	text-align: center;
}
.KalMonatTagTitel{
	float:left;
	border:1px solid #fff;
	background-color: #ccc;
	padding:10px 5px;
	color:#fff;
	border-top:0px;
	border-right:0px;
}

.KalMonatTag{
	padding: 10px 0px;
	position: absolute;
	cursor:pointer;
	background: linear-gradient(0deg, #bbb 0%, #ddd 50%, #ddd 80%);
	border:1px solid #eee;
	border-top:0px;
	border-right:0px;
}
.KalMonatTag, .Reihe{
	height:50px;
}
.KalMonatTag:hover{
	background: linear-gradient(0deg, #aaa 0%, #ddd 70%, #ddd 100%);
}
#KalenderAnzeige .Heute{
	background: linear-gradient(0deg, #b0d4ff 30%, #d9eaff 50%, #d9eaff 80%);
}
#KalenderAnzeige .Heute:hover{
	background: linear-gradient(0deg, #b0d4ff 30%, #d9eaff 70%, #d9eaff 100%);
}
.Wochentag{
	font-size: 16px;
	right:0px;
	top:0px;
	
}

.TabZelle1{left:calc(100%/7*0);}
.TabZelle2{left:calc(100%/7*1);}
.TabZelle3{left:calc(100%/7*2);}
.TabZelle4{left:calc(100%/7*3);}
.TabZelle5{left:calc(100%/7*4);}
.TabZelle6{left:calc(100%/7*5);}
.TabZelle0{left:calc(100%/7*6);}

#KalBack, #KalVor{
	float:left;
	display:block;
	width:10px;
	height:20px;
	cursor:pointer;
}
#KalBack img, #KalVor img{
	width:10px;
	height:20px;
}
#KalBack img{
	margin: 0px 0px 0px 0px;
	/*
	-webkit-transition: margin 0.5s;
	transition: margin 0.5s;
    transition-timing-function: ease;
	-webkit-transition-timing-function: ease-out;
	*/
}
/*
#KalBack:hover img{
	margin: 0px 0px 0px 5px;
	-webkit-transition: margin 0.5s;
	transition: margin 0.5s;
    transition-timing-function: ease;
	-webkit-transition-timing-function: ease-out;
}
*/
#KalVor img{
	margin: 0px 0px 0px 5px;
	/*
	-webkit-transition: margin 0.5s;
	transition: margin 0.5s;
    transition-timing-function: ease;
	-webkit-transition-timing-function: ease-out;
	*/
}
/*
#KalVor:hover img{
	margin: 0px 0px 0px 20px;
	-webkit-transition: margin 0.5s;
	transition: margin 0.5s;
    transition-timing-function: ease;
	-webkit-transition-timing-function: ease-out;
}
*/
/*Kalenderansicht-------------------------------------*/
#Fuss{
	background-color: #252525;
	min-height: 150px;
}
#Fuss a{
	color:#fff;
}
#Fuss .QuadrBTN img{
	max-width:50px;
	height:auto;
	float:left;
}
/*Blendefenster*/
#Blenderfenster{
	background-color: #fff;
	position:absolute;
	min-width:400px;
	min-Height:200px;
	width:40%;
	margin-left:30%;
	top:0px;
	z-index:5000;
	display:none;
	/*border:1px solid #666;*/
	border-radius:15px;
	box-shadow: 10px 10px 20px 1px;
}
.BFClose{
	position: absolute;
	right: 5px;
	top: 5px;
	cursor:pointer;
}

.clear,.clear10,.clear20,.clear25,.clear40,.clear70{clear:both;}
.clear10{height:10px;}
.clear25{height:25px;}
.clear20{height:20px;}
.clear40{height:40px;}
.clear70{height:70px;}
.clearLinie{
	clear:both;
	height:1px;
	border-bottom: 1px solid #b4b4b4;
	margin:0px 2%;
}
.clear25Linie{
	clear:both;
	height:12px;
	margin-bottom:12px;
	border-bottom: 1px solid #b4b4b4;
}
.clear50Linie{
	clear:both;
	height:25px;
	margin-bottom:25px;
	border-bottom: 1px solid #b4b4b4;
}.clear100Linie{
	clear:both;
	height:50px;
	margin-bottom:50px;
	border-bottom: 1px solid #b4b4b4;
}
.clearLinieBlack{
	clear:both;
	border-bottom: 1px solid #000;
	
}