@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);

@import url(https://fonts.googleapis.com/css?family=Roboto);

@import url(https://fonts.googleapis.com/css?family=Raleway);

@import url(https://fonts.googleapis.com/css?family=Kalam:400,700);

@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

.gkcktodo{
	font-size: 16px;
	 background-color: lime;
	 margin-bottom: 10px;
	
}

/* /* Ajax Form */
a.adminlinks {
	color: black;
	font-size: 16px;
}

a, a:link, a:visited, a:focus, a:hover, a:active{
  color:#777777;
  text-decoration:none; 
  cursor: pointer;
  font-weight: 12px;
}

.celabmeldungen {
	border: thin #bebebe solid;
	background-color: white;
	padding: 5px;
	margin: 10px;
	margin-top: 25px;
	font-size: 14px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.ueberschrift {
	font-size: 16px;
	font-weight: bold;
	color: #807777;
	margin-bottom: 5px;
	margin-top: 10px;
}

.neuigkeitensymbol {
	border: thin #782c10 solid;
	background-color: #FF4500;
	padding: 3px;
	color: #FFFFFF;
	margin-bottom: 5px;
	margin-left: 10px;
	border-radius: 4px;
	
}

.commentabmeldungen {
	padding: 5px;
	margin: 10px;
	margin-top: 25px;
	margin-left: 0px;
	padding-left: 0px;
	font-size: 12px;
	font-style: italic;
	color: #797979;
}

/*.ui-button, .ui-buttonset {
padding: 5px;
margin-left: 4px;
}
*/
li {
	margin-top: 15px;
}

.fettschreiben {
	font-weight: bold;
}

.hervorhebungen14 {
	font-weight: bold;
	font-size: 14px;
}

.hervorhebungen {
	font-weight: bold;
	font-size: 16px;
}

.hervorhebungenanswer {
	font-size: 16px;
	color: #286090;
	border: 1px solid #777777;
	padding: 10px;
	background-color: #ffffff;
}

.hervorhebungen18 {
	font-weight: bold;
	font-size: 18px;
}

li:first-child {
	margin-top: 0;
}

a.tabellink:link, a.tabellink:visited, a.tabellink:hover, a.tabellink:active {
	color: #000000;
	margin-left: 12px;
	font-size: 14px;
	text-decoration: none;
}

a.colortabellink:link, a.colortabellink:visited, a.colortabellink:hover, a.colortabellink:active {
	color: #4169e1;
	margin-left: 12px;
	font-size: 14px;
	text-decoration: underline;
}

a.colortabellinkred:link, a.colortabellinkred:visited, a.colortabellinkred:hover, a.colortabellinkred:active {
	color: red;
	margin-left: 12px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

a.linkweiterlesen:link, a.linkweiterlesen:visited, a.linkweiterlesen:hover, a.linkweiterlesen:active {
	color: #4169e1;
	text-decoration: underline;
}

a.linkmenu, a.linkmenu:visited, a.linkmenu:hover {
	color: #000000;
	margin-left: 6px;
	font-size: 14px;
	text-decoration: none;
	border: 1px solid #adadad;
	padding: 5px;
	background-color: #f5f5f5;
}

a.linkmenuhighlight:link, a.linkmenuhighlight:visited {
	color: #000000;
	margin-left: 6px;
	font-size: 14px;
	text-decoration: none;
	border: 1px solid #adadad;
	padding: 5px;
	background-color: #f5f5f5;
}

a.selectmodules:link, a.selectmodules:visited {
	color: #000000;
	font-size: 14px;
	text-decoration: none;
	border: 1px solid #adadad;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #f5f5f5;
	text-align: center;
	text-indent: 0;
	display: inline-block;
	width: 348px;
}

a.selectmodules:hover, a.selectmodules:active {
	color: #a5e4fe;
	text-decoration: none;
}

a.linktabel:link, a.linktabel:visited {
	color: #000000;
	margin-left: 15px;
	font-size: 14px;
	text-decoration: underline;
}

a.linktabel:hover, a.linktabel:active {
	color: #777777;
	text-decoration: none;
}

body {
	font-size: 13px;
	color: #000000;
	margin: 0px;
	background-color:#F5F5F5 ;/* #F5F5F5 */
}

p, li, ol, ul, a {
	font-size: 14px;
}

.question {
	font-size: 13px;
	font-weight: bold;
}

.footer {
	font-size: 80%;
	color: #777777;
	text-align: left;
}

.linkfooter {
	font-size: 9px;
	color: #777777;
	text-decoration: none;
}


em {
	font-weight: bold;
	padding-right: 1em;
	vertical-align: top;
}

.formfields {

	background-color: #ffffff;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 6px;
	padding-left: 8px;
	border-radius: 3px;
	color:  #000000;
	margin-top: 5px;
	font-size: 10pt;

}

.inputfields {
	background-color: #ffffff;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 6px;
	padding-left: 8px;
	border-radius: 3px;
	color:  #000000;
	margin-top: 5px;
	font-size: 10pt;
}

.anleitung {
	
min-width:0;
 background-color:#fff;
 -webkit-background-clip:border-box;
 background-clip:border-box;
 -webkit-box-shadow:1px 1px 2px 1px #a8a8a8;
 box-shadow:1px 1px 2px 1px #a8a8a8;
 border-radius:3px;
 padding: 20px;
  margin-bottom: 20px;
  font-size: 15px;
}

.anleitung p:first-child {
	margin-top: 0;
}

.anleitung p:last-child {
	margin-bottom: 0;
}

.alert-box {
	background-color: #d9f4fd;
	border: #88dbf6 1px solid;
	padding: 10px;
	padding-left: 45px;
	max-width: 850px;
	margin-bottom: 15px;
}

.alerterror {
	background: #ffecec url('images/error.png') no-repeat 10px 50%;
	border: 1px solid #f5aca6;
}

.alertsuccess {
	background: #e9ffd9 url('images/success.png') no-repeat 10px 50%;
	border: 1px solid #a6ca8a;
}

.alertwarning {
	background: #fff8c4 url('images/warning.png') no-repeat 10px 50%;
	border: 1px solid #f2c779;
}

.alertnotice {
	background: #e3f7fc url('https://demoaccount.dasbestatterportal.de/css/images/notice.png') no-repeat 10px 50%;
	border: 1px solid #8ed9f6;
}

.alert-box span {
	font-weight: bold;
	text-transform: uppercase;
}

label.error {
	float: none;
	color: red;
	padding-left: .5em;
	vertical-align: top;
}

table.tborders {
	border: 1px solid #dcdcdc;
	border-top: none;
}

table.tborders tr {
	border-top: 1px solid #dcdcdc;
	padding-left: 5px;
}

table.tborders td {
	border-top: 1px solid #dcdcdc;
	padding-left: 5px;
	padding-bottom: 5px;
}

table.tborders tr:first-child {
	border-top: none;
}

table.tborders tr:last-child {
	
}

table.display thead th div.DataTables_sort_wrapper {
	position: relative;
	padding-right: 10px;
	font-size: 90%; text-align: left;
}





.formfieldsabmeldung {
	background-color: #b4fbb5;
	border-top: 1px solid #bebebe;
	border-left: 1px solid #bebebe;
	padding: 0px;
	width: 450px !important;
}

input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {

	background: #f0f8ff;
	color: black;
}

input[type=submit]:focus {
	/*border: 1px solid  rgba(81, 203, 238, 1);*/
	
}



input[type=text],  input[type=password], select {
width: 250px;
	
}



select,input[type=submit]  {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	-webkit-border-radius: 3px;
}

select{
	
	


	width: 300px !important;
}

textarea {
width: 95%;
}

input[type=submit] {
	/* border: 1px solid  #FFFFFF;*/
	
}



.formfieldsred {
	font-size: 14px;
	background-color: #FFB6C1;
	color: #000000 !important;
	border-top: 1px solid #bebebe;
	border-left: 1px solid #bebebe;
	padding: 3px;
}

.formfieldsblue {
	font-size: 10px;
	background-color: #add8e6;
	color: #000000 !important;
	border-top: 1px solid #bebebe;
	border-left: 1px solid #bebebe;
	padding: 3px;
}

.formfields2 {
	width: 160px;
	background-color: #ffffff;
	border-top: 1px solid #bebebe;
	border-left: 1px solid #bebebe;
	padding: 3px;
	font-weight: 600;
}

.formfieldslong {
	background-color: #a5e4fe;
	border-top: 1px solid #bebebe;
	border-left: 1px solid #bebebe;
	padding: 3px;
}

.accordionheader {
	font-family: 'Raleway';
	font-size: 16px;
	color: black;
}

.backgroundcolortableheader {
	background-color: #bebebe;
	color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	font-family: 'Roboto';
	font-size: 16px;
}

.bar {
	background-color: #67d2fe;
	width: 0%;
	height: 20px;
	border-radius: 3px;
}

.content {
	width: 600px;
	margin-bottom: 20px;
}

.contentmerge {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.edit_pen {
	padding-left: 5px !important;
	width: 30px !important;
}

.edit_pen img {
	display: block;
	margin: auto;
}

.edit_tr {
	line-height: 40px;
}

.edit_tr td {
	padding-left: 10px;
}

.edit_tr td:first-child {
	width: 200px;
	font-weight: bold;
}

.editbox {
	display: none;
}



/* CHECKED */
.entry {
	padding: 14px;
	position: relative;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	background-color: #fff;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-box-shadow: 1px 1px 2px 1px #e4e4e4;
	box-shadow: 1px 1px 2px 1px #e4e4e4;
	border-radius: 3px
}

.dbpgrid {
	padding: 14px;
	min-width: 0;
	background-color: #fff;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-box-shadow: 1px 1px 2px 1px #e4e4e4;
	box-shadow: 1px 1px 2px 1px #e4e4e4;
	border-radius: 3px;
	margin-bottom: 10px;
}

.floateingabe {
	float: left !important;
	margin-right: 20px;
	margin-bottom: 15px;
}

.floateingaberight {
	float: right;
	margin-right: 20px;
	margin-bottom: 15px;
}

.floateingabeohnemargin {
	float: left;
	margin-bottom: 15px;
	margin-right: 5px;
}

.claerfloat {
	clear: left;
}


/* CHECKED */
hr {
	border: none;
 border-top:2px solid #F5F5F5;
}

/* CHECKED */
.musiktitel {
	font-size: 16px;
	color:#000000;
}

/* CHECKED */
.rowmusik {
	max-width: 1000Px;
}

.rowmusikein {
	max-width: 1000Px;
}

.rowmusikeinzug {
	max-width: 1000Px;
	margin-left: 15Px
}

/* CHECKED */
/* Hintergrund Farbe der Tabelle */
.dataTables_wrapper {
	background-color: #fff;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-box-shadow: 1px 1px 2px 1px #a8a8a8;
	box-shadow: 1px 1px 2px 1px #a8a8a8;

	border-radius: 3px
}

/* CHECKED */
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
	background-color: #f6f6f6;
}
/* CHECKED */
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
	background-color: #acbad4;
}
/* CHECKED */
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
	background-color: #D1EEFE;
}
/* CHECKED */
table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
	background-color: #D1EEFE;
}

.dataTables_wrapper .dataTables_filter {
	float: left;
	text-align: left;
	margin-left: 15px;
}

.dataTables_wrapper .dataTables_length {
	float: right;
	margin-right: 15px;
}

div.dataTables_wrapper div.dataTables_filter input {
	width: 100%;
	height: 25px;
	padding: 9px 10px;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 25px;
	background-image: search;
	border: 1px solid #000000;
	/* border-radius: 4px; */
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.titelabeldungen {
	background-color: #F4F4F4;
	color: #000000;
	border: #bebebe 1px solid;
	padding: 14px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 5px 5px 5px silver;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}

/* CHECKED */
.explain {
	width: 100%;
	margin-bottom: 20px;
}

.headercells {
	font-size: 14px;
	padding: 5px;
	font-weight: 900;
	background-color: #a5e4fe;
}

.hidebutton {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color: #ededed;
	border: 2px solid #dcdcdc;
	display: inline-block;
	color: #999999;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 2px 18px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #ffffff;
}

a.spruechinks:link, a.spruechinks:visited, a.spruechinks:hover, a.spruechinks:active {
	color: black;
	text-decoration: underline;
	font-size: 12px;
}

a.spruechinksaktiv:link, a.spruechinksaktiv:visited, a.spruechinksaktiv:hover, a.spruechinksaktiv:active {
	color: #000000;
	text-decoration: underline;
}

a.spruechinksfertig:link, a.spruechinksfertig:visited, a.spruechinksfertig:hover, a.spruechinksfertig:active {
	color: #000000;
	text-decoration: underline;
}

.spruecheartaktivaktiv {
	background-color: #F9AF2A;
	font-size: 10pt;
	color: #000000;
	border: 1px solid #e29506;
	padding: 5px;
}

.spruecheartaktiv {
	background-color: #ededed;
	font-size: 10pt;
	color: #a0a0a0;
	border: 1px solid #999999;
	padding: 5px;
}

.spruecheartaktivfertig {
	background-color: #98FB98;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	border: 1px solid #999999;
	padding: 5px;
}

.spruecheartfertig {
	background-color: #ededed;
	font-size: 10pt;
	color: #666666;
	border: 1px solid #999999;
	padding: 5px;
}

.spruecheleerbereich {
	border-top: 0px;
}

select input:required:invalid {
  border-color: red;
}
select input:required:invalid::before {
  content: 'This field is required.';
  color: red;
  font-size: 0.8em;
  font-style: italic;
}

.spruechetextbereich {
	font-size: 12pt;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #f9f9f9;
	color: #a0a0a0;
	border: 1px solid #a0a0a0;
}

.spruechetextbereichaktiv {
	font-size: 12pt;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #fbf8ec;
	font-weight: bold;
	border: 1px solid #e29506;
}

.spruechetextbereichfertig {
	font-size: 12pt;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #e7fceb;
	font-weight: bold;
	border: 1px solid #057906;
}

.spruecheeditbereich {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #fbf8ec;
	border: 1px solid #e29506;
}

.hidebutton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color: #dfdfdf;
}

.hidebutton:active {
	position: relative;
	top: 1px;
}

.lessimportant {
	color: #bebebe;
}

.loginerror {
	color: #FFFFFF;
	font-size: 16px;
}

.menubar {
	width: 100%;
	margin-bottom: 20px;
}

.menubarbutton {
	background-color: #67d2fe;
	border: 1px solid #01a5e4;
	display: inline-block;
	color: #ffffff !important;;
	font-size: 14px;
	padding: 8px 8px;
	text-decoration: none;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 3px;
}



.errorsmall {
	color: #FF0000;
	font-size: 90%;
	font-weight: bold;
}

.menubarbutton:link :visited :hover {
	background-color: #ffffff;
	border: 1.3px solid #000000;
	display: inline-block;
	color: #ffffff;
	font-family: 'Raleway' !important;
	font-size: 18px;
	padding: 4px 8px;
	text-decoration: none;
}

.menubarbuttongreyklein {
	text-indent: 0;
	border: 1.3px solid #000000;
	display: inline-block;
	color: #000000;
	font-size: 12px;

	font-style: normal;


	padding: 4px 8px;
	text-decoration: none;
	text-align: center;
	background-color: #ffffff;
	margin-bottom: 5px;
	margin-right: 5px;
	border-radius: 0px;
}

.menubarbuttongreyklein:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background: -moz-linear-gradient(center top, #e9e9e9 5%, #f9f9f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color: #e9e9e9;
}

.menubarbuttongreyhellgreen {
	text-indent: 0;
	border: 1px solid #5b6773;
	display: inline-block;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	height: 22px;
	line-height: 22px;
	padding: 4px 8px;
	text-decoration: none;
	text-align: center;
	background-color: #DEF2B3;
}

.menubarbuttongrey {
	text-indent: 0;
	border: 1px solid #000000;
	display: inline-block;
	color: #777777;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	height: 22px;
	line-height: 22px;
	padding: 4px 8px;
	text-decoration: none;
	text-align: center;
	background-color: #FFFFFF;
	margin-bottom: 5px;
	margin-right: 5px;
	border-radius: 3px;
}


.buttongruen {
	text-indent: 0;
	border: 1px solid #006400;
	display: inline-block;
	color: #ffffff !important;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	height: 22px;
	line-height: 22px;
	padding: 4px 8px;
	text-decoration: none;
	text-align: center;
	background-color: #006400;
	margin-bottom: 5px;
	margin-right: 5px;
	border-radius: 3px;
}

.buttonred {
	text-indent: 0;
	border: 1px solid #EE4B2B;
	display: inline-block;
	color: #ffffff !important;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	height: 22px;
	line-height: 22px;
	padding: 4px 8px;
	text-decoration: none;
	text-align: center;
	background-color: #EE4B2B;
	margin-bottom: 5px;
	margin-right: 5px;
	border-radius: 3px;
}




.menubarbuttongrey:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background: -moz-linear-gradient(center top, #e9e9e9 5%, #f9f9f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color: #e9e9e9;
}

.menubarbuttongreywarning {
	text-indent: 0;
	border: 1px solid #ff0000;
	display: inline-block;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	height: 22px;
	line-height: 22px;
	padding: 4px 8px;
	text-decoration: none;
	text-align: center;
	background-color: #FFFFFF;
}

.menubarbuttongreywarning:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background: -moz-linear-gradient(center top, #e9e9e9 5%, #f9f9f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color: #e9e9e9;
}

.menubarbuttongold {

	background-color: #ffd700;
	
}

.menubarbuttongold:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background: -moz-linear-gradient(center top, #e9e9e9 5%, #f9f9f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color: #e9e9e9;
}

.menubarbuttonborderred {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background: -moz-linear-gradient(center top, #f9f9f9 5%, #e9e9e9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color: #f9f9f9;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	text-indent: 0;
	border: 1px solid #dcdcdc;
	display: inline-block;
	color: #666666;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	height: 22px;
	line-height: 22px;
	padding: 2px 8px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #ffffff;
}

.menubarbuttonborderred:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background: -moz-linear-gradient(center top, #e9e9e9 5%, #f9f9f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color: #e9e9e9;
}

.menubarbutton:active {
	position: relative;
	top: 1px;
}

.mergecol1 {
	width: 1%;
}

.mergecol2 {
	width: 40%;
}

.mergecol3 {
	width: 39%;
}

.mergecol4 {
	width: 10%;
}

.mergecol5 {
	width: 5%;
}

.mergecol6 {
	width: 5%;
}

.mergecol7 {
	width: 20%;
}

.mergecolspan31 {
	width: 80%;
}

.mergecolspan32 {
	width: 20%;
}

.Pagetitle {
	font-size: 28px;
	color: black;
	margin-bottom: 20px;
	margin-top: 20px;
	font-weight: 400;
	
}

.Pagetitlesub {
	font-size: 14px;
	color: black;
	margin-bottom: 20px;
	border-bottom: 1px solid black;
}

.Subtitle {
	font-size: 15px;
	color: #67d2fe;
	margin-bottom: 20px;
}

.percent {
	position: absolute;
	display: inline-block;
	top: 3px;
	left: 48%;
	color: #dedede;
}

.progress {
	position: relative;
	width: 400px;
	border: 1px solid #dddddd;
	padding: 1px;
	border-radius: 3px;
	margin-top: 20px;
}

.resultupload {
	margin-top: 20px;
	color: black;
	font-size: 18px;
}

.secondbutton {
	-moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;
	box-shadow: inset 0px 0px 0px 0px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background: -moz-linear-gradient(center top, #ededed 5%, #dddddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color: #ededed;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #777777;
	display: inline-block;
	color: black;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 4px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #ffffff;
}

.secondbutton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background: -moz-linear-gradient(center top, #dddddd 5%, #ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color: #dddddd;
}

.secondbutton:active {
	position: relative;
	top: 1px;
}

.sectionbackground {
	background-color: #dcdcdc;
}

.sectionbackground2 {
	background-color: #afeeee;
	style ="border: none"
}

.sectionheader {
	font-size: 16px;
	font-weight: 400;
	color: #003333;
	background-color: #afeeee;
	margin-top: 3px;
	padding: 10px;
	height: 30px;
	vertical-align: middle;
}

.sectionheaderhide {
	font-size: 16px;
	font-weight: 400;
	color: #999999;
	background-color: #eeeeee;
	margin-top: 3px;
	padding: 10px;
	height: 30px;
	vertical-align: middle;
}

.selectboxnotshared {
	background-color: #eeeeee;
}

.showbutton {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color: #ededed;
	border: 2px solid #dcdcdc;
	display: inline-block;
	color: #003333;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 2px 18px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #ffffff;
}

.showbutton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color: #dfdfdf;
}

.showbutton:active {
	position: relative;
	top: 1px;
}

.tablecells {
	font-size: 12px;
	padding: 5px;
}

.tablecellsgroup1 {
	font-size: 12px;
	padding: 5px;
	font-weight: 900;
	background-color: #67d2fe;
}

.tablecellsgroup2 {
	font-size: 12px;
	padding: 5px;
	font-weight: 900;
	background-color: #a5e4fe;
}

.tablemargin {
	margin-top: 15px;
}

.text {
	font-size: 12px;
	width: 380px;
}

.uploaderror {
	margin-top: 20px;
	color: red;
	font-size: 18px;
}

.uploadfield {
	width: 300px;
}

#dasboardcontentcontent {
	font-size: 14px;
	margin-top: 20px;
}

#dasboardcontentgroup1 {
	font-size: 14px;
	margin-top: 20px;
}

#dasboardcontentgroup2 {
	font-size: 14px;
	margin-top: 20px;
}

