@charset "utf-8";

body {
	background-color:#FFF;
	color:#222222;
	font-family: 'Nunito Sans', sans-serif; /*300 400 600 700*/
	font-size:12pt;
	font-weight:600;
	margin:0px;
}

div#info {
	background-color:#FFF;
	float:left;
	left:50%;
	margin:100px 0px 0px -350px;
	padding:0px 10px;
	position:relative;
	width:300px;
}


div#login {
	background-color:#FFF;
	border:1px solid #DDD; 
	float:left;
	left:50%;
	margin:100px 0px 0px 50px;
	padding:0px 20px;
	position:relative;
	width:300px;
}

div.register {
	height:850px !important;
	margin:80px 0px 0px -150px !important;
	width:320px !important;
}

div.register input {
	width:310px !important;
}

div#login h1 {
	padding:15px 0px;
	margin:0px;
	text-align:center;
	font-size:24pt;
	letter-spacing:-0.01em;
	text-transform:uppercase;
	font-weight:800;
}

div#login input {
	background-color:#F7F7F7;
	border:1px solid #DDD !important;
	border-radius:4px;
	font-family: 'Nunito Sans', sans-serif;
	font-size:11pt !important;
	font-weight:500;
	padding:5px;
	width:100%;
}

div#login input:focus {
	background-color:#EEE;
}

div#login input.textbox-login-ben, div#login input.textbox-login-pw {
	border-bottom:3px solid #C60000;
	width:262px;
	font-size:12pt;
	font-family: 'Nunito Sans', sans-serif;
	opacity:0.85;
	height:20px;
	padding:8px 8px 8px 30px;
	background-position:left center;
	background-repeat:no-repeat;
}

div#login img#profilbild {
	width:140px;
	height:140px;
	border-radius:100px;
	position:relative;
	left:50%;
	margin-left:-70px;
}


div#login input.textbox-login-ben {background-image:url(../img/benutzername.png);}
div#login input.textbox-login-pw {background-image:url(../img/passwort.png);}


div#login select {
	width:397px;
	font-size:12pt;
	font-family:'Nunito Sans', sans-serif;
	opacity:0.85;
	padding:8px 8px 8px 8px;
	cursor:pointer;
}

div#login .button-login {
	background-color:transparent;
	width:100%;
	text-align:center;
	border:0px solid #FFF;
	color:#C60000;
	font-size:40pt;
	cursor:pointer;
	margin:10px 0px 20px 0px;
}

div#login p.hinweis {
	font-size:10.5pt;
	text-align:center;
}

div#login p.hinweis a:link, div#login p.hinweis a:visited {
	color:#FFF;
	border:3px solid #238be7;
	display:inline-block;
	width:200px;
	padding:3px;
	border-radius:20px;
	font-weight:bold;
	background-color:#238be7;
}

div#login p.hinweis a:hover {
	text-decoration:none;
	border:3px solid #555;
	background-color:#555;
}

div#login p.copyright  {
	width:100%;
	text-align:center;
	margin-top:20px;
	font-size:9pt;
	color:#555;
}

div#login label {
	width:100%;
	display:block;
	margin-bottom:3px;
	text-align:left;
	font-size:10pt;
	text-transform:uppercase;
	font-weight:200;
	color:#555;
}

div#header {
	background-color:#EEE;
	border-bottom:1px solid #DDD;
	color:#888;
	font-size:11pt;
	height:35px;
	position:absolute;
	width:100%;
	z-index:9;
}

div#header h1 {
	padding:0px;
	margin:8px 0px 0px 15px;
	font-size:11pt;
}

div#header h2 {
	font-size:11pt;
	margin:-20px 0px 0px -200px;
	padding:0px 0px 0px 50%;
	text-align:center;
	text-transform:uppercase;
	width:400px;
}

div#header div.contact {
	position:absolute;
	padding:8px 15px 0px 0px;
	font-size:11pt;
	top:0px;
	right:0px;
	text-align:right;
	line-height:16pt;	
}

a, a:link, a:visited, a:active {
	color:#238be7;
	text-decoration:none;
}

a:hover {
	color:#238be7;
	text-decoration:underline;
}

a.linkbutton {
	border:2px solid #238be7; 
	font-weight:bold;	
	display:block;
	padding:2px 0px 3px 10px;
	border-radius:20px;
}

a.linkbutton:hover {
	background-color:#238be7;	
	color:#FFF;
	text-decoration:none;
}

a.linkbutton-gr {
	border:2px solid #238be7; 
	font-weight:bold;	
	display:block;
	padding:5px 10px 5px 10px;
	border-radius:20px;
	min-width:200px;
}

a.linkbutton-gr:hover {
	background-color:#238be7;	
	color:#FFF;
	text-decoration:none;
}

