/* ADMIN */
.hidden{display:none !important;}
.red{color:red;}
#logout{font-size:2em; position:absolute; top:5px; right:10px; z-index:200;}
#useredit{font-size:2em; position:absolute; top:5px; right:50px; z-index:200;}
.black{color:black;}
.green{color:green;}
.fastyle1{cursor:pointer; margin:0 2px 0 4px;}
form #titel{width:98%;}
#Form{padding-bottom:20px; border-bottom:1px solid rgba(80,80,80,1); margin-bottom:20px; position:relative;}
#imgselectdiv{position:fixed; top:5px; box-sizing:border-box; z-index:300; left:5px; width:100%; padding:15px !important; display:none; background-color:white;}
.imgselectheader{height:45px;}
#imgselect{width:100%; height:500px;}
#imgselectdone{position:absolute; top:2px; right:8px;}
#ogimgdiv{width:266px; height:286px; padding:5px; display:inline-block; font-size:10px; text-align:center; border:1px solid gray; border-radius:4px; margin-bottom:5px;}
#ogimg{width:256px; height:256px; border:1px dotted gray; margin-bottom:3px;}
.ogprev{border:1px solid gray; vertical-align:middle;}
.ogprev>img{margin-right:30px; float:left; max-width:250px; max-height:250px;}
.editicons{margin-bottom:5px; text-align:right; font-size:20px;}
#desc{height:210px; position:relative; max-width:100%;}
@media (min-width:956px){
	#desc{display:inline-block; top:-30px; margin-left:20px; width:600px;}
}
#descfield{width:100%; height:55px;}
#og_desc{width:100%; height:115px;}
#og_desc_chars{width:100%; font-size:12px; text-align:center;}
#notify{display:none; position:fixed; top:0px; right:0px; width:100%; padding:13px 20px; text-align:center; box-shadow: 0 4px 2px -2px rgba(85,85,85,1);
	font-size:16px; z-index:300;}