#dashboardtitel {
	font-size: 16px;
	font-weight: bold;
	background-color: #a5e4fe;
	padding: 5px;
}

#dateselection {
	font-size: 14px;
	margin-top: 20px;
}

#edit_tab {
	width: 780px;
	margin: auto;
	background: #d9d9d9;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
}

#header {
	font-family: 'Raleway';
	font-size: 32px;
	margin-left: 20px;
	margin-top: 20px;
	color: white;
}

#loginmask {
	margin-top: 40px;
}

#maincontent {
	margin-top: 20px;
	margin-left: 20px;
	margin-top: 20px;
}

#repeaterTable {
	border-left: 1px solid #67d2fe;
	border-right: 1px solid #67d2fe;
	border-collapse: collapse;
	border-spacing: 0px;
	background-color: #a5e4fe;
}

#repeaterTable td {
	border-bottom: 1px solid white;
}

#repeaterTable td:first-child {
	border-left: 1px solid #67d2fe;
}

#repeaterTable td:last-child {
	border-right: 1px solid #67d2fe;
}

#repeaterTable tr:first-child {
	border-top: 1px solid #67d2fe;
}

#repeaterTable tr:last-child {
	border-bottom: 1px solid #67d2fe;
}

#supercontent {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}

.sectionHeader {
	background-color: #01a5e4;
	color: #FFFFFF;
	font-size: 18px;
	padding: 7px;
}

