/* Projekt 59_jobcenter */

main a:hover {
background-color: #E9EFF5 !important;
}


/* SCHRIFTFORMATIERUNG (inkl. Icons) ALLER BEREICHE (Schriftart, -groesse, -dekoration, -gewicht und -farbe, Ausrichtung, line-height, letter-spacing, etc.; KEINE Abstände) und HINTERGRUNDFARBEN */


	/* Reihenfolge für Pseudo-Klassen beachten :link :visited :hover :focus :active */

	a
	{
		color:				#005395;				/* Farbe der Links - wird im Navigationsbereich überschrieben. */
	}

	#brot a::before /* Breadcrumbs */
	{
		color:				#005395;
	}

	/* Icons für Links IM TEXT (also KEINE Linklisten) */
	a.intern::before,
	a.extern::before,
	a.pdf::before,
	a.mail::before,
	a.top::before,
	p.csc-linkToTop a::before,
	a.pagetotop_link::before, /* Workaround (Altlast aufgrund der alten HTML-Struktur innerer Elemente) für u.a. Presseamt */
	a.back::before,
	.dekobild /* > p:after*/ .enlarge::before		/* Für Bilder im Text mit Bildunterschrift, geändert am 3.2. E.E. */
	{
		color:			#005395;
	}

	/* Icons für Listen/Linklisten */
	ul li::before,		/* "normaler" Listenpunkt */
	ul li.intern::before,
	ul li.extern::before,
	ul li.pdf::before,
	ul li.punkt::before,
	ul li.mail::before,
	ul li.sprung::before
	{
		color:			#005395;
	}

	/* Rolli-Icons */
	.rolli-picto i
	{
		color:		#005395;
	}

header .header-overlay  /* transparenter Hintergrund für Overlay-Logo */
  {
          background:      rgba(255, 255, 255, 0.8);
  }
  
  header .header-overlay-logo.flexbox img {
    width: 200px;
    height: auto;
}



	.streifen	/* Trennstreifen zwischen Kopf und Inhalt */
	{
		background-color:	#005395;
	}

	#navi-spalte	/* Hintergrundfarbe Navi-Spalte */
	{
		background-color:	#f7f7d9;	/* Bei Änderungen nicht vergessen den responsive-Border der Info-Spalte anzupassen! */
		background-image:	none;
		background-position:top left;
		background-repeat:	repeat;
	}

	#inhalts-spalte	/* Hintergrundfarbe Inhalts-Spalte */
	{
		background-color:	#ffffff;
		background-image:	none;
		background-position:top left;
		background-repeat:	repeat;
	}

	#info-spalte	/* Hintergrundfarbe Info-Spalte */
	{
		background-color:	#f7f7d9;
		background-image:	none;
		background-position:top left;
		background-repeat:	repeat;
	}

	@media screen and (min-width: 785px) and (max-width: 1024px) {
		#info-spalte
		{	/* WICHTIG: die Farbe MUSS der Hintergrundfarbe der Navi-Spalte entsprechen! */
			border-left: 220px solid #f7f7d9;
		}
	}


	/* Navigation 1. Ebene */

	#navi-spalte nav li
	{
		background-color:	#C8CB4F;
	}

	#navi-spalte nav li a
	{
		color:		#005395;
	}

	#navi-spalte nav a.aktiv,
	#navi-spalte nav li a:hover,
	#navi-spalte nav li a:focus,
	#navi-spalte nav li a:active
	{
		color:		#ffffff;		
                background-color:	#005395;
	}

	/* Navigation 2. Ebene */

	#navi-spalte nav li ul li
	{
		background-color:	#fafafa;
	}

	#navi-spalte nav li ul li a
	{
		color:		#005395;
	}

	#navi-spalte nav li ul a.aktiv,
	#navi-spalte nav li ul li a:hover,
	#navi-spalte nav li ul li a:focus,
	#navi-spalte nav li ul li a:active
	{
                color: #005395;
                background-color: #C1D0E3;
	}

	/* Navigation 3. Ebene */

	#navi-spalte nav li ul li ul li
	{
		background-color:	#fafafa;
	}

	#navi-spalte nav li ul li ul li a
	{
		color:		#005395;
	}

	#navi-spalte nav li ul li ul a.aktiv,
	#navi-spalte nav li ul li ul li a:hover,
	#navi-spalte nav li ul li ul li a:focus,
	#navi-spalte nav li ul li ul li a:active
	{
		background-color:	#E9EFF5;
	}


	/* Für das Aussehen des Pömpels. Achtung: Werden Größe oder vertical-align geändert, muss auch die Positionierung angepasst werden! */
	#navi-spalte nav li ul li ul a.aktiv::before,
	#navi-spalte nav li ul li ul li a:hover::before,
	#navi-spalte nav li ul li ul li a:focus::before,
	#navi-spalte nav li ul li ul li a:active::before
	{
		color:			#005395;
	}

       #navi-spalte nav.sprachennavigation {
            margin-top: 4em; 
        }
	/* Navigation Sprachen 1. Ebene */

	#navi-spalte nav.sprachennavigation ul li
	{
		background-color:	#E8E68C;
	}

	#navi-spalte nav.sprachennavigation ul li a
	{
		color:				#005395;
	}

	#navi-spalte nav.sprachennavigation ul li a.aktiv,
	#navi-spalte nav.sprachennavigation ul li a:hover,
	#navi-spalte nav.sprachennavigation ul li a:focus,
	#navi-spalte nav.sprachennavigation ul li a:active
	{
		 color: #ffffff;
                 background-color: #4C86B5;
	}



 /* Kasten Aktuell */
.highlighted, .permanent {
    border: 1px solid #005395;
    border-radius: 3px;
    padding: 1em;
    margin-top: 2em;
}

.theme .newsblock, .highlighted .newsblock, .permanent .newsblock {
    background-color: #005395;
}

.newsblock {
    position: absolute;
    margin-top: -1.8em;
    margin-left: 0.8em;
    display: inline-block;
    background-color: #005395;
    color: #fff;
    font-size: 1.2em;
    padding: 2px 10px 2px 10px;
}

/* Kasten Aktuell Ende */

/* Akkordeon */
#inhalts-spalte .accordion h2.accord-closed, #inhalts-spalte .accordion h3.accord-closed {
    background-color: #efefef;
    color: #005395;
    border: 1px solid #efefef;
margin-top: 2px;
}

#inhalts-spalte .accordion h2.accord-opened, 
#inhalts-spalte .accordion h3.accord-opened {
    background-color: #005395;
    border: 1px solid #005395;
}
.accord-closed::before {
    color: #005395;
}
.accord-opened::before {
    color: #efefef;
}
.accordion .anreisser {
margin-bottom: 0;
margin-top: 0;
}

/* ENDE Akkordeon */