/*
 * CSS-Theme (Screen-Darstellung)
 *
 * Bayerisches Staatministerium für Arbeit und 
 * Sozialordnung, Familie und Frauen
 * 
 * (c) 2013
 */
 

 /******************************************************
  *	
  *		Grundgerüst (Erweitertes-Template)
  *
  ******************************************************/
  
	/* Hintergrundfarbe und Standard-Schrift definieren */
	
	body {
		background-color:#efefef;
		font-family: Arial, Helvetica, sans-serif;
		}
		
	/* 
	* Definiert die Hintergrundfarbe 
	* der Footer-Leiste
	*/
 
	#footer {
		background-color:#198ccd;
		}
		
	/* 
	* Linkfarbe
	*/
	
	.nav-footer ul li a{
		color:#FFFFFF;
		}
 
	@media only screen and (max-width : 768px){
		.nav-footer ul li a{
			background-image:url(/imperia/md/images/stmas/hdo/system/icons/nav-arrows.png);
			}
	}
 
	/* 
	* Buttons für mobile Version
	*/
	.header-buttons > div {
		background-image:url(/imperia/md/images/stmas/hdo/system/buttons/header-buttons.png);
		}
 
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
		.header-buttons > div {
			background-image:url(/imperia/md/images/stmas/hdo/system/buttons/header-buttons@2x.png);
			}
	}

 /******************************************************
  *	
  *		Haupt-Navigation (Desktop-Version)
  *
  ******************************************************/

 
	/* 
	* Definiert den Hintergrund der Hauptnavigationsleiste,
	* welcher in der Regel ein Farbverlauf als Grafik-Datei
	* ist (1x65px). Die Hintergrundfarbe gibt den untersten 
	* Farbwert des Farbverlaufes an, für den Fall dass die
	* Navigationsleiste h?her als die Grafik ausf?llt.
	*/
   
	.context-desktop #nav-main {
		background-image:url(/imperia/md/images/stmas/hdo/system/backgrounds/nav-main.png) !important;
		background-color:#ffc300;
		}

	/* 
	* Standard Schriftfarbe der Hauptnavigationspunkte. Je
	* nach Anzahl der Navigationseintr?ge muss die Breite
	* entsprechend angepasst werden um die Navigationspunkte
	* optimal ?ber die ganze Breite zu verteilen.
	*/
	
	.context-desktop #nav-main li a {
		width:156px;
		color:#198ccd;
		}
		
	/* 
	* Breite für letzten Menüpunkt individuell vergeben um die
	* Gesamtbreite der Hauptnavigation optimal auszuf?llen
	*/
		
	.context-desktop #nav-main li:first-child a {
		width:156px;
		}		
	.context-desktop #nav-main li:last-child a {
		width:160px;
		}
	
	/* 
	* Schrift- und Hintergrundfarbe für Mouseover
	*/

	.context-desktop #nav-main .horizontal-menu > li > a:focus,
	.context-desktop #nav-main .horizontal-menu > li > a:active,
	.context-desktop #nav-main .horizontal-menu > li > a:hover,
	.context-desktop #nav-main .horizontal-menu > li > a.active {
		color:#FFFFFF;
		background-color:#198ccd !important;
		}
 
	.context-desktop #nav-main .horizontal-menu li a:hover, 
	.context-desktop #nav-main .horizontal-menu li a:focus {
		color: #ffffff;
	} 
 
	/* 
	* Dropdown-Menü: Hintergrund- und Rahmenfarbe
	*/
 
	.context-desktop #nav-main li:hover .dropdown-menu,
	.context-desktop #nav-main li:focus .dropdown-menu,
	.context-desktop #nav-main li.aktiv .dropdown-menu  {
		background-color:#effafa;
		border-color:#52c7c9;
		}
	.context-desktop #nav-main .horizontal-menu li:hover .dropdown-menu  a span {
		border-right:none;
	}
	
	.context-desktop #nav-main .dropdown-menu li a {
		color:#6d6e71 !important;
		}

	#nav-main .dropdown-menu li a:hover {
		color:#1eb6b9 !important;
		}
		
	/* 
	* Dropdown-Menü: Rahmenfarbe für Spaltentrennlinien
	*/
	
	.context-desktop #nav-main .dropdown-menu .col {
		border-color:#ffc300;
		}
		
	/* 
	* Dropdown-Menü: Listen-Icon für Navigationspunkte
	* der zweiten Ebene definieren.
	*/
		
	.context-desktop #nav-main .dropdown-menu ul li {
		background-image:url(/imperia/md/images/stmas/hdo/system/icons/nav-main-list.png);
		}
	
 /******************************************************
  *	
  *		Haupt-Navigation (Mobile-Version)
  *
  ******************************************************/
	
	.context-mobile #nav-main a {
		background-image:url(/imperia/md/images/stmas/hdo/system/icons/nav-arrows.png);
		}
		
	.context-mobile #nav-main > ul > li > a {
		width:auto;
		color:#000000;
		background-color:#ffc300;
		}		

	.context-mobile #nav-main .dropdown-menu ul > li > a {
		width:auto;
		color:#6d6e71;
		background-color:#effafa;
		border-color:#cde3e6;
		}
  
  
 /******************************************************
  *	
  *		Breadcrumb-Navigation (Desktop-Version)
  *
  ******************************************************/
	
	/* 
	* Breadcrumb-Menü: Pfeil-Icon
	*/
 
	#breadcrumb ol li a {
		color:#198ccd;
		background-image: url(/imperia/md/images/stmas/hdo/system/icons/icons.gif);
		background-position:0 -496px;
		}
		
	#breadcrumb ol li strong {
		background-image: url(/imperia/md/images/stmas/hdo/system/icons/icons.gif);
		background-position:0 -597px;
		}
	

 /******************************************************
  *	
  *		Contentelemente
  *
  ******************************************************/
	
	/* 
	* Schriftfarbe der Headlines
	*/
		
	.rte h1 {
		color:#198ccd;
		}

	.rte h2 {
		color:#198ccd;
		}
		
	.rte h3 {
		color:#6d6e71;
		}
		
	.rte h4 {
		color:#6d6e71;
		}
	
	/* 
	* Schriftfarbe für Standardtexte
	*/
	
	.rte,
	.rte p,
	.rte li,
	.rte address,
	.form label {
		color:#6d6e71;
		}
		
	/* 
	* Schriftfarbe für Textlinks
	*/
	
	.rte a {
		color:#198ccd;
		}
		
	.rte a:active,
	.rte a:focus {
		color:#2a7380;
		}
		
	/* 
	* Aufzählungszeichen für Listen
	*/
		
	.rte > ul li,
	.rte .newsbox li,
	.rte .modul-sitemap li,
	#marginalie.rte .teaser-box li {
		background-image: url(/imperia/md/images/stmas/hdo/system/icons/list.png);
		}
		

 /******************************************************
  *	
  *		Content-Modul: Tabelle
  *
  ******************************************************/
		
	/* 
	* Formatierung des Tabellen-Kopfes:
	* - Hintergrundfarbe
	* - Textfarbe
	* - Rahmenfarbe
	*/
		
	table.default th {
		background-color: #b3e9f8;
		color:#6D6E71;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		}
		
	/* 
	* Formatierung der Tabellen-Zellen:
	* - Standard-Textausrichtung
	* - Textfarbe
	* - Rahmenfarbe
	*/
	table.default td {
		text-align: center;
		color:#6D6E71;
		border-bottom: 1px solid #c6effa;
		border-right: 1px solid #c6effa;
		}
		
	/* 
	* Farbe für alternierende Zeilenfarbe
	*/
	/*
	table.default tr.odd td {
		background-color:#EEEEEE;
		}
	*/

	
 /******************************************************
  *	
  *		Content-Modul: Formulare
  *
  ******************************************************/
	
	/* 
	* Hintergrundfarbe der Formulare
	*/
	
	.form {
		background-color: #ebf9fd;
		}
		
	/* 
	* Rahmenfarbe von Feldern
	*/
	
	.form .field-text,
	.form .field-select,
	.form .field-textarea {
		border-color:#cccccc;
		}
		
	/* 
	* Rahmenfarbe von aktiven Feldern
	*/
	
	.form .field-text:hover,
	.form .field-select:hover,
	.form .field-textarea:hover {
		border-color:#22a4d6;
		}
		
		
	/* 
	* Styling der Submit-Buttons (Normal-Zustand)
	*/
	.form .submit-btn {
		background-color: #FFFFFF;
		border-color: #CCCCCC;
		color: #22a4d6;
		}

	/* 
	* Styling der Submit-Buttons (Hover-Zustand)
	*/
		
	.form .submit-btn:hover,
	.form .submit-btn:focus {
		background: #22a4d6;
		color: #fff;
		}

		
	/* 
	* Styling des Youtube Aktivieren Buttons (Normal-Zustand)
	*/
	.youtube_overlay {
		opacity: 0.95;
		box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	}
	.youtube_overlay h4 {
		font-weight: bold;
		font-size: 1.083em;
		color: #198ccd;
	}
	.youtube_overlay ul li {
		background: none!important;
		font-size: 1em!important;
	}
	.youtube_overlay a.btn_youtube_aktivieren {
		background-color: #198ccd!important;
		color: #fff;
		padding: 10px 20px;
		display: inline-block;
	}

	/* 
	* Styling Youtube Aktivieren Buttons (Hover/Focus-Zustand)
	*/
	.youtube_overlay a.btn_youtube_aktivieren:hover,
	.youtube_overlay a.btn_youtube_aktivieren:focus {
		text-decoration: none;		
		background-color: #cccccc!important;
		color: #092E48;
	}		
	
 /******************************************************
  *	
  *		Content-Modul: Sprunglinks
  *
  ******************************************************/
  
	/* 
	* Hintergrundfarbe für die Sprunglink-Box
	*/
  
	.anchor-box {
		background-color: #ebf9fd;
		}
		
	/* 
	* Pfeil-Icon der Sprunklinks
	*/
	
	.anchor-box ul li a {
		background-image: url(/imperia/md/images/stmas/hdo/system/icons/icons.gif);
		background-position:0 -297px;
		}
		
	/* 
	* Pfeil-Icon des nach oben Spunglinks
	*/
		
	.top a {
		background: url(/imperia/md/images/stmas/hdo/system/icons/icons.gif) no-repeat scroll 132% -1400px transparent;
		}
		
		
 /******************************************************
  *	
  *		Content-Modul: Weiterf?hrende Informationen
  *
  ******************************************************/
  
	/* 
	* Pfeil-Icon das unterhalb des Headline-Balkens hervorkommt
	*/
  
	.additional-informations h3 {
		background-image: url(/imperia/md/images/stmas/hdo/system/icons/additional-link-header.jpg);  
		}
		
	/* 
	* Hintergrundfarbe des Headline-Balkens
	*/
		
	.additional-informations h3 span {
		background-color:#b3e9f8;
		}
		
	/* 
	* Horizontale Trennlinie zwischen den Links
	*/
		
	.additional-informations ul.links li {
		background-image: url(/imperia/md/images/stmas/hdo/system/backgrounds/border-h.gif);
		}
		
		
 /******************************************************
  *	
  *		Content-Modul: Slider Header
  *
  ******************************************************/
	
	/* 
	* Hintergrundfarbe für Slider-Balken
	*/
		
	.plusslider-pagination-wrapper {
		background-color:#198ccd;
		}
		
	/* 
	* Pagination Icons
	*/
	
	.plusslider-pagination li {
		background-image: url(/imperia/md/images/stmas/hdo/system/icons/plus-sprite.png);
		}
		
	/* 
	* Slider Teaser-Boxen: Hintergrundfarbe der Box
	*/
	
	.plusslider .teaser-box,
	.plusslider .teaser-box .box-header h5 span {
		background-color:#fafafa;
		}
		
	/* 
	* Slider Teaser-Boxen: Formatierung der Headline
	*/

	.plusslider .teaser-box .box-header h5 {
		color:#198ccd;
		background-image:url(/imperia/md/images/stmas/hdo/system/backgrounds/headline-h5.png);
		}
		
		
 /******************************************************
  *	
  *		Content-Modul: Gallery
  *
  ******************************************************/
	
	/* 
	* Hintergrundfarbe der Gallery-Box
	*/
	
	.modul-gallery {
		background-color:#ebf9fd;
		}
		
	/* 
	* Farbe und Schriftgröße der Headline
	*/
		
	.modul-gallery h5 {
		color:#6d6e71;
		}
		
	/* 
	* Rahmenfarbe der Vorschaubilder auf
	* der Detailseite
	*/
		
	.modul-gallery .thumb-navigator a {
		border:1px solid #FFFFFF;
		}
		
	.modul-gallery .thumb-navigator a:hover {
		border:1px solid #666666;
		}
		
	.modul-gallery .thumb-navigator a.current {
		border:1px solid #f92828;
		}
		
	/* 
	* Rahmenfarbe und -dicke der Vorschaubilder
	* auf der Gallery Übersichtsseite
	*/
		
	.modul-gallery-overview .thumb-navigator a {
		border:3px solid #FFFFFF;
		}
		
	.modul-gallery-overview .thumb-navigator a:hover {
		border:3px solid #666666;
		}
		
		
 /******************************************************
  *	
  *		Content-Modul: Publikationen
  *
  ******************************************************/
	
	/* 
	* Hintergrundfarbe der Publikationen-Box
	*/
	
	.modul-publication {
		background-color:#ebf9fd;
		}
		
	/* 
	* Rahmenfarbe und -dicke des Vorschaubildes
	*/
		
	.modul-publication .preview {
		border-left:1px solid #b3e9f8;
		border-right:1px solid #b3e9f8;
		}
		

 /******************************************************
  *	
  *		Content-Modul: Newsfeed
  *
  ******************************************************/
		
	/* 
	* Hintergrundfarbe der Newsfeed-Box
	*/
			
	.modul-newsfeed {
		background-color:#ebf9fd;
		}

	/* 
	* Rahmenfarbe und -dicke des Vorschaubildes
	*/
		
	.modul-newsfeed .preview {
		border-left:1px solid #b3e9f8;
		border-right:1px solid #b3e9f8;
		}
		
		
 /******************************************************
  *	
  *		Content-Modul: Indexsuche
  *
  ******************************************************/
		
	/* 
	* Hintergrundfarbe der Indexsuche-Box
	*/
		
	.modul-indexsearch {
		background-color: #ebf9fd;
		}
		
	/* 
	* Hintergrundfarbe des aktiven Buchstaben
	* in der Alpahbet Auswahl
	*/
		
	.modul-indexsearch ul li a:hover,
	.modul-indexsearch ul li a:focus,
	.modul-indexsearch ul li a:active{
		padding-left:2px; 
		padding-right:2px; 
		background-color:#b3e9f8;
		}

	.modul-indexsearch ul li a.active{
		background-color:#b3e9f8;
		}
		
		
 /******************************************************
  *	
  *		Content-Modul: Suche
  *
  ******************************************************/
		
	/* H3 einheitlich die Linkfarbe zuweisen */
	.search-results ol li,
	.search-results h3 {
		color:#328796 !important;
		}
					
 /******************************************************
  *	
  *		Content-Modul: Veranstaltungen
  *
  ******************************************************/
		
	/* 
	* Hintergrundfarbe der Text-Box
	*/
		
	.modul-eventlist .info {
		background-color:#ebf9fd;
		}
		
	/* 
	* Textfarbe der Headline
	*/
	
	.modul-eventlist .info h4 {
		color:#6d6e71;
		}
	.modul-newslist .info h3 {
		color: #328796;
		margin: 0 0 3px;
	} 		
	/* 
	* Textfarbe des Datums
	*/
		
	.modul-eventlist .date {
		color:#2891d6;
		}

		
 /******************************************************
  *	
  *		Marginalie Allgemein
  *
  ******************************************************/
		
	/* 
	* Headline der Topic-Box
	*/
  
	#marginalie .teaser-box .box-header h5,
	#marginalie .topicbox .box-header h5 {
		background-image: url("/imperia/md/images/stmas/hdo/system/backgrounds/headline-h5.png");
		color:#198ccd;
		}
		
	/* 
	* Rahmenfarbe der Modul-Boxen
	*/
		
	#marginalie .teaser-box .box-body {
		border-color:#cde2e5;
		}
		
 /******************************************************
  *	
  *		Marginalien-Modul: Service-Box
  *
  ******************************************************/
	
	/* 
	* Hintergrundfarbverlauf der Service-Navigiation
	*/
		
	.modul-servicenav a {
		background-color:#ffc300;
		background-image:url(/imperia/md/images/stmas/hdo/system/backgrounds/service-nav.png);
		}
		
	/* 
	* Icons der Service-Navigiation
	*/
		
	.modul-servicenav a span {
		background-color:transparent;
		background-image:url(/imperia/md/images/stmas/hdo/system/icons/service-nav.png);
		}
 /******************************************************
  *	
  *		Content-Modul: InfoBox
  *
  ******************************************************/
 
	#marginalie .infobox, .infobox {
		border:3px solid #198ccd;
		}
	
	#marginalie .infobox h5, .infobox h5 {
		font-size:0.978em;
		color:#198ccd;
		}
	#marginalie .infobox h5  {
		background-position: 1px  -222px !important;
		background-image: url("/imperia/md/images/stmas/hdo/system/icons/service-nav.png");
	}				
 /******************************************************
  *	
  *		Content-Modul: Contextnav
  *
  ******************************************************/
		
	/* 
	* Hintergrundfarbe der Newsfeed-Box
	*/
			
	.modul-contextnav .contextnav-wrap {
		background-image:url(/imperia/md/images/stmas/hdo/system/backgrounds/divider-contextnav.png);
		}	
