/*=============== Basic ==================*/

	body {
		color: #333;
		background: #fff;
	}
	
	a, 
	button, 
	.login_page h1, 
	.reg_page h1, 
	.reset_page h1, 
	.login_page h2, 
	.reg_page h2, 
	.reset_page h2, 
	.login_page h3, 
	.reg_page h3, 
	.reset_page h3, 
	.login_page p, 
	.reg_page p, 
	.reset_page p, 
	.login_page label, 
	.reg_page label, 
	.reset_page label, 
	.form_button, 
	.form_button:hover	{
		color: rgba(255,255,255,1);
	}
	
	@media print {
		
		a, button, 
		.login_page h1, 
		.reg_page h1, 
		.reset_page h1,
		.login_page h2,
		.reg_page h2,
		.reset_page h2,
		.login_page h3,
		.reg_page h3, 
		.reset_page h3,
		.login_page p, 
		.reg_page p, 
		.reset_page p, 
		.login_page label, 
		.reg_page label,
		.reset_page label,
		.form_button,
		.form_button:hover	{
			color: rgba(0,0,0,1);
		}
		
	}

/*=============== Header ==================*/

	header a, 
	.reset_page #alert p {
		color: #58585a;
	}
	
	header .bgdark a {
		color: rgba(255,255,255,0.5);
	}
	
	header a:hover {
		color: rgba(0,0,0,1);
	}
	
	header .bgdark a:hover {
		color: rgba(255,255,255,1);
	}
	
	.login_page a:hover, 
	.reset_page a:hover,
	.reset_link {
		color: #d8dfe4;
		border-bottom: none;
	}
	
	
	
	
/*=============== Navigation ==================*/	

	nav ul li a, 
	nav ul li a.submenu, 
	nav ul li ul li a {
		color: rgba(0,0,0,0.5);
		color: rgba(255,255,255,.5);
	}
	
	nav ul li a:hover, 
	nav ul li a.submenu:hover {
		color: rgba(0,0,0,1);
		color: rgba(255,255,255,.5);
		
	}
	
	

/*=============== Login Page Form, Registrat. Page Form, Reset Page Form  ==================*/	
	
	.login_page:after,
	.reg_page:after, 
	.reset_page:after {
		color: rgba(255,255,255,0.1);
	}
	
	
/*=============== Customer Brand & Logo ==================*/		

	.brand {
		background-position: 20px 12px;
		-webkit-background-size: auto 50px;
		-moz-background-size: auto 50px;
		-o-background-size: auto 50px;
		background-size: auto 50px;
		background-repeat: no-repeat;
		background-image: url(../img/Logo_IHK_Bonn_Rhein-Sieg.jpg);
		color: rgba(255,255,255,1);
		text-indent: -999em;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imageSource", sizingMethod="sizingMethodAsYourPreference");
		opacity: 1;
		image-rendering: -webkit-optimize-contrast;
	}
	
	.brand.nrw {
		background-image: url(../img/logos/Logo_IHK_NRW.jpg);
	}
	
	.brand.bn {
		background-image: url(../img/logos/Logo_IHK_Bonn_Rhein-Sieg.jpg);
	}
	
	body.menuopen .brand {
		background-position: 0 50%;
		-webkit-background-size: auto 25px;
		-moz-background-size: auto 25px;
		-o-background-size: auto 25px;
		background-size: auto 25px;
		margin: 0 0 0 5px;
		cursor: default;
	}
	
	.loginpage .brand {
		background-image: none;
	}
	
	.loginpage.bgdark {
		background: rgb(0,76,136);
	}
	





