
/**
 * "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-2010, 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.2.1
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 * @appdef yaml
 * KIRU WEB Copyright 05 2012 - Gemeinde Grafenberg
 */

@media all
{

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

  /*--- Headings | ýberschriften ------------------------------------------------------------------------*/
 
h1 { font-size: 1.2em; font-weight: bold;   line-height: 110%; color: #b40000; margin-top: 5px; margin-bottom: 10px; text-transform: uppercase;  padding: 5px 20px 0px 0px;  }
h2 { font-size: 1.2em; font-weight: bold;   line-height: 110%; color: #005000; margin-top: 5px; margin-bottom: 10px; }		
h3 { font-size: 1.1em; font-weight: normal;   line-height: 110%; color: #b40000; margin-top: 5px; margin-bottom: 5px; }



  /* --- Lists | Listen  -------------------------------------------------------------------------------- */
  .basecontent-list { margin: 10px 0px 30px 0px;  }
  .basecontent-list ul { margin-left: 15px; }
.basecontent-numbered-list ol {margin-left: 15px;}

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
  p { line-height:1.5em; margin:0 0 1em 0; }

  /*--- Links ----------------------------------------------------------------------------------------- */
  a { text-decoration: none; color: #000000; font-weight: bold; }
  a:link { text-decoration: none; color: #000000; }
  a:visited { text-decoration: none; color: #000000; }
  a:hover { text-decoration: none; color: #b40000; }
  a.active { text-decoration: none; color: #b40000; } 

  #content a:link {text-decoration: none;}
  .home #content a:link { text-decoration: none;} 
   
  .internerLink {padding-left: 17px; background: url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/intern.gif) 0px 3px no-repeat;}
  .externerLink {padding-left: 17px; background: url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/extern.gif) 0px 3px no-repeat;}
 
  .httpsLink {padding-left: 17px; background: url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/sicher.gif) -1px -1px no-repeat;}
  .pdf a {padding-left: 20px; padding-top: 3px; background: url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/pdf.png) 0px 0px no-repeat;}
  .ppt a {padding-left: 20px; padding-top: 3px; background: url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/ppt.png) 0px 0px no-repeat;}
  .plain a {padding-left: 20px; padding-top: 3px; background: url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/txt.png) 0px 0px no-repeat;}
  .exelxml .link a {padding-left: 20px; padding-top: 3px; background: url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/xlw.png) 0px 0px no-repeat;}
  .word .link a {padding-left: 20px; padding-top: 3px; background: url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/word.gif) 0px 0px no-repeat;}
#main #ergebnisse .ergebnisseRumpf ul li [href*="vbid"] { background: url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/sbwlink.jpg) no-repeat 0px 0px; padding-left: 19px;}
#main #ergebnisse .ergebnisseRumpf ul li [href*="llid"] { background: url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/sbwlink.jpg) no-repeat 0px 0px; padding-left: 19px;}
#main #ergebnisse .ergebnisseRumpf ul li [href*="amtsID"] { background: url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/sbwlink.jpg) no-repeat 0px 0px; padding-left: 19px;}
#ergebnisseRumpf .wayhome a {background: none; padding-left: 0px;}
#ergebnisseRumpf .description { font-style: italic;}
  #pageTop {margin-top: 20px; clear: both;}
  .goPageTop {padding-left: 19px; padding-top: 3px; background: url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/hoch.gif) 0px 0px no-repeat; }

  .home .internerLink {padding-left: 0px; background: none;}
  .home .externerLink {padding-left: 0px; background: none;}


/* CONTENT HEADER - TOPNAV */
#main .wayhome { margin: 20px 20px 20px 20px; color: #777777; font-weight: bold;  }
#main .wayhome a { color: #777777; }
#main span.wayhome { margin: 0px;  margin-left: 5px;}
#main .wayhome a:hover {color: #b40000; }

/*--------------- Navigation -----------------*/
ul { border: 0px; list-style-type: square; margin: 0px; padding: 0px;}
.basecontent-list li { list-style-type: square; margin: 0px; padding: 0px;}
#col1_content .vlist ul { list-style-type: none;}
#col1_content .vlist li { list-style-type: none;}



