@media print {
  	.noprint, .myheader, #sp-top-bar, #sp-header, #sp-footer { 
    	display: none;
  	}
  	.mycontent {
      	position: absolute;
      	left: 0;
      	top: 0;
      	width: 100%;
    }
  	.nobreak {
      	break-inside: avoid;
    }
}
/* >>> L2-Forms Anfang >>> */
/* FORM */
form.l2uform {
 	max-width: 800px;
  	min-width: 650px;
}
#admNOTCUR,
#admTNTerm {
	max-width: 1200px;
  	min-width: 650px;  
}
form.l2uform ul {
	list-style-type: none;
  	margin-top: 20px;
  	margin-bottom: 20px;
}
form.l2uform ul li {
    margin-top: 10px;
  	margin-bottom: 15px;
}
form.l2uform ul li.space_high {
    margin-top: 30px;
  	margin-bottom: 25px;
}
form.l2uform label {
	padding-bottom: 4px;    
}
form.l2uform input, 
form.l2uform button {
	margin-right: 2px;  
}
form.l2uform input.field-inline,
form.l2uform select.field-inline {
  	display: inline;
}
form.l2uform select.field-xlarge,
form.l2uform input.field-xlarge {
	max-width: 600px; 
}
form.l2uform select.field-vlarge,
form.l2uform input.field-vlarge {
	max-width: 500px; 
}
form.l2uform select.field-large,
form.l2uform input.field-large {
	max-width: 406px; 
}
form.l2uform select.field-medium,
form.l2uform input.field-medium {
	max-width: 280px;
}
form.l2uform select.field-small,
form.l2uform input.field-small {
	max-width: 180px; 
}
form.l2uform select.field-msmall,
form.l2uform input.field-msmall {
	max-width: 150px; 
}
form.l2uform select.field-vsmall,
form.l2uform input.field-vsmall {
	max-width: 120px; 
}
form.l2uform select.field-vvsmall,
form.l2uform input.field-vvsmall {
	max-width: 100px; 
}
form.l2uform select.field-xsmall,
form.l2uform input.field-xsmall {
	max-width: 80px; 
}
form.l2uform select {
  	min-height: 39px;
}
form.l2uform input[type=submit],
form.l2uform input[type=button], 
form.l2uform button {
  	background-color: #6b8c8c;
  	color: white;
  	padding: 12px 20px;
  	border: none;
  	border-radius: 4px;
  	cursor: pointer;
  	float: left;
}
form.l2uform input[type=submit]:hover,
form.l2uform input[type=button]:hover, 
form.l2uform button:hover {
  	background-color: #10798c;
}
form.l2uform input[type=submit]:disabled,
form.l2uform input[type=button]:disabled, 
form.l2uform button:disabled {
  	background-color: #ABB1B1;
}
form.l2uform input[type=radio] + label,
form.l2uform input[type=checkbox] + label {
  	margin: 0px 20px 20px 5px;
}
#admNOTCUR input[type=radio] + label,
#admNOTCUR input[type=checkbox] + label {
  	margin: 0px 5px 2px 5px;
}
#admTNTerm input[type=radio] + label,
#admTNTerm input[type=checkbox] + label {
  	margin: 1px 5px;
  	padding: 5px;
}
#admUMFUser input[type=radio] + label,
#admUMFUser input[type=checkbox] + label,
#admTNTermUser input[type=radio] + label,
#admTNTermUser input[type=checkbox] + label {
  	margin: 0px 5px;	
  	padding: 8px 0px;
}
#admUMFUser input[type=text] {
	box-sizing: border-box;
	border: 3px solid #ccc;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	outline: none;
}
#admUMFUser input[type=text]:focus {
  border: 3px solid #555;
}
form.l2uform input:placeholder-shown {
  	color: #AEAEAE;
}
/* SEARCH */
form.l2sform {
 	float: left;	
  	width: 70%;
}
form.l2sform input {
  	display: inline !important;
  	float: right;
}
form.l2sform input[type=search] {
  	width: 250px;
  	margin: 0 3px;
}
@media screen and (max-width: 800px) {
    form.l2sform input[type=search] {
        width: 200px;
    }	
}
@media screen and (max-width: 650px) {
    form.l2sform input[type=search] {
        width: 150px;
    }	
}
form.l2sform input:placeholder-shown {
  	color: #C5C5C5;
}
form.l2sform input[type=submit],
form.l2sform input[type=button] {	
  	background-color: #6b8c8c;
  	color: white;
  	margin: 0 1px;
  	padding: 7px 14px;
  	border: none;
  	border-radius: 4px;
  	cursor: pointer;
}
form.l2sform input[type=button] {
  	background-color: #947373;
}
form.l2sform input[type=submit]:hover {
  	background-color: #10798c;
}
form.l2sform input[type=button]:hover {
  	background-color: #EF8673;
}
/* FOTO */
form.l2frmpic {
  	min-width: 450px;
}
form.l2frmpic ul {
	list-style-type: none;
  	margin-top: 20px;
  	margin-bottom: 20px;
  	display: flex;
  	justify-content: center;
}
form.l2frmpic ul li {
  	margin-left: -40px;
}
form.l2frmpic input.field-large {
	width: 520px; 
}
form.l2frmpic input[type=submit],
form.l2frmpic input[type=button], 
form.l2frmpic button {
  	background-color: #6b8c8c;
  	color: white;
  	padding: 12px 15px;
  	margin: 3px;
  	border: none;
  	border-radius: 4px;
  	cursor: pointer;
  	float: left;
}
form.l2frmpic input[type=submit]:hover,
form.l2frmpic input[type=button]:hover,
form.l2frmpic button:hover {
  	background-color: #10798c;
}
form.l2frmpic button:disabled,
form.l2frmpic button[disabled]{
  	background-color: #cccccc;
}
img.myPICView {
	display: block;
  	max-height: 500px !important;
	max-width: 80%;
  	margin: auto;
}
/* ETC */
.mark-text {
    color: #10798c;  
}
.mark-text-bold {
	font-weight: bold;
    color: #10798c;  
}
.mark-red {
  	color: #EF8673;
}
.mark-blue {
  	color: #2384C3;
}
.mark-blue-bold {
  	font-weight: bold;
  	color: #2384C3;
}
.mark-red-bold {
  	font-weight: bold;
  	color: #EF8673;
}
.mark-black {
  	color: #0E2525;
}
.mark-large-bold {
  	font-weight: bold;
  	font-size: large;
}
.mark-text-kursiv {
	font-style: italic;  
	color: #10798c;  
}