/*=============== Festgelegte Hauptfarben ==================*/	

	.form_button, 
	.mainColor,
	.listings table th,
	.listings table th.large, 
	.badge[data-badge]:after,
	.pageButton   {
		/* ihk-blue */
		background: rgb(0,76,136);
		border: 1px solid rgb(0,76,136);	
		
		/*lightblue
		background: #009de0;
		border: 1px solid #009de0;	*/
		
		/*transition: all 1s ease;*/
	}
	
	.pageButton.search {
		background: #576874;
		border: 1px solid #576874;
		color: #fff;
	}

	.pageButton.search:hover {
		background: transparent;
		border: 1px solid #576874;
		color: #576874;
	}
	
	.badge[data-badge]:after {
		/* red */
		background: #ff3131;
		border: 2px solid #fff;
		
		/* green*/
		background: #2ad7c5;
		border: 2px solid #fff;
		
		/* blue*/
		background: #009de0;
		border: 2px solid #fff;
		
		background: #ff3131;
		border: 2px solid #fff;
	}
	
	.badge[data-badge="0"]:after {
		background: none;
		text-indent: -9999em;
		border: none;
		box-shadow: none;
	}
	
	
	/* Button hover */
	.form_button:hover, 
	.pageButton:hover {
		background: transparent;
		border: 1px solid #004c88;
		color: #004c88;
	}
	
	/*.pageButton.search:hover {
		background: transparent;
		border: 1px solid rgb(242,148,46);
		color: rgb(242,148,46);
		border-top: rgba(0,0,0,0.5) 1px solid;
		border-right: rgba(0,0,0,0.5) 1px solid;
		border-bottom: rgba(0,0,0,0.5) 1px solid;
		border-left: none;
		color: rgba(0,0,0,0.5);
	}*/
	
	.listings table th, 
	.infoBoxLink {
		/* darkblue */
		background: rgb(0,76,136);
		/* lightblue */
		/*background: rgb(0,157,224);*/
		border: none;
	}
	
	.infoBoxLink {
		border: 1px solid #0a3d58;
	}
	
	.infoBoxLink:hover {
		/* darkblue */
		background: transparent;
		border: 1px solid #0a3d58;
		color: #0a3d58;
	}
	
	.login_page form a, #page-preloader .spinner:before, #page-preloader .spinner:after, body .loading-mask .loader:before, body .loading-mask .loader:after, nav ul li a.menu_active, .content a, header ul li.status_border a, header ul li.status_border span, .login_link, .reset_page form a, .reset_page a {
		color: #fff;
	}
	
	.login_page form a, .login_link, .reset_page form a, .reset_link, .reg_page form a, .reset_page a {
		border-bottom: 1px dotted #d8dfe4;
	}
	
	.content a {
		color: rgba(0,0,0,.5);
	}
	
	.formBuchung  a {
		color: #009de0;
		border-bottom: 1px solid #009de0;
	}
	
	.formBuchung a:hover {
		border-bottom: none;
		text-decoration: none;
	}
	
	.reg_page a {
		color: #fff;
		border-bottom: 1px solid rgb(242,148,46);
	}
	
	.reg_page a:hover {
		color: rgb(242,148,46);
		border-bottom: none;
	}
	
	.form_button, .scrollup:hover, .infoBoxLink {
		color: #fff;
	}
	
	.infoBoxLink.close {
		color: #0a3d58;
		background: none;
		border: none;		
	}
	
	.form_button.login, .form_button.register {
		background: #d8dfe4;
		border: 1px solid #d8dfe4;
		color: #333;
	}
	
	.form_button.login:hover, .form_button.register:hover  {
		background-color: transparent;
		color: #fff;
		border: 1px solid #d8dfe4;
	}
	
	.pageButton.new, .pageButton.edit, .pageButton.delete, .pageButton.lock, .pageButton.teilnehmer, .pageButton.csv {
		background: #ededed;
		border: 1px solid #ededed;
		color: rgba(0,0,0,.5);
	}

/*=============== END Festgelegte Hauptfarben ==================*/	



