@CHARSET "ISO-8859-1";

/*  NMA, RS, 12.06.2017: nur bei genügend Platz den Ticker anzeigen */
#newsList {
    display: none;
}

@media (min-width: 75em) {
	/* NMA, RS, 12.06.2017:  max. Breite auf 50 reduzieren, damit rechts für den Newsticker Platz entsteht */
	.tileLayout .ui-listview {
		max-width: 60em !important;
		margin-left : 0;
	}
	
	/* NMA, RS, 12.06.2017: Da die Liste insgesamt schmäler ist, jede Kachel quadratisch */
	.tileLayout .ui-listview li {
		width: 230px  !important;
		height: 230px  !important;
		margin-left: 2%!important;
		margin-right: 2%!important;
	}
	
	/*  NMA, RS, 12.06.2017: nur bei genügend Platz den Ticker anzeigen */
	#newsList {
		display: block !important;
	}
}


.cancellatonDetails ul li {
	color: white;
}

#contactPersonArea a{
	font-size : 13px!important;
	margin: 0px!important;
	padding-right: 5px;important;
}

#contactPersonArea h3, #contactPersonArea h4, #contactPersonArea span{
	font-size : 13px!important;
}

#personArea{
	margin-bottom: 5px!important;
}

.FolderCellNoImage.FolderCell {
    height: 80px;
	background-color: white;
    background-position-y: 50px;
}

.newsListDiv{
	/*position: absolute; */
    margin-bottom: -10.5em;
    margin-top: 6px;
    padding-bottom: 1em;
    max-height: 32em;
    float: right;
	width: 400px;
}

.FolderCell h2 {
    text-shadow: none;
}

.tileLayout .ui-listview li p, .tileLayout .ui-listview li h2  {
    text-shadow: none;
}

.headerArea {
    background-position: center;
    background-position-x: center!important;
    max-height: 250px!important;
    background-color: #f3f3f3!important;
	max-width: 1400px;
    margin: auto;
	background-size: cover;
	padding: 7%;
}

#headerForm {
	background-color: #f3f3f3!important;
}

#subHeader{
    background-image: url(../logos/Logo_Internet.jpg);
    height: 55px;
    background-repeat: no-repeat;
    background-color: rgba(228, 59, 50, 1);
    background-size: contain;
	background-position: 200px;
    border: 5px solid rgba(228, 59, 50, 1);
}

#popupLogin, #popupGetPassword, #welcome {
	background-size: 100% auto !important;
	background-position: top center !important;
}

/* die kleine Breite, z. B. iPhone */
@media ( max-width :680px) {
	.headerArea {
		background-image: url('../gifMobile/rlp_logo_klein.png');
		padding-top: 41px;
		background-position: 84px 1px;
	}
}

/* Ränder links und rechts in Mobile-Oberfläche */

.ui-page, .ui-header{
	margin: 0 auto!important;
	border-right: 1px #eeeeee solid !important;
	border-left: 1px #eeeeee solid !important;
	background : #eaeaea!important;
}

/* Workaround, weil der Popup für das Bucherkonto sonst nach links aus dem sichtbaren Bereich verschoben wird */
#accountType-listbox-popup {
	left: 10px !important;
}

/* Titel der Kacheln auf Home und dem News-ticker in Sparkassenrot*/
div#userTiles h2, .newsItemTextArea h2 /* Titel im Bildungskatalog*/ {
	color: #ff0000;	
}

/* Titel der Kacheln auf Home und dem News-ticker in Sparkassenrot*/
div.FolderTitle {
	color:white;
}

/* keine Schatteneffekte im Text */
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
	text-shadow: none!important;
}

#explorerTab, #searchTab{
	background-color: #ff0000;	
	color:white!important;
}

.jq-calendar-wrapper .training {
	background-color: #dddcdc!important;
	
}

.jq-calendar-wrapper .ui-btn-today { 
	background-color:#a7a7a7!important;
}

#userTiles a.ui-btn:visited h2 {
    color: white !important;
}


div, li, ul, .ui-btn, .ui-listview{
	border-radius : 0px!important; /* Hier sollte alles gesammelt werdne um alle Ecken eckig zu machen */
}

.tileLayout .ui-li-icon{
	display: none; /*ausblenden der Icons auf der Home Seite*/
}

.tileLayout .ui-btn, .tileLayout .ui-btn:visited, .newsItemLink /*Newsticker*/, .explorerTrainingProductListItem /*Produktkacheln*/
.ui-btn:not(:active):not(.ui-btn-active) /*Im Explorer angezeigte Unterordner*/{
	background-color: white!important; /*Kacheln der Home seite weißen Hintergrund*/
}

h1, h2, h3, h4, h5{
	/*Überschriften rot */
	color: #ff0000!important;
} 

.TrainingProductTitleExplorerTitle{
	/*Überschriften im Explorer rot */
	color: #ff0000!important;
}

#explorerTabs, #explorer, .contentArea /* Produktkatalog hintergrund*/{
	background : #eaeaea;
}

.contentArea {
	max-width: 1400px!important;
}


/* Auf den Kacheln auf der Startseite die  Pfeile anzeigen */
.tileLayout .ui-listview .ui-btn-icon-right:after{
	display: block!important;
	top: 85%;
}

#mainPage > .ui-header-fixed, .ecadiaMobilePage > .ui-header-fixed {
	position: absolute!important;
	border: none; /*So haben wir keinen  Strich unter dem Header-Bild*/
}

div[aria-describedby='editAccessProfileDialog']{
	z-index:2000;
}

img.icon24, img.ui-li-icon{
	filter: opacity(0.5);
	webkit-filter: : opacity(0.5);
	opacity: 0.5;
}

    


/**
NMA Anpassung nur im Minimal-ecadia um das neue Logo zu hinterlegen unter dem Menü
**/
.headerArea {
    background-image: url("https://spk-akademie.ecadia.de/ecadia/customFiles/logos/Bild_header_GemeinsamWeiterBilden.jpg")!important;

}



























































.openPopupLogon {
	display:none!important;
}