@charset "utf-8";
/* CSS Document */

#adminDimmer {
	background-color: #0000008f;
	z-index: 0;
	width: 100vw;
	height: 100vh;
	position: absolute;
}

/* Seiten */

#edithtml {
	border:1px solid #00ff00;	
	position:absolute;
	background-color: black;
	top: 5px;
	left: 10px;
	width: 430px;
	height: 320px;
	overflow: auto;
}

#edithtml_site {
	border:1px solid #00ff00;	
	position: absolute;	
	margin-top: -25px;
	margin-left: 430px;
	width: 710px;
	height: 580px;
	overflow: auto;
	z-index: 5;
}

/* EDIT SEITEN */


/* Admin Login */

#login {
	border: 1px solid #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -12em -20em;
	width: 40em;
	height: 24em;
	background-color: rgba(150,150,150,0.8);
	color: #fff;
	ext-align: center;
  padding: 2em;
}

#login input, #login label, #login #error {
	width: 100%;
	height: 1.8em;
	line-height: 2em;
  font-size: 1.5em;
	display: block;
}

#login #error {
	color: #c00;
}

#login input[type=submit] {
	border: none;
	margin-top: 2em;
	background-color: #0ff;
	color: #555;
}

/* Button Leiste  */

#admin_leiste {
	position: absolute;
	z-index: 9;
  left: 3em;
}

.btn_overlay {
	color: #fff;
	background-color: rgba(220,100,100, 0.8);
	font-size: 12px;
	padding: 0.7em;
  float: left;	
	text-align: center;
	margin-right: 0.5em;
	cursor: pointer;
}

/* =================================== */

/* HOME Aktuelles */

#row3 #btnNew_0 {
	position: absolute;
	right: 20px;
	top: 5px;
}

.adminBtnAktuelles {
  float: right;
}

#newsEdit {
	border: 1px solid #f00;
	position: absolute;
	top: 10%;
	left: 10%;
	height: 80%;
	background-color: #5af;
	width: 80%;
	padding: 2em;
	line-height: 2em;
  display: none;
}

#newsEdit label {
	float: left;
	min-width: 15%;
	width: 12%;
	font-size: 1.3em;
	color: #eee;
  adding-left: 0.5em;
}
#newsEdit input {
	loat: right;
	width: 100%;
	font-size: 1.3em;
}
#newsEdit input[type="button"] {
	float: left;
	width: 45%;
  margin: 0.5em 0.8em;
}

#formErrorTxt {
	color: #ff4;
	display: block;
}


/* Listen */
#listWrap li {
	position: relative;
	width: 100%;
}


#listWrap .listItem:hover {
	background-color: #aa5;
	ine-height: 2em;
}

#listWrap li span {
	float: right;
	cursor: initial;
	padding-left: 1em;
	position: absolute;
	right: 0;
	
}

#row3 button, 
#listWrap button {
  border: 0;
	background: none;
	background-color: #a00;
	color: #fff;
	padding: 0px 5px;
	display: inline;
	cursor: pointer;
}


#listWrap #btnNew_0 {
	float: right;
	margin: .5em .9em
}

#listWrap .sort {
	cursor: ns-resize;
}


#btnDelMediaPath {
	float: right;
	position: relative;
	top: -1.3em;
	left: -1.8em;
	color: #e00;
	font-size: 1.5em;
	font-weight: bold;
	cursor: pointer;
}

#listWrap .areaSaveSort {
  position: relative;
	left: -8em;
  height: 1.7em;
  width: 9em;
  border: 0px solid #a00;
	display: none;
}

.btnCheckmark, .btnCross {
	float: left;
  height: 1.2em;
  width: 2.5em;
  border: 2px solid #a00;
	color: #0f0;
	font-weight: bold;
	font-size: 1.3em;
	line-height: .75em;
  text-align: center;
	cursor: pointer;
}

.btnCross {
	color: #c00;
  margin-left: 0.5em;
}

#editForm {
	display: none;
	border: 1px solid #f00;
	background: #484;
	width: 100%;
	loat: right;
	position: relative;
	height: 640px;
	overflow: auto;
}

#editForm label, #editForm input {
	display: block;
	margin: 0.3em;
	width: 90%;
	padding: 0.3em;
	font-size: 1em;
}

#editForm input {
	padding: 0.1em;
}

#editForm label {
	margin-top: 0.7em;
}

#editForm #form_year, #editForm #form_year2 {
	padding: 0.1em;
	width: 5em;
}

#editForm label[for=form_year], #editForm #form_year, #editForm label[for=form_year2], #editForm #form_year2 {
	display: inline;
	margin-top: 0.7em;
}