#col1_content .vlist {  text-transform: uppercase; }
#col1_content .vlist a { color: #383838; }
#col1_content .vlist .ebene0 { background: #b40000; color: #ffffff; padding: 2px 5px 2px 5px;  font-size: 1.1em;}
#col1_content .vlist .ebene2 { background: #d2d2d2; padding: 5px; }
#col1_content .vlist .ebene2 .ebene2 { padding: 5px 0px 5px 15px; margin-left: 0px; }
#col1_content .vlist .ebene2 li{ border-bottom: 2px dotted #ffffff;}
#col1_content .vlist .ebene2 .current {background: url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/Pfeil.gif) 0px 3px no-repeat;  }
#col1_content .vlist .ebene2 .current a{color: #b40000;}
#col1_content .vlist .ebene2 li:hover {background: url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/Pfeil.gif) 0px 3px no-repeat;  }
#col1_content .vlist .ebene2 a:hover {color: #b40000;}

#col1_content .vlist .ebene3 { text-transform: none; margin-left: 7px; list-style-type: square;  }
#col1_content .vlist .ebene3 a:link { color: #000000;}
#col1_content .vlist .ebene3 a:hover { color: #b40000;}
#col1_content .vlist .ebene3 li { border-bottom: none; background: none;  padding-left: 0px; color: #000000; }
#col1_content .vlist .ebene3 li:hover, #col1_content .vlist .ebene3 .current {background: none;  padding-left: 0px;}

/* END - CONTENT HEADER - TOPNAV */


 /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */
  .resizedW300 { width: 300px;}
  .resizedW200 { width: 200px;}
  .resizedW250 { width: 250px;}
  .highlight { color:#c30; }
  .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; }

  #content .float_left { float:left; display: inline; margin-right:1em; margin-bottom:0.15em; }
  #content .float_right { float:right; margin-left:1em; margin-bottom:0.15em; }
  #content .center .image-inner { display:block; text-align:center; margin:0.5em auto; }
  .caption {background: #d2d2d2;  font-style: italic; font-size: 0.9em; padding-left: 5px; }
  #content .image .externerLink { background: none;}
  

/**---------------BILDERGALERIE---------------**/

  #content .pager { width: 450px; float: left; text-align: center;  margin-right: 3px;  margin-bottom: 30px;}
  #content .imageGallery .galleryImage { display: inline-block; margin-right: 5px; margin-bottom: 5px;}
  #content .imageGallery { overflow: hidden; margin-bottom: 10px; }
  #content .imageGallery .image { display: inline-block;   }
  #content .imageGallery .image img { width: 200px; height: 150px;  }

  /*** 
  #content .basecontent-image span.zoomIcon { display: inline-block; height: 16px; width: 16px; position: relative;  bottom: 0px; margin: -16px 0px 0px 0px; background: url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/zoom.png) 1px 1px no-repeat;  padding: 0px; }
  .home #content .basecontent-image span.zoomIcon { background: none; }
  ***/


  #content .image {margin-bottom: 10px; }

  #service img { padding-bottom: 5px;}
 
  
  /* TABELLEN - TABLE*/

.basecontent-table { margin-bottom: 20px;  }
.basecontent-table td, th{ line-height: 1.5em; padding: 2px 5px; }
.basecontent-table .head { background-color: #b40000; color: #ffffff;}
.basecontent-table .even { background-color: #d4d4d4;}
.basecontent-table .show-grid { border: 1px solid #000000;}



/* Pressemodul */

.presse-uebersicht h3 { font-weight: bold; }
.composedcontent-grafenberg-aktuelles .image { float: right; margin-left: 10px; margin-bottom: 10px;}

#content .pm-neue-seite { display: none;}
#myform .pm-rss { margin: 0px 0px 0px 0px; float: left;}
#myform h1 { margin: 0px 0px 3px 0px; padding: 0px 0px 3px 20px;   }
#myform .pm-einleitungstext { margin: 10px 0px 20px 0px;}

/* Presseuebersicht mit neuer Presse 2016*/
.presse-uebersicht .pm-rss{float: right; margin-right: 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; }
.presse-uebersicht .pm-meldung  {margin-top: 1.5em;}


#content .pm-meldung {padding: 0px 0px 5px 0px; border-top: 1px dotted #2E8458; clear: both; margin-top: 5px;}  
#content .pm-bild img { width: 150px; height: 60px; float: right; margin-top: 5px; margin-left: 20px; margin-bottom: 5px; }
#content .composedcontent-kiru-pm-einleitung { font-weight: bold; }
#content .presse-uebersicht .pm-meldung { margin-top: 0px; }
#content .pm-anreisser p { margin: 0px;}
#content .pm-anreisser br { display: none; }
#content .pm-anreisser-bild br { display: none; }
#content .pm-anreisser-bild p { margin: 0px;}
#content div.pm-head .pm-from { display: block; font-weight: normal; font-size: 0.9em;}

#content .pm-detail { margin-top: 30px; clear: left; }
#content #pm-detail { display: none; }
#content .pm-detail .pm-parentRubrik { margin-top: 20px; }

.clearDvv {clear: both;}

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


 #content .cursorPointer {padding: 0px 5px;}

/*------------------------ Kontaktdaten ------------------------------------*/
#content .vCard { width: 270px;}
.vCard .vCardLink { float: right;  margin-right: 5px;}
#service .vCard .titles {float: left; margin: 0px 3px 0px 0px; }
.titles {float: left; margin-left: 3px; }
.mapsLink { margin-top: 8px; }
.tel .tel{ margin-top: 8px; background: url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/telefon.gif) -5px 0px no-repeat; padding-left: 20px;}
.tel .bez {display: none;}
.tel { background: none; padding: 0px;}
.tel .mobile {background: url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/mobil.gif) 4px -2px no-repeat; padding-left: 20px; }
.fax {margin-top: 4px; }
.fax .fax { background: url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/fax.gif) -3px 1px no-repeat; padding-left: 20px; padding-top: 4px; }
.fax .bez {display: none;}
.mail { padding-left: 17px; background: url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/mail.gif) 0px 3px no-repeat;}
.mail .bez { display: none;}