.redbutton {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color: #ededed;
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-left-radius: 7px;
	text-indent: 0;
	border: 1px solid #bcbcbc;
	display: inline-block;
	color: red;
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	height: 20px;
	line-height: 20px;
	width: 100px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #ffffff;
}

.redbutton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color: #dfdfdf;
}

.redbutton:active {
	position: relative;
	top: 1px;
}

.greenbutton {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color: #ededed;
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-left-radius: 7px;
	text-indent: 0;
	border: 1px solid #bcbcbc;
	display: inline-block;
	color: #4c784d;
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	height: 20px;
	line-height: 20px;
	width: 100px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #ffffff;
}

.greenbutton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color: #dfdfdf;
}

.greenbutton:active {
	position: relative;
	top: 1px;
}











.blackbutton {
/* 	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff; */
/* 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); */
	background-color: #ffffff;
	text-indent: 0;
	border: 1px solid #000000;
	display: inline-block;
	color: black;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	height: 20px;
	line-height: 20px;
	width: 90px;
	text-decoration: none;
	text-align: center;
	
	margin-bottom: 5px;
}

.blackbutton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color: #dfdfdf;
}

.blackbuttonfav {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9cd7b), color-stop(1, #F9B233));
	background: -moz-linear-gradient(center top, #f9cd7b 5%, #F9B233 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#F9B233');
	background-color: #f9cd7b;
	text-indent: 0;
	border: 1px solid #F9B233;
	display: inline-block;
	color: black;
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	height: 20px;
	width: 110px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #ffffff;
}

.blackbuttonfav:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F9B233), color-stop(1, #f9cd7b));
	background: -moz-linear-gradient(center top, #F9B233 5%, #f9cd7b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#f9cd7b');
	background-color: #F9B233;
}

.blackbuttonl {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color: #ededed;
	text-indent: 0;
	border: 1px solid #bcbcbc;
	display: inline-block;
	color: black;
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	height: 20px;
	line-height: 20px;
	width: 150px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #ffffff;
}

.autowidht {
	display: inline-flex;
	width: 400px;
}

.blackbuttonl:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color: #dfdfdf;
}

