@CHARSET "ISO-8859-1";


/* Google-Schrift f�r das Standardsystem -- kann im Custom-Projekt auch �berschrieben werden ----------------------------------------------------------------------------- */
 @import url("css/ecadiaMobileOpenSans.css");

/* Siehe auch: @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700"); */


* {
	text-shadow: none !important;	
	font-family: "Open Sans",sans-serif !important;
    line-height: 1.5;
    font-weight: 300;
}

#weitereAngaben > div{
	width: 100%!important;	
}

.ui-btn:not(.ui-input-search):not(.searchResultArea):not(.QPMatrixCell),
.ui-page-theme-a .ui-btn, 
html .ui-bar-a .ui-btn, 
html .ui-body-a .ui-btn, 
html body .ui-group-theme-a .ui-btn,
html head + body .ui-btn.ui-btn-a, 
/* jetzt das gleiche nochmal mit "visited" */
.ui-page-theme-a .ui-btn:visited, 
html .ui-bar-a .ui-btn:visited, 
html .ui-body-a .ui-btn:visited,
html body .ui-group-theme-a .ui-btn:visited,
html head + body .ui-btn.ui-btn-a:visited,
.ui-btn:visited
{
	background-color: LightSteelBlue;
	color: #333;
	text-shadow: none;
}

.ui-btn:not(.ui-input-search):not(.doNotUseCustomColor):hover,
.ui-page-theme-a .ui-btn:hover, 
html .ui-bar-a .ui-btn:hover, 
html .ui-body-a .ui-btn:hover,
html body .ui-group-theme-a .ui-btn:hover,
html head + body .ui-btn.ui-btn-a:hover
{
	background-color: AliceBlue;
}

/* Aktiv-Farbe */
.ui-page-theme-a .ui-btn.ui-btn-active, 
html .ui-bar-a .ui-btn.ui-btn-active, 
html .ui-body-a .ui-btn.ui-btn-active, 
html body .ui-group-theme-a .ui-btn.ui-btn-active, 
html head + body .ui-btn.ui-btn-a.ui-btn-active, 
.ui-page-theme-a .ui-checkbox-on::after, 
html .ui-bar-a .ui-checkbox-on::after, 
html .ui-body-a .ui-checkbox-on::after, 
html body .ui-group-theme-a .ui-checkbox-on::after, 
.ui-btn.ui-checkbox-on.ui-btn-a::after, 
.ui-page-theme-a .ui-flipswitch-active, 
html .ui-bar-a .ui-flipswitch-active, 
html .ui-body-a .ui-flipswitch-active, 
html body .ui-group-theme-a .ui-flipswitch-active, 
html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, 
.ui-page-theme-a .ui-slider-track .ui-btn-active, 
html .ui-bar-a .ui-slider-track .ui-btn-active, 
html .ui-body-a .ui-slider-track .ui-btn-active, 
html body .ui-group-theme-a .ui-slider-track .ui-btn-active, 
html body div.ui-slider-track.ui-body-a .ui-btn-active {
    background-color: AliceBlue /*{a-active-background-color}*/;
    border-color: AliceBlue;
    color: #fff;
    text-shadow: none;
}

.ui-tabs-nav .ui-state-active {
    background-color: LightSkyBlue /* Standardfarbe jQM, sollte �berschrieben werden, wenn aktive Buttons anders gef�rbt wurden */;
    border-color: LightSkyBlue;
}


.greenBackground {	
    background-color: SteelBlue /*{a-bup-background-color}*/;
}

.greenBackground h2 {	
	color: white;
}

label.ui-btn {
	
}

.headerArea {
	height: 68px;
	background-position: right 2px;
}

@media ( max-width :680px) {
	.headerArea {
    	background-position: 0px 2px;	
	}
}

.ui-block-largeMedia60 {
	margin-top: 10px !important;
}

.ui-block-largeMedia40 {
	margin-top: 10px !important;
}

.wizard>.steps {
	margin-top: 40px !important;
}

/*Style linke Spalte*/
.left-col-padding {
    padding-right: 25px;
    padding-bottom: 25px;
}

.ui-body-a {
	background-color: #f9f9f9 !important;
}

.wizard>.content {
	background-color: #f9f9f9 !important;
}

.a-page-background-color {
	background-color: #fff;
}

.ui-li-has-count {
	background-color: #f9f9f9 !important;
	color: #0049ac !important;
	text-shadow: none;
}

.contentArea {
	   	max-width: 1400px;
}

.action-btn-style {
	background-color: #0049ac !important;
	color: #fff !important;
}

.action-btn-style:hover {
	background-color: #000 !important;
	color: #fff !important;
}

#forwardAsEMail {
	background-color: #0049ac !important;
	color: #fff !important;
}

#forwardAsEMail:hover {
	background-color: #000 !important;
	color: #fff !important;
}

.content-block{
	padding-top: 20px !important;
}

.event-header > h2{
	border-bottom: none !important;
	color: #000 !important;
}

.event-header {
	background-color: LightSteelBlue !important;
}

.ui-corner-all > h2{
	color: #000 !important;
	border-bottom: none !important;
}

#oLukswgtgWiH7r > div.contentArea.contentArea_trainingproduct.ui-content > div.dataDetails.ui-grid-a.ui-responsive.centered-content > div.ui-block-b.ui-block-largeMedia40 > div.block-events > div {
	background-color: LightSteelBlue !important;
	margin-top: 0.6em !important;
	border-bottom: none !important;
	border-radius: 0px !important;
	margin-bottom: 20px !important;
}