/*--------- Jalousie --------*/
#content .toggle-icon { float: left; }
#content .toggle_title { width: 400px; padding: 4px 10px; }
#content .toggle_container {width: 420px;}
#content .toggle_container .rumpf { margin-top:5px; }
#content .toggle_container .boxborder { margin-left: 30px;   }
#content .toggle_container .vCard .vCardLink { margin: 0px 0px 5px 5px;}
#content .toggle_container .vCard div.titles { margin: 0px 3px 0px 0px;   }

/* Suche */

.home .searchForm { margin: 0px 20px;}

#ergebnisse .info { display: none;}

#search_form .termComb {margin: 10px 0px;}
#ergebnisse {margin-top: 20px; }
#ergebnisse li { list-style-type: none; margin-left:0px; padding-bottom: 0px; }
#ergebnisse ul { margin: 10px 0px;}
#ergebnisse .ergebnisseKopf {margin-bottom: 10px; }
#ergebnisse .search { padding: 8px 0px;}
#ergebnisse span.wayhome {margin: 0px;}
#ergebnisse .plain .linkname {background: url(../../img/txt2.png) no-repeat; padding-left: 18px;}
#ergebnisse .html .linkname {background: url(../../img/serviceBW.png) no-repeat; padding-left: 18px;}
#ergebnisse .pdf .linkname {background: url(../../img/pdf.gif) no-repeat; padding-left: 18px;}
#ergebnisse .xls .linkname {background: url(../../img/xlw.png) no-repeat; padding-left: 18px;}
#ergebnisse .xlw .linkname {background: url(../../img/xlw.png) no-repeat; padding-left: 18px;}
#ergebnisse .ppt .linkname {background: url(../../img/ppt.png) no-repeat; padding-left: 18px;}


/* Info Slot versteckt */
#node1429744 #col2 {display: none;}
#node1429744 #col3 { margin-right: 0px;}
#node1443538 #col2 {display: none;}
#node1443538 #col3 { margin-right: 0px;}

/*** Login-Maske ***/
#loginForm legend { font-weight: bold; margin-bottom: 10px; font-size: 1.2em; }
#loginForm fieldset { border: 0px; }
#loginForm div.type-text { margin-bottom: 10px; }
#loginForm label { width: 150px; display: inline-block;  }

.home #loginForm { position: absolute; left: 30px; top: 30px;}
#loginForm legend { font-weight: bold; margin-bottom: 10px; font-size: 1.2em; }
#loginForm fieldset { border: 0px; }
#loginForm div.type-text { margin-bottom: 10px; }
#loginForm label { width: 150px; display: inline-block;  }