.blackbutton:active {
	position: relative;
	top: 1px;
}

.subdescription {
	color: #777777;
	font-size: 80%;
}

.onButton {
	background: #f67689;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78297', endColorstr='#f56778'); /*  IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f78297), to(#f56778)); /*  WebKit */
	background: -moz-linear-gradient(top, #f78297, #f56778);
	border-color: #df6f8b #da5f75 #d55061;
	color: #913944;
	text-shadow: 0 1px 0 #f89ca9;
	-webkit-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1;
	-moz-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1;
	box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1;
}

.offButton {
	background: #01a5e4;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78297', endColorstr='#f56778'); /*  IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f78297), to(#f56778)); /*  WebKit */
	background: -moz-linear-gradient(top, #f78297, #f56778);
	border-color: #df6f8b #da5f75 #d55061;
	color: #913944;
	text-shadow: 0 1px 0 #f89ca9;
	-webkit-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1;
	-moz-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1;
	box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1;
}

table.default {
	border-collapse: collapse;
}

table.default td, table th {
	border: 1px solid #c1c1c1;
	padding: 3px;
	vertical-align: top;
}

.alertmessagecolor {
	color: #913944;
	font-size: 20px;
}



.alertmessagecolorok {
	font-size: 20px;
	color: #008040;
}



#pagenumber {
	font-size: 12px;
	color: #FFFFFF;
}

#content {
	border: 0px #e1e1e1 solid;
	padding-left: 0px;
	padding-right: 0px;
}

