/*
 * Stylesheet tiergarten.nuernberg.de 
 * @author Sebastian May <s.may@decide.de>
 * @company decide Internet Services GmbH <http://www.decide.de>
 * @date 2013-007-20
 *
 * Farben:
 *
 * rot:          #fb6f00
 * grau:         #8d8f90
 * hellgrau:     #b2b3b4
 * hellhellgrau: #dbdbdb
 * fastschwarz:  #1a171b
 *
 */


.landingpage .header-container {width:100%;position:absolute;top:0;z-index:5;}
.landingpage .header-container .header {background:url('../img/bg-site.png');border:1px solid #ddd;border-top:0;border-radius:0 0 4px 4px;}
.landingpage .teaser.supersized {margin-top:47px;z-index:-1;position:relative;}
.landingpage .teaser.supersized .teaser-image {display:none;}
.landingpage .teaser.supersized .teaser-image:first-child {display:block;}
.landingpage .teaser.supersized .teaser-image .caption {position:absolute;top:60%;left:10%;height:170px;width:25%;display:block;}
.landingpage .teaser.supersized .teaser-image .caption .inner-caption {padding:6px 20px;display:block;font-size:12px;line-height:18px;}

.landingpage .image .image-border {width:100%;padding:4px 0;margin:0;height:0;position:absolute;bottom:0;left:0;color:#000;background:rgba(197,209,59,.9);border:none;}
.landingpage .thema-wald .image .image-border {background:rgba(197,209,59,.9);}
.landingpage .thema-wasser .image .image-border {background:rgba(118,214,246,.9);}
.landingpage .thema-wueste .image .image-border {background:rgba(255,242,183,.9);}


.landingpage .container.site {margin-top:-140px;position:relative;z-index:1;}

.footer-animal {display: none;}

/* extra breite Seite */
@media (min-width: 1300px) {
  .csc-default {margin-bottom: 16px;}

}
/* 1024 Monitor */
@media only screen and (min-width: 996px) and (max-width: 1150px) {
  .csc-default {margin-bottom: 16px;}

}
/* Tablet Monitor */
@media (min-width: 768px) and (max-width: 999px) {


}
/* Handy Monitor hochformat */
@media (max-width: 767px) {


}
/* Handy Monitor querformat */
@media (max-width: 480px) {
}

@media (max-width: 999px) {
}

@media (min-width: 1000px) {
  .footer-animal {display: block; position: absolute; bottom: 0;left:300px;}
  ul li .li-sub-nav ,.dropdown .col-dropdown ul li {line-height: 24px;}
}






/* Aenderungen Jan */

.tableTierGarten{margin: 10px 0px 55px 0px;padding: 0px 0px 0px 0px;width:100%;border-style: none;}

.tableTierGarten:hover{margin: 10px 0px 55px 0px;padding: 0px 0px 0px 0px;width:100%;border-style: none;/*  -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);  -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);  box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);  z-index: 1;*/}

.tableTierGarten tr{height:30px;}

.tableTierGarten .tr-odd{}

.tableTierGarten .tr-even{}

.tableTierGarten tr:hover td {background: #70B74A;color:#fff;}
/*
.tableTierGarten tbody tr .td-last {border-left: 1px solid #bdbcbc;}
*/
.tableTierGarten tbody tr.tr-odd:hover .td-last {/*  border-left: 1px solid #bdbcbc;border-left: 1px solid #906bea;  background: #fff;*/color:#fff;background-color:#70B74A;font-size: 21px;text-align: center;text-decoration:bold;border-left: 12px solid #fff;/*  -webkit-transform: scale(1.1,1.1);  -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
  z-index: 1;*/
}

.tableTierGarten tbody tr.tr-even:hover .td-last {
/*    
  border-left: 1px solid #906bea;
  background: #fff;*/
  color:#fff;
  background-color:#70B74A ;
  font-size: 21px;
  text-align: center;
  text-decoration:bold;
  border-left: 12px solid #fff;
/*  -webkit-transform: scale(1.1,1.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
  z-index: 1;*/
}
.tableTierGarten thead{}

.tableTierGarten tbody{}

.tableTierGarten th{border-left: 12px solid #fff;margin: 0px 0px 6px 0px;padding: 3px 0px 3px 6px;color: #000;text-align: left;/*  background-color: #906bea;*/border-top: 2px solid #70B74A;border-bottom: 2px solid #70B74A;}

.tableTierGarten td{margin: 3px 0px 0px 3px;padding: 3px 3px 3px 6px;border-left: 12px solid #fff;
/*  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  */
}

.tableTierGarten .td-0{}

.tableTierGarten .td-1{}

.tableTierGarten .td-last{font-size: 18px;text-align: center;width:120px;}

.tableTierGarten thead tr:hover .td-last.td-1 {/*background-color: #906bea;background-color: #bdbcbc;*/  width:120px;}

.tableTierGarten thead tr th.td-last{border-top: 2px solid #70B74A;border-bottom: 2px solid #70B74A;}

@media (min-width: 1300px) {
  .footer-animal {display: block; position: absolute; bottom: 0;left:420px;}
}
@media (min-width: 768px) and (max-width: 999px) {
}
@media (max-width: 767px) {
  
}
@media (max-width: 480px) {
}
@media (max-width: 999px) {
}
@media (min-width: 1000px) {
}


.accordionTierGarten{
  background-color:#000;
}

.accordion {
  padding: 0px 12px 0px 12px;
}
.accordion-heading{
  padding: 0px 0px 0px 0px;
}

.accordion-heading a{
  color:#fff;
  font-weight:bold;
  background-color:#ff5335;
  height:28px;
  display:block;
  padding: 0px 0px 0px 0px;
}

.accordion-heading a:hover{
  text-decoration:none;
}

.accordion-heading .accordion-toggle {
  display:block;
  padding: 5px 0px 0px 6px;
}

.accordion-heading a.accordion-toggle.collapsed{
/*  border-top: 2px solid #70B74A;
*/  
}
.accordion-heading a.accordion-toggle{
/*  border-top: 2px solid #70B74A;
  border-bottom: 2px solid #ff5335;
*/}

.accordion-inner{
  padding: 9px 0px 0px 0px;
  border-bottom: 1px solid #ff5335;
  border-left: 1px solid #ff5335;
  border-right: 1px solid #ff5335;
}

/* Aenderungen Jan */

.geheplanText p {
  margin: 0px 0px 0px 15px;

}

ul .csc-menu.csc-menu-def {
  list-style-type: none;
}

ul .csc-menu.csc-menu-def li{
  clear: left;
}

.nav-layer-buttons{
  margin-left:15px;
  margin-top: 10px;
  margin-bottom: 10px;

}

.btn-group+.btn-group{
  margin-left: 0px;

}

.btn-group{
  margin:10px 0px 0px 0px;
  border:0;
}

.dropdown-menu>li>a:hover{
  color: #fff;
  text-decoration: none;
  background-color: rgba(164,200,66,1) !important;
  background-image: linear-gradient(to bottom,rgba(164,200,66,1),rgba(164,200,66,1)) ! important;
  background-repeat: repeat-x;
}



/*button.btn.btn-tgn{
  margin:0px 10px 0px 0px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: rgba(164,200,66,1);
  background-image: -moz-linear-gradient(top, rgba(164,200,66,1), rgba(164,200,66,1));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(164,200,66,1)), to(rgba(164,200,66,1));
  background-image: -webkit-linear-gradient(top, rgba(164,200,66,1), rgba(164,200,66,1));
  background-image: -o-linear-gradient(top, rgba(164,200,66,1), rgba(164,200,66,1));
  background-image: linear-gradient(to bottom, rgba(164,200,66,1), rgba(164,200,66,1));
  background-repeat: repeat-x;
  border-color: #7DAF54 #7DAF54 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94C11F', endColorstr='#7DAF54', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  
}

.btn-group .btn.btn-tgn:last-child{
  margin:10px 10px 0px 0px;
  border:0 !important;
  border-top-right-radius:0px;
   border-top-right-radius: 0px;
   -moz-border-radius-bottomleft: 0px;
   -moz-border-radius-topleft: 0px;
}

.btn-group>.btn:first-child{
   border:0 !important;
   border-bottom-left-radius:0px;
   border-top-left-radius: 0px;
   -moz-border-radius-bottomleft: 0px;
   -moz-border-radius-topleft: 0px;

}

.btn-group>.btn:last-child, .btn-group>.dropdown-toggle {
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
}

.dropdown-menu>li>a:hover{
  color: #fff;
  text-decoration: none;
  background-color: rgba(164,200,66,1) !important;
  background-image: linear-gradient(to bottom,rgba(164,200,66,1),rgba(164,200,66,1)) ! important;
  background-repeat: repeat-x;
}

.dropdown-menu>li>a{
  color: #fff;
  text-decoration: none;
  background-color: rgba(164,200,66,1) !important;
  background-image: linear-gradient(to bottom,rgba(164,200,66,1),rgba(164,200,66,1)) ! important;
  background-repeat: repeat-x;
}

.btn-group ul.dropdown-menu{
  border-style: none !important;
}
.btn-group>.dropdown-toggle{
  border-style: none !important;  
}

.btn-tgn {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, rgba(164,200,66,1), rgba(164,200,66,1));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(164,200,66,1)), torgba((164,200,66,1));
  background-image: -webkit-linear-gradient(top, rgba(164,200,66,1), rgba(164,200,66,1));
  background-image: -o-linear-gradient(top, rgba(164,200,66,1), rgba(164,200,66,1));
  background-image: linear-gradient(to bottom, rgba(164,200,66,1), rgba(164,200,66,1));
  background-repeat: repeat-x;
  border-color: #7DAF54 #7DAF54 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94C11F', endColorstr='#7DAF54', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  }
*/

/* Teaser Mobile Ansicht - Lukas Reeg 13.10.2014 */

@media (max-width: 770px) {


/* Anzeigen des Teasers */
#home .teaser {display: block}

/* Ausblenden der Slidebar */
#big-slider-control {
  display: none !important;
}

/* Buttons wegen Fehlverhalten ausblenden */
.big-slider .container-1x2 {
  display: none;
}


/* Margins ausblenden */
.big-slider-wrapper, 
.big-slider .container-margin-bottom,
.big-slider .custom-gallery, 
.big-slider .tx-deci-tiergarten  {
    margin: 0;
}


.big-slider .teaser-item {
  margin: 0;
  float: none;
  clear: both;
}

.big-slider {
  overflow: none;
}
.big-slider-inner, .big-slider-slide {
  width: auto !important;
}

.big-slider  .teaser-small-item, 
.big-slider  .teaser-small-item img,
.big-slider .teaser-small-item {
    margin: 0;
    min-height: 250px;
}

.big-slider .container-3x2, .big-slider .container-2x2 {
  width: 100%;
}

.big-slider .container-3x2, .big-slider  .container-1x2, .big-slider  .container-2x2 {
  margin-bottom: 15px;
  min-height: 250px;
}

.big-slider .items {
  min-height: 250px
}


}

/**
2015.03.16
Aenderungen Jan
**/

.tx-deci-easyhtml5video{padding:0 12px;}
.news-single .tx-deci-easyhtml5video{padding:0;}


/**
2023.12.16
Aenderungen Uwe  
**/
.teaser-content .title
{ font-size: 22px}

.csc-frame-wueste {
  background-color: #ffb52f;
  background-image: url('../img/bg_yellow.png');
  background-position: -35px bottom;
}

.csc-frame-wueste .description {
  background: rgba(174,113,3, .5);
  color: white;
}