.ASCsign, .DESCsign{display:none;}
.ASC .ASCsign{display:inline;}
.DESC .DESCsign{display:inline;}
.pointer{cursor:pointer;}
#benutzerliste{border-collapse:collapse; width:100%;}
#benutzerliste tbody tr:nth-child(odd) td{background-color:rgba(224,224,224,1);}
#benutzerliste tbody tr:nth-child(even) td{background-color:rgba(210,210,210,1);}
#benutzerliste tbody tr:hover td{background-color:rgba(250,250,250,1);}
#benutzerliste td{padding:6px 6px;}
#benutzerliste tbody td:nth-child(4) span{display:none;}
.ea{display:inline-block; width:70px;}
.ead{display:inline-block; width:30px;}
hr{border:0; height:1px; background:#333; background-image:linear-gradient(to right, #ccc, #333, #ccc);}
#previewmenu{display:none; position:fixed; z-index:300; box-sizing:border-box; padding:10px; top:1px; left:0px; width:100%; height:100%; text-align:center; background-color:white;}
#previewframe{display:none; position:fixed; top:70px; left:5px; width:99%; height:99%; z-index:300;}
#mobile, #desktop, #closep{font-size:2em; cursor:pointer; color:white; background-color:rgba(100,100,100,1); width:50px; height:50px; line-height:50px; border-radius:8px;}
/* + News */
#pagination{text-align:center;}
#pagination a, #pagination a:link, #pagination a:visited, #pagination a:active{padding:2px 3px; border:1px solid gray; background-color:rgba(200,200,200,1); font-size:0.8em; color:rgba(80,80,80,1);}
#pagination a:hover{color:rgba(150,150,150,1);}
#thispage{background-color:rgba(230,230,230,1) !important; color:rgba(30,30,30,1) !important;}
.eo_help{display:none;}
/* Newsbox (klein auf Startseite) */
@media (min-width:1375px){
	#newsbox{position:fixed; top:300px; left:3px; display:inline-block; box-shadow:0px 0px 4px 2px rgba(150,150,150,0.8);}
}
@media (max-width:1374px) and (min-width:970px){
	#starttxt{display:inline-block; width:calc(100% - 220px); vertical-align:top;}
	#newsbox{display:inline-block; box-shadow:0px 0px 4px 2px rgba(150,150,150,0.8);}
}
@media (max-width:969px){
	#newsbox{display:none;}
}
#newsbox{width:190px; height:250px; vertical-align:top; padding:6px; margin-right:10px; overflow-y:auto; font-size:16px;
		background: rgb(221,221,221);
		background: -moz-linear-gradient(-45deg,  rgba(221,221,221,1) 0%, rgba(209,209,209,1) 100%);
		background: -webkit-linear-gradient(-45deg,  rgba(221,221,221,1) 0%,rgba(209,209,209,1) 100%);
		background: linear-gradient(135deg,  rgba(221,221,221,1) 0%,rgba(209,209,209,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#d1d1d1',GradientType=1 );
}
#newsboxheader{background-color:#cdcdcd; line-height:28px; box-sizing:border-box; margin:-6px -6px 5px -6px; padding:4px 2px; text-align:center; font-weight:bold; vertical-align:middle;}
#newsboxheader>a>img{vertical-align:middle; float:right; margin-top:-2px;}
.newsboxtitel{font-size:0.9em;}
.newsboxdatum{font-size:0.6em; color:black;}
.newsboxauthor{display:none;}
.newsboxtext{font-size:0.8em; margin:5px 0px 7px 0px;  padding-bottom:8px; background:linear-gradient(to right,  black, transparent);
  background-size:100% 1px;
  background-position:bottom 0 left 0;
  background-repeat:no-repeat;}
 .newsboxtext:last-child{background:none;}
/* Newsblock (default News Anzeige) *)
 /* Farben News */
 .newstitel{color:black;
    background:linear-gradient(to right,  black, transparent);
    background-size:100% 2px;
    background-position:bottom 0 left 0;
    background-repeat:no-repeat;
}
 .newstitel>a{color:black;}
 .newsdatum{color:#347a88;}
 .newsauthor{color:#347a88;}
 .newstext{color:#131313;}
 .newstext a{color:#347a88;}
 .newsright{background: rgb(221,221,221);
    background: -moz-linear-gradient(-45deg,  rgba(221,221,221,1) 0%, rgba(209,209,209,1) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(221,221,221,1) 0%,rgba(209,209,209,1) 100%);
    background: linear-gradient(135deg,  rgba(221,221,221,1) 0%,rgba(209,209,209,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#d1d1d1',GradientType=1 );
}
 /* Desktop */
@media (min-width:970px){
	.restableth{display:none;}
	/* News */
	.newsdatum{display:inline-block; font-size:0.9em; margin-right:20px;}
	.newsright{display:block; padding:20px;}
	.newstitel{font-size:1.9em; margin-bottom:5px;	padding-bottom:5px;}
	.newsauthor{font-size:0.9em; display:inline-block;}
	.newstext{padding:15px 0px;}
	.newsblock{margin-bottom:25px; padding-bottom:15px; vertical-align:top;}
}
/* Mobile */
@media (max-width:969px){
    /* News */
	.newsblock img{max-width:95%;}
	.newsdatum{display:inline-block; font-size:0.9em; margin-right:20px;}
	.newsright{display:block; padding:10px;}
	.newstitel{font-size:1.4em;	margin-bottom:5px; padding-bottom:5px;}
	.newsauthor{font-size:0.9em; display:inline-block;}
	.newstext{padding:5px 0px 0px 0px;}
	.newsblock{margin-bottom:25px; padding-bottom:15px; vertical-align:top;}
	/* Responsive Table */
	.yearchange{font-size:17px; font-weight:bold;}
	.monthchange{font-size:15px; font-weight:bold;}
	table:not(.nonrestable):not(.ui-datepicker-calendar), table:not(.nonrestable):not(.ui-datepicker-calendar) thead,
	table:not(.nonrestable):not(.ui-datepicker-calendar) tbody, table:not(.nonrestable):not(.ui-datepicker-calendar) th,
	table:not(.nonrestable):not(.ui-datepicker-calendar) td, table:not(.nonrestable):not(.ui-datepicker-calendar) tr{display: block;}
	table:not(.ui-datepicker-calendar) thead tr{position: absolute; top: -9999px; left: -9999px;}
	table:not(.nonrestable):not(.ui-datepicker-calendar) tr:not(.yearchange):not(.monthchange){border:1px solid #ccc;}
	table:not(.nonrestable):not(.ui-datepicker-calendar) tr:not(.yearchange):not(.monthchange) td{border:none; border-bottom:1px solid #eee; position:relative;}
	.restable{height:auto!important; width:auto!important;}
	.restable tr:nth-of-type(1), .restable tr:nth-of-type(1) th, .restable tr:nth-of-type(1) td{display:none!important;}
	.restable tr:nth-of-type(n+2){height:auto !important;}
	.restable tr:nth-of-type(n+2) td{width:auto!important;}
	.restable .restableth{display:inline-block; width:30%;}
	.restableplain{height:auto !important; width:auto!important;}
	.restableplain tr{height:auto !important;}
	.restableplain td{width:auto !important;}
}
