/**
 *
 * CSS-Datei für die gängigen Redaxo-Module, bitte Styles so allgemein 
 * und modular wie möglich halten
 * 
 * Stand: 26.12.2011   
 *
 */      
 
/*----------------------------------------------------------------------------*/
 
/**
  *
  * Modul: LoadingIndicator
  * 
  */       

 .loadingIndicator { background: url("images/waiting_0.gif") no-repeat center center #fff; height: 125px; width: 125px; position: fixed; left: 50%; top: 50%; text-indent: -99999px; z-index: 99999; }

/*----------------------------------------------------------------------------*/

/**
  *
  * Modul: Inhalt - Download (mit Icon)
  * 
  */  

  .link_icon { line-height: 15px; display:block; padding-left:20px; background-repeat: no-repeat; background-position:0px 2px;}
  .ico_pdf { background-image: url("../vendor/mime_iconset/fico_pdf.gif"); }
  .ico_xls { background-image: url("../vendor/mime_iconset/fico_xls.gif"); }
  .ico_doc { background-image: url("../vendor/mime_iconset/fico_doc.gif"); }
  .ico_zip { background-image: url("../vendor/mime_iconset/fico_zip.gif"); }
  .ico_jpg,
  .ico_jpeg { background-image: url("../vendor/mime_iconset/fico_jpg.gif"); }
  .ico_gif,
  .tif { background-image: url("../vendor/mime_iconset/fico_pic.gif"); }
  .ico_def { background-image: url("../vendor/mime_iconset/fico_def.gif"); }

/*----------------------------------------------------------------------------*/

/**
  *
  * Modul: Inhalt - Fixfloat
  * 
  */

  .clear { clear: both; height: 1px; line-height: 0; }

/*----------------------------------------------------------------------------*/

/**
  *
  * Modul: Inhalt - Formularbaukasten (do form! 4.31)
  * 
  */

  input.formerror.red, textarea.formerror.red { border: 1px solid #C00000; }


/*----------------------------------------------------------------------------*/

/**
 *
 *
 *  Kontaktformular 
 *
 *
**/    
.kontaktform {float:left;}
.formgen {position:relative; border:solid 1px #ccc; padding:15px 0 0 0; font-style:italic; margin:0;}
.formgen img {position:absolute;}

.formgen img.corner.top.left {top:-1px; left:-1px;} 
.formgen img.corner.top.right {top:-1px; right:-1px;} 
.formgen img.corner.bottom.right {bottom:-1px; right:-1px;} 
.formgen img.corner.bottom.left {bottom:-1px; left:-1px;} 

.formgen input.formtext {width:90%; margin:0 auto; float:none; background:transparent; border: solid 1px #ccc; height:20px; display:block; color:#666; text-indent:5px; font:400 14px/20px Times, Serif; font-style:italic; }
.formgen label {width:90%; margin:0 auto !important; float:none; background:transparent; height:auto; display:block; color:#666; font:400 14px/20px Times, Serif; font-style:italic;} 
.formgen textarea {width:90%; margin:0 auto; height:200px; float:none; background:transparent; border: solid 1px #ccc; color:#666; text-indent:5px; font:400 14px/20px Times, Serif; font-style:italic;}

.formgen .formsubmit {width:90%; margin:0 auto; float:none; background:transparent; display:block; height:30px; font:400 14px/30px Times, Serif; padding:0; color:#fff; font-style:italic; border:none; cursor:pointer;
		background: #9d7634; /* Old browsers */
		background: -moz-linear-gradient(left,  #9d7634 0%, #795c2b 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#9d7634), color-stop(100%,#795c2b)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #9d7634 0%,#795c2b 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #9d7634 0%,#795c2b 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #9d7634 0%,#795c2b 100%); /* IE10+ */
		background: linear-gradient(left,  #9d7634 0%,#795c2b 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d7634', endColorstr='#795c2b',GradientType=1 ); /* IE6-9 */
}
.formgen .formsubmit:hover {
		background: #9d7634; /* Old browsers */
		background: -moz-linear-gradient(left, #795c2b 0%, #9d7634 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#795c2b), color-stop(100%,#9d7634)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #795c2b 0%, #9d7634 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #795c2b 0%, #9d7634 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #795c2b 0%, #9d7634 100%); /* IE10+ */
		background: linear-gradient(left,  #795c2b 0%, #9d7634 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d7634', endColorstr='#795c2b',GradientType=1 ); /* IE6-9 */
}

.formgen input.formerror {width:90%; margin:0 auto; float:none; background:transparent; height:20px; display:block; font-style:italic; text-indent:5px; }
.alert-box.error { width: 47.8%;}
.simpletabs .alert-box.error {width: 97.2%; }






/*----------------------------------------------------------------------------*/

/**
 *
 *
 *  Bestellformular 
 *
 *
**/    

.bestellform {position:relative; border:solid 1px #ccc; width:100%; padding:15px 0 0 0; font-style:italic; margin:0; float:left;}
.bestellform fieldset {border: medium none; }

.bestellform img {position:absolute;}
.bestellform img.corner.top.left {top:-1px; left:-1px;} 
.bestellform img.corner.top.right {top:-1px; right:-1px;} 
.bestellform img.corner.bottom.right {bottom:-1px; right:-1px;} 
.bestellform img.corner.bottom.left {bottom:-1px; left:-1px;} 

.bestellform input {width:90%; margin:0 auto; float:none; background:transparent; border: solid 1px #ccc; height:20px; display:block; color:#666; text-indent:5px; font:400 14px/20px Times, Serif; font-style:italic; }
.bestellform label {width:90%; margin:0 auto !important; float:none; background:transparent; height:auto; display:block; color:#666; font:400 14px/20px Times, Serif; font-style:italic;} 
.bestellform textarea {width:90%; margin:0 auto; height:auto; float:none; background:transparent; border: solid 1px #ccc; color:#666; text-indent:5px; font:400 14px/20px Times, Serif; font-style:italic;}

.bestellform .formsubmit {width:90%; margin:30px 5% 0; float:left; background:transparent; display:block; height:30px; font:400 14px/30px Times, Serif; padding:0; color:#fff; font-style:italic; border:none; cursor:pointer;
		background: #9d7634; /* Old browsers */
		background: -moz-linear-gradient(left,  #9d7634 0%, #795c2b 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#9d7634), color-stop(100%,#795c2b)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #9d7634 0%,#795c2b 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #9d7634 0%,#795c2b 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #9d7634 0%,#795c2b 100%); /* IE10+ */
		background: linear-gradient(left,  #9d7634 0%,#795c2b 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d7634', endColorstr='#795c2b',GradientType=1 ); /* IE6-9 */
}

.bestellform input.form_warning,
.bestellform textarea.form_warning {/*background-color: #ffb1ad; border: 1px solid #CC4400; */}
.bestellform ul.form_warning {border: 1px dashed #CC4400; padding: 10px 25px; margin: 0 auto 25px; width: 80%; }
.bestellform ul.form_warning li {margin: 0; }
.bestellform label.form_warning {color: #CC4400; }
.bestellform .alert-box.error { width: 47.8%;}



.bestellform .pflichtangaben,
.bestellform .adressen {float:left; margin:0;}


.bestellform .bestellung {margin:25px 10px;}




.bestellform .hostie {margin:10px 0; float:left; height:80px; margin-left:0;}
.bestellform .hostie .formhinweis {width:100%; padding:0 15px;}

.bestellform .hostie .anzahl {width:200px; float:left; padding:5px 15px;}
.bestellform .hostie label {width:70px; float:left; position: absolute; top: 26px; left: 75px; }
.bestellform .hostie input {width:50px; float:left; position: absolute; }
.bestellform .hostie p {float: left; margin: 5px 0 0 15px; width: 100%; }

.bestellform input.submit {border: medium none; color: #FFF; padding-top: 5px; cursor: pointer; }



.bestellform .formhinweis {width:100%; display:block; padding:2px 15px; float: left; }

.bestellform .rex-info {margin: 0 auto; text-align: center; width: 50%; }
.bestellform .rex-info p {margin: 0 0 14px; }
.bestellform .bestaetigung {margin: 0 auto; text-align: left; width: 60%; }
.bestellform .bestaetigung .amount {float: right; }

@media only screen and (max-width: 767px) { 
  .bestellform .rex-info {width: 90%; }
  .bestellform .rex-info .bestaetigung {width: 100%; }
}

/*----------------------------------------------------------------------------*/

/**
 *
 *
 *  Textlink
 *
 *
**/    

a.text-link {float:left !important; }
a.text-link:hover {text-decoration:none;}



a.text-link span {float:left !important; color:#fff; padding:5px 10px; font:400 14px/19px Calibri, Times, Serif; background: #9d7634; /* Old browsers */ margin:0 30px;
	background: -moz-linear-gradient(left,  #9d7634 0%, #795c2b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#9d7634), color-stop(100%,#795c2b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #9d7634 0%,#795c2b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #9d7634 0%,#795c2b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #9d7634 0%,#795c2b 100%); /* IE10+ */
	background: linear-gradient(left,  #9d7634 0%,#795c2b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d7634', endColorstr='#795c2b',GradientType=1 ); /* IE6-9 */
	}
a.text-link:hover span {text-decoration:none;
	background: -moz-linear-gradient(left, #795c2b 0%, #9d7634 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#795c2b), color-stop(100%,#9d7634)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #795c2b 0%,#9d7634 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #795c2b 0%, #9d7634 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #795c2b 0%, #9d7634 100%); /* IE10+ */
	background: linear-gradient(left, #795c2b 0%, #9d7634 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#795c2b', endColorstr='#9d7634',GradientType=1 ); /* IE6-9 */
	}

/*----------------------------------------------------------------------------*/

/**
 *
 *
 *  Masonry - Eindrücke
 *
 *
**/    



.teaser-eindruck {margin:0 1% 1% 0 !important; background:#fff; overflow:hidden; width:260px; -moz-box-shadow: 0px 0px 3px 2px #ddd; -webkit-box-shadow: 0px 0px 3px 2px #ddd; box-shadow:0px 0px 3px 2px #ddd;}
.teaser-eindruck.item {width: 350px; }
.teaser-eindruck img {float:left;}
/* .teaser-eindruck span, */
.teaser-eindruck .text {padding:15px; text-align:center; float:left;}
.teaser-eindruck .text p {margin:0;}
.teaser-eindruck:hover .text p {color: #A18756; }

.teaser-eindruck span {font:400 14px/26px Times, Serif; width:90%; margin:0 10px;}

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


 /*---------------------------------------------------------------------------*/

 /**
  *
  *  Bildergalerie
  * 
  */    

/*
#galerie.rechts {float:right; margin:0 0 5% 0;}
#galerie.links {float:left; margin:0 0 5% 0;}

*/

#galerie a {float:left; margin:1%;}
#galerie h1 {padding:0;}
#galerie a img { -moz-box-shadow: 0px 0px 3px 2px #ddd; -webkit-box-shadow: 0px 0px 3px 2px #ddd; box-shadow: 0px 0px 3px 2px #ddd; width:100%;}
#galerie a:last-child {float:left; margin:1%;}




 /*---------------------------------------------------------------------------*/

 /**
  *
  *  Footer Teaser
  * 
  */    
.row.footer .footer-teaser,
.row.footer .footer-back {width:130px; height:89px; display:inline-block !important; margin:-40px 0.25% 40px 0.25%; float:none; z-index:30; position:relative; } 
.row.footer .footer-teaser a.active-state,
.row.footer .footer-teaser a.active-state:hover {position: absolute; width: 130px; height: 80px; background: none #000; z-index: 35; opacity: 0.4; filter:alpha(opacity=40); /* For IE8 and earlier */}
.row.footer .footer-teaser.betriebe {margin: -60px 0.25% 40px; }
.row.footer .footer-teaser:hover,
.row.footer .footer-teaser.aktiv,
.row.footer .footer-teaser.aktiv:hover {background:url(images/footer_teaser_hover_bg.png) no-repeat 0 0 transparent !important; text-decoration:none;}
.row.footer .footer-back:hover,
.row.footer .footer-back.aktiv,
.row.footer .footer-back.aktiv:hover {background:url(images/footer_back_hover_bg.png) no-repeat 0 -1px transparent !important; text-decoration:none; }

.row.footer .footer-teaser img,
.row.footer .footer-back img {margin:0; max-width:130px; width:100%; max-height:79px;} 
.row.footer .footer-teaser a {background:url(images/footer_teaser_bg.png) no-repeat 0 0 transparent; display:block; width:100%; height:100%; position:absolute; z-index:33; top:0; left:0;}
.row.footer .footer-back a {background:url(images/footer_back_bg.png) no-repeat 0 0 transparent; display:block; width:100%; height:100%; position:absolute; z-index:33; top: 0; left:0;}
.row.footer .footer-teaser a:hover,
.row.footer .footer-teaser.aktiv a {background:url(images/footer_teaser_hover_bg.png) no-repeat 0 0 transparent; text-decoration:none;}
.row.footer .footer-back a:hover,
.row.footer .footer-back.aktiv a {background:url(images/footer_back_hover_bg.png) no-repeat 0 0 transparent; text-decoration:none;}
.row.footer .footer-teaser span { left:0; text-align:center; color:#977233; font:400 13px/22px  Times, Serif; position:absolute; max-width:130px; width:100%; bottom:10px; height:20px; display:block; cursor:pointer; }
.row.footer .footer-back span { left:0; text-align:center; color:#FFFFFF; font:400 14px/22px Arial, Times, Serif; position:absolute; max-width:130px; width:100%; bottom:40px; height:20px; display:block; cursor:pointer; }

.row.footer a.next-arrow,
.row.footer a.prev-arrow {background: url('images/pfeile.jpg') 100% 0% no-repeat; float: none; position: relative; display: inline-block !important; bottom: 40px; width: 34px; height: 34px; }
.row.footer a.prev-arrow {background-position: 0 0; }
.row.footer a.next-arrow:hover,
.row.footer a.prev-arrow:hover {text-decoration: none; }
.row.footer a.next-arrow:hover {background-position: 100% 100%; }
.row.footer a.prev-arrow:hover {background-position: 0 100%; }
.row.footer a.prev-parent-arrow,
.row.footer a.next-child-arrow {background: url('images/pfeile.jpg') 100% 0% no-repeat #9D7633; float: none; position: relative; display: inline-block !important; bottom: 19px; width: auto; height: 34px; }
.row.footer a.prev-parent-arrow span.arrow.child.parent,
.row.footer a.next-child-arrow span.arrow.child.parent {padding: 8px 8px 7px; color: #FFF; background: none #9D7633; float: left; }
.row.footer a.prev-parent-arrow span.arrow.child.parent span,
.row.footer a.next-child-arrow span.arrow.child.parent span {font-weight: bold; color: #FFFFFF; }
.row.footer a.prev-parent-arrow {padding-left: 25px; background-position: 0 0; margin-right: 10px; }
.row.footer a.next-child-arrow {padding-right: 25px; margin-left: 10px; }
.row.footer a.prev-parent-arrow:hover span.arrow.child.parent, 
.row.footer a.next-child-arrow:hover span.arrow.child.parent {background-color: #85652C; }
.row.footer a.prev-parent-arrow:hover {background-position: 0 100%; }
.row.footer a.next-child-arrow:hover {background-position: 100% 100%; }

/*
.row.footer .footer-teaser:hover {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}
*/

.animated.hinge {
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes bounce {
	0%, 20%, /*50%, 80%, 100% */{-moz-transform: translateY(0);}
	40% {/* -moz-transform: translateY(-30px);*/}
	60% {-moz-transform: translateY(-10px);} 
	80%, 100%  {-moz-transform: translateY(-10px);} 
}

@-moz-keyframes bounce {
	0%, 20%, /*50%, 80%, 100% */{-moz-transform: translateY(0);}
	40% {/* -moz-transform: translateY(-30px);*/}
	60% {-moz-transform: translateY(-10px);} 
	80%, 100%  {-moz-transform: translateY(-10px);} 

}

@-ms-keyframes bounce {
	0%, 20%, /*50%, 80%, 100% */{-moz-transform: translateY(0);}
	40% {/* -moz-transform: translateY(-30px);*/}
	60% {-moz-transform: translateY(-10px);} 
	80%, 100%  {-moz-transform: translateY(-10px);} 
}

@-o-keyframes bounce {
	0%, 20%, /*50%, 80%, 100% */{-moz-transform: translateY(0);}
	40% {/* -moz-transform: translateY(-30px);*/}
	60% {-moz-transform: translateY(-10px);} 
	80%, 100%  {-moz-transform: translateY(-10px);} 
}
@keyframes bounce {
	0%, 20%, /*50%, 80%, 100% */{-moz-transform: translateY(0);}
	40% {/* -moz-transform: translateY(-30px);*/}
	60% {-moz-transform: translateY(-10px);} 
	80%, 100%  {-moz-transform: translateY(-10px);} 
}

.row.footer .footer-teaser:hover {

	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-ms-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
	
}






 /*---------------------------------------------------------------------------*/

 /**
  *
  *  Bereichsteaser (Betriebe)
  * 
  */    

.bereichsteaser { float: left; display:block; height: 90%; overflow: hidden; position: relative; width: 16.65%; opacity:0.6; filter:alpha(opacity=60);  -moz-transition: width 0.3s ease-in-out 0s; background-size: cover !important; }
.bereichsteaser:last-child {float:left !important;}

.bereichsteaser:hover,
.bereichsteaser:last-child:hover { opacity:1; filter:alpha(opacity=100);}

.bereichsteaser a.inner-frame { background-color: transparent; display: table;  height: 100%; left:0;  position: absolute; top:0; width: 100%; }

.bereichsteaser .overlay {vertical-align:middle; display:table-cell; background:url(images/overlay_bg.png) repeat-x 0 100% transparent; height:auto; width:100%; text-align:center; position:absolute; bottom:0; padding:0 0 10% 0;}
.bereichsteaser .overlay span.headline {text-align:center; font:400 20px/50px 'Junge', Times, serif; padding:0px; color:#debb78; text-shadow: #000 1px 1px 1px;}
.bereichsteaser .overlay .text {padding:5px 10px;}
.bereichsteaser .overlay .text p {color:#fff; text-shadow: #000 1px 1px 1px;}

.bereichsteaser .overlay span.link {font:400 16px/34px 'Junge', 'Jim Nightshade', 'Italianno',cursive; color:#fff; padding:2px 15px; text-align:center; background:#8f6c31; /*position:absolute; left:0; bottom:10px;*/ width:90%;}

.bereichsteaser .overlay span.link:hover {
	background: -moz-linear-gradient(left, #795c2b 0%, #9d7634 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#795c2b), color-stop(100%,#9d7634)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #795c2b 0%,#9d7634 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #795c2b 0%, #9d7634 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #795c2b 0%, #9d7634 100%); /* IE10+ */
	background: linear-gradient(left, #795c2b 0%, #9d7634 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#795c2b', endColorstr='#9d7634',GradientType=1 ); /* IE6-9 */
}




 /*---------------------------------------------------------------------------*/

 /**
  *
  *  Teaser (Unsere Kirche)
  * 
  */  
  
.kirch-teaser {margin:0 2% 2% 0; float:left;}
 
.kirch-teaser.links {float:left; margin:0 2% 2% 0;}
.kirch-teaser.rechts {float:right; margin:0 0 2% 2%;} 
 
.kirch-teaser h2 {text-transform:none;} 
.kirch-teaser .bild {width:100%; overflow:hidden; float:left; height:100%; display:block; margin:0 4.4% 0 0;}
.kirch-teaser .text {float:left;}

.body_id10 .kirch-teaser .bild {height: 300px; width: 100%; margin-bottom: 15px; }







 /*---------------------------------------------------------------------------*/

 /**
  *
  *  Inhalt Bild (mit Fancybox)
  * 
  */  

.bild {margin-bottom:2.2%;}  
.bild img { -moz-box-shadow: 0px 0px 5px 0px #666; -webkit-box-shadow: 0px 0px 5px 0px #666; box-shadow:0px 0px 5px 0px #666;}




 /*---------------------------------------------------------------------------*/

 /**
  *
  *  Veranstaltungskalender
  * 
  */  
  
.kalender {float:left !important; margin:0;} 

.kalender .kalenderblatt {float:left; margin:0;} 
.kalender .kalenderblatt span.text {clear:both; display:block; float:none; margin:0 0 20px 0;}
.kalender .kalenderblatt span.monat {font:500 16px/30px Times, Serif; color:#997333;}

table.kalendar {width:100%; background:none; border:none;  -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
table.kalendar tr {background:none !important;}
table.kalendar td {width:37px; height:37px; border:solid 1px #ccc; margin:0 1% 1% 0 !important; padding:0; float:left; background:#fff; text-align:center; position:relative; }
table.kalendar td span { font:500 16px/37px Times, Serif !important; color:#666; }
table.kalendar td a {display:block; color:#fff; width:100%; left:0px; position:absolute; text-decoration: none; top:0px; font:500 16px/37px Times, Serif !important;

background: #9b7534; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #9b7534 0%, #7b5d2c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#9b7534), color-stop(100%,#7b5d2c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #9b7534 0%,#7b5d2c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #9b7534 0%,#7b5d2c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #9b7534 0%,#7b5d2c 100%); /* IE10+ */
background: linear-gradient(135deg,  #9b7534 0%,#7b5d2c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b7534', endColorstr='#7b5d2c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.navigation.cal {width:63%;}
.navigation.cal .next {float:right;}






.kalender .date_default {float:left; margin:0 4.4% 0 0;  display:none;}

.kalender .date_default span.text {clear:both; display:block; float:none; margin:0 0 20px 0;}

.kalender .date_default .entry {padding:34px 0 0 0; background:url(images/aktuelles_border.png) repeat-x 0 0 transparent; margin:10% 0 0 0; }
.kalender .date_default .entry h1 {margin:0; font:500 14px/20px Times, Serif; color:#9b7534;}
.kalender .date_default .entry span.eventtext {font:400 14px/18px Times, Serif; color:#666; }



.content_overlay {float:right; margin:0 0 0 4.4%; display:none;}
.content_overlay span.text {clear:both; display:block; float:none; margin:0 0 20px 0;}

.content_overlay .entry {padding:34px 0 0 0; background:url(images/aktuelles_border.png) repeat-x 0 0 transparent; margin:10% 0 0 0; font:400 14px/18px Times, Serif; color:#666; }
.content_overlay .entry h1 {margin:0; font:500 14px/20px Times, Serif; color:#9b7534;}
.content_overlay .entry span.eventtext {font:400 14px/18px Times, Serif; color:#666; }
.content_overlay .entry span.eventtime {font:400 13px/18px Times, Serif; color:#666; }


.content_overlay .entry:first-child {background:none;}



.content_overlay .verannstaltung {padding:34px 0 0 0; background:url(images/aktuelles_border.png) repeat-x 0 0 transparent; margin:10% 0 0 0; font:400 14px/18px Times, Serif; color:#666;}
.content_overlay .verannstaltung .eventdate {width:100%; display:block; margin:0 0 10px 0;}
.content_overlay .verannstaltung span.eventtext {font:400 14px/18px Times, Serif; color:#666; }
.content_overlay .verannstaltung h1 {margin:0; font:500 16px/18px Times, Serif; color:#9b7534; margin:0;}


/* Historie - SLIDER */


.timeline {height:490px; margin:20px auto; position: relative; width:100%; max-width:1180px;}

#timeline {height:490px; overflow: hidden; position: relative; width:100%; max-width:1180px; margin:50px auto; background:url('images/timeline_bg.png') repeat-x 0 35px transparent; }


#dates {height: 60px; overflow: hidden;}

#dates li {list-style: none; float: left; width: 150px; height:50px; margin:0;  text-align:center; }
#dates li.selected { width: 150px; font-size:30px; margin:0 3%; text-align:center;}
#dates li .selected {font-size:34px; -moz-transition: all 0.5s ease 0s; color:#9d7634;}
#dates a {line-height: 38px; padding-bottom: 10px; font:400 30px/36px 'Junge', 'Jim Nightshade', 'Italianno', cursive; padding:0px; text-align:center !important;}


#issues {background:url('images/timeline_issue_bg_content.png') repeat-x top left transparent; height:405px; overflow: hidden; width:100%; }	
#issues li {width:100%; display:block; float:left; height:405px; list-style:none; overflow:hidden; position:relative; margin:0px; padding:0px; /*border:solid 1px #ccc;*/  background:url('images/timeline_issue_bg_right.jpg') no-repeat top right transparent; }

#issues li .timeline-inhalt {background:url('images/timeline_issue_bg_left.jpg') no-repeat top left transparent; padding:20px 50px; float: left; height: 365px; }

#issues li h3 { font-size: 28px; margin: 20px 0; }
#issues li p {font-size:14px;}

#issues li p strong {font:400 20px/24px Times, cursive; font-style:oblique; color:#9b7534;}
#issues li p a {font:400 14px/24px Times, cursive; font-style:oblique; color:#9b7534;}


#issues li.selected img {}

#issues li img {float:left; margin:0; background: transparent; }

#issues li .bild { margin:0 ; float: left; }
#issues li .bild.rechts {float: right; }


#grad_left,
#grad_right { width: 100px; height:60px; position: absolute; top: 0;}
#grad_left {left: 0;background: url(images/grad_left.png) repeat-y transparent;}
#grad_right {right: 0; background: url(images/grad_right.png) repeat-y  transparent;}

#next { position: absolute; font-size: 70px; top:260px; width:30px; height: 34px; text-indent: -9999px; overflow: hidden; background:url(images/timeline_arrows.jpg) no-repeat 100% 0 transparent;}
#prev { position: absolute; font-size: 70px; top:260px; width:30px; height: 34px; text-indent: -9999px; overflow: hidden; background:url(images/timeline_arrows.jpg) no-repeat 0 0 transparent;}

#next:hover,
#prev:hover { }

#next { right:0; }
#prev { left:0; }

#next.disabled,
#prev.disabled {opacity: 0.2;}





 /*---------------------------------------------------------------------------*/

 /**
  *
  *  Veranstaltungskalender
  * 
  */  

table {-moz-box-shadow: 0px 0px 3px 2px #ddd; -webkit-box-shadow: 0px 0px 3px 2px #ddd; box-shadow:0px 0px 3px 2px #ddd;}  


  /*---------------------------------------------------------------------------*/

 /**
  *
  *  Artikelauflistung Bücher
  * 
  */ 

  .listing-books {float: left; border-bottom: 1px solid #c4c4c4; border-top: 1px solid #c4c4c4; padding-top: 10px; margin-bottom: 20px;}
  .listing-books .book-img-price {float: left;}
  .listing-books .book-img-price .bild {position: relative; z-index: 1; }
  .listing-books .book-img-price .book-price {margin: -10px auto 0; position: relative; text-align: center; width: auto; z-index: 2; }
  
  .listing-books .book-img-price .book-price span {background-color: #FFF; box-shadow: 0 0 5px 0 #666666; -moz-box-shadow: 0 0 5px 0 #666666; -webkit-box-shadow: 0 0 5px 0 #666666; width: auto; padding: 2px 5px; }
  .listing-books .book-desc-title {}
  .listing-books .book-desc-title .book-desc { text-align: justify; float: left; }
  .listing-books.two_articles .book-desc-title .book-desc p {float: right; width: 75.5%; padding: 0 2%;}
  .listing-books.three_articles .book-desc-title .book-desc p {float: right; width: 30%; padding: 0 2%;}
  .space {clear: both; float: left; width: 100%; min-height: 1px; }