.opacity50 {
	opacity: 0.5;
}
.imgcon {
  	position: relative;
  	text-align: center;
}
.imgconobjcenter {
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}

.group-checkbox input[type=checkbox] + label, 
.group-checkbox input[type=radio] + label {
    font-weight: normal;
    opacity : 0.8;
}
.group-checkbox input[type=checkbox]:checked + label, 
.group-checkbox input[type=radio]:checked + label {
    font-weight: bold;
    color: #10798c;
    opacity : 1;
}

#admUMFUser .group-checkbox input[type=radio],
#admTNTerm .group-checkbox input[type=radio],
#admTNTermUser .group-checkbox input[type=radio] {
	opacity : 0;  
}

#admUMFUser .group-checkbox:nth-child(even),
#admTNTerm .group-checkbox:nth-child(even),
#admTNTermUser .group-checkbox:nth-child(even) {
	background-color: #f2f2f2;  
}

#admTNTerm .bg_neutral input[type=radio] + label,
#admTNTerm .bg_green input[type=radio] + label, 
#admTNTerm .bg_red input[type=radio] + label {
  	width: 60px;
  	text-align: center;
}
#admTNTermUser .bg_neutral input[type=radio] + label,
#admTNTermUser .bg_green input[type=radio] + label, 
#admTNTermUser .bg_red input[type=radio] + label {
  	width: 100px;
  	text-align: center;
}
#admUMFUser .bg_neutral input[type=radio] + label,
#admUMFUser .bg_green input[type=radio] + label, 
#admUMFUser .bg_red input[type=radio] + label {
  	width: 60px;
  	text-align: center;
}
@media screen and (max-width: 800px) {
	#admTNTermUser .bg_neutral input[type=radio] + label ,
	#admTNTermUser .bg_green input[type=radio] + label , 
	#admTNTermUser .bg_red input[type=radio] + label {
		width: 80px;
    	}
	#admUMFUser .bg_neutral input[type=radio] + label ,
	#admUMFUser .bg_green input[type=radio] + label , 
	#admUMFUser .bg_red input[type=radio] + label {
		width: 40px;
    	}
}

