/* css zu access */

/* elements.popupinfo  */
x{}
/* ausblenden wenn checkbox über graue fläche abgewählt wird */
  label#lbl_JubaPopupMessageBoxGreyOverall, aside#JubaPopupMessage,
	label#lbl_JubaPopupMessageIcon {display: none;}

/* einblenden der Info */
input[type="checkbox"]#rad_JubaPopupMessage:checked ~ aside#JubaPopupMessage {
	display:block; border: 1px solid #005541; background-color: #fff; 
	position: fixed; z-index: 300; 
	left: calc(50% - 140px); top: 2rem;
	width: 280px; padding: 1rem;
}
input[type="checkbox"]#rad_JubaPopupMessage:checked ~ label#lbl_JubaPopupMessageBoxGreyOverall {
	position:fixed; left: 0px; top: 0px;
	width: 100%; height: 100%;
    	display:block;
	background-color: rgba(200,200,200,0.7);
	z-index: 299
}
input[type="checkbox"]#rad_JubaPopupMessage:checked ~ aside label#lbl_JubaPopupMessageIcon { 
	display: block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAEvElEQVRIiZ2WS4hbVRjHs6uPUhC61EWtpVIsCoqgFitFEUWpWBFB1IXoQsFNRRHBB11IFRdVXLifUmfSNplMHpPkZl6ZTN7vTN43j5tMZvKYdJKZzLRJys/FTHPndjKteODHuff78/2/e757uOeqVPuMjY0NlpaWKBQKVKtVms0mGxsb3Lx5k83NTdbX12m323Q6Hba2ttjPZ+jo9XpIkoQoijQaDVqtNmtrLZrNG9Trq9RqdWq1Bo3GKs3mDdbWWqyvr7O5uUm3271/sV6vRy6Xo1wus7bWotFoUqvVqVZr96RWrdNsNmm32/R6vf0L9ft9crkclcoSjdVVlldWWF5e2Z7/A5XlFVZ22jp0Rb1ej2w2i1SSqNXqLC1VWKr8D5YqVCrLNBoNbt26BSAXkySJdDrDykqVUqksk8pQCkSUsTtkRKQrmuFauUy9Xuf27dvbRba2tkgkEkilEsWiRKFY3Eato3j0RYqnz8mxXRS//I7igSMU3/uMQjC8R5ekEu12e7tIuVwmmUxSLEqIYg4xl0f0+CkePLZtcuAI+R9+3Y7vkJswU3zoqKz/9pdS35krleXtjRCLxUhnMmSyIplsdkDu/E8Dk+LBY2SN1m0tkaTw9KsDrXDqrCLvDulsFlEUabVaqKLRKMlUmsQukqk0iUSS/PNvymYnTpOMRMl+/bNc/NCTpKwzJFNpUumMwieZSpNIpsjnC6iCwSCJRJLFxfgeEpZpCo+cGJiK736qaGPm2wvEE0kFu/Nji3EyWRGVw7HAYjxBJBobSuLin/KT7yL3zGtEwxFisUUFe/KTKVRTU1OEI1GCofC+ZN76SFnk4WNExrSEwhHCkaiCu3PDkSgqQRDw+QNDCQRD+PwBglfHKT7wuLyKJ17C5w/gDwTxB4IEgqHBPMxDZbfP43S5cbm9Crw+P16fH5fbS/qVc3vaFfn+F9weH26PD6/Ph8vtxe3xKX08XgLBICqny8WcfZ4Fp0uB0+XB6fIQuvC7bL5rNYVDx/GOaXC63Dhdnp0ct8LDseAiEAih8ng8WAWBeccC9nnHAMeCE6fZSv7wyYFx/P3PyZw8I++uk2dwzM7hWHBin3fs8ZizzxMKhVHl83ksFgu2qWlm5+aZmbUzM2tnzj5P/I0P5e372HPYLQKOy2MUDh2X2/bJV8zZ5bzdTM/MUqlUUHU6HRwLDvQGA1PTMwNcFy8p3oHr4qWB5jv/o6w9eBTnH38rcqemZ7AKNrxer3xqiqKI0WhiQm9EsE1jtQhkjr4wMIq9/gFWYUpB/NRZeTVvf6zQzBYBQbBRLpflT3232yUSiaDT6dBN6LFYbdiuqFl8+R1yh59CuKbFbLEqENTXyT76LN4vvlHETZMWTJNm4vHE3lOy1+sRCoW4rtFwXTuOyWzBZLZgvTyKcdI8FJPeIF9PmtEbTRiMJqKxGP1+f/gx3O12CYfDaLVaRsfUjOv0GIyTCvSGvfcTeiPa8QlMJjPxePz+PxT9fp9qtYrVamV0dJQr/4xy9ZoGjVaHbsKwY2xiXKdHo9Wh0eqY0BuYm7NTKpXu/SNx92g2mwSDQWw2GxqtFrX6KmNqNSMjI4yMXEaj1SIIAj6fj5Ik0el09jX/F5Hf+SiQLF0OAAAAAElFTkSuQmCC); 