/******************************************************
  *	
  *		Custom Styles...
  *
  ******************************************************/		
	.rte a.downinline {
		background: url("/imperia/md/images/stmas/hdo/system/icons/icons.gif") no-repeat scroll 0 -197px rgba(0, 0, 0, 0);
	}

	.rte a.download {
		background: url("/imperia/md/images/stmas/hdo/system/icons/icons.gif") no-repeat scroll 0 -197px rgba(0, 0, 0, 0);
	}

	.rte a.extinline {
		background: url("/imperia/md/images/stmas/hdo/system/icons/icons.gif") no-repeat scroll 0 -99px rgba(0, 0, 0, 0);
	}
	.rte a.external {
		background: url("/imperia/md/images/stmas/hdo/system/icons/icons.gif") no-repeat scroll 0 -99px rgba(0, 0, 0, 0);
	}
 /******************************************************
  *	
  *		Marginalien-Modul: Themen und Aktionen ext Linksymbol
  *
  ******************************************************/
  #marginalie .topicbox .teaser a.extinline{
    background: none;
}
#marginalie .topicbox .teaser a.extinline span{
    background: url("/imperia/md/images/stmas/hdo/system/icons/icons.gif") no-repeat scroll 0 -99px rgba(0, 0, 0, 0);
	padding-left: 15px;
}
 
 /******************************************************
  *	
  *		CONTENT Zweispaltig mit Bild
  *
  ******************************************************/ 
.zweispaltig_main_div {
	float: left;
	width: 100%;
	margin-bottom:27px
} 
.rund_ecken {
	-moz-border-radius:7px; /* Firefox */
	-webkit-border-radius:7px; /* Chrome, Safari */
	-khtml-border-radius:7px; /* Konqueror */
	border-radius:7px; /* CSS3 */
	behavior:url(border-radius.htc);

}
.zweispaltig_links_div {
	float:left;
	width:45%;
	border: 1px solid #d3d3d3;
	padding:5px;
	background-color: #fff;
}
.zweispaltig_rechts_div {
	float:right;
	width:45%;
	border: 1px solid #d3d3d3;
	padding:5px;
	background-color: #fff;
}
.zweispaltig_links_div img, .zweispaltig_rechts_div img {
	width:207px;
	margin-bottom:20px;
}		
 /******************************************************
*	
*		Content-Modul: BildBox 2 Nebeneinander 
*
******************************************************/	
	.bildbox_theme{
		background-color:#2891d6; 
	}