#player {
	width: 80%;
}

/* ui-widget-overlay {
	background-color: black;
	opacity: .70;
	filter: Alpha(Opacity = 70);
}

.ui-autocomplete-loading {
	background: white url('images/ui-anim_basic_16x16.gif') right center
		no-repeat;
} */

/*
.ui-widget-header {
	border: 1px solid #bebebe;
	background: #FBFBFB
		url(images/ui-bg_highlight-soft_75_cccccc_1x100Kolloo.png) 50% 50%
		repeat-x;
	font-weight: normal;
	color: black;
	padding: 9px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl
{
  border-bottom-left-radius: 10px;
}


.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br
{
  border-bottom-right-radius: 10px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl
{
  border-top-left-radius: 10px;
}


.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr
{
  border-top-right-radius: 10px;
}
*/


table.dataTable thead th, table.dataTable thead td {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bebebe;
	font-size: 9pt;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
	background-color: #E6E4E4;
	padding: 5px;
}

/* .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #d3d3d3;
  border-right-color: #d3d3d3;
  border-bottom-color: #d3d3d3;
  border-left-color: #d3d3d3;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  background-color: #f1f1f1;
  background-image: url("images/ui-bg_glass_75_e6e6e6_1x400.png");
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  background-position-x: 50%;
  background-position-y: 50%;
  background-size: auto auto;
  font-weight: normal;
  font-size: 8pt;
  color: black;
}
 */