#admTNTerm .bg_neutral input[type=radio]:checked + label,
#admUMFUser .bg_neutral input[type=radio]:checked + label,
#admTNTermUser .bg_neutral input[type=radio]:checked + label {
	border: 1px solid #0E2525;
  	border-radius: 4px;
  	font-weight: normal;
}
#admTNTerm .bg_green input[type=radio]:checked + label,
#admUMFUser .bg_green input[type=radio]:checked + label,
#admTNTermUser .bg_green input[type=radio]:checked + label {
	background-color: #A3E477;
  	border-radius: 4px;
  	font-weight: normal;
}
#admTNTerm .bg_red input[type=radio]:checked + label,
#admUMFUser .bg_red input[type=radio]:checked + label,
#admTNTermUser .bg_red input[type=radio]:checked + label {
	background-color: #EF5642;
  	border-radius: 4px;
  	font-weight: normal;
}
.myscroll {        
    max-height: 800px;
  	overflow-x: hidden;
    overflow-y: auto;
}
#admTNTermUser .myscroll {
	clear: left;
  	height: 510px;  
  	margin: 80px 0px;
  	overflow-y: auto;	
}

/* <<< L2-Forms Ende <<< */


/* >>> L1 Anfang >>> */
body, .sp-preloader {
  background-color: #D5D5CF;
}
.text_color_article01 {
  	/*color: #127080 !important;*/
  	/*color: #0E2525 !important;*/
}
/* --- Hauptmenü -> Ausblenden in Normalansicht */
.sp-menu-item .hideitem {
	display: none;
}
/* --- Hauptmenü -> Einblenden in off-canvas */
@media screen and (max-width: 990px) {
   .sp-menu-item .hideitem {
   		display: block;
   }
}
/* --- Layout-Abstände */
#sp-main-body {
	padding: 60px 0;
}
#sp-bottom {
	padding: 30px 0;
}
#sp-footer1 {
	padding-top: 16px;
}
/* --- Footermenü */
#navbar110 {
	display: flex;
	justify-content: right;
	align-items: center;
	padding-right: 10px;
}
#Footermenu1 > li.active > a, 
#Footermenu1 > li.active:hover > a {
    color: #EF8673;
}
/* --- off-canvas-menü */
.menu.nav-pills > li.current.active > a, 
.menu.nav-pills > li.current.active:hover > a {
    color: #9f395d;
}
/* --- menüebene 2 */
/*
#submenu01 {
  	flex-direction: column;
}
*/
#submenu01 > li > a {
    color: #6b8c8c;
}
#submenu01 > li:hover > a {
    color: #10798c;
}
#submenu01 > li.active > a,
#submenu01 > li.active:hover > a {
    color: #9f395d;
}
.profile {
  	display: none;
}
@media screen and (max-width: 500px) {
	.row {
  		overflow: auto;
	}  
}
.form-horizontal .controls {
  	margin-left: 0px;
}
/* --- Bildhöhe Logo Zwischengröße (36 - 28 - 24)  */
@media screen and (max-width: 1200px) {
	.logo-image {
  		height: 28px !important;
  	}
}
/* --- Login (Remind, Reset, Remember)   */
#mcwlogin ul.unstyled {
	visibility: hidden;
}
#form-login-remember {
	visibility: hidden;
}
/* <<< L1 Ende <<< */