.ui-block-b>.block-events {
	background-color: LightSteelBlue !important;
	padding: 20px !important;
	margin-top: 0.6em !important;
	margin-bottom: 40px !important;
	border-radius: 0px !important;
	border-bottom: none !important;
}

.block-grey {
	background-color: #eaeaea !important;
	padding: 20px !important;
	margin-bottom: 40px !important;
	margin-top: 40px !important;
}

.block-grey-inner {
	background-color: #eaeaea !important;
}

.footer-absatz {
	max-width: 1400px !important;
	margin-bottom: 50px !important;
}

@media (max-width: 767px) and (min-width: 0px)
.ui-block-a .ui-block-largeMedia60 {
    width: 100% !important;
	padding-right: none !important;
	display: flex !important;
}


.eventDetail {
	padding-left: 0.5em !important;
}


#MobileeventTabSet_TabSeteventTabSet-p-0 > div.ui-grid-a.ui-responsive > div.ui-block-a.ui-body-a.ui-block-largeMedia60.a-page-background-color > div.eventDetail > div > div.ui-block-a > div > a {
	background-color: #0049ac !important;
	color: #fff !important;
}

#MobileeventTabSet_TabSeteventTabSet-p-0 > div.ui-grid-a.ui-responsive > div.ui-block-a.ui-body-a.ui-block-largeMedia60.a-page-background-color > div.eventDetail > div > div.ui-block-a > div > a:hover {
	background-color: #000 !important;
	color: #fff !important;}

#filterPanel > div > div:nth-child(9) > fieldset {
	display: none !important;
}

#MobileeventTabSet_TabSeteventTabSet > div.steps.clearfix {
	display: none !important;
}

#PartnerData_ContainerFormOfAddress > div.ui-block-b {
	margin-top: 1.6px !important;
	margin-bottom: 8px !important;
}

/* -------------- LHO: CSS für den Header ------------- */
div.header[data-role=header] {
	/* den "alten Header" ausblenden */
	display: none !important;
}

div.additionalHeader2 {
	width: 100%;
	position: absolute;
	top: 0;
	/* gleiche Höhe wie das Logo von Akading */
	height: 120px;
}

/* Regeln für mittlere Größen  500 - 1200PX*/
@media (min-width: 500px) and (max-width: 1200px) {
	div.additionalHeader2 {
		background-image: url(https://fort-und-weiterbildung.akademie-der-ingenieure.de/customFiles/Logos/Logo_AkadIng_Subline_RGB_2023_Alpha.png);
		background-position: right center;
  		background-repeat: no-repeat;
  		background-size: 35%;
	}
	.hideSmall {
		display: none;
	}
	div.header-wrapper-search-input {
		width: 200px;
	}
}

/* Regeln für kleine Größen 0 - 500PX */
@media (max-width: 500px) {
	div.additionalHeader2 {
		background-image: url(https://fort-und-weiterbildung.akademie-der-ingenieure.de/customFiles/Logos/Logo_AkadIng_Subline_RGB_2023_Alpha.png);
		background-position: right center;
  		background-repeat: no-repeat;
  		background-size: 30%;
	}
	.hideSmall {
		display: none;
	}
	div.header-wrapper-search-input {
		width: 150px;
	}
}

/* Große Displays */
@media (min-width: 1200px) {
	div.additionalHeader2 {
		background-image: url(https://fort-und-weiterbildung.akademie-der-ingenieure.de/customFiles/Logos/Logo_AkadIng_Subline_RGB_2023_Alpha.png);
		background-position: center;
  		background-repeat: no-repeat;
  		background-size: contain;

	}
	
	div.header-wrapper-search-input {
		width: 250px;
	}
}

div.contentArea {
	/* dafür muss der Inhalt nun etwas noch unten geschoben werden , wieder diese 120px */
	margin-top: 120px;
}
/* ------------------------------------------------------*/


/* Buchung mit Login ausblenden - erstmal nicht gewünscht */
a[onclick^=openPopupLogon] {
	display: none;
}

/* Fix, damit die Eingaben zu Meldezusätze angezeigt werden */
.lastCheck tbody td {
white-space: normal !important;
}

/* Buchungsprozess: Die Ãœberschrift ist in einer linie mit den prozessschritten */
.wizard > .content > .body {
	padding-top: 35px;
}
/* Buchungsprozess: Die Buttons unten (Vor/Zurück) sind in einer linie mit den prozessschritten */
div#register-steps div.actions.clearfix {
	padding-right: 55px;
}

/* Das Produkt und das Event sollen auch einen schwarzen Rahmen bekommen wie der Explorer */
div.contentArea {
    border-left: 1px solid black;
	border-right: 1px solid black;
    background-color: white;
}
div.contentArea > div > .ui-body-a {
     background-color: white !important;
}
div.contentArea > div > .ui-body-b {
     background-color: white !important;
}


/* Komisch: Durch das Akading-Customizing für die Anzeige des VA-Status sind jetzt Bilder in den li-Tags und
das führt dazu, dass jquery-Mobile anscheinend automatisch da eine neue Klasse + padding setzt. Das wollen wir aber nicht. */
.ui-listview > .ui-li-has-thumb  > .ui-btn{
	padding-left: 0px !important;
}

.contentArea_myWBT div.wbtProgressbar {
	display: none;
}