p.weiterethemen {
	background: #ededed;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	color: #2C2C2C;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 7px;
	padding-right: 7px;
	margin-top: 60px;
	line-height: 16px;
	font-size: 16px;
	font-weight: bold;
}

p.faqkats {
	background: #ededed;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	color: #2C2C2C;
	padding-left: 7px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 7px;
	margin-top: 20px;
	line-height: 16px;
	font-size: 120%;
	font-weight: bold;
}

a.weitere {
	color: #4169e1;
	text-decoration: none;
	font-size: 110%;
	line-height: 26px;
}

a.weiterefaqs {
	color: #4169e1;
	text-decoration: none;
	font-size: 100%;
	line-height: 26px;
}

h6 {
	font-size: 150%;
}

.h1faq {
	font-size: 140%;
	font-weight: bold;
	color: #666666;
}

.h2faq {
	font-size: 140%;
	font-weight: bold;
	color: #4169e1;
}

a.manuallink:link, a.manuallink:visited, a.manuallink:hover, a.manuallink:active {
	color: #4169e1;
	text-decoration: underline;
}

.defaultcolor {
	font-size: 80%;
	color: #999999;
}

.spruchnummer {
	font-size: 14px;
	color: #666666;
}

.spruch {
	font-size: 16px;
	font-family: 'Kalam', cursive;
	line-height: 20px;
	font-weight: 300;
}

.verfasser {
	font-size: 12px;
	color: #666666;
	font-style: italic;
}

.spruchenfertig {
	border: 1px solid #1cf855;
	background-color: #eafcee;
	margin-bottom: 15px;
	padding: 10px;
	font: serif;
	font-size: 16px;
	color: black;
	font-weight: bold;
	margin-right: 15px;
	line-height: 21px;
}

