/** Christian Schwarz - Ergaenzung 2018-01-05 **/

.bgkarte p, .bgkarte strong {
  padding: 0px 0px 0px 20px;
}

@media screen and (max-width:880px) {
	.bgkarte
	{
		padding:0 20px;
	}
}

.bgkarte {
  min-height: 400px;
  background:url(./Kreiskarte_Jobcenter_Ort_PLZ_Suche.jpg) no-repeat 100% bottom;
  font-family: "Arial Narrow","Helvetica Condensed","Roboto Condensed",sans-serif;
}
/*
.ym-content .bgkarte .ym-cbox h3
{
	background:url(../util/img/blue-arrow.png) no-repeat 0 50%;
	background:url(../util/img/blue-arrow-x2.png) no-repeat 0 50%/6px 9px;
	color:#0850A0;
	font-family:"Arial Narrow","Helvetica Condensed","Roboto Condensed",sans-serif;
	font-weight:700!important;
	padding-left:11px;
	text-decoration:none
}
*/

@media screen and (max-width:880px) {
.bgkarte {
  background: none;
  min-height: 0px;
}
}

.ym-g66 {
 width: 66%;
}

.bezirkstellensuche {
  width: 50%;
  display: block; 
  clear: both;
}

@media screen and (max-width:880px) {
.ym-g66, .bezirkstellensuche {
  width: 100%;
}
}

/*----- Bürgerservice BSO ----*/

div.oes_ueberschrift, div.angebote_ueberschrift,div.formulare_ueberschrift, div.personen_ueberschrift,
h1.oes_ueberschrift, h1.angebote_ueberschrift,h1.formulare_ueberschrift, aside .angebot_formular .ueberschrift 
 {display:none;}

.angebot_name .typ, .oe_name .typ {display: none;}

.oe_detail .oe_standardzeiten, 
.oe_detail .oe_oeffnungszeiten, 
.oe_detail .oe_adresse,
.oe_detail .oe_email,
.oe_detail .oe_telefon,
.oe_detail .oe_fax,
.oe_detail .oe_person,
.oe_detail .angebot_formular,
.oe_detail .angebot_link,
.person_detail .person_standardzeiten, 
.person_detail .person_sprechzeiten, 
.person_detail .person_adresse,
/*.person_detail .person_telefon,
.person_detail .person_fax,
.person_detail .person_email,
*/
.angebot_detail .angebot_person,
.angebot_detail .angebot_link 
{
  display: none;
}

.person_organisatorischeEinheit {
  margin-top: 15px;
}

/*damit Beschriftigung Telefon und Fax in gleicher Zeile steht */
.angebot_email .ueberschrift, .oe_email .ueberschrift, .person_email .ueberschrift, 
.angebot_telefon .ueberschrift,  .oe_telefon .ueberschrift,  .person_telefon .ueberschrift,  
.angebot_fax .ueberschrift, .oe_fax .ueberschrift, .person_fax .ueberschrift
{
  margin-right: 5px; 
  float: left;
}

input[type='submit'],
input[type='reset']
	{
		border:2px solid #00377D;
		color:#fff;
		background:#00377d;
		box-sizing:border-box;
		font-size:1em;
		font-weight:700;
		padding: 1em .6em;
		margin: 0.5em 0em 0em 0em;
	}


input[type='button']
	{
		border:2px solid #00377D;
		color:#fff;
		background:#00377d;
		box-sizing:border-box;
		font-size:1em;
		font-weight:700;
		padding: 0em 0.6em;
		/*margin: 1em 0em;*/
margin: 1em 0em 0.5em 0em;
	}




/* temporär */
/*div.title, div.navigation {display: none;}*/

/*----- Bürgerservice BSO Ende ----*/

/* --------- SelfDB --------------------- */

.selfdb_columnname, tr.selfdb_grouprow td {
  font-weight:bold;
  font-size: 120%;
  padding-left: 0px;
}

.db594 .selfdb_verzeichnisname {
  display:none;
}

.db594 .selfdb_list th {
  font-size: 90%;
}

.db594 tr.alternierend2 td {
  background-color: #eaeaea;
}

