@charset "UTF-8";

:root,
[data-bs-theme=light] {
	--cjd-blue-rgb: 0,108,153;
	--cjd-blue: #006c99;

	--bs-link-color-rgb: var(--cjd-blue-rgb);
	--bs-btn-bg: var(--cjd-blue);
}
@media all {
	/*
	 * GLOBALS
	 */
	* html body * { overflow: visible; }
	* html iframe, * html frame { overflow: auto; }
	* html frameset { overflow: hidden; }

	html { height: 100%; margin-bottom: 1px; }

	body {
		background: #ffffff;
		color: #231f20;
		margin: 0;
		padding: 0;
		font: 62.5%/1.3em  Arial, sans-serif;
		font-size: .8em;
		text-align: center;
	}

	.btn-primary { background-color: var(--cjd-blue) !important; }
	.iconalert  { color: red !important; }
	.iconactive  { color: var(--cjd-blue) !important; }
	.icondeleteactive  { color: var(--cjd-blue) !important; }
	.icondeletealert  { color: red !important; }
	.iconinactive { color: gray; }

	.missing {
		color: red !important;
	}

	h1, h2, h3, h4, h5, h6 { color: #777; border-bottom: 1px solid #d8d8d8; line-height: 1em; padding-bottom: 3px; margin-bottom: 5px; margin-top: 10px; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #777; }

	h1, h2 { font-size: 1.8em; padding-top: 5px; margin-bottom: 10px; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.2em; }
	h4 { font-size: 1.1em; }
	h5 { font-size: 1em; }
	h6 { font-size: 1em; }

	sup, sub { font-size: 8px; }

	input, textarea { color: #7a7a7a; }
	input[type="text"], input[type="password"] { border: 1px solid #999; margin: 0; padding: 2px 3px; }
	textarea { border: 1px solid #999; margin: 0; padding: 3px; }
/* 	input[type="text"]:focus, textarea:focus { border-color: #f78b11; } */
	select { /*width: 190px;*/ margin: 0px; padding: 1px; border: 1px solid #999; color: #4a4a4a; }
	input[type="radio"], input[type="checkbox"] { margin: 0 3px 0 0; }
	label { margin: 0 15px 0 0; font-weight: bold; }
	input[type="submit"] { background: #999; border: 1px solid #999; color: #fff; font-weight: bold; padding: 1px 2px; cursor:pointer; }
	fieldset { border: 1px solid #EEE; padding: 10px; margin: 10px 0; }
	p.formerror { color: #E73131; font-weight: bold; }
	.berror { background-color: red; }


	ul, ol, dl { margin: 0 0 1em 1em }
	li { margin-left: 1.5em; line-height: 1.3em; }

	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }

	blockquote { margin: 1em 1.5em 1.5em 1.5em; padding: 0 5px; border: 1px dotted #999; }

	.ZWUeberschrift { text-align: left!important; }
	.TDodd { background-color: #eee; text-align: left!important; }
	.TDeven { background-color: #fff;  }
	table { border-spacing: 0px; table-layout: auto; border-collapse: collapse; border-color: #999; margin-right: 10px; }
	table caption { text-align: left; color: #999; font-weight: bold; padding-bottom: 2px; }
	table td, table th { padding: 0px 4px; vertical-align: top; font-size: 1em; border-right: 1px solid #9b9b9b; }
	table th { background: #eee; padding: 2px 6px; }
	.tablelinehidden { display:none; visibility:hidden;}
	.FilterContent { display:none; visibility:hidden;}

	.hinweiskasten p { margin-bottom: 10px; }

	/*
	 * POSITIONING
	 */
	#page { margin: 0 auto; padding: 15px; width: 90%; background: #fff; text-align: left; }

	#head, #rootline, #wrap, #foot { position: relative; }
	#head, #rootline, #wrap, #foot { clear: both; }

	#wrap { display: block; }

	/* cols of std page */
	#lbar { width: 200px; float: left; margin: 0; }
	#main { /* width: 763px; */ float: left; }

	#lbarc, #mainc, #head { position: relative; padding: 0; }
	#mainc { margin: 0 0 30px 15px; }

	/* navigation */
	.roundedButton { color: #FFFFFF !important; background-color: rgb(22, 128, 182); padding: 10px; border-radius: 8px; line-height: 3.2em; }
	.roundedButton a a:link a:visited { color: #FFFFFF !important; background-color: rgb(22, 128, 182); padding: 10px; border-radius: 8px; }
	#navigation .roundedButton { color: #FFFFFF; background-color: rgb(22, 128, 182); padding: 10px; border-radius: 8px; }
	#navigation .roundedButton a a:link a:visited { color: #FFFFFF; background-color: rgb(22, 128, 182); padding: 10px; border-radius: 8px; }
	#navigation .dropdown-menu a a:link a:visited { color: rgb(22, 128, 182) !important; }

		/*
         * STYLES
         */
	#head { background-color: rgb(22, 128, 182); }
	#headertext { font-size: 2em; line-height: 1.5em;}
	#head img { padding: 6px; /* border-bottom: 2px solid #FF8C00; */ width: 15%; margin: 10px; background-color: white; border-radius: 10px; }
	#head .header_left_image { float: left; }
	#head .header_image { float:right; }
	#head .header_text { color: white; font-variant: small-caps; }
	#head .color_size { color: #FF8C00; }

	#rootline { color: #9b9999; font-size: 11px; margin: 10px 0 10px 0; }
	#rootline a { color: #9b9999; }

	#mainc a:link, #mainc a:visited { text-decoration: underline; color: #999; }
	#mainc a:hover, #mainc a:active, #mainc a:focus { text-decoration: none; }

	#mainc ul { list-style-type: disc; margin: 5px 0 10px 10px; }
	#mainc ul ul { margin-bottom: 0; }
	#mainc ol { list-style-type: decimal; margin: 5px 0 10px 10px; }
	#mainc ul li, #mainc ol li { padding: 1px 0; }

	.csc-mailform-field { padding-top: 6px; }
	fieldset label { width: 193px; display: block; float: left; }
	fieldset.csc-mailform .csc-mailform-field label.width_148 { width: 148px; }

	.grey { color: #999; }
	.margin_bottom { margin-bottom: 30px; }
	.margin_top { margin-top: 30px; }
	.margin_top15 { margin-top: 15px; }
	.font_size_kl { font-size: .8em; }
	.width_180 { width: 180px; }
	.width_300 { width: 300px; }
	.float_ri { float: right; }
	.confirmedbg { background-color: #eeffe5; margin: 10px 10px 10px 0; }
	.neutralbg { background-color: #f6f6f6; margin: 10px 10px 10px 0; }
	.error { color: red; }
	.float_color { color: #b7b7b7; float: right; }
	.hinweiskasten { border: 2px solid red; padding: 10px; margin-top:10px; margin-bottom: 10px;}
	/*
	 * LBAR ELEMENTS
	 */


	/*
	 * MAINC ELEMENTS
	 */
	/*#mainc table { width: 533px; }*/
	#mainc select.margin { margin: 10px; }
	#mainc table.no_border tr td { border-right: 0px }
	.sc { border: 1px solid #999; margin-bottom: 20px; padding: 0 10px; background: #e8f0e3; }

	#mainc table tr td select #szuord, #mainc table tr td select { /* width: 242px; */ }
	#mainc fieldset label.flo_dis_clear { float: none; display: inline; }
	#aceinheit td { border-bottom: 1px solid #9b9b9b; padding: 5px 6px; }

	#teilnehmerzuordnungen, #szuord { height: 310px; width: 330px!important }

	.pointer {
		cursor: pointer;
	}

	.kapitaelchen {
		font-variant:small-caps;
	}

	#foot {
		text-align: center;
		color: #afafaf;
		font-size: 0.85em;
		border-top: 1px dotted #d8d8d8;
		margin-top: 15px;
	}
	#foot a { color: #afafaf; }


	/* CLEARING */
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix { display: block; }
	#clear { display: none; }

	/*-------------impromptu---------- */
	.jqifade{ position: absolute; background-color: #aaaaaa; }
	div.jqi{ width: 400px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; font-size: 11px; text-align: left; border: solid 1px #eeeeee; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 7px; }
	div.jqi .jqicontainer{ font-weight: bold; }
	div.jqi .jqiclose{ position: absolute; top: 4px; right: -2px; width: 18px; cursor: default; color: #bbbbbb; font-weight: bold; }
	div.jqi .jqimessage{ padding: 10px; line-height: 20px; color: #444444; }
	div.jqi .jqibuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; }
	div.jqi button{ padding: 3px 10px; margin: 0 10px; background-color:  rgb(25, 81, 157); border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
	div.jqi button:hover{ background-color: rgb(25, 81, 157); }
	div.jqi button.jqidefaultbutton{ background-color:  rgb(25, 81, 157); }
	.jqiwarning .jqi .jqibuttons{ background-color: #BF5E26; }
	/*-------------------------------- */

}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	#headertext { font-size: 2.7em; line-height: 1.9em; }
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
	.dropdown-menu .dropdown-menu{
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
	}
}
/* ============ small devices .end// ============ */