.spruchenfertig2 {
	border: 1px solid #f9cd7b;
	background-color: #fbf8ec;
	margin-bottom: 15px;
	padding: 10px;
	font: serif;
	font-size: 16px;
	color: black;
	font-weight: bold;
	margin-right: 15px;
	line-height: 21px;
}

.spruchen {
	border: 1px solid #a7a7a7;
	background-color: #ffffff;
	margin-bottom: 15px;
	padding: 10px;
	font: serif;
	font-size: 16px;
	color: #5b6773;
	margin-right: 15px;
}

.videotabellenheader {
	background-color: #696969;
	font-family: "Rambla", sans-serif;
	color: #FFFFFF;
	text-align: left;
	font-size: 18px;
	padding: 5px;
	border-top: 10px solid #071D2D;
}

.videotabellenrow {
	background-color: #DCDCDC;
	font-family: "lato", sans-serif;
	color: #000000;
	text-align: left;
	font-size: 14px;
	padding: 5px;
	border-bottom: 1px solid #696969;
}

a.videolinks {
	color: #000000;
	text-align: left;
	font-size: 14px;
	text-decoration: none;
}

.largesymbol {
	font-size: 18px;
}

.backgroundrowvideo {
	background-color: #E48704;
}

/* CHECKED */
.dataTables_wrapper .dataTables_filter input {
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
}

/* CHECKED */
.dataTables_wrapper .dataTables_info {
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* CHECKED */
.dataTables_wrapper .dataTables_length {
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}

input.date_picker {
	text-align: center;
	background-image: url("images/ui-icon-calendar.png");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 18px;
	width: 78px;
}

div.popdown-content header h4 {
	margin: 0;
	padding: 0;
	background-color: red;
	font-size: 16px;
	text-align: left;
	padding: 15px 10px;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, "pragmatica-web", Arial, sans-serif;
	color: #ffffff;
}

div.popdown-content section.body p {
	font-size: 16px;
	color: #595959;
}

/* .ui-widget-overlay {    
    background-color: #000000;
    opacity: 0.4;
    -moz-opacity:0.40;
    filter: alpha(opacity=40);
   
     }
     
.ui-dialog-titlebar-close {
    visibility: hidden;
} */
div.popdown-content footer button:hover {
	background-color: #46718D;
}

div.popdown-content footer button {
	background-color: #46718D;
}

.unterzeile {
	font-size: 8pt;
	color: gray;
}

#cbox {
	text-align: center
}

#cbox {
	margin: 40px auto
}

.cbox {
	display: inline-block;
	width: 90%;
	min-width: 250px;
	max-width: 350px;
	box-sizing: border-box;
	margin: 20px
}

.cbox h5, .cbox p {
	text-align: left
}

@media only screen and (min-width:460px) {
	.cbox {
		/* width: 30%; */
	}
	.cbox {
		vertical-align: top;
	}
}

@media only screen and (min-width:680px) {
	.cbox:last-child {
		margin: 20px 0 20px 20px
	}
	.cbox:first-child {
		margin: 20px 20px 20px 0
	}
}

.startpage {
	font-size: 13px;
}

.startpage p {
	font-size: 13px;
}

.startpage li {
	font-size: 13px; //
	color: red;
	list-style-position: outside;
}

.scrollingdiv {
	height: 300px;
	overflow: scroll;
	width: 750px;
	border: 1px solid #bebebe;
	padding: 10px;
}

.startpage ul {
	padding-left: 0;
	margin-left: 0.6em;
}

.neubutton {
	background-color: #004A7F;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	-webkit-animation: glowing 2500ms infinite;
	-moz-animation: glowing 2500ms infinite;
	-o-animation: glowing 2500ms infinite;
	animation: glowing 2500ms infinite;
}

/* @-webkit-keyframes glowing {
   0% { background-color: #FFFFFF; -webkit-box-shadow: 0 0 3px #FFFFFF; }
  50% { background-color: #1E90FF; -webkit-box-shadow: 0 0 40px #1E90FF; }
  100% { background-color: #FFFFFF; -webkit-box-shadow: 0 0 3px #FFFFFF; }
}

@-moz-keyframes glowing {
  0% { background-color: #FFFFFF; -moz-box-shadow: 0 0 3px #FFFFFF; }
  50% { background-color: #1E90FF; -moz-box-shadow: 0 0 40px #1E90FF; }
  100% { background-color: #FFFFFF; -moz-box-shadow: 0 0 3px #FFFFFF; }
}

@-o-keyframes glowing {
  0% { background-color: #FFFFFF; box-shadow: 0 0 3px #FFFFFF; }
  50% { background-color: #1E90FF; box-shadow: 0 0 40px #1E90FF; }
  100% { background-color: #FFFFFF; box-shadow: 0 0 3px #FFFFFF; }
}

@keyframes glowing {
  0% { background-color: #FFFFFF; box-shadow: 0 0 3px #FFFFFF; }
  50% { background-color: #1E90FF; box-shadow: 0 0 40px #1E90FF; }
  100% { background-color: #FFFFFF; box-shadow: 0 0 3px #FFFFFF; }
} */
.news { background-color:#1E90FF;
	color: #FFFFFF;
	padding: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	font-size: 15px;
}