#editForm input[type=button] {
	width: 10em;
	display: inline-block;
  margin: 0.6em 1.4em 0 1.7em;
	border: 2px solid #0b0;
	background-color: #dfd;
	color: #555;

}
#editForm input[value=abbrechen]{
	background-color: #fdd;
}

#editForm .mediaBtn {
	width: 4.5em;
	border: 2px solid #0b0;
	background-color: #dfd;
	color: #555;
  text-align: center;
}

#editForm .mediaBtn:hover {
 	background-color: #fdd;
}

#editForm #form_media_path {
  background-color: #ddd;
}

#mediabrowser {
	border: 2px solid #f00;
	width: 100%;
	height: 640px;
	background-color: #44d;
	display: none;
}

#mediabrowser h2 {
  font-size: 1.5em;
	font-weight: bold;
	padding: 0.5em 1em;

}
#mediabrowser span {
	padding: 1.5em;

}



#mediabrowser input {
  margin: 1em auto;
	padding: 0.5em;
	background-color: #fff;
  color: #000;	
	display: block;
  width: 90%;
}


#mediabrowser input[type=button] {
	width: 10em;
	margin: 0 0 0 4.5em;
	display: inline-block;
	border: 2px solid #0b0;
	background-color: #dfd;
	color: #555;

}
#mediabrowser input[value="Schliessen"]{
	background-color: #fdd;
	border: 2px solid #b00;
}

#mediabrowser input[type=button]:hover {
  background-color: rgba(255,255,255,5);
}

.progressBG {
	background-color: #777;
	width: 25.75em;
	margin: -0.8em auto 1em;
	
}

#progressBar {
	width: 0%;
	height: 1.3em;
	background-color: #e00;
	text-align: center;
	
}

.photogalery > #adminButton {
	opacity: 0;
	display: none;
}

.photogalery:hover > #adminButton {
  display: inline;
	opacity: 1;
	transition: opacity 1s;
}


#adminButton div {
  border: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	background: none;
	background-color: #a00;
	color: #fff;
	padding: 0 5px;
	display: inline;
	cursor: pointer;
}

#adminButton .sort {
	cursor: move;
	left: 0;
	top: 0;
	bottom: unset;
	right: unset;
	height: 100%;
	padding: 60% 5px;
}

/* im Admin Bereich das anscalen verhindern */
.photogalery:hover {
	scale: 100%;
}

#btnNewGalery {
	position: absolute;
	right: 0.5em;
	top: -3.7em;
	background-color: #a55;
	color: #fff;
	padding: 0.5em;
  border: 1px solid #a00;
	z-index: 0;
	cursor: pointer;
}

#areaSaveSortGalery {
  position: absolute;
	right: 0.2em;
	top: -3.5em;
	background-color: #bb0;
  height: 2.8em;
	padding: 0.7em 0 0 1em;
  width: 9em;
  border: 0px solid #a00;
	display: none;
  z-index: 1;
}


#formNewGalery {
	display: none;
	border: 1px solid #f00;
	background: #484;
	width: 100%;
	position: relative;
	height: 640px;
	padding: 2em;
}

#formNewGalery input {
	display: block;
	margin: 1em 0 0 0 ;
	width: 100%;
	padding: 0.1em;
	font-size: 1em;
  height: 2em;
}


#formNewGalery input[type=button] {
	width: 10em;
	display: inline-block;
  margin: 0.6em 1.4em 0 1.7em;
	border: 2px solid #0b0;
	background-color: #dfd;
	color: #555;

}
#formNewGalery input[value=abbrechen]{
	background-color: #fdd;
}

#formNewGalery .progressBG {
	background-color: #777;
	width: 90%;
  margin: 0;
}

#formNewGalery #mediaList {
	display: inline-block;
	width: 90%;
}

#formNewGalery #mediaList li {
	margin: 0.5em;
}

#formNewGalery #previewImg {
	width: 90%;
	margin: 0.5em;
}

#formNewGalery #previewImg img {
	height: 8em;
	margin: 0 0.5em 0.5em 0;
}

#formNewGalery #previewImg div {
	background-color: #c55;
	width: max-content;
	height: 1.3em;
}


/* Change Password Form */


#chgPW {
	border: 1px solid #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -12em -20em;
	width: 40em;
	height: 28em;
	background-color: rgba(100,100,100,0.9);
	color: #fff;
  padding: 2em;
}

#chgPW input, #chgPW label, #chgPW #error {
	width: 100%;
	height: 1.8em;
	line-height: 2em;
  font-size: 1.5em;
	display: block;
}

#chgPW #error {
	color: #c00;
}

#chgPW input[type=submit] {
	border: none;
	margin-top: 2em;
	background-color: #0ff;
	color: #555;
}


#chgPW input[type=submit]:hover {
	border: 1px solid #666;
}