div#wrapper {
	width:1000px;
	margin:0px auto;
	padding:10px;
	position:relative;
	top:50px;
	z-index:2;
}

div#wrapper h1 {
	padding:0px;
	font-weight:bolder;
	margin:20px 0px 0px 0px;	
}

div#wrapper h3 {
	padding:0px;
	margin:20px 0px 15px 0px;	
}

div#wrapper img.profilbild {
	position:absolute;
	width:100px;
	height:100px;
	border-radius:100px;
	right:20px;
	top:2px;
}


div#wrapper img.profilbild_userdata {
	width:180px;
	height:180px;
	position:relative;
}

div#wrapper main {
	display:block;
	float:left;
	width:730px;
}

div#wrapper aside {
	display:block;
	float:left;
	height:500px;
	padding:10px;
	margin-left:20px;
	width:230px;
}

ul.eventlist {
	padding:0px;
	margin:0px;
	width:100%;
	float:none;
	clear:both;
	text-align:center;
	display:block;
}

ul.eventlist > li {
	list-style-type:none;
	display:block;
	width:305px;
	padding:5px;
	float:left;
	border:0px solid #C60000;
	border-top:7px solid #c60000;
	margin:7px;
	background-color:#EEE;
	border-radius:0px;
}

ul.eventlist li h4 {
	font-weight:bold;
	color:#C60000;
	text-transform:uppercase;
	font-size:15.5pt;
	padding:0px;
	margin:0px;
}

ul.eventlist li h5 {
	padding:0px;
	margin:10px 0px 8px 0px;
	font-size:14pt;
	width:100%;
	text-align:left
	font-weight:500;
}

ul.eventlist span.anmerkung {
	display:block;
	width:100%;
	text-align:center;
	font-style:italic;
	font-size:9pt;
	margin:5px 0px 5px 0px;
	color:#777;
}

div#logout button.logout {
	background-color:#333;
	border-radius:5px;
	border:0px;
	color:#FFF;
	cursor:pointer;
	font-family:'Nunito Sans', sans-serif;
	font-size:10pt;
	font-weight:bold;
	left:50%;
	margin-left:-45px;
	padding:5px 10px 5px 10px;
	position:absolute;
	text-transform:uppercase;
	top:50px;
	transition:all 0.1s;
	width:135px;
	z-index:8;
}

div#logout button.logout:hover {
	background-color:#C60000;
	color:#FFF;
}

div#wrapper .textbox-wrapper {
	border:1px solid transparent;
	border-bottom:3px solid #C60000;
	background-color:#EEE;
	font-family:'Nunito Sans', sans-serif;
	font-size:12pt;
	font-weight:500;
	margin:5px 0px 10px 0px;
	padding:8px;
	width:400px;
}

div#wrapper .textbox-wrapper:focus {
	background-color:#DDD;
}

div#wrapper select {
    width:417px !important;
	padding:8px;
	font-size:12pt;
	margin:5px 0px 5px 0px;
	font-family:'Nunito Sans', sans-serif;
}

div#wrapper .button-wrapper {
	background-color:#DDD;
	border:0px solid transparent;
	border-left:5px solid #C60000;
	color:#C60000;
	cursor:pointer;
	font-family:'Nunito Sans', sans-serif;
	font-weight:bolder;
	font-size:12pt;
	margin:5px 0px 5px 0px;
	padding:8px;
	text-transform:uppercase;
}
	
div#wrapper {
	min-height:850px;
	overflow-x:hidden;
}
	
a.printbutton {
	width:100%;
	text-align:right;
}

div.newevent {
	text-align:left;
	float:left;
	margin:10px 0px 10px 0px;
	position:relative;

}

div.newevent a {
	display:block;
	padding:8px 10px;
	text-transform:uppercase;
	font-weight:bold;
	border:2px solid #238be7;
	color:#FFF;
	text-align:center;
	border-radius:20px;
	background-color:#238be7;
	margin:0px;
}

div.newevent a:hover {
	color:#FFF;
	background-color:#222;
	text-decoration:none;
	border:2px solid #222;
}

div#versioninfo {
	font-size:8pt;
	width:100%;
	text-align:right;
	position:fixed;
	bottom:5px;
	right:5px;
	color:#FFF;
	cursor:default;
}

div#versioninfo a {
	color:#FFF;
}

p.noevents {
	border:0px;
	color:#FFF;
	font-size:15pt;
	font-weight:bold;
	width:100%;
	display:block;
	text-align:center;
	padding:10px 0px 10px 0px;
	margin-top:0px;
	background-color:#FF6C6E;
}

p.hinweisgross {
	width:98%;
	text-align:center;
	font-style:italic;
	border:1px solid #606060;
	padding:7px 1% 7px 1%;
	margin-bottom:10px;	
	margin-top:10px;
}