/*** Zusatzmodule Grafenberg ***/
#zmEListe hr { display: none; }

/*** Vereine ***/
body.Vereine #main form#zmf fieldset { border: 0px; }

/*** SUCHE ***/
#zmSuche fieldset  { border: 0px; }
#zmSuche li { list-style-type: none;}
#zmvs { margin: 8px; }
#zeitid { margin: 8px; }
#zeitid input{ margin: 3px 3px 0px 0px;}
#zeitid .element { margin-bottom: 8px; }
#kategorieid { margin: 8px; } 
#ulkategorieid input { margin: 3px 3px 0px 0px; }
.zmSuchButton { margin: 8px; }
#ulkategorieid { border: 0px; }


#zmEListe .zmhitsfound { margin-bottom: 10px; }
#zmEListe .zmRegister { margin-bottom: 10px;}
#zmEListe .zmRegister a { border: 1px solid #EAEFFF; padding: 0px 3px 0px 3px; }
#zmEListe .zmRegister span.inaktiv { border: 1px solid #eeeeee; padding: 0px 2px 0px 2px; color: #eeeeee}
#zmEListe .zmRegister #azEnd { display: none; }
#zmEListe .zmRegister .inaktiv { display: none;}


#zmEListe #zmDataItems { margin-bottom: 10px; }
#zmEListe #zmDataItems .zmItem { margin-bottom: 10px; }
#zmEListe #zmDataItems .Kopf .vCalendarLink { float: left; margin-right: 10px; }
#zmEListe #zmDataItems .Kopf  { margin-bottom: 8px; }
#zmEListe #zmDataItems br { display: none; }
#zmEListe #zmDataItems h4 { display: none; }

#zmEListe #zmDataItems .zmOrt, #zmDataItems .zmVeranstalter, #zmDataItems .homepage { display: none;}

#zmEListe .zmnavnext, .zmzursuche { float: right; }
#zmEListe .zmNavigClassItem { margin-right: 8px; margin-left: 8px;}
#zmEListe .zmNavigClassInnen .current { margin-right: 8px; margin-left: 8px;}
#zmEListe .sammel, .zmOrt, .zmVeranstalter {margin-bottom: 8px;}
#zmEListe .vCard { width: 250px; margin-bottom: 15px; }
#zmEListe .vCardLink { float: right;}
#zmEListe #zmDataItems .zmanschrift, #zmEListe #zmDataItems .description {display: none;}
#zmEListe #zmDataItems .odd { padding: 8px 0px 8px 5px; }
#zmEListe #zmDataItems .even { padding: 8px 0px 8px 5px; background-color: #cccccc; }

#zmEListe .zmtitel {font-size: 120%; margin-bottom: 10px;}
#zmEListe .organization { display: none; }
  #zmEListe .zmitem { margin-bottom: 30px; border-bottom: 1px solid #B40001; padding-bottom: 30px; }
  
  
  
/*** DETAILANSICHT ***/

.zmkurzbeschreibung { margin-top: 10px;}
.cityline { margin-bottom: 5px;}
.zmRegister  { margin: 20px 0px;}
#zmDetail h3.label { font-weight: bold; }
#zmDetail .Rumpf .postal-code { margin-right: 3px;}
#zmDetail .Rumpf .vCalendarLink { margin: 20px 0px 30px 0px; }
#zmDetail .vEvent { background: url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/iCalendar.png) 0px 4px no-repeat; padding: 18px 0px 20px 35px;   }
#zmDetail .zmVeranstalter { margin-bottom: 20px; }
#zmDetail .category { margin: 20px 0px; }
#zmDetail .zmOrt .vCardLink { float: left; margin-right: 10px; }
#zmDetail .zmitem .category { }
#zmDetail .zmitem .zmkatLink + .zmkatLink { margin-left: 5px; }
#zmDetail .zmitem .zmperson, #zmDetail .zmitem .homepage, #zmDetail .zmitem .zmbeschreibung { margin-top: 10px; }
#zmDetail .zmitem .bildcss { float: right; margin: 10px; }
.Gastronomie #zmDetail .vCard { width: 300px; }


#zmDetail .zmzursuche, .zmnav {display: none; }
#zmDetail .zmnav + .vevent + .zmnav { display: block; }


/*** Content Anpassung** */