/*=============== General ==================*/	

	nav ul li a.submenu {
		color: rgba(255,255,255,.5);
	} 
	
	.reset_page #hinweisbox	{
		color: rgba(255,255,255,1);
	}
	
	/* txt durchgestrichen pulldown*/
	select option#crossed_out, 
	select option.crossed_out  {
		color: rgba(102,102,102,0.3);
		text-decoration:line-through;
	}
	
	select option#partial, 
	select option.partial {
		color: rgb(3,169,244);
		font-weight: bold;
	}


/*=============== Footer ==================*/

	footer,
	footer a, 
	footer a:hover  {
		color: rgba(0,0,0,0.5);
		color: rgba(255,255,255,0.5);
	}
	
	footer a:hover  {
		color: rgba(255,255,255,1);
	}
	
	footer .col20 {
		color: rgba(255,255,255,0.3);
		border-top: none;
	}
	
	footer .bgdark .col20,
	footer .bgdark .col80 {
		border-top: 1px solid rgba(255,255,255,0.1);
	}
	
	footer .bglight .col20 {
		border-top: none;
	}
	
	body.menuopen footer .bg_white .col20.bgdark {
		color: rgba(0,0,0,0.5);
	}
	
	/*body.menuopen footer .col20.bgdark {
		background: none;
	}*/
	
	body.menuopen footer .bglight .col20 {
		color: rgba(0,0,0,0.5);
		/*background: #252328;*/
	}
		
	footer .bgdark .col20 a, 
	footer .bgdark .col80 a {
		color: rgba(255,255,255,0.3);
	}
	
	footer .bgdark .col20 a:hover, 
	footer .bgdark .col80 a:hover {
		color: rgba(255,255,255,1);
	}
	
	footer .mlogo, 
	footer .bgdark .mlogo {
		background-position: 50% 105%;
		background-size: auto 14px;
		background-repeat: no-repeat;
		background-image: url(../img/logos/medien.de_logo_2023_s.svg);
		height: 40px;
		margin: 0 0 0 0;
		image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming)*/
		opacity: 0.6;
		width: 130px;
		vertical-align:text-bottom;
		display: inline-block;
	}	
	
	footer .bgdark .mlogo {
		/*background-image: url(../img/medienDE_wh.png);*/
		background-image: url(../img/logos/medien.de_logo_2023_w.svg);
	}
	
	footer .elogo, 
	footer .bgdark .elogo {
		background-position: left center;
		background-size: auto 20px;
		background-repeat: no-repeat;
		/*background-image: url(../img/mgmLogoFooter_bl.png);*/
		height: 20px;
		margin: 0 0 0 20px;
		float: left;
		width: 200px;
	}
	
	/*footer .bgdark .elogo {
		background-image: url(../img/mgmLogoFooter_wh.png);
	}*/
	
	footer span.powered {
		/*position: absolute;
		right:190px;
		bottom:20px;*/
		font-size: 12px;
		color: rgba(0,0,0,0.5);
	}
	
	footer .bglight span {
		color: rgba(0,0,0,0.5);
	}
	
	footer .bgdark .col80 span.powered {
		color: rgba(255,255,255,0.75);
	}
	
	footer .bgdark span.powered, 
	footer .bg_white span.powered {
		color: rgba(0,0,0,0.5);
	}
	
	footer .bglight .col80 span.copyright, 
	footer .bgdark .col80 span.copyright, 
	footer .bg_white .col80 span.copyright,
	footer .col80 span.copyright 	{
		padding: 0 5px 0 30px;
		margin: 0;
	}

	footer .col80 span.copyright 	{
		color: rgba(0,0,0,0.5);
		font-size: 12px;
	}

	footer .col80	{
		padding: 0 0 0 0;
	}
	
	footer .bgdark .col80 span.copyright	{
		color: rgba(255,255,255,.75);
	}