.namemitarbeiter {
	font-weight: bold;
	font-size: 26px;
	text-decoration: underline;
}

.wochentag {
	font-weight: bold;
	font-size: 16px;
}

.jaarzeit {
	font-weight: bold;
	font-size: 20px;
	color: #286090;
	border-bottom: 1px solid #286090;
}

.stundenanzeige {
	font-weight: bold;
	font-size: 14px;
	color: #468966;
}

.monatzeit {
	font-weight: bold;
	font-size: 20px;
	color: #8B0000;
	border-bottom: 1px solid #8B0000;
}

.arbeitszeiten {
	font-size: 14px;
}

.commentarbeitszeiten {
	font-size: 14px;
	font-style: italic;
	color: #286090;
}

.gesamtarbeitszeit {
	font-size: 14px;
	text-decoration: underline;
	font-weight: bold;
}

.floatleftarbeit {
	float: left;
}

.floatnonearbeit {
	float: none;
}

.boldpages {
	font-weight: bold;
}

.dibadresse {
	background-color: #efefef;
	font-size: 14px;
	padding: 10px;
	border: 1px solid #c6c6c6;
	line-height: 20px;
}

.dibadressehighlight {
	background-color: #ddf7d8;
}

.borderbottomdib {
	border-bottom: 1px solid #c6c6c6;
}

a.blacklinks:link, a.blacklinks:visited, a.blacklinks:hover, a.blacklinks:active {
	color: black;
	text-decoration: underline;
}

input[type="radio"], input[type=checkbox] {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	transform: scale(1.5);
}

label {
	color: #313133;
	
	font-size: 10pt;
	padding-left: opx;
	font-weight: 600;
	text-transform: none
}

.linktesting:link {
	color: black;
	text-decoration: underline;
}
.linktesting:visited {
	color: red;
	text-decoration: underline;
}
a.blacklinks:visited {
	color: red;
	text-decoration: underline;
}

.infocentermain
	{
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		font-size: 18pt;
		border-bottom: #000000 1px solid;
		
	}
	.infocenterheader
	{
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		font-size: 13pt;
		 margin-top: 20px;
		margin-bottom: 1px;
	}
	.infocenterheader2
	{
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		font-size: 12pt;
		color:#3b3b3b;
		 margin-top: 20px;
		margin-bottom: 1px;
	}
		.infocenterstandard
	{
		font-family: 'Open Sans', sans-serif !important;
		 margin-top: 4px;
		font-size: 11pt;
		color: #777;
	}
	
	.infocenterklein
	{
	font-family: 'Open Sans', sans-serif !important;
font-size: 10pt;
color: #777;

	}
		.infocenterlink
	{
		font-family: 'Open Sans', sans-serif;
		text-decoration: underline !important;
		color: #777 !important;
		font-size: 11pt;
	}
	.gedenktitel {
		
		font-family: 'Hanuman', serif;
		color: #000000 !important;
		font-size: 20pt;
	}
	.gedenktitelklein {
		
		font-family: 'Hanuman', serif;
		color: #000000 !important;
		font-size: 14pt;
	}
	.gedenktitelsehrklein {
		
		font-family: 'Hanuman', serif;
		color: #000000 !important;
		font-size: 12pt;
	}
	body {
	
		background-position: center; /* Center the image */
	}

.lx-card {
 
 min-width:0;
 background-color:#fff;
 -webkit-background-clip:border-box;
 background-clip:border-box;
 -webkit-box-shadow: 1px 1px 2px 1px #a8a8a8;
 box-shadow: 1px 1px 2px 1px #a8a8a8;
 border-radius:3px;
 padding: 20px;
  margin-bottom: 20px;
}

.lx-card-header {
	font-size: 36px;
	margin-bottom: 20px;
	color: #000000;
	font-family: 'Open Sans', sans-serif  !important;
	font_weight: Bold !important;

	
}

.lx-card-header-extrainfo {
	font-size: 12px;
	margin-bottom: 20px;
	color: #707070;
	font-family: 'Open Sans', sans-serif  !important;
	font-weight: normal !important;
	
}

.lx-card-anleitung {
font-family: 'Open Sans', sans-serif !important;
font-size: 11pt;
color: #777;
	margin-bottom: 20px;
	
	
}

.messageok{
	font-size: 30px;
	color: #008000;
	font-weight: bold;
}

.fade-out {
  animation: fadeOut ease 4s;
  -webkit-animation: fadeOut ease 4s;
  -moz-animation: fadeOut ease 4s;
  -o-animation: fadeOut ease 4s;
  -ms-animation: fadeOut ease 4s;
}@keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-o-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-ms-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

input:required:invalid {
  border: 2px solid red;
  color: red;
}

input:required:valid {
  border-color: green;
}

input:required:invalid + span::before {
  content: "⚠ ";
}

input:required:valid + span::before {
  content: "✓ ";
}


  
}