#col3_content .Vereine .vCard .homepage {display:none;}
#col3_content .Einrichtungen .vCard .homepage {display:none;}
#col3_content .data .vCard .homepage {display:inline;}
#col3_content .data {margin-bottom: 20px; }
#col3_content .Vereine .vCard .titles { margin: 0px;}
#col3_content .person .vorname {display: none;}
#col3_content .person .name {display: none;}
#col3_content .titles {display: none;}
#col3_content .Vereine .organization {display: none;}
#col3_content .Einrichtungen .organization {display: none;}
#col3_content .Verein .organization {display: none;}
#col3_content .zmperson { margin-bottom: 20px; }
#col3_content .person .titel { font-weight: bold; }



/*** Vereine***/
body.Vereine #kategorieid { border: 0px solid !important; overflow: hidden;} 
body.Vereine #kategorieid #feldkategorieid { } 
body.Vereine #kategorieid .ui-widget { border: 0px solid red !important; overflow: hidden; }
body.Vereine #kategorieid li { float: left; width: 200px;  }
body.Vereine #kategorieid li input { margin-right: 5px; }
body.Vereine .zmSuchButton { clear: both; }


.Vereine #zmSuche legend { display: none; }
.Vereine #zmSuche #kategorieid { margin-top: 20px; }
.Vereine #zmSuche #kategorieid ul { list-style-type: none; margin: 0px;}
.Vereine #zmSuche #kategorieid ul li { margin-bottom: 10px; }
.Vereine #zmSuche #zmsb1 { margin-top: 20px; margin-bottom: 10px; }

.Vereine #zmEListe .zmnavnext  { display: none; }
.Vereine #zmEListe .zmnavprev  { display: none; }

.Vereine #zmEListe hr { display: none; }

.Vereine #zmEListe #zmDataItems br { display: none; }
.Vereine #zmEListe h3.summary { margin: 0px; font-weight: bold; }
.Vereine #zmEListe h4.label { display: none; }

.Vereine #zmEListe .zmbeschreibung { display: none; }
.Vereine #zmEListe .zmkurzbeschreibung { display: none; }
.Vereine #zmEListe .homepage { display: none; }
.Vereine #zmEListe .zmanschrift { display: none; }


.Vereine #zmDetail { overflow: hidden; line-height: 1.3em; margin-bottom: 20px;}
.Vereine #zmDetail .zmnav hr { display: none; }
.Vereine #zmDetail .zmnav .zmzursuche { float: left;  }
.Vereine #zmDetail .zmnav .zmnavnext { display: none; }
.Vereine #zmDetail .zmnav .zmzureu { float: right;  }
.Vereine #zmDetail .zmitem { clear: both; margin-top: 0px;}

.Vereine #zmDetail .zmitem .vCardLink { float: right; }
.Vereine #zmDetail .zmitem .zmanschrift { margin-bottom: 20px; width: 300px;}
.Vereine #zmDetail .zmitem .zmperson0 { margin-bottom: 20px; width: 300px;}
.Vereine #zmDetail .zmitem .zmperson1 { margin-bottom: 20px; width: 300px;}
.Vereine #zmDetail .zmitem .fn { font-weight: bold; }



.Vereine #zmDetail .bildcss { float: right; margin-left: 10px; }
.Vereine #zmDetail .bildcss .caption { font-style: italic; font-size: 0.9em;}
.Vereine #zmDetail .zmkurzbeschreibung { display: none; }
.Vereine #zmDetail .zmbeschreibung { margin-top: 20px;  }


.vCard .hompage .label {display: none;}
.vCard .hompage  .value { padding-left: 18px; background: url(https://www.grafenberg.de/site/Grafenberg/resourceCached/4.1/img/extern.gif) 0px 1px no-repeat; }

#content fieldset .c30l { float: left!important; margin-top: 10px;}
#content fieldset .c30l span.requiredMark { display:none;}
#content fieldset .c30l label {  margin-right: 20px;}

  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {

    border: 1px solid #cccccc;
        border-bottom-width: 1px;
    background: #ffffff;
    font-weight: normal;
    color: #fff;

}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {

    float: left;
    padding: 1em 1em;
    text-decoration: none;

}
#tabs ul li a {
   color: #000;
  }
#tabs ul li #ui-id-1::before {
   color: #000;
    content: "Gemeinde Grafenberg";
}