/*=============== Background-Colors ==================*/

	.bgdark {
		background: #576874;
	}
	
	.bglight {
		background: #ededed;
		/*background: #f0f1f3;*/
	}
	
	header .bglight {
		background: #e5e5e5;
	}

	footer .bglight {
		background: #ededed;
	}
	
	.bg_white {
		background: #fff;
	}
	
	.txt_white, 
	.scrollup  {
		color: #fff;
	}
	
	@media print {
		.bgdark, 
		.bglight {
			background: #fff;
		}
	}
	
	/*.home_gradient {
		background-image: linear-gradient(rgba(86,115,171,0.5), rgba(11,98,205,0.5));
		background-image: linear-gradient(to right, #5489D3, #183775);
	}*/
	


/*=============== Tooltip Fenster in Farbe ==================*/

	.tooltip .tooltiptext.tooltipmenuopen, 
	.tooltip .tooltiptext.tooltipfunctionsopen {
		border: 1px solid #576874;
		background-color: rgba(0,0,0,.5);
		background: #576874;
		color: rgba(255,255,255,.9);
	}
	
	
	
	
/*=============== scrollup ==================*/	

	.scrollup {
		border: 1px solid #576874;
		background: #576874;
	} 
	
	.scrollup:hover {
		background: transparent;
		color: #576874;
	}
	
	.noframe .scrollup {
		cursor: default;
		color: rgb(0,76,136);
		background: rgb(0,76,136);
		border: 1px solid rgb(0,76,136);
	}
	
	.noframe .scrollup:hover {
		background: transparent;
		color: rgb(0,76,136);
		border: 1px solid rgb(0,76,136);
	}
	


/*=============== add_button ==================*/		

	.add_button, 
	.remove_button {
		background: #e5e5e5;
		border: 1px solid #e5e5e5;
		color: rgba(0,0,0,.5);
	}
	
	.add_button:hover, 
	.remove_button:hover {
		background: transparent;
		border: 1px solid #e5e5e5;
		color: rgba(0,0,0,.5);
	}
	
	.backlink {
		background: #576874;
		border: 1px solid #576874;
		color: #fff;
	}
	
	.backlink:hover {
		background: transparent;
		border: 1px solid #576874;
		color: #576874;
	}	
	
	.content a.backlink {
		color: #fff;
	}
	
	.content a.backlink:hover {
		color: #576874;
	}
	
	
	
/* see table.css (l.84) */		
	/*.listings table th.header.headerSortDown,
	.listings table th.header.headerSortUp {
		background: rgb(0,157,224);
	}*/
	
	
	.dashboard a {
		color: #e1a100;
		color: #760caa;
		text-decoration : underline;
	}
	
	.dashboard a:hover {
		border-bottom: none;
	}
	
	.dashboard a.backlink {
		color: rgba(0,0,0,.5);
	}
	
	.dashboard a.backlink:hover {
		border: 1px solid #e5e5e5;
	}
	
	.listings table td a {
		/* color: #009de0; */
		color: #004c88;
	}
	
	a.dropdown-button-item {
		color: #212529;
	}
	
	a.dropdown-button-item:focus, 
	a.dropdown-button-item:hover {
		color: #16181b;
		text-decoration: none;
		background-color: #f8f9fa;
	}
	

