@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen fuer die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 * @appdef yaml
 */

@media all
{
 /**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  * (de) Globale Einstellungen fýr Zeichensatz und Schriftgrýýen
  *
  * @section content-global-settings
  */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrýýen auf Standardgrýýe (16 Pixel) zurýcksetzen */
  html * { font-size: 100.01%; }

 /**
  * (en) reset monospaced elements to font size 16px in all browsers
  * (de) Schriftgrýýe von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */

  textarea, pre, code, kbd, samp, var, tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhýlt Standardschriftgrýýe von 12 Pixeln */
  body {
    color: #444;
	font-family: arial,verdana,geneva,sans-serif;
    font-size: 76%;
    line-height: 1.3em;
  }

  /*--- Headings | Ueberschriften ------------------------------------------------------------------------*/

h1 { 
font-size: 1.4em; 
line-height: 1.4em; 
font-weight: bold; 
color: #0a73b4;
margin-bottom: 1.4em;
}

h2 { font-size: 1.3em; line-height: 1.3em; font-weight: bold; color: #000000; margin-bottom: 5px;} /*margin-top: 15px;*/
h3 { font-size: 1.1em; line-height: 1.1em; font-weight: bold; color: #0a73b4; margin-top: 15px; margin-bottom: 5px; }
h4 { font-size: 1.2em; line-height: 1.2em; font-weight: bold; color: #0a73b4; }
h5 { font-size: 1.1em; line-height: 1.1em; font-weight: bold; color: #000000; }
h6 { font-size: 1.1em; line-height: 1.1em; font-weight: normal; color: #000000; }

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */

ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
ul li { list-style-type: disc; }
ul ul li { list-style-type: circle; }

ol li { list-style-type: decimal; }
ol ol li { list-style-type: lower-latin; }

li { margin-left: 0.8em; line-height: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 0.8em; }

.noListIcon ul li {
list-style-type: none; 
}

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

  p { line-height: 1.5em; margin: 0 0 1em 0; }

  blockquote, cite,q {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }
  blockquote { margin: 0 0 1em 1.6em; color: #666; }

  strong,b { font-weight: bold; }
  em,i { font-style: italic; }

  pre, code, kbd, tt, samp, var { font-size: 100%; }
  pre, code { color: #800; }
  pre { line-height: 1.5em; margin: 0 0 1em 0; }
  kbd, samp, var { color: #666; }
  var { font-style: italic; }

  acronym, abbr {
    border-bottom: 1px #aaa dotted;
  /*    font-variant:small-caps; deaktiviert; dvv */
    letter-spacing: .07em;
    cursor: help;
  }

  sub, sup { font-size: 91.6667%; }

hr {
color: transparent;
background: transparent;
margin: 0 0 1.5em 0;
padding: 0 0 1.5em 0;
border:0;
border-bottom: 1px solid #0a73b4;
}


#zmDataItems hr {
display: none;
}

  /*--- Links ----------------------------------------------------------------------------------------- */

  a { color: #000000; background:transparent; text-decoration:none;font-weight: bold; }
  #footer .poweredby-label a { font-weight: normal; color: #444;  }
    #kiru .poweredby-label a { font-weight: normal; color: #444;  }
  a:visited  { color: #000000; }

  a:focus,
  a:hover,
  a:active { color:#0A73B4; text-decoration:underline; }

  a.active
  {
    font-weight: bold;
    color: blue;
  }

 /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

  p.icaption_left { float:left; display:inline; margin: 0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin: 0 0 0.15em 1em; }

  p.icaption_left img,
  p.icaption_right img { padding:0; border: 1px #888 solid; }

  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */

  .highlight { color: #f60; }
  .dimmed { color: #888; }

  .info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }

  .note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
  .important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
  .warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
  .center { display:block; text-align:center; margin: 0.5em auto; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen fýr die Tabellenbreite und Gestaltungsvorschriften fýr Tabellen
  *
  * @section content-tables
  */

/*
  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 2px #888 solid; border-bottom: 2px #888 solid; }
  table caption { font-variant:small-caps; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding: 0.5em; }
  thead th { color: #000; border-bottom: 2px #800 solid; }
  tbody th { background: #e0e0e0; color: #333; }
  tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }

  tbody th { border-bottom: 1px solid #fff; text-align: left; }
  tbody td { border-bottom: 1px solid #eee; }

  tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background: #f0e8e8; }
  tbody tr:hover td { background: #fff8f8; }
*/

/*** CMS7-Tabellen ***/

.basecontent-table, 
.basecontent--berschrift-und-alternierende-farben, 
.basecontent-html-editor table {
margin-bottom: 1em;
}

.basecontent-html-editor table {
border: 1px solid #dcdcdc;
}

.basecontent-table caption, 
.basecontent--berschrift-und-alternierende-farben caption, 
.basecontent-html-editor caption {
font-size: 1.1em;
font-weight: bold;
color: #0a73b4;
margin-bottom: 0.3em;
text-align: left;
}

.basecontent-table th, 
.basecontent-table td, 
.basecontent--berschrift-und-alternierende-farben th,
.basecontent--berschrift-und-alternierende-farben td, 
.basecontent-html-editor th, 
.basecontent-html-editor td {
padding: 0.5em;
}

.basecontent-html-editor th p, 
.basecontent-html-editor td p{
margin: 0;
}

.basecontent-table th,
.basecontent--berschrift-und-alternierende-farben th,
.basecontent-html-editor th {
background-color: #0a73b4;
color: #ffffff;
}

.basecontent-table td.bullet,
.basecontent--berschrift-und-alternierende-farben td.bullet{
  padding: 0;
}

/* Option "Raster anzeigen" bei CMS7-Tabellen */
.show-grid, 
.show-grid td {
border-collapse: collapse;
border: 1px solid #ddd;
}


.basecontent-table .odd,
.basecontent--berschrift-und-alternierende-farben .odd{
background-color: #EFEFEF;
border-bottom: 0px solid #FAFAFA;
border-top: 0px solid #E30119;
padding: 5px 5px 15px 50px;
}


.basecontent-table .even,
.basecontent--berschrift-und-alternierende-farben .even{
background-color: #FAFAFA;
border-top: 0px solid #0A73B4;
margin-top: 20px;
padding: 5px 5px 20px 50px;
}



/*** Alternierende Listen ***/
.odd {
background-color: #EFEFEF;
border-bottom: 3px solid #FAFAFA;
border-top: 2px solid #E30119;
padding: 5px 5px 15px 50px;
}

.even {
background-color: #FAFAFA;
border-top: 2px solid #0A73B4;
margin-top: 20px;
padding: 5px 5px 20px 50px;
}

/*** Zusatzformatierungen Listen , ZM-Module***/

.zmItem .summary{
color: #000000; 
border-left: 5px solid #0A73B4; 
font-size: 1.2em;
padding-left: 5px;
}

.zmItem.odd {
background-color: #EFEFEF;
border-bottom: 0px solid #FAFAFA;
border-top: 2px solid #E30119;
padding: 5px 5px 5px 5px;
}

.zmItem.even {
background-color: #fafafa;
border-top: 2px solid #0A73B4;
margin-top: 0px;
padding: 5px 5px 5px 5px;
}

.label{color: #000000; font-size: 1em; }

  #zmEListe .details { display: none; }

/*Ergebnislisten header*/
.zmhitsfound {color: #000000; margin-bottom : 15px;}

/*Monate ueber einzelnen Veranstaltungen*/
.zmRegister{margin-bottom : 15px; display : block;} 


/*Detailansicht Vereine */
#zmEListe .zmnavnext,
#zmEListe hr,
#zmEListe .zmhitsfound {
display: none;
}

#zmDetail span.locality { margin-left: 3px;}
#zmDetail .zmperson .homepage, #zmDetail .homepage { display: none;}
#zmDetail .homepage + .zmperson + .homepage { display: block; margin-top: 10px; }


.zmitem{
background: none repeat scroll 0 0 #EFEFEF; 
float: left;
margin-bottom: 20px;
padding: 10px;
width: 530px;}
	
#zmDetail .summary{
border-left: 5px solid #0A73B4;
}

#zmDetail .summary h2.titel{
margin-left: 5px;
}


.vevent{
background: #EFEFEF; 
float: left;
margin-bottom: 20px;
padding: 10px;
width: 530px;
}

.vevent .vCalendarLink {
margin-bottom: 15px; 
}

.vevent h3 {
margin-top: 0px;
margin-bottom: 15px;
}

.vevent h3.label{
margin-bottom: 0px;
}

/*** label bug  in Version 4.0.6***/
.zmOrt .kopf .label{
display: none;
}

	
	/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Miscellaneous | Sonstiges
  *
  * @section content-misc
  */

 /**
  * (en) Emphasizing external Hyperlinks via CSS
  * (de) Hervorhebung externer Hyperlinks mit CSS
  *
  * @section             content-external-links
  * @app-yaml-default    disabled
  */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */


/*** Info Spalte ***/
#service .boxborder { margin-bottom: 15px; border: 1px solid #dcdcdc; clear: left; }

#service .description {display: none;}
#service .basecontent-dvv-zm-vk .rumpf .zm { border: 1px solid #dcdcdc; border-top: none; width: 188px; margin:0px;}
#service .boxborder .zmBox { border:none; margin: 0px 0px 0px -1px;}
#service .boxborder .zmBox .zm + .zm  + .zm + .zm + .zm  { margin-bottom: 15px;}
#service .kontakt {margin-top: 15px;}

#service h1 {
font-size: 1.2em;
color: #000000;
padding: 5px; 
margin-bottom: 0px;
background-color: #dcdcdc;
}



#service p {
background-color: #ffffff;
border: none;
padding-left: 5px;
padding-right: 2px; 
}


/*** Startseite ***/

/* countdown */

#countdown { 
width: 205px; 
height: 70px; 
color: #000; 
font-size: 12px; 
padding-left: 23px;
position: relative; 
z-index: 3; 
}

.countdown_section {
float: left;
display: inline-block;
text-align: center;
width: 50px;
height: 70px;
background: url(../../img/countdown_amount.png) no-repeat 50% 0px;
padding-top: 12px;
margin-right: 15px;
margin-bottom: 5px;
}

.countdown_amount {
font-size: 27px;
line-height: 27px;
}



/*** Spalten ***/

#col3_home .c50l {
width: 225px;
}

#col3_home .c50r {
width: 540px;
margin-right: 1%;
}

* + html #col3_home .c50r {
width: 530px;
margin-right: 0%;
}

.subcl{
padding: 0;
}

.spalte1 h1, 
.spalte1 h2 {
font-size: 1.2em;
color: #000000;
padding: 5px; 
margin-bottom: 0px;
background-color: #dcdcdc;
}

.spalte1 .oeffnungszeiten {
padding-left: 5px;
padding-right: 2px;
}

.spalte1 .composedcontent-dvv-box,
.spalte1 .composedcontent-bopfingen---box {
background-color: #ffffff;
border: 1px solid #dcdcdc;
margin-bottom: 15px;
/*padding-left: 5px;
padding-right: 2px; */
}

.spalte2 .composedcontent-dvv-box,
.spalte2 .composedcontent-bopfingen---box {
border: 1px solid #DCDCDC;
background: #ffffff;
padding: 5px;
margin-bottom: 15px;
float: left;
width: 97%;
}

.spalte2 h1 {
line-height: 1.0em;
margin-top: 0.2em;
margin-bottom: 0.5em;
}

/* Wetter */
.weatherBox {
background: #ffffff;
padding : 2px;
text-align: center;
}

.weatherBox .h2{margin :0px}

.weatherBox .kopf .title {
display: none;
}

.weatherBox img {
float: right;
}

.weatherBox .rumpf {
width: 130px;
text-align: left;
padding-left: 5px;
margin-top: 10px;
}

.weatherBox .wind {
margin-top: 10px;
}

.weatherBox .forecast{
display: none;
}


/*** Presse mir dynamic Content ***/
.presse .entry-summary .detailLink {
display: none;
}

  
.home .pm-anreisser, 
.home .pm-bild {display: none;}

#service .pm-anreisser, 
#service .pm-bild {display: none;}

.home .presse .odd,
.home .presse .even {
background-color: #fff;
border-bottom: 0px solid #dcdcdc;
border-top: 1px solid #dcdcdc;
margin-top: 0px;
padding: 5px;
}

/*** Veranstaltungs Box Startseite und in Info-Slot***/
.zmBox,
#service .zmBox{
border: 1px solid #dcdcdc;
border-bottom: 0px;
margin-bottom: 10px;
}

.home .odd,
.home .even,
#service .odd,
#service .even {
background-color: #fff;
border-bottom: 1px solid #dcdcdc;
border-top: 0px solid #E30119;
margin-top: 0px;
padding: 5px;
}

.zmBox .date {
display: block;
}

.zmBox .internerLink {
background: url(../../img/Blind.gif);
padding-left: 0px;
}

.home .summary,
#service .summary {
border-left: 0px solid #0A73B4;
color: #000000;
font-size: 1.0em;
}

.home #contentFooter {
margin-left: 250px;
}

/*** Veranstaltungen ***/
#zmDetail .zmnav {
display: none;
}

.zeitraum h2{
display: inline;
margin-right: 5px;
}


/** Bildergalerie**/
.composedcontent-bopfingen---bildergalerie .caption {display: none;}

.composedcontent-bopfingen---bildergalerie .basecontent-image {
padding: 2px; 
margin-bottom: 1em; 
border: 1px solid #646464;
height: 115px;
float: left;
margin-right: 1em;
}

.composedcontent-bopfingen---bildergalerie .basecontent-image{
text-align: center;
}

/*** Bilder allgemein, damit das zoom Icon wenn zentiert wird auch zum Bild passt ***/
.image img{
width: 100%;
}

* + .image img{
width: auto;
}

.image.resized .caption {
font-style: italic;
margin-top: -18px;
margin-bottom: 1.5em;
}

/*** Pressemeldunge ***/


/* Presseuebersicht mit neuer Presse 2016*/
.presse-uebersicht .pm-rss { float: right; margin-left: 1em;}

.presse-uebersicht .pm-filter {margin-bottom: 2em;}
.presse-uebersicht .pm-filter .jahr {padding: 4px;}
.presse-uebersicht .pm-filter .monat {padding: 4px;}
.presse-uebersicht #pm-suchfeld {margin-top: 1em; width: 220px; padding: 4px;}
.presse-uebersicht .pm-filter input[type="submit"], .presse-uebersicht .pm-filter button[type="submit"] {
    background-color: #666;
    border: medium none;
    color: #fff;
    display: inline-block;
    padding: 4px 6px;
}
.presse-uebersicht .pager {  text-align: center; }
.presse-uebersicht .pager span { display: inline-block; margin: 0px 5px; }

.pm-meldung { overflow: hidden; }
.pm-bild-neu { display: none; }

#col3 div.pm-meldung span.pm-from { display: block; font-size: 0.9em; font-weight: normal; }
div.pm-bild { float: right; margin-left: 10px; }
div.pm-bild img { width: 150px; }
div.pm-meldung a.pm-mehrlink { text-transform: none; }






/*** A-Z Listen Service bW beispielsweise  ***/
#anfangsbuchstaben a {list-style-type: none; margin: 0px; margin-right: 0px; display: inline; border: 1px solid #cccccc; padding: 0px 3px 0px 4px;}
.AZListe a {list-style-type: none; margin: 0px; margin-right: 3px; display: inline; border: 1px solid #cccccc; padding: 0px 3px 0px 3px;}




/*** Zusatzmodule / ZM ***/

/*** Firmen ***/

#ulkategorieid li {
list-style-type: none;
}

#zmEListe .zmanschrift {
display: none;
}

.vCardLink,
.mapsLink,
.efaLink {
float: right;
margin-right: 0.5em;
}

.zmanschrift .data {
color: #000000;
}


/*** Veranstaltungen ***/
.block_104911 legend {
font-size: 1.3em;
padding: 5px;
}

.zmSucheBopfingen .zmBox, 
#service .zmSucheBopfingen .zmBox  {
border: 0px solid black;
}




/*** Formular ***/

.shadedbox {
margin-left: 130px;
margin-top: 30px;
font-size: 1.5em;
}

#service fieldset { width: 186px; padding: 0px 2px 1px 1px;}
#service div.feld { width: 100%}
#service zmcdform { width: 190px}
#service div.feld select { width: 180px;}

}
div.zmperson .fn {display: none;}