p.hinweisgross2 {
	width:98%;
	text-align:center;
	font-style:italic;
	border:2px solid #C60000;
	padding:7px 1% 7px 1%;
	margin-bottom:10px;	
	margin-top:10px;
}

div#einsatz {
	padding:1px 2% 10px 2%;
	width:96%;
	background-color:#ed90a1;
	margin:10px 0px 5px 0px;
	text-align:center;
	border-radius:5px;
}

div#einsatz {
	font-family:courier new;
}

div#einsatz h3 {
	font-family:'Nunito Sans', sans-serif;
	text-transform:uppercase;
	text-decoration:underline;
}

ul.mitgliederliste {
	padding-top:0px;;
}

ul.mitgliederliste li {
	font-size:9pt;
}

div.mehr {
	cursor:pointer;
	color:#808080;
	font-size:10pt;
}

div#menu {
	width:1020px;
	background-color:#C60000;
	height:30px;
	font-size:10.5pt;
	margin-top:20px;
	margin-left:-10px;
	margin-bottom:10px;
}

div#menu ul li a {color:#FFF;}
div#menu ul li a:hover {color:#FFF;text-decoration:none;}

div#menu ul {
	padding:0px;
	margin:0px;
}

div#menu ul li {
	float:left;
	list-style-type:none;
	margin:0px;
	height:30px;
	transition:all 0.0s;
}

div#menu ul li:hover {
	background-color:#222;
}

div#menu ul li a {
	display:block;
	margin:0px;
	padding:6px 15px 10px 15px;
	height:18px;
	transition:all 0.0s;
}

div#menu ul li li {
	display:block;
	float:none;
	clear:both;
	position:relative;
	background-color:#222;
	opacity:0;
	margin-top:-4px !important;
}

div#menu ul li ul {
	position:absolute;
	z-index:9999;
}

div#menu ul li li, div#menu ul li li a {
	height:0px;
	padding:0px;
	margin:0px;
	transition:all 0.2s;
}

div#menu ul li:hover li {
	height:30px;
	opacity:1;
}

div#menu ul li:hover li a {
	padding:4px 15px 6px 15px !important;
	height:20px;
}

div#menu ul li li a:hover {
	background-color:#555;
}

div#wrapper div.access {
	width:100%;
	text-align:center;
	font-size:9pt;
	color:#999;
	margin-top:20px;
}

a.abme:hover {
	text-decoration:none;
}

div#wrapper table.dienstplan {
	width:100%;
	text-align:center;
	color:#000;
}

div#wrapper table.dienstplan td {padding:3px;border-top:8px solid #FFF;}

div#wrapper table.dienstplan tr.firstline {
	text-align:center;
	font-weight:bold;
	background-color:#333;
	color:#FFF;
	text-transform:uppercase;
	letter-spacing:1px;
}

div#wrapper table.dienstplan tr.F {background-color:#fee599;}
div#wrapper table.dienstplan tr.L {background-color:#FFAAAA;}

div#wrapper table.dienstplan tr.K {background-color:#c5e0b3;}

input.textbox-verleih {
	padding:5px;
	font:12pt 'Nunito Sans', sans-serif;
	cursor:text !important;
}

input.button-verleih {
	padding:5px;
	font:12pt 'Nunito Sans', sans-serif;
}

select.select-verleih {
	padding:5px !important;
	font:12pt 'Nunito Sans', sans-serif !important;
	cursor:pointer !important;
	width:50px !important;
}

p.status {
	padding:0px;
	margin:0px 0px 6px 0px;
}
	
p.status > span {
	padding:5px 12px;
	display:inline-block;
	border-radius:30px;
	margin:5px 0px 0px 0px;
	background-color:#CCC;
	color:#FFF;
	font-size:10pt;
}

p.status a:link, p.status a:visited {
	text-decoration:none;
	color:#FFF !important;
}

table.eventlist {
	width:100%;
}

table.eventlist th.date {
	padding-top:5pt;
	padding-bottom:5pt;
	text-align:center;
	width:100px;
}

table.eventlist .wochentag {
	font-size:18pt;
	font-weight:800;
	color:#222;
}

table.eventlist .tag {
	font-size:36pt;
	font-weight:800;
	color:#c60000;
	line-height:32pt;
}

table.eventlist .monat {
	font-size:18pt;
	font-weight:800;
	color:#c60000;
}

table.eventlist .jahr {
	font-size:14pt;
	font-weight:800;
	color:#222;
}

table.eventlist .anmerkung {
	color:#777;
	font-size:12pt;
	font-weight:400;
	font-style:oblique;
	line-height:10pt;"
}

table.eventlist .title {
	font-weight:bolder;
	color:#222;
	font-size:18pt;
	padding-top:5pt;
	text-align:left;
}

table.eventlist .title .fa-calendar-circle-user {
	font-size:18pt;
}