/* >>> L2-MENU Anfang >>> */
#reiter1 {
    text-align: left;
    background: transparent;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #858784;
  	min-width: 600px;
}
#reiter1 li {
    display: inline;
    list-style-type: none;
    margin: 0;
	margin-top: 1px;
}
#reiter1 a {
    background: transparent;
    padding: 4px 8px 4px 8px;
    border: 1px solid #858784;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#reiter1 #nav0 a, 
#reiter1 #navA a,
#reiter1 #navB a {
  	background-color: #f2f2f2;
  	color: #9f395d;
}
#mcwumf1 #nav_umf1 > a, 
#mcwumf2 #nav_umf2 > a, 
#mcwumf3 #nav_umf3 > a, 
#mcwumf4 #nav_umf4 > a,
#mcwteiln1 #nav_teiln1 > a, 
#mcwteiln2 #nav_teiln2 > a, 
#mcwteiln3 #nav_teiln3 > a, 
#mcwteiln4 #nav_teiln4 > a {
  	background-color: #f2f2f2;
	color: #9f395d;
}

@media screen and (max-width: 650px) {
    #reiter1 {
        border-top: 1px solid #858784;
        padding-top: 4px;
    }
    #reiter1 li {
        display: inline-block;
        margin: 4px;
    }
    #reiter1 a {
        border: none;
    }
    .bild_links_border {
        float: none;
        margin: 0 0 0.75em 0;
    }
}
/* <<< L2-MENU Ende <<< */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* >>> L2-Liste Anfang >>> */
.myheader {
	margin-top: -30px;  
}
@media screen and (max-width: 650px) {
	.myheader {
		margin-top: 0px;  
	}  
}
.mycontent {
	padding: 0 4px;
}
.mycontent h3 {
  	margin-bottom: 20px;
}
.mycontent p {
	padding-left: 1px;
}
.mcwdetail01 {
  	min-height: 600px;
}
.mcwlist01 table, 
.mcwlist02 table {
	margin-top: 40px;
  	margin-bottom: 20px;
}
.mcwlist01 table tr:nth-child(even),
.mcwlist02 table tr:nth-child(even) {background-color: #f2f2f2;}

.mcwlist01 table tr:hover, 
.mcwlist02 table tr:hover {background-color: #ddd;}

.mcwlist01 table.mysortable tr:nth-of-type(1) {
	font-weight: bold;
    color: #10798c;
  	border-top: 1px solid #858784;
  	border-bottom: 1px solid #858784;
}
.mcwlist01 table.mysortable td #nav0 {
	color: #9f395d;  	
}

.mcwlist01 table td.col2 {display: none;}

.mcwlist01 table td,
.mcwlist01 table th,
.mcwlist02 table td,
.mcwlist02 table th {padding: 8px 20px;}

.mcwlist02 table th,
.mcwlist02 table td {border: 1px solid #6b8c8c;}

.mcwlist02 table td.col1, 
.mcwlist02 table td.col2, 
.mcwlist02 table td.col3, 
.mcwlist02 table td.col4, 
.mcwlist02 table td.col5, 
.mcwlist02 table td.col6 {
  	max-width: 120px;
  	text-align: center;
}
.mcwlist02 table td.col0.linkall {
  	width: 250px;
}

.mcwlist02 table tr:hover .linkall {  	
  	background-color: #A9CACA;
  	font-weight: bold;
}
ul.listitems01 {
	list-style-type: none;
  	padding-left: 2px;
}
ul.listitems01 li {
  	padding: 3px 0px 4px 0px;
}
ul.listitems01 li:nth-child(even) {
	background-color: #f2f2f2;  
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
.col_trans {
	color: #707070;  
}
.col_green1 {
  	background-color: #A3E477;
  	color: #707070;
}
/*.mcwlist02 table tr:nth-child(even) .col_green1 {background-color: #CBE4AC;}*/
.mcwlist02 table tr:hover .col_green1 {background-color: #BAE49C;}
.col_green2 {
  	background-color: #77E4C9;
  	color: #707070;
}
/*.mcwlist02 table tr:nth-child(even) .col_green2 {background-color: #AFE4DD;}*/
.mcwlist02 table tr:hover .col_green2 {background-color: #A2E4D7;}

.col_red1 {
  	background-color: #EF7E6C;
  	color: #707070;
}
/*.mcwlist02 table tr:nth-child(even) .col_red1 {background-color: #EF8B7B;}*/
.mcwlist02 table tr:hover .col_red1 {background-color: #EF988A;}
.col_red2 {
  	background-color: #EF899A;
  	color: #707070;
}
/*.mcwlist02 table tr:nth-child(even) .col_red2 {background-color: #EF99A8;}*/
.mcwlist02 table tr:hover .col_red2 {background-color: #EF99A8;}

td.linkall a { 
  	display: block; 
  	width:100%;
}
td.linkpic { 
  	padding: 0;
}
td.linkpic img { 
  	width: 3em;
  	max-width: 60px;
  	min-width: 25px;
  	opacity: 0.7;
}
td.linkpic img:hover { 
  	opacity: 1;
}

@media screen and (max-width: 1800px) {
  	.mcwlist02 table td.col6 {display: none;}
}

@media screen and (max-width: 1500px) {
  	.mcwlist02 table td.col5 {display: none;}
}

@media screen and (max-width: 1200px) {
  	.mcwlist02 table td.col4 {display: none;}
}

@media screen and (max-width: 990px) {
   	.mcwlist01 table td.col1 {display: none;}
   	.mcwlist01 table td.col2 {display: block;}
  	.mcwlist01 table td {padding: 8px 20px;}
  	.mcwlist01 table td.linkpic {padding: 0;}
  	.mcwlist02 table td.col3 {display: none;}
  	.mcwlist02 table td.col0.linkall {width: auto;}
}

@media screen and (max-width: 660px) {
  	.mcwlist02 table td.col2 {display: none;}
  	.mcwlist02 table td.col0.linkall {width: auto;}
}

/*fixe erste Spalte in Kombi mit mcwlist02*/
.mytblfix {
	overflow-x: auto;
}
.mytblfix table {
  	border: 2px solid #6b8c8c;
	border-collapse: separate;
	border-spacing: 0;
}
.mytblfix tr>th:first-child, tr>td:first-child {
	position: sticky;
	left: 0;
}
.mytblfix tr:first-child th {
	background: #e3e2de;
}
.mytblfix tr:nth-child(odd) td {
	background: #e3e2de;
}

.mytblfix tr:nth-child(even) td {
	background: #f2f2f2;
}
.mytblfix table tr:hover td {
	background-color: #ddd;
}

.mybutton > a {
  	display: inline-block; 	
  	color: #ffffff	!important;
  	background-color: #6b8c8c;
  	padding: 12px 20px;
  	border: none;
  	border-radius: 4px;
  	cursor: pointer;
  	float: right;
}
.mybutton > a:hover {
  	background-color: #10798c;
}
.myformbutton > a {
  	display: inline-block; 	
  	color: #ffffff	!important;
  	background-color: #6b8c8c;
  	padding: 12px 20px;
  	border: none;
  	border-radius: 4px;
  	margin-right: 2px;
  	cursor: pointer;
  	float: left;
}
.myformbutton > a:hover {
  	background-color: #10798c;
}
.mybuttonred > a { 	
  	/*color #947373 - Komplimentär zu petrol / #CD8477 auffälliger*/
  	color: #ffffff	!important;
  	font-weight: bold;
  	background-color: #CD8477;
	padding: 12px 20px;
  	border: none;
  	border-radius: 4px;
  	margin-right: 2px;
  	cursor: pointer;
}
.mybuttonred > a:hover {
  	background-color: #EF8673;
}
.mybuttonred2 > a { 	
  	/*color #CD3E12- auffälliger*/
  	color: #ffffff	!important;
  	font-weight: bold;
  	background-color: #CD3E12;
	padding: 12px 20px;
  	border: none;
  	border-radius: 4px;
  	margin-right: 2px;
  	cursor: pointer;
}
.mybuttonred2 > a:hover {
  	background-color: #CD7A12;
}
.mybuttonblue > a { 	
  	/*color #2384C3 - auffällig BLAU */
  	color: #ffffff	!important;
  	font-weight: bold;
  	background-color: #2384C3;
	padding: 12px 20px;
  	border: none;
  	border-radius: 4px;
  	margin-right: 2px;
  	cursor: pointer;
}
.mybuttonblue > a:hover {
  	background-color: #2DA5F4;
}

/* <<< L2-Liste Ende <<< */

/* >>> L2-GRID (FOTOS u. Andere) Anfang >>> */
/* --- Problem IE Anzeige auf vier Spalten, durch abweichende Randberechnung*/
.gridrow {
    display: -ms-flexbox;       /* IE 10 */
    display: -webkit-flex;      /* Chrome */
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
}
/* --- Create for equal columns that sits next to each other */
.gridcolumn {
    -webkit-flex: 25%;          /* Chrome */
    -ms-flex: 25%;              /* IE 10 */
    flex: 25%;
    padding: 0 4px;
}
.gridcolumn2 {
    -webkit-flex: 50%;          /* Chrome */
    -ms-flex: 50%;              /* IE 10 */
    flex: 50%;
    padding: 0;
}
.gridcolumn2a {
    -webkit-flex: 50%;          /* Chrome */
    -ms-flex: 50%;              /* IE 10 */
    flex: 50%;
    padding: 0 4px;
}
.gridcolumn3 {
    -webkit-flex: 33%;          /* Chrome */
    -ms-flex: 33%;              /* IE 10 */
    flex: 33%;
    padding: 0;
}
/* --- Special für IE10 + IE 11 */
_:-ms-lang(x),
	.gridcolumn {
    	padding: 0;
}
/* --- Special für MS Edge */
_:-ms-lang(x),
_:-webkit-full-screen,
	.gridcolumn {
    	padding: 0;
}
.gridcolumn img, 
.gridcolumn2a img {
    margin-top: 6px;
    vertical-align: middle;
}
/* --- Special für IE10 + IE 11 */
__:-ms-lang(x),
	.gridcolumn img {
    	margin: 0;
    	padding: 2px;
}
/* --- Special für MS Edge */
__:-ms-lang(x),
_:-webkit-full-screen,
	.gridcolumn img {
    	margin: 0;
    	padding: 2px;
}

@media screen and (max-width: 1200px) {
	/* Create for equal columns that sits next to each other */
	.gridcolumn3 {
    	-webkit-flex: 50%;          /* Chrome */
    	-ms-flex: 50%;              /* IE 10 */
    	flex: 50%;
	}  
}

@media screen and (max-width: 800px) {
	/* Create for equal columns that sits next to each other */
  	.gridcolumn2,
	.gridcolumn3 {
    	-webkit-flex: 100%;          /* Chrome */
    	-ms-flex: 100%;              /* IE 10 */
    	flex: 100%;
	}  
}
@media screen and (max-width: 800px) {
	/* Create for equal columns that sits next to each other */
    .gridcolumn2a {
    	-webkit-flex: 100%;          /* Chrome */
    	-ms-flex: 100%;              /* IE 10 */
    	flex: 100%;
      	padding: 0 2px;
	}  
}


@media screen and (max-width: 650px) {
	/* Create for equal columns that sits next to each other */
	.gridcolumn {
    	-webkit-flex: 50%;          /* Chrome */
    	-ms-flex: 50%;              /* IE 10 */
    	flex: 50%;
    	padding: 0 4px;
	}
}
/* <<< L2-Fotogrid Ende <<< */