.selfdb_dialog .selfdb_reportrow {
  margin: 0.5em 0em 0em 0em;
}

/*wie h3*/
h1.selfdb_verzeichnisname {
  border-bottom: 1px solid #b2c3d8;
  color: #00377d;
  font-family: "Arial Narrow", "Helvetica Condensed", "Roboto Condensed", sans-serif;
  font-size: 1.429em;
  font-weight:bold;
  letter-spacing:0.03em;
  margin-bottom: 22px;
  padding: 0 0 10px;
}

/*wie h4*/
.selfdb_reportgroup {
  color: #00377d;
  font-family: "Arial Narrow","Helvetica Condensed","Roboto Condensed",sans-serif;
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 2px;
  clear: both;
  margin-top: 40px;
}

.selfdb_reportgroup:first-child {
  margin-top: 0px;
}

.db570 .selfdb_report .selfdb_columnname {
 display: none;
}

legend {
  font-weight: bold;
  margin-bottom: 1em;
}

select, .selfdb_fieldset .selfdb_search {
  margin-bottom: 1em;
}

.db17 input[type^="text"], .db17 select,
.db83 input[type^="text"], .db83 select {
  width: 400px !important;
}

.selfdb_reportentry {
  clear: both;
  margin-bottom: 20px;
}


/*** --- Veranstaltungskalender (db79) --- ***/
.db79 .selfdb_fieldZeiten .selfdb_columnname, 
.db79 .selfdb_fieldStadt .selfdb_columnname { 
 display: none; 
} 

.db79 .selfdb_fieldTitel, 
.db79 .selfdb_fieldKategorie, 
.db79 .selfdb_fieldZeiten, 
.db79 .selfdb_fieldStadt, 
.db79 .selfdb_fieldVeranstaltungssttte, 
.db79 .selfdb_fieldEintrittspreisvon, 
.db79 .selfdb_fieldEintrittspreisbis 
{ 
 margin-bottom: 18px; 
} 

.db79 .selfdb_reportrow .selfdb_fieldAdresse p{ 
 padding-bottom: 0px; 
} 

/*23.11.16 Schwank, Anzeige standardmäßig in Report */
.db79 .selfdb_reportrow .selfdb_fieldBild {display:none;}


/*** --- Bestandserhebung (db594) --- ***/
.db594 .selfdb_reportrow {
  padding-top:10px;
}


/* --------- SelfDB Ende --------------------- */






/******************** Tooltip-Formatierung ************************/
    .hilfetext {
       outline:none;
       color: #1d843b;
       border-bottom: 1px dotted #1d843b;
       display: inline;
       cursor: pointer;
    }

   .hilfetext:hover {
      text-decoration:none;
   }
 
   .hilfetext span {
      z-index:10;
      display:none;
      padding:14px 20px;
      margin-top: 0px;
      margin-left:18px;
      width:300px;
      line-height:16px;
      border-radius:0px;
      box-shadow: 5px 5px 8px #CCC;
   }

  .hilfetext:hover span {
      display:inline; 
      position:absolute;
      color:#00377d;
      border:1px solid #00377d; 
      /*background:#fffAF0;*/
      background: #ffffff;
}

/** Fallback, wenn JS deaktiviert **/
/*
article span[title] { 
        color: green;
        border-bottom: 1px dotted green;
        cursor: pointer;
}
*/
/*
footer {
  margin-top: 500px !important;
}
*/

/*
.ym-slide-block {
  width: 100%;
  clear:both;
}
*/

figure img {
  width: 150px;
}

/*Abstand zwischen Inhaltstext und Slide-Boxen*/
.ym-inner-content section {
  margin-top: 1em;
}

/* Kontaktformular */
/*
.x_pf {
  margin-bottom: 5px;
}
*/

input[type='checkbox'], 
input[type='radio'] 
{
  margin-right: 5px;
}



/* Abschluss für Editoren */
.nofloat {clear:both;}





/************************ Icons fuer greenbox *************************************/