table.eventlist td.bottom {
	padding-bottom:10px;
}

table.eventlist td.bottom span.plus::before {
	content:'\f234';
	font-family:'Font Awesome 5 Pro';
	color:#000;
	font-weight:bold;
	padding-right:5px;
}

table.eventlist td.bottom span.minus::before {
	content:'\f503';
	font-family:'Font Awesome 5 Pro';
	color:#000;
	font-weight:bold;
	padding-right:5px;
}

table.eventlist th.grau, table.eventlist tr.grau td  {
	background-color:#f5f5f5;
}


a.alarm {
	padding:5px 15px;
	border:1px solid #C60000;
	display:inline-block;
	background-color:#C60000;
	color:#FFF;
	border-radius:20px;
}

a.alarm:hover {
	text-decoration:none;
	background-color:#FF0000;
}

ul.eingetragene {
	margin:7px 0px 0px 10px;
	padding:0px;
	font-size:10pt;
	color:#666;
}

ul.eingetragene li {
	list-style-type:square;
	font-size:9pt;
}

a.abmelden {
	font-size:12pt;
	color:#C60000;
}

table.eventlistspezial tr.topline td {
	font-weight:bold;
	background-color:#DDD;
}

table.eventlistspezial td {
	padding:2px;
}

table.eventlistspezial tr.gray td:first-child {
}

table.eventlistspezial tr.gray td {
	background-color:#DDD;
}

p.link1 {
	display:block;
	width:100%;
	text-align:center;
	margin:10px 0px;
	padding:0px;
	font-weight:bold;
}

p.link1 a::before {
	content:'\f35a';
	font-family:'Font Awesome 5 Free';
	font-weight:normal;
	padding-right:5px;
}


p.link2 {
	display:block;
	width:100%;
	text-align:left;
	margin:10px 0px;
	padding:0px;
	font-weight:bold;
}

a:hover {
	text-decoration:none;
	color:#C60000;
}

table.eventlistspezial span.typ {
	background-color:#222;
	color:#FFF;
	font-weight:bold;
	border-radius:100px;
	padding:1px 5px;
	display:block;
	text-align:center;
	margin:3px 3px 5px 0px;
}

table.eventlistspezial span.name {
	color:#C60000;
	font-weight:bold;
}

table.eventlistspezial span.field {
	font-weight:bold;
	border-radius:100px;
	padding:5px 5px 5px 15px;
	display:block;
	text-align:left;
	margin:3px 3px 5px 0px;
	color:#FFF;
	font-size:10pt;
}

table.eventlistspezial span.eintragen, table.eventlistspezial span.eintragen a  {
	background-color:#238be7;
	color:#FFF;
}

table.eventlistspezial span.eintragen a {
	display:block;
	width:100%;
}

table.eventlistspezial span.eingetragen {
	background-color:#079000;
}

table.eventlistspezial span.voll {
	background-color:#c60000;
}

table.eventlistspezial span.keinequal {
	background-color:#333;
}

div.downloads table {
	width:100%;
}

div.downloads table td {
	margin:0px;
	padding:0px;
}

div.downloads table a.title {
	color:#C60000;
	font-weight:bold;
	font-size:15pt;
}

div.downloads table i.fas {
	font-size:26pt;
	color:#555;
}

div.downloads table tr td {
	border-bottom:1px solid #BBB;
}

p#telegraminfo {
	padding:0px;
	margin:0px;
	position:absolute;
	left:815px;
}

p.alarmmatrix-gueltig {
	padding:5px;
	text-align:center;
	font-weight:bold;
	background-color:green;
	color:white;
	border-radius:5px;
}

p.alarmmatrix-bearb {
	padding:5px;
	text-align:center;
	font-weight:bold;
	background-color:yellow;
	border-radius:5px;
}

p.alarmmatrix-abge {
	padding:5px;
	text-align:center;
	font-weight:bold;
	color:white;
	background-color:red;
	border-radius:5px;
}

p.alarmmatrix-vorlage {
	padding:5px;
	text-align:center;
	font-weight:bold;
	color:white;
	background-color:blue;
	border-radius:5px;
}

ul.adminmenu {
	padding:0px;
	margin:0px;
}

ul.adminmenu li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

ul.adminmenu a {
	border:3px solid #238be7; 
	display:inline-block;
	font-weight:bold;
	margin-top:5px;
	padding:7px 10px 5px 10px;
	border-radius:10px;
}

ul.adminmenu a:hover {
	border:3px solid #238be7; 
	color:#FFF;
	background-color:#238be7;
}

ul.adminmenu a i {
	font-size:16pt;
	margin-right:10px;
}

div#wrapper aside h3 {
	margin:0px;
	padding:0px 0px 10px 0px;
	text-transform:uppercase;
	font-weight:bold;
}