/*=============== Funktionsleiste im Listing horizontal  ==================*/


	.buttonFrame button.buttonFrame_las_la-file, 
	.buttonFrame button.buttonFrame_las_la-edit,
	.buttonFrame button.buttonFrame_las_la-trash, 
	.buttonFrame button.buttonFrame_las_la-lock,
	.buttonFrame button.buttonFrame_las_la-info-circle,
	.buttonFrame button.buttonFrame_las_la-calendar,
	.buttonFrame button.buttonFrame_las_la-folder,
	.buttonFrame button.buttonFrame_las_la-clock,
	.buttonFrame button.buttonFrame_las_la-comment,
	.buttonFrame button.buttonFrame_las_la-envelope-open,
	.buttonFrame button.buttonFrame_las_la-envelope-open-text,
	.buttonFrame button.buttonFrame_las_la-stopwatch,
	.buttonFrame button.buttonFrame_las_la-user-plus,
	.buttonFrame button.buttonFrame_las_la-envelope,
	.buttonFrame button.buttonFrame_las_la-envelope-open,
	.buttonFrame button.buttonFrame_las_la-undo-alt,
	.buttonFrame button.buttonFrame_las_la-eye,
	.buttonFrame button.buttonFrame_las_la-clipboard-list,
	.buttonFrame button.buttonFrame_las_la-tag,
	.buttonFrame button.buttonFrame_las_la-shopping-bag,
	.buttonFrame button.buttonFrame_las_la-file-alt,
	.buttonFrame button.buttonFrame_las_la-file-csv,
	.buttonFrame button.buttonFrame_las_la-thumbs-up,
	.buttonFrame button.buttonFrame_las_la-file-invoice,
	.buttonFrame button.buttonFrame_las_la-ticket-alt,
	.buttonFrame button.buttonFrame_las_la-print,
	.buttonFrame button.buttonFrame_las_la-redo-alt,
	.buttonFrame button.buttonFrame_las_la-user-lock,
	.buttonFrame button.buttonFrame_las_la-user-tag,
	.buttonFrame button.buttonFrame_las_la-user-clock,
	.buttonFrame button.buttonFrame_las_la-coins,
	.buttonFrame button.buttonFrame_las_la-copy
 	{
		background: #576874;
		border: 1px solid #576874;
	}
	
	.buttonFrame button.buttonFrame_las_la-file:hover,
	.buttonFrame button.buttonFrame_las_la-edit:hover,
	.buttonFrame button.buttonFrame_las_la-trash:hover,
	.buttonFrame button.buttonFrame_las_la-lock:hover, 
	.buttonFrame button.buttonFrame_las_la-info-circle:hover,
	.buttonFrame button.buttonFrame_las_la-calendar:hover,
	.buttonFrame button.buttonFrame_las_la-folder:hover,
	.buttonFrame button.buttonFrame_las_la-clock:hover,
	.buttonFrame button.buttonFrame_las_la-comment:hover,
	.buttonFrame button.buttonFrame_las_la-envelope-open:hover,
	.buttonFrame button.buttonFrame_las_la-envelope-open-text:hover,
	.buttonFrame button.buttonFrame_las_la-stopwatch:hover,
	.buttonFrame button.buttonFrame_las_la-user-plus:hover,
	.buttonFrame button.buttonFrame_las_la-envelope:hover,
	.buttonFrame button.buttonFrame_las_la-envelope-open:hover,
	.buttonFrame button.buttonFrame_las_la-undo-alt:hover,
	.buttonFrame button.buttonFrame_las_la-eye:hover,
	.buttonFrame button.buttonFrame_las_la-clipboard-list:hover,
	.buttonFrame button.buttonFrame_las_la-tag:hover,
	.buttonFrame button.buttonFrame_las_la-shopping-bag:hover,
	.buttonFrame button.buttonFrame_las_la-file-alt:hover,
	.buttonFrame button.buttonFrame_las_la-file-csv:hover,
	.buttonFrame button.buttonFrame_las_la-thumbs-up:hover,
	.buttonFrame button.buttonFrame_las_la-file-invoice:hover,
	.buttonFrame button.buttonFrame_las_la-ticket-alt:hover,
	.buttonFrame button.buttonFrame_las_la-print:hover,
	.buttonFrame button.buttonFrame_las_la-redo-alt:hover,
	.buttonFrame button.buttonFrame_las_la-user-lock:hover,
	.buttonFrame button.buttonFrame_las_la-user-tag:hover,
	.buttonFrame button.buttonFrame_las_la-user-clock:hover,
	.buttonFrame button.buttonFrame_las_la-coins:hover,
	.buttonFrame button.buttonFrame_las_la-copy:hover
 	{
		background: #fff;
		border: 1px solid #576874;
		color: #576874;
	}
	
	.buttonFrame button.buttonFrame_las_la-file:disabled,
	.buttonFrame button.buttonFrame_las_la-edit:disabled,
	.buttonFrame button.buttonFrame_las_la-trash:disabled, 
	.buttonFrame button.buttonFrame_las_la-lock:disabled,
	.buttonFrame button.buttonFrame_las_la-info-circle:disabled,
	.buttonFrame button.buttonFrame_las_la-calendar:disabled,
	.buttonFrame button.buttonFrame_las_la-folder:disabled,
	.buttonFrame button.buttonFrame_las_la-clock:disabled,
	.buttonFrame button.buttonFrame_las_la-comment:disabled,
	.buttonFrame button.buttonFrame_las_la-envelope-open:disabled,
	.buttonFrame button.buttonFrame_las_la-envelope-open-text:disabled,
	.buttonFrame button.buttonFrame_las_la-stopwatch:disabled,
	.buttonFrame button.buttonFrame_las_la-user-plus:disabled,
	.buttonFrame button.buttonFrame_las_la-envelope:disabled,
	.buttonFrame button.buttonFrame_las_la-envelope-open:disabled,
	.buttonFrame button.buttonFrame_las_la-undo-alt:disabled,
	.buttonFrame button.buttonFrame_las_la-eye:disabled,
	.buttonFrame button.buttonFrame_las_la-clipboard-list:disabled,
	.buttonFrame button.buttonFrame_las_la-tag:disabled,
	.buttonFrame button.buttonFrame_las_la-shopping-bag:disabled,
	.buttonFrame button.buttonFrame_las_la-file-alt:disabled,
	.buttonFrame button.buttonFrame_las_la-file-csv:disabled,
	.buttonFrame button.buttonFrame_las_la-thumbs-up:disabled,
	.buttonFrame button.buttonFrame_las_la-file-invoice:disabled,
	.buttonFrame button.buttonFrame_las_la-ticket-alt:disabled,
	.buttonFrame button.buttonFrame_las_la-print:disabled,
	.buttonFrame button.buttonFrame_las_la-redo-alt:disabled,
	.buttonFrame button.buttonFrame_las_la-user-lock:disabled,
	.buttonFrame button.buttonFrame_las_la-user-tag:disabled,
	.buttonFrame button.buttonFrame_las_la-user-clock:disabled,
	.buttonFrame button.buttonFrame_las_la-coins:disabled,
	.buttonFrame button.buttonFrame_las_la-copy:disabled,
	
	.buttonFrame fieldset.buttonFrame_las_la-file:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-edit:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-trash:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-lock:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-info-circle:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-calendar:disabled, 
	.buttonFrame fieldset.buttonFrame_las_la-folder:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-clock:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-comment:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-envelope-open:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-envelope-open-text:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-stopwatch:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-user-plus:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-envelope:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-undo-alt:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-eye:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-clipboard-list:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-tag:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-shopping-bag:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-user-lock:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-user-tag:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-archive:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-thumbs-up:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-coins:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-file-csv:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-file-invoice:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-envelope-open:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-envelope-open-text:disabled,
	.buttonFrame fieldset.buttonFrame_las_la-user-clock:disabled 
	{
		background: #e5e5e5;
		border: 1px solid #e5e5e5;
		color: #999;
	
	}
	
	.buttonFrame .dropdown-button button {
		background: #fff;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		border-left: none;
		border-right: none;
	}
	
	.buttonFrame .dropdown-button button:hover {
		text-decoration: none;
		background-color: #f8f9fa;
		/*border-top: 1px solid #e1e1e1;
		border-bottom: 1px solid #e1e1e1;
		border-left: none;
		border-right: none;*/
		color: #212529;
	}
	
	.buttonFrame .dropdown-button button:disabled,
	.buttonFrame .dropdown-button button:disabled:hover {
		background: #e5e5e5;
		border: none;
		border: 1px solid #fff;
		color: rgba(0,0,0,.5);
	}
	
	.reset_page a {
		color: #fff;
	}