/* Beispiel um das Hintergrundbild auf der Startseite auszutauschen */
/* #wrapper {
    background-image: url(../images/background.png);
} */

.index-header {
    height:125px;
    background:#fff;
	width: 100%;
}

.index-header-logo {
	float: left;
	width: 200px;
	height: 100px;
	background-repeat: no-repeat;
	background-image: url("../images/index/dortmund_logo.png");
	overflow: hidden;
    background-position: center center;
    z-index: 0;
    top: 12.5px;
}

.index-header-banner {
    width:654px;    
    height: 125px;
    background-image: url("../images/index/dortmund-banner-3.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: static;
}

@media screen and (max-width: 1210px) {
    .index-header-banner {
        /*background-image: none;*/ 
        margin-left: 280px; 
    }  
}

@media screen and (max-width: 1090px) {
    .index-header-banner {
        background-image: url("../images/index/dortmund-banner-2.jpg");
        margin: 0 auto;        
    }  
}
@media screen and (max-width: 1000px) {
    .index-header-banner {
        background-image: url("../images/index/dortmund-banner-2.jpg");
        margin-left: 170px;      
    }  
}

@media screen and (max-width: 870px) {
    .index-header-banner {
        background-image: url("../images/index/dortmund-banner-1.jpg");
        margin-left: 100px;       
    }  
}

@media screen and (max-width: 680px) {
    .index-header-banner {
        background-image: none;   
    }  
}

/* Div mit Hintergrundbild */
#wrapper {
    background-image: url("../images/index/background.jpg");
    background-size: 100% 100%;
}

#loading  {
	margin-left: -175px;
    width: 350px;
}

.loading-logo {
    background-image: url("../images/index/dortmund_logo_small.png");
    background-size: 40px 40px;
    width: 40px;
    margin-top: 5px;
}

.loading-msg {
    font: normal 12px arial,tahoma,sans-serif;
    width: 430px;
    z-index: 45000;
    text-align: left;
    margin: 7px auto;
}

/* Gelber Balken auf der linken Seite */
.leftbanner {
    position: absolute;
    left: 0px;
    width: 164px;
    height: 100%;
    top: 130px;
    background-color: #fecc00;
}

.icon-extrainfo-opendocument {background-image:url(../images/extrainfos/open_document.png) !important;}

/* Ticket:50182 Global überschreiben der Tabellen Record selectiert Farbe */ 
.x-grid-row-selected .x-grid-cell {
	background-color: rgba(68, 95, 152, 0.35) !important;
}