/*----- 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;
	}





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

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

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

.db594 .selfdb_verzeichnisname,
.db614 .selfdb_verzeichnisname, 
.db577 .selfdb_verzeichnisname {
  display:none;
}

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

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

/*Anforderung FD57 19.02.18*/
.db594 .selfdb_neuesuchelist, .db594 .selfdb_neuereintrag,
.db614 .selfdb_neuesuchelist, .db614 .selfdb_neuereintrag {
  padding: 1em 0em 1em 0em;
  margin-top: 0.5em;
}

.db594 .selfdb_neuesuchelist a, .db594 .selfdb_neuereintrag a,
.db614 .selfdb_neuesuchelist a, .db614 .selfdb_neuereintrag a {
  padding:  1em;
  margin-right: 0.5em;
  color: #ffffff !important;
  background-color: #00377d;
}

.db594 .selfdb_linkstop,
.db614 .selfdb_linkstop {
  font-family: 'arial';
}

.db594 .selfdb_fieldKategorie img{
  float: none;
  margin: 0px;
}
.db594 td.selfdb_fieldKategorie{
  width: 22%;
}

.db594 .selfdb_reportrow,
.db614 .selfdb_reportrow {
  padding-top:10px;
}

/* kein Einsatz fuer Integrationsangebote
#google_translate_element{
	padding-bottom: 20px;
	width: 23%;
	margin-left: 77%;
}
*/

.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;}


/* --------- 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(../util/img/emergency-icon.png) no-repeat 50% 50%;
	background:#1D843B url(../util/img/emergency-icon-x2.png) no-repeat 50% 50%/79px 65px
}

.ym-aside-stva .ym-icon
{
	background:#1D843B url(../util/img/stva-icon.png) no-repeat 50% 50%;
	background:#1D843B url(../util/img/stva-icon-x2.png) 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(../util/img/emergency-icon-hover.png) no-repeat 50% 50%;
		background:#D2E6D8 url(../util/img/emergency-icon-hover-x2.png) 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(../util/img/stva-icon-hover.png) no-repeat 50% 50%;
		background:#D2E6D8 url(../util/img/stva-icon-hover-x2.png) 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;}

#chkdsgvo {
  float: left;
}

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

/** podcast und youtube **/
.privacy-notice {
    padding: 15px;
    width: 95%;
    background-color: #E5EBF2;
}
.external-content, 
.external-video {
   min-height: 100px;
}