/**

 *    Letzte Publizierung aus RedDot: Sonntag, 5. Februar 2012 02:30 
 
 *    Stylesheet fuer Kulturkirche St. Stephanie
 *
 *    Farben und Nummerierung:
 *
 *    #0093D0 - 01 - Startseite
 *    #0093D0 - 02 - Kulturkirche St. Stephani
 *    #99042E - 03 - Karten/Vorverkauf, Programm
 *    #86A20B - 04 - Downloads, Presse
 *    #004D95 - 05 - Kontakt und Anfahrt, Veranstaltungsservice
 *    #DA0076 - 06 - Mitmachen (neu 21.05.2007)
 */
*      { margin: 0; padding: 0; }
html   { height: 100%; }
body   { height: 100%; font: 62.5%/1.5 Verdana, Tahoma, Arial, Helvetica, "Trebuchet MS", sans-serif; color: #FFF; }
h1     { font-size: 1.4em; margin-bottom: 1.4em; padding-left: 18px; background-repeat: no-repeat; background-position: 0 9px; }
h2     { font-size: 1.0em; margin-bottom: 1.4em; }
h3, h4 { font-size: 1.0em; margin-bottom: 0.25em; }
p      { margin-bottom: 3.0em; }
img    { border: 0; }
a      { color: #FFF; }
ul { margin: 15px 0 20px 30px; list-style-type: disc; }
.clear { clear: both; }
.ir    { font: 0px/0px sans-serif; text-indent: -3000px; text-decoration: none; overflow: hidden; background-repeat: no-repeat; }
/*** Colors ***/
.c01          { background: url(/k_img/stripes/stripes_01.gif); }
.c02          { background: url(/k_img/stripes/stripes_02.gif); }
.c03          { background: url(/k_img/stripes/stripes_03.gif); }
.c04          { background: url(/k_img/stripes/stripes_04.gif); }
.c05          { background: url(/k_img/stripes/stripes_05.gif); }
.c06          { background: url(/k_img/stripes/stripes_06.gif); }
.c01 h1       { background-image: url(/k_img/arrows/arrow_hl_01.gif); }
.c02 h1       { background-image: url(/k_img/arrows/arrow_hl_02.gif); }
.c03 h1       { background-image: url(/k_img/arrows/arrow_hl_03.gif); }
.c04 h1       { background-image: url(/k_img/arrows/arrow_hl_04.gif); }
.c05 h1       { background-image: url(/k_img/arrows/arrow_hl_05.gif); }
.c06 h1       { background-image: url(/k_img/arrows/arrow_hl_06.gif); }

.c01 div#wrap { background: #0093D0; }
.c02 div#wrap { background: #0093D0; }
.c03 div#wrap { background: #99042E; }
.c04 div#wrap { background: #86A20B; }
.c05 div#wrap { background: #004D95; }
.c06 div#wrap { background: #DA0076; }


.c01 div#navi ul li a.tc,
.c01 div#navi ul li a:hover,
.c01 div#navi ul li a:focus  { background-image: url(/k_img/arrows/arrow_n1_01.gif); }
.c02 div#navi ul li a.tc,
.c02 div#navi ul li a:hover,
.c02 div#navi ul li a:focus  { background-image: url(/k_img/arrows/arrow_n1_02.gif); }
.c03 div#navi ul li a.tc,
.c03 div#navi ul li a:hover,
.c03 div#navi ul li a:focus  { background-image: url(/k_img/arrows/arrow_n1_03.gif); }
.c04 div#navi ul li a.tc,
.c04 div#navi ul li a:hover,
.c04 div#navi ul li a:focus  { background-image: url(/k_img/arrows/arrow_n1_04.gif); }
.c05 div#navi ul li a.tc,
.c05 div#navi ul li a:hover,
.c05 div#navi ul li a:focus  { background-image: url(/k_img/arrows/arrow_n1_05.gif); }
.c06 div#navi ul li a.tc,
.c06 div#navi ul li a:hover,
.c06 div#navi ul li a:focus  { background-image: url(/k_img/arrows/arrow_n1_06.gif); }

/* alt (ohne Mouseover-Highlight)
.c01 div#navi ul li.act { background-image: url(/k_img/arrows/arrow_n1_01.gif); }
.c02 div#navi ul li.act { background-image: url(/k_img/arrows/arrow_n1_02.gif); }
.c03 div#navi ul li.act { background-image: url(/k_img/arrows/arrow_n1_03.gif); }
.c04 div#navi ul li.act { background-image: url(/k_img/arrows/arrow_n1_04.gif); }
.c05 div#navi ul li.act { background-image: url(/k_img/arrows/arrow_n1_05.gif); }
.c06 div#navi ul li.act { background-image: url(/k_img/arrows/arrow_n1_06.gif); }
.c01 div#navi ul li.act ul li.act { background-image: url(/k_img/arrows/arrow_n2_01.gif); }
.c02 div#navi ul li.act ul li.act { background-image: url(/k_img/arrows/arrow_n2_02.gif); }
.c03 div#navi ul li.act ul li.act { background-image: url(/k_img/arrows/arrow_n2_03.gif); }
.c04 div#navi ul li.act ul li.act { background-image: url(/k_img/arrows/arrow_n2_04.gif); }
.c05 div#navi ul li.act ul li.act { background-image: url(/k_img/arrows/arrow_n2_05.gif); }
.c06 div#navi ul li.act ul li.act { background-image: url(/k_img/arrows/arrow_n2_06.gif); }
*/

.c01 .tc { color: #004D95; }
.c02 .tc { color: #004D95; }
.c03 .tc { color: #E2007A; }
.c04 .tc { color: #FFEC00; }
.c05 .tc { color: #009EE0; }
.c06 .tc { color: #99042E; }

/*** Container ***/
div#wrap      { min-width: 830px; min-height: 100%; margin: 0 120px 0 50px; font-size: 1.2em; }
div#navi      { width: 300px; height: 100%; float: left;  }
div#main      { width: 400px; float: left; margin: 137px 0 0 0; }
div#footer    {
  width: 400px;
  margin-top: 50px;
  line-height: 14px; 
   }

div#footer img   {
  float: left;
  margin: 0 5px 3px 0;
}

div#footer span.oeffnungszeiten {
    display: block;
    padding: 0 0 0 39px;
}

/*div#footer    { width: 400px; float: left; margin-top: 50px; }*/
div#sidebar   { width: 100px; float: right; position: relative; }
/*** Elements ***/
a#home         { margin: 14px 0 40px 8px; display: block; }
img#logo_bek   { width: 102px; height: 76px; }
div#main img#logo    { position: relative; top: -37px; left: -4px; }
div#sidebar img#logo { position: absolute; top: 34px; left: 0; width: 135px; height: 155px; }
div#clearer          { clear: both; height: 30px; width: 100%; }
ul.events       { width: 100%; list-style: none; margin: 0;}
ul.events li    { float: left; width: 200px; }
ul.events li p  { width: 180px;}

ul.events-kt       { width: 100%; list-style: none; margin: 0;}
ul.events-kt li    { float: left; width: 400px; }
ul.events-kt li p  { width: 380px;}


/*** Navi ***/
div#navi ul            { list-style: none; margin: 0 0 0 36px; line-height: 2em; }
div#navi ul li         { font-weight: bold; }
div#navi ul li a       { text-decoration: none; padding: 0 0 0 14px; background-position: 0; background-repeat: no-repeat; background-color: transparent; }
div#navi ul li ul      { display: none; margin: 0 0 0 14px; }
div#navi ul li.act ul  { display: block; }
div#navi ul li ul li   { font-weight: normal; }
div#navi ul li.act ul li.act { background-position: 0; }

/*** RedDot ***/
div.module    { margin-bottom: 20px;}
.start div.module { margin-bottom: 0px;}
.reddot       { font: 10px Verdana, sans-serif; color: #000;}
div.txt-event { border-bottom: 2px solid #E2007A; padding: 15px 0 15px 0; }
p.text-11     { font-size: 11px; margin-bottom: 10px;}
p.v-ort       { margin: 0;}
div.module p  { margin-bottom: 1.4em; }
div.module ul { list-style-type: disc; margin-left: 16px; }
div.module li { margin-bottom: 2.0em; }
ul.lst-img,
ul.lst-pdf      { list-style: none; margin: 0 0 3em 0; }
ul.lst-pdf li   { display: inline; float: left; width: 240px; margin-bottom: 2.0em; }
ul.lst-pdf img,
ul.lst-img img  { margin-bottom: 0.25em; }
ul.lst-img li   {
  width: 120px;
  display: inline;
  float: left;
  margin-bottom: 2.0em;
  padding: 10px 10px 10px 0;
}


/* NEU 23.06.2007 Presseliste*/


div.lst-presse {margin-bottom: 40px;}
div.lst-presse ul { list-style-type: disc !important;  margin-left: 16px;  } 
div.lst-presse ul li {
  /*border-bottom: 2px solid #FFF200;*/
  /*padding: 5px 0 5px 0;*/
   margin: 0 0 12px 0;
}

div.lst-presse ul li a {
  /*font-weight: bold;*/
}
div.lst-presse h3 { font-size: 1.0em; margin-bottom: 1.4em; }
h3.lst-presse { font-size: 1.0em; margin-bottom: 1.4em; }


    
/*++++++++++++++Neu 17.04.2011 UPDATE 07.08.2011 ++++++++++++++++++*/
/* für neue Dokumentations-Archiv (Liste mit Jahresfilter)*/

div.lst-content { width: 100%; }
div.lst-content h3 {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  margin: 10px 0 22px 0;
}
div.lst-content h4 {
  font-size: 11px;
  font-weight: bold;
  color: #2C41A1;
  margin: 0 0 18px 0;
  width: 100%;
}
/* Modul Archiv */
div.archiv span.title { clear: both; display: block; padding: 12px 0 22px 0; }
div.archiv select.filter-ausgabe { width: 210px; }
div.archiv img { float: left; margin: 0 20px 5px 0; }
div.archiv div.desc { font-size: 11px; } 
div.border { border: 1px solid #C3C705; }
div.gradient-header { height: 30px; }
div.gradient-header h3 {
  float: left;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  padding: 6px 0 0 9px;
}
div.gradient-header select {
  margin: 6px 9px 0 6px;
  float: right;
}
div.gradient-header select.filter-jahr { width: 64px; }
/* Modul Archiv-Liste */
div.archivelist div.lst-content { width: 380px; padding: 6px 9px;  float: left; margin-bottom: 60px;}
div.archivelist div.lst-content ul li { padding: 9px 0 8px 0; margin: 0; }
div.archivelist ul { list-style: none; margin: 0;}
div.archivelist ul li:first-child { background-position: 0 -1px; }
div.archivelist li {
  width: 380px; 
  display: block;
  clear: both;
  float: left;
  padding: 9px 0 8px 0;
}
div.archivelist li div.date {
color: #fff;
  float: left;
  width: 64px;
  padding: 0 5px;
  font-size: 11px;
  display: block;
  min-height: 12px;
}
div.archivelist li a {
  float: none;
  display: block;  
  width: 396px;
  cursor: pointer;
}
div.archivelist li a:hover {
    color: #fff; text-decoration: underline; 
}
div.archivelist li span.teaser { font-size: 11px; padding-left: 84px; display: block; width: 254px; }
div.archivelist li div.lst-dokumentation {
  float: none;
  width: 396px;
  padding-left: 80px;  
  font-size: 11px;
  line-height: 14px;
}

div.archivelist li div.lst-dokumentation a:hover strong {
  color: #FFFFFF;
  text-decoration: underline;
 
}
 div.archivelist li div.lst-dokumentation a:hover span.teaser {
  color: #FFFFFF;
  text-decoration: underline;
}
 
       
div.archivelist li div.lst-dokumentation strong { 
  display: block; 
  padding-bottom: 1px; 
  width: 275px;
  float: left; 
}
div.archivelist li div.lst-dokumentation span.teaser { 
  clear: both;
  float: left; 
  padding-right: 65px; 
  padding: 0 0 0 0;  
  width: 275px;
}

div.archivelist li div.lst-dokumentation span.arrow { 
  clear: both;
  display: block; 
  color: #4B5EAF; 
  padding: 0px 0 2px 0; 
  float: left; 
  width: 300px; 
}
div.archivelist li.without-date div.lst-dokumentation span.arrow { 
  width: 100%; 
}

a.lnk_back {
  display: block;
  color: #ED1D24;
  text-decoration: none;
  padding-left: 12px;
  padding-bottom: 15px;
  width: 80px;
}

div.gradient-header { background: url(/k_img/bgr_gradient-header.gif) repeat-x 0 0; }
div.archivelist li { background: url(/k_img/bgr_archivelist.gif) no-repeat 0 top; }
div.archivelist ul.home-archivelist li span.arrow,
div.archivelist li div.lst-dokumentation span.arrow { background: url(/k_img/bgr_arrow-more.gif) no-repeat right bottom; }
a.lnk_back { background: url(../img/bgr_blue-single-arrow-left.gif) no-repeat 0 3px; }

/* ggf. für Fancybox */
div.main-content-module {
    clear: both;
    margin-bottom: 40px;
    width: 100%;
}
div.main-content-module h3 {
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 26px 0;
}
div.main-content-module a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}
div.main-content-module a:hover { text-decoration: underline; }
div.main-content-module ul {
    list-style: square;
}
  
div.main-content-module ul li {
    color: #404040;   
}



/* FancyBox */
div.fancygallery {
    display: none;
}
div.fancygallery strong.sub-title {
    color: #5C5B5B;
    display: block;
    float: left;
    font-size: 12px;
    margin: 6px 0 6px 3px;
}
div.fancygallery a {
    display: block;
    text-decoration: none;
 }
div.fancygallery .fancygallery-wrapper a div {
    border: 1px solid #C3C705;
    cursor: pointer;
    height: 102px;
    padding: 4px;
    width: 385px;
    text-decoration: none;

   
}
div.fancygallery .fancygallery-wrapper a div img {
    border: 1px solid #D4D2BA;
    cursor: pointer;
    margin-right: 12px;
}
div.fancygallery a div span.lnk {
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    padding: 12px 20px 12px 81px;
    background: url("/k_img/bgr_arrow-more.gif") no-repeat scroll 218px 15px transparent;    
    }
div.fancygallery a:hover div span.lnk {
    text-decoration: underline;
}

div.fancygallery a div span.hdl {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 0 0 10px 12px;
       }
div.fancygallery a:hover div span.lnk {
    text-decoration: none;
}

#fancybox-content img {
    margin: 0;
}
#fancybox-close {
    display: block !important;
    height: 23px !important;
    right: 4px !important;
    width: 25px !important;
}