width: 25px; height: 25px; 
	position:relative; bottom: 0px; left: 0px; margin-right:12px; margin-top: 12px;
}
#JubaPopupMessage, #JubaPopupMessage .listpopupmessages {color: black !important;}
/* --- --- */
/* LoginCSS  */
html, body, #main {height: 100%;}
#main, #mainLightframe {padding: 20px; max-width: 600px;}
#mainLightframe {margin: auto;}
body {font-size: 12px; background-color: white;}
.tm0 {margin-top: 0;}
.bm9 {margin-bottom: 10px;}
input[type=text], input[type=password], input[type=email], input[type=submit], input[type=checkbox], aside {margin-bottom: 10px;}
input[type=submit] {
	font-family: Montserrat SemiBold, sans-serif;
	font-size: inherit;
	background-color: #344756;
	border: 1px solid transparent;
	border-radius: 0;
	color: white;
	height: 33px;
	padding: 0 10px;
	min-width: 120px;
	cursor: pointer;
	transition: 500ms;
}
input[type=submit]:hover {
	border-color: #344756;
	background-color: transparent;
	color: #344756;
}
input[type=text], input[type=password], input[type=email] {
	  padding: 5px 15px;
	  height: 33px;
	  width: 100%;
	  max-width: 200px;
}

h1 {margin-top: 0;}
#loginWrapper {
	border-top: 2px solid #344756;
}
#loginBox, #passwortVergessen {
	padding-left: 20px;
	padding-right: 20px;
	border-right: 2px solid #e6e7e8;
	border-left: 2px solid #e6e7e8;
}
#passwordBox {border-bottom: 2px solid #344756;}
#loginBox {margin-top: 20px;}
/* --- --- */
/* PasswortNeuBalkenCSS  */
#passwort_balken_container {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 20px;
	width: 150px;
	border: 1px solid #E0E0E0;
}
#passwort_balken {
	width: 0;
	height: 100%;
	transition: width 200ms, background-color 200ms;
	background-color: #FF0000;
}
/* --- --- */
/* --- --- */
/* LoginCSS  */
html, body, #main {height: 100%;}
#main, #mainLightframe {padding: 20px; max-width: 600px;}
#mainLightframe {margin: auto;}
body {font-size: 12px; background-color: white;}
.tm0 {margin-top: 0;}
.bm9 {margin-bottom: 10px;}
input[type=text], input[type=password], input[type=email], input[type=submit], input[type=checkbox], aside {margin-bottom: 10px;}
input[type=submit] {
	font-family: Montserrat SemiBold, sans-serif;
	font-size: inherit;
	background-color: #344756;
	border: 1px solid transparent;
	border-radius: 0;
	color: white;
	height: 33px;
	padding: 0 10px;
	min-width: 120px;
	cursor: pointer;
	transition: 500ms;
}
input[type=submit]:hover {
	border-color: #344756;
	background-color: transparent;
	color: #344756;
}
input[type=text], input[type=password], input[type=email] {
	  padding: 5px 15px;
	  height: 33px;
	  width: 100%;
	  max-width: 200px;
}

h1 {margin-top: 0;}
#loginWrapper {
	border-top: 2px solid #344756;
}
#loginBox, #passwortVergessen {
	padding-left: 20px;
	padding-right: 20px;
	border-right: 2px solid #e6e7e8;
	border-left: 2px solid #e6e7e8;
}
#passwordBox {border-bottom: 2px solid #344756;}
#passwortVergessen {margin-bottom: 20px;}

.hidejuba21 {
	padding: 0px !important;
	border: 0px !important;
}

#loginBox {margin-top: 20px;}
/* --- --- */
/* PasswortNeuBalkenCSS  */
#passwort_balken_container {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 20px;
	width: 150px;
	border: 1px solid #E0E0E0;
}
#passwort_balken {
	width: 0;
	height: 100%;
	transition: width 200ms, background-color 200ms;
	background-color: #FF0000;
}
/* --- --- */
small {display: block; margin-bottom: 10px;}
#captcha_container {margin-top: 10px;}
/* --- --- */
/* --- --- */
/* -- AUTH.PasswortNeu #loginBox * {display: none;} darf nicht sein */

#passwort_balken_container {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 20px;
	width: 150px;
	border: 1px solid #E0E0E0;
}
#passwort_balken {
	width: 0;
	height: 100%;
	transition: width 200ms, background-color 200ms;
	background-color: #FF0000;
}
/* --- --- */