/*=============== 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: 4px 50%;
		-webkit-background-size: auto 20px;
		-moz-background-size: auto 20px;
		-o-background-size: auto 20px;
		background-size: auto 20px;
		margin: 0 4px 0 4px;
		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   {
		
		

border: 1px solid #576874;
background: #576874;		
		
		
	}
	
	.pageButton.search {
		/* ihk-blue */
		/*background: #004c88;
		border: 1px solid #004c88;	
		background: #fff;
		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);*/
		
		background: #576874;
		border: 1px solid #576874;
		color: #fff;
	}
	
	.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 #576874;
		color: #576874;
	}
	
	.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% 100%;
		background-size: auto 16px;
		background-repeat: no-repeat;
		/*background-image: url(../img/medienDE_gr.png);*/
		background-image: url(../img/logos/medien.de_logo_2023_s.svg);
		height: 20px;
		margin: 0 20px 0 0;
		image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming)*/
		opacity: 0.6;
	}	
	
	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;
	}
	
	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  	{
		color: rgba(0,0,0,0.5);
	}
	
	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;
	}
	
	.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: #c20000;
	}
	
	.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_new, 
	.buttonFrame button.buttonFrame_edit, 
	.buttonFrame button.buttonFrame_delete, 
	.buttonFrame button.buttonFrame_lock, 
	.buttonFrame button.buttonFrame_info, 
	.buttonFrame button.buttonFrame_calendar, 
	.buttonFrame button.buttonFrame_process, 
	.buttonFrame button.buttonFrame_clock, 
	.buttonFrame button.buttonFrame_comment,
	.buttonFrame button.buttonFrame_firstmail,
	.buttonFrame button.buttonFrame_confirmed,
	.buttonFrame button.buttonFrame_paused,
	.buttonFrame button.buttonFrame_adduser,
	.buttonFrame button.buttonFrame_mailSend,
	.buttonFrame button.buttonFrame_mailReceive,
	.buttonFrame button.buttonFrame_undo,
	.buttonFrame button.buttonFrame_chiffre,
	.buttonFrame button.buttonFrame_abschluss,
	.buttonFrame button.buttonFrame_release_verk,
	.buttonFrame button.buttonFrame_release_k,
	.buttonFrame button.buttonFrame_filesUser,
	.buttonFrame button.buttonFrame_filesCsv,
	.buttonFrame button.buttonFrame_thumbUp,
	.buttonFrame button.buttonFrame_createfile, 
	.buttonFrame button.buttonFrame_createFile,
	.buttonFrame button.buttonFrame_ticket,	
	.buttonFrame button.buttonFrame_hourglass_start,
	.buttonFrame button.buttonFrame_hourglass_end
 	{
		background: #576874;
		border: 1px solid #576874;
	}
	
	.buttonFrame button.buttonFrame_new:hover,
	.buttonFrame button.buttonFrame_edit:hover, 
	.buttonFrame button.buttonFrame_delete:hover, 
	.buttonFrame button.buttonFrame_lock:hover, 
	.buttonFrame button.buttonFrame_info:hover, 
	.buttonFrame button.buttonFrame_calendar:hover, 
	.buttonFrame button.buttonFrame_process:hover, 
	.buttonFrame button.buttonFrame_clock:hover, 
	.buttonFrame button.buttonFrame_comment:hover,
	.buttonFrame button.buttonFrame_firstmail:hover,
	.buttonFrame button.buttonFrame_confirmed:hover,
	.buttonFrame button.buttonFrame_paused:hover,
	.buttonFrame button.buttonFrame_adduser:hover,
	.buttonFrame button.buttonFrame_mailSend:hover,
	.buttonFrame button.buttonFrame_mailReceive:hover,
	.buttonFrame button.buttonFrame_undo:hover,
	.buttonFrame button.buttonFrame_chiffre:hover,
	.buttonFrame button.buttonFrame_abschluss:hover,
	.buttonFrame button.buttonFrame_release_verk:hover,
	.buttonFrame button.buttonFrame_release_k:hover,
	.buttonFrame button.buttonFrame_filesUser:hover,
	.buttonFrame button.buttonFrame_filesCsv:hover,
	.buttonFrame button.buttonFrame_thumbUp:hover,
	.buttonFrame button.buttonFrame_createfile:hover ,
	.buttonFrame button.buttonFrame_createFile:hover ,
	.buttonFrame button.buttonFrame_ticket:hover,
	.buttonFrame button.buttonFrame_hourglass_start:hover,
	.buttonFrame button.buttonFrame_hourglass_end:hover
 	{
		background: #fff;
		border: 1px solid #576874;
		color: #576874;
	}
	
	.buttonFrame button.buttonFrame_new:disabled, 
	.buttonFrame button.buttonFrame_edit:disabled, 
	.buttonFrame button.buttonFrame_delete:disabled, 
	.buttonFrame button.buttonFrame_lock:disabled, 
	.buttonFrame button.buttonFrame_info:disabled, 
	.buttonFrame button.buttonFrame_calendar:disabled, 
	.buttonFrame button.buttonFrame_process:disabled, 
	.buttonFrame button.buttonFrame_clock:disabled, 
	.buttonFrame button.buttonFrame_comment:disabled,
	.buttonFrame button.buttonFrame_firstmail:disabled,
	.buttonFrame button.buttonFrame_confirmed:disabled,
	.buttonFrame button.buttonFrame_paused:disabled,
	.buttonFrame button.buttonFrame_adduser:disabled,
	.buttonFrame button.buttonFrame_mailSend:disabled,
	.buttonFrame button.buttonFrame_mailReceive:disabled,
	.buttonFrame button.buttonFrame_undo:disabled,
	.buttonFrame button.buttonFrame_chiffre:disabled,
	.buttonFrame button.buttonFrame_abschluss:disabled,
	.buttonFrame button.buttonFrame_release_verk:disabled,
	.buttonFrame button.buttonFrame_release_k:disabled ,
	.buttonFrame button.buttonFrame_filesUser:disabled,
	.buttonFrame button.buttonFrame_filesCsv:disabled,
	.buttonFrame button.buttonFrame_thumbUp:disabled,
	.buttonFrame button.buttonFrame_createfile:disabled,
	.buttonFrame button.buttonFrame_createFile:disabled,
	.buttonFrame button.buttonFrame_ticket:disabled,
	.buttonFrame button.buttonFrame_hourglass_start:disabled,
	.buttonFrame button.buttonFrame_hourglass_end:disabled,

	.buttonFrame fieldset.buttonFrame_thumbUp:disabled,
	.buttonFrame fieldset.buttonFrame_mailSend:disabled,
	.buttonFrame fieldset.buttonFrame_coins:disabled, 
	.buttonFrame fieldset.buttonFrame_createFile: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;
	}