/********** Hinzufuegen von icon und icon-x2 *************/
.ym-aside-emergency .ym-icon
{
	background:#1D843B url(https://jobcenter.kreis-re.de/Inhalt/Zentrales/Stab/IT-Service/Anleitungen/Hardware_Drucker_P-4020dn.pdf) no-repeat 50% 50%;
	background:#1D843B url(https://jobcenter.kreis-re.de/Inhalt/Zentrales/Stab/IT-Service/Anleitungen/Hardware_Smartphone_Inbetriebnahme.pdf) no-repeat 50% 50%/79px 65px
}

.ym-aside-stva .ym-icon
{
	background:#1D843B url(#) no-repeat 50% 50%;
	background:#1D843B url(#) no-repeat 50% 50%/79px 65px
}




@media screen and (min-width:881px) {
	/************** Hinzufuegen des icon-hover und icon-hover-x2 ****************/
	.ym-aside .ym-aside-emergency a.ym-icon:hover,.ym-aside .ym-aside-emergency a.ym-icon:focus
	{
		background:#D2E6D8 url(https://jobcenter.kreis-re.de/Inhalt/Zentrales/Stab/IT-Service/Anleitungen/Hardware_Drucker_P-C3566iMFP.pdf) no-repeat 50% 50%;
		background:#D2E6D8 url(https://jobcenter.kreis-re.de/Inhalt/Leistung/Richtliniensammlung/Anlage 4 zur Richtlinie elektronische Aktenf-hrung (Stand 12.07.19).pdf) no-repeat 50% 50%/79px 65px
	}

	.ym-aside .ym-aside-stva a.ym-icon:hover,.ym-aside .ym-aside-stva a.ym-icon:focus
	{
		background:#D2E6D8 url(#) no-repeat 50% 50%;
		background:#D2E6D8 url(#) no-repeat 50% 50%/79px 65px
	}
}

@media screen and (max-width:880px) {
	.ym-aside .ym-aside-emergency .ym-icon,
                     .ym-aside .ym-aside-stva .ym-icon
	{
		background-size:32px 26px
	}

}


tr.gerade td {
  background-color: #e5ebf2;
}

article ul li {
  display: table !important;
}

#sitemap li {
  display: block !important;
}

/* damit gesamte Klappbox eingefaerbt wird. Polyfill wenn Bild groesser als Text */
#id65899 {
  background-color: #e5ebf2 !important;
}

article ol {
  list-style-position: outside !important;
  margin: 0px !important;
  padding: 0px !important;
}

article ul.ym-gallery-sub li {
  display: block !important;
}

ul.ym-gallery-sub li {
  float: left !important;
  background: none !important;
  margin: 0px;
  padding: 0px;
}

/*** Sucheseite ***/
.highlight {color: #00377D; font-weight: bold;}

.query-box {display: none;}


/*** 5 statt 4 Hauptmenuepunkte ***/
@media screen and (max-width: 800px) {
  .ym-nav nav.ym-aside-nav {
     top: 295px;
  }
}

.noscript {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 130%;
    font-weight: bold;
}

/***** Banner Online-Services Startseite (Start) *****/
.banner-onlineservice-wrapper {
	width: 100%;
}

.banner-onlineservice-wrapper a {
	text-decoration: none;
	color: #00377D;
}

.banner-onlineservice {
	display: grid;
	grid-template-columns: 80px auto;
	grid-gap: 1rem;
	margin: 0 0 1rem 0;
}

@media screen and (min-width: 800.2px) {
	.banner-onlineservice {
		grid-template-columns: 160px auto 25%;
	}
}

.at-bild {
	align-self: center;
	justify-self: center;
}

.banner-onlineservice-headline {
	align-self: center;
	justify-self: center;
}

.banner-onlineservice-headline p {
	font-size: 160%;
	text-align: center;
}

.banner-onlineservice-headline p strong{
	font-size: 200%;
}

@media screen and (min-width: 800.2px) {
	.banner-onlineservice-headline p strong{
		font-size: 320%;
	}
}

.banner-onlineservice-auflistung {
	align-self: center;
	justify-self: right;
	font-size: 160%;
}

.banner-onlineservice-auflistung ul {
	margin: 0 0 0 0;
}

@media screen and (max-width: 800.1px) {
  .banner-onlineservice-auflistung {
    display: none;
  }
}
/***** Banner Online-Services Startseite (Ende) *****/