body {
	background: transparent url(schatten.gif) top repeat-x;	/* Hintergrundfarbe von footer */
}

/* Galerie-spezifische Hintergrundfarben in der Kopf- und Fußzeile*/
body, #head_back #back_left, #head_back #back_right #back_right_bottom, #rechts_aussen #navigation {
	background-color: #f60;
}
#head_back #back_right #back_right_top {	/* Balken oben rechts neben Farbverlauf */
	background-color: #000;
}
/*
#breadcrumb a:visited { color: #0000aa; text-decoration: none; }
#breadcrumb a:link { color: #0000aa; text-decoration: none; }
#breadcrumb a:active { text-decoration: underline; }
#breadcrumb a:hover { text-decoration: underline; }

#content a:visited { color: #0000aa; text-decoration: none; }
#content a:link { color: #0000aa; text-decoration: none; }
#content a:active { text-decoration: underline; }
#content a:hover { color: #00f; text-decoration: underline; }

#breadcrumb {
	margin-left: 20px;
	margin-top: 8px;
}
*/

div#head_top div.zentriert {
	width: 709px;
	width: 647px;
	margin: auto;
	padding: 0px;
	text-align:left;
}


#head_back {
	position:absolute; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
}
#head_top {
	position: absolute; 
	width: 100%; 
	left: 0px; 
	top: 0px;
}

/* Kopfzeile Hintergrund: durchgehender Hintergrundstreifen */
#head_back #back_left {
	width: 50%;
	height: 83px; /* Hoehe von dunkelblauem Streifen "hinter" iwm-Logo */
	float: left; 
	margin: auto; 
}
#head_back #back_right {
	height: 83px; /* Hoehe von Farbverlauf + mittlerer Streifen + Hauptmenue-Streifen */
	background: #fff;
}
#head_back #back_right #back_right_top {
	height: 40px; 
}
#head_back #back_right #back_right_bottom {
	height: 42px; 
	margin-top: 1px;
}

/* Kopfzeile Vordergrund */
#rechts_aussen #rechts_aussen_top {	/* oberer Streifen */
	border-bottom: 1px solid #fff; 
	width: 562px; 
	height: 40px; 
}
#rechts_aussen #navigation {	/* enthält Text im unteren Streifen des Kopfbereichts (ehemals Navigationsbuttons von IWM) */
	height: 30px; /* Hoehe von #back_right_bottom - paddingTop */
	color: #fff;
	text-align: center;
	padding-top: 12px;
	padding-right: 85px;
}

div.content {
	background: #fff url(schatten_weiss.gif) bottom repeat-x;
	padding-bottom: 8px;
	padding-top: 15px;
}



/* 2026-06-05 Gemini Studio */
/* 1. Den zentrierten Container flexibel machen */
div#head_top div.zentriert {
    width: 100%;
    max-width: 647px; /* Verhindert das Aufblähen auf Riesenbildschirmen */
    margin: 0 auto;
    padding: 0 10px;  /* Verhindert ein Anstoßen am Bildschirmrand */
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* 2. Floats an Logo und Container entfernen */
#head_top div.zentriert > div {
    float: none !important; /* Entfernt die Floats von Logo und #rechts_aussen */
}

/* 3. Rechten Navigationsbereich flexibel machen und feste Breiten entziehen */
#rechts_aussen {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

#rechts_aussen #rechts_aussen_top {
    width: 100% !important; /* Keine starren 562px mehr */
    height: 40px;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
}

#rechts_aussen #navigation {
    height: auto;
    min-height: 30px;
    padding-right: 0;       /* Starren rechten Innenabstand entfernen */
    text-align: center;
}