/*! 
 * Trabucchi Media Services
 * August 2013
 * stefania@trabucchi.de
 * 
 */
/* Sticky footer styles
-------------------------------------------------- */
html,
body {
  height: 100%;
  /* The html element cannot have any padding or margin. */
}
body {
  color: #777777;
  padding-top: 65px;
}
/* Body Class fix for carousel top-positioning*/
body.front {
  padding-top: 45px;
} /* -- */
p {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
img {
  max-width: 100%;
}
a {
color: #EC7E15;
}
.navbar-form {
margin-top: 14px;
}
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */

  margin: 0 auto -60px;
  /* Pad bottom by footer height */

  /*padding: 0 0 60px;*/
  background: #fafafa;
}
/* Set the fixed height of the footer here */
#footer {
  height: auto;
  background-color: #6B7887;
  padding: 30px 0 0;
}
#footer .align-top {
  margin-top:10px;
}
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
#wrap > .container {
  padding: 60px 15px 0;
}
.container .credit, .credit a {
  color: #fafafa;
}
code {
  font-size: 80%;
}
/* headings */
h3 {
  margin-top: 0;
}

h2.orange { color: #EC7E15; }
/* header 
-------------------------------------------------- */
.header {
  margin-bottom: 20px;
}
#home-logo {
  display: inline-block;
  float: left;
  background-image: url(../img/BESTGRID-home.png);
  background-position: 12px 8px;
  background-repeat: no-repeat;
  border-right: 1px dotted #cfcfcf;
  height: 65px;
  width: 105px;
  transition: background-position 0.1s ease-out;
  -o-transition: background-position 0.1s ease-out;
  -ms-transition: background-position 0.1s ease-out;
  -moz-transition: background-position 0.1s ease-out;
  -webkit-transition: background-position 0.1s ease-out;
}
#home-logo:hover {
  background-position: 12px -52px;
}
/* navbar
-------------------------------------------------- */
.navbar-brand {
padding: 18px 25px;
}
.navbar {
  background-color: #ffffff;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}
/* carousel
-------------------------------------------------- */
.carousel-inner {
  width: 100%;
}
.carousel-inner a img {
  width: 80%;
}
.carousel-caption {
  width: 33%;
  height: auto;
  position: absolute;
  left: 75%;
  top: 16%;
  /* -moz-box-shadow: 0 1px 5px #666666;
  -webkit-box-shadow: 0 1px 5px #666666;
  box-shadow: 0 1px 5px #666666; */
  /* For IE 8 */

  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=270, Color='#666666')";
  /* For IE 5.5 - 7 */

  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=270, Color='#666666');
}
.carousel-caption/*.primary*/ {
  background-color: #6fba57;
}
/*.carousel-caption.secondary {
  background-color: #C4C9D1;
}
.carousel-caption.tertiary {
  background-color: #EC7E15;
}*/
.carousel-caption h3 {
  font-size: 34px;
  text-align: left;
  padding: 0 10px;
  text-shadow: none;
  max-width: 76%;
}
.carousel-caption p {
  padding: 0 15px;
  text-align: left;
  color: #fafafa;
  font-size: 16px;
  line-height: 25px;
  text-shadow: none;
  max-width: 76%;
}
#carousel-example-captions .item {
  width: 100%;
  max-width: 100%;
}
.carousel-caption/*.primary*/:before {
  content: url("../img/deco-arrow-primary.png");
}
/*.carousel-caption.secondary:before {
  content: url("../img/deco-arrow-secondary.png");
}
.carousel-caption.tertiary:before {
  content: url("../img/deco-arrow-tertiary.png");
}*/
.deco:before {
  left: -29px;
  position: absolute;
  top: 35px;
}
.carousel-caption {
  bottom: auto; 
}
.carousel-indicators {
  left: 40%; 
}
.carousel-inner img {
  position: relative;
  top: 16%;
  /* rz */
  float: left;
}
/* rz */
.carousel-inner > .item {
  overflow: hidden;
}
/* FLEX MENU */
.fm-button{display:none;box-sizing:border-box;margin:2px 0 2px 20px;padding:14px;width:52px;border-radius:3px;float:right;}
.fm-button:hover{cursor:pointer;background-color:#555;-webkit-box-shadow:inset 0 0 8px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 8px rgba(0,0,0,0.3);box-shadow:inset 0 0 8px rgba(0,0,0,0.3)}
.fm-button:hover .fm-bar{background-color:#fff}
.fm-button .fm-bar{display:block;width:24px;height:2px;border-radius:1px;background-color:#dfdfdf}
.fm-button .fm-bar+.fm-bar{margin-top:4px}
.flexmenu:before,
.flexmenu:after{display:table;content:" "}
.flexmenu:after{clear:both}
.flexmenu a{text-decoration:none}
.flexmenu.fm-toggle.fm-sm{display:none}
.fm-outer{position:relative;overflow:hidden;height:100%;width:100%}
.fm-inner{position:relative;height:100%;width:100%;left:0}
.fm-inner.open{left:70%}
.fm-inner.open .flexmenu.fm-sm{left:0}
.flexmenu.fm-offcanvas.fm-sm{z-index:100;overflow-y:auto;overflow-x:hidden;position:fixed;top:0;left:-70%;width:70%;height:100%;-webkit-box-shadow:inset -10px 0 10px -10px rgba(0,0,0,0.3);-moz-box-shadow:inset -10px 0 10px -10px rgba(0,0,0,0.3);box-shadow:inset -10px 0 10px -10px rgba(0,0,0,0.3);background:#333}
.flexmenu.fm-lg{max-width:1170px;margin:auto}
.flexmenu.fm-lg .navicon:after{border:4px solid transparent;border-top-color:#666;content:"";position:absolute;right:3px;top:22px}
.flexmenu.fm-lg>ul>li{float:left}.flexmenu.fm-lg ul{margin:0;padding:0;list-style:none}
.flexmenu.fm-lg li{position:relative;white-space:nowrap}
.flexmenu.fm-lg li ul{position:absolute;left:0;top:100%;z-index:99}
.flexmenu.fm-lg li ul .navicon:after{border:4px solid transparent;border-left-color:#777;right:10px;top:14px}
.flexmenu.fm-lg li ul ul{top:0;left:100%}
.flexmenu.fm-lg>ul>li{padding:7px 0}
.flexmenu.fm-lg a{display:block;padding:7px 25px;color:#777;font-family: 'Open Sans', sans-serif;font-weight: 300;}
.flexmenu.fm-lg a:hover{color:#6fba57;text-decoration:none}
.flexmenu.fm-lg li:hover,
.flexmenu.fm-lg li.active {background:#f4f4f4;}
.flexmenu.fm-lg li ul{border:1px solid #777;border-top:1px solid #a6a6a6;background-color:#f4f4f4;background-color:rgba(244,244,244,0.9)}
.flexmenu.fm-lg li ul:nth-child(2){border-top:6px solid #f4f4f4;}
.flexmenu.fm-lg li ul li{padding:0 10px;min-width:145px}
.flexmenu.fm-lg li ul a{border-top:1px solid #a6a6a6;color:#777}
.flexmenu.fm-sm ul{margin:0;padding:0;list-style:none}
.flexmenu.fm-sm ul li{position:relative}
.flexmenu.fm-sm ul li a{display:block;padding:14px 15px;font-size:16px;text-shadow:0 0 1px rgba(255,255,255,0.1);color:#ccc}
.flexmenu.fm-sm ul li a:hover,.flexmenu.fm-sm ul li a.active{color:#fff;text-decoration:none}
.flexmenu.fm-sm ul li{border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}
.flexmenu.fm-sm ul li a{background-color:#333}
.flexmenu.fm-sm ul li a:hover,
.flexmenu.fm-sm ul li a.active{background-color:#262626}
.flexmenu.fm-sm ul ul li{border-top:1px solid #6e6e6e;border-bottom:1px solid #3b3b3b}
.flexmenu.fm-sm ul ul li a{background-color:#555}
.flexmenu.fm-sm ul ul li a:hover,
.flexmenu.fm-sm ul ul li a.active{background-color:#484848}
.flexmenu.fm-sm ul ul li ul li{border-top:1px solid #919191;border-bottom:1px solid #5e5e5e}
.flexmenu.fm-sm ul ul li ul li a{background-color:#777}
.flexmenu.fm-sm ul ul li ul li a:hover,
.flexmenu.fm-sm ul ul li ul li a.active{background-color:#6a6a6a}
.flexmenu.fm-sm .navicon{position:absolute;top:0;right:2px;height:50px;width:50px;border-radius:5px;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.3);-moz-box-shadow:0 0 8px rgba(0,0,0,0.3);box-shadow:0 0 8px rgba(0,0,0,0.3);background:url('../images/bg-nav_gradientcaea.html?1380865101') repeat-x}
.flexmenu.fm-sm .navicon:hover{cursor:pointer}
.flexmenu.fm-sm .navicon:after{border:5px solid transparent;border-top-color:#888;content:"";position:absolute;right:18px;top:25px}
/* FLEX MENU : ENDE */

/* stefania
--------------------------------------------------- */

.carousel-caption h3, h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 800; 
}
.navbar-nav {
  font-size: 14px;
  margin-top: 6px;
}
.navbar-nav,
.updates h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300; 
}
.claim h3, h4,
.calendar h4 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300; 
}

ol.event-list,
ol.slats {
list-style: none;
padding-left:0;
  }
ol.slats li {
  margin: 0 0;
  padding: 5px 0 15px;
  border-bottom: 1px solid #eee;
  float: left;
  }
ol.slats li:last-child {
  margin: 0;
  border-bottom: none;
  }
ol.slats li h3 {
  line-height: 1.1;
  }
ol.event-list p a,
ol.slats li h3 a {
 color:#465669;
  }
ol.slats li p {
  font-size: 14px;
  line-height: 1.4;
  }
ol.slats li p span.meta,
span.meta {
  display: block;
  font-size: 12px;
  color: #999;
  }
.social a {
  color:#fff;
  font-size:16px;
  padding-bottom: 15px;
  float: left;
}
.icon-5 {
  font-size: 2em;
  padding:0 10px;
}
.icon-5:hover {
  text-decoration: none;
}
.credits a:hover .icon-twitter {
  color:#3AAAE1;
}
.credits a:hover .icon-facebook {
  color:#3B5998;
}
.credits a:hover .icon-google-plus {
  color:#db4a39;
}

address a,
address {
  color:white;
}

/* tooltip ----------------------------------------- */
/* Relative positioning*/
/* Relative positioning*/
    #wrapper {
      position: relative;
      margin: 50px auto 20px auto;
    }
    
    /* Hide the original tooltips contents */
    .pin {
      display: none;
    }
    
    /* Begin styling the tooltips and pins */
    .tooltip-up, .tooltip-down {
      position: absolute;
      background: url("../img/arrow-up-down.png");
      width: 36px;
      height: 52px;
    }
    
    .tooltip-down {
      background-position: 0 -52px;
    }
    
    .best-tooltip {
      display: none;
      width: 240px;
      cursor: help;
      position: absolute;
      top: 13px;
      left: 50%;
      z-index: 999;
      margin-left: -100px;
      padding: 5px;
      background: #000;
      opacity: .75;
      filter: alpha(opacity=75);
      color: #FFF;  
    }
    
    .best-tooltip::after {
      content: '';
      position: absolute;
      top: -10px;
      left: 50%;
      margin-left: -30px;
      border-bottom: 10px solid #575756;
      border-left: 10px solid transparent;
      border-right :10px solid transparent;
    }
    
    .tooltip-down .best-tooltip {
      bottom: 12px;
      top: auto;
    }
    
    .tooltip-down .best-tooltip::after {
      bottom: -10px;
      top: auto;
      border-bottom: 0;
      border-top: 10px solid #575756;
    }
    
    .best-tooltip h2 {
      font: bold 1.3em 'Trebuchet MS', Tahoma, Arial;
      margin: 0 0 10px;
    }
    
    .best-tooltip ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }   

/* content
--------------------------------------------------- */
.container {
  margin: 0 auto;
  padding: 0;
  border: none;
}
.section-neg-footer:before {
  content: url("../img/deco-arrow-neg.png");
}
.section-orange-footer:before {
  content: url("../img/deco-arrow-orange.png");
}
.arrow-neg:before {
  margin: 0 auto;
  position: relative;
  top: -1px;
}
.arrow-secondary:before {
  margin: 0 auto;
  position: relative;
  top: -1px;
}
.section1 p {
  font-size: 14px;
  padding: 15px;
}
.closure.col-lg-8 {
  padding-right: 0;
}
/* sections 
------------------------- */
/* breadcrumbs */
.breadcrumb {
  padding: 8px 15px 0 15px;
  margin-bottom:30px;
}
/* end breadcrumbs */
.section {
  padding: 25px 0 0;
}
.section.first {
  padding-top: 0;
}
.section.last {
  padding-bottom: 25px;
}
.section.updates {
  padding: 0;
}
.raw {
  border-bottom: 1px solid #EEEEEE;
  padding: 15px 0 0;
}
.raw.first {
  border-top: none;
  padding-top: 0;
}
.col-lg-4 h2,
.align-top {
  padding: 0;
  margin-top:-8px;
}
.calendar {
  float: left;
}
.calendar h2 {
  margin-top:20px;
  margin-bottom: 10px;
}
.partner-logo .csc-textpic-imagewrap {
  text-align: center !important;
}
.partner-logo div.csc-textpic .csc-textpic-imagewrap img,
.partner-logo div.csc-textpic .csc-textpic-imagewrap figure {
display: inline-block !important;
}
.partners {
  padding: 80px;
}
.partners img {
  width: auto;
  margin: 0 auto;
  display: block;
}
.file-attach {
  width: 100%;
  height: auto;
  background: #EEEEEE;
  opacity: 0.7;
  border: 1px solid #EEEEEE;
}
.csc-uploads-fileName { margin-left: 5px; }
/* news */
img.col-lg-3 /* img small thumbnail */ {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 4px 4px 4px 4px;
  line-height: 1.42857;
  padding: 4px;
  margin: 0 10px 0 0;
  transition: all 0.2s ease-in-out 0s;
}
.img-teaser {
  padding: 0;
  width: 155px;
}
.teaser.col-lg-9 {
  padding: 0 0 0 24px;
  width: 78%;
}
li.group.first {
  margin-top: 0;
}
/* end news*/
.claim {
  display: block;
  margin: 40px auto;
  float: none;
  }
.claim a {
  color:#fff;
  text-decoration:underline;
}
.claim a:hover {
  color:#6B7887;
  text-decoration:none;
}
.container-grey h1 {
  color: #EC7E15;
  text-align: center;
  font-weight: bold;
  margin-bottom: 35px;
}
.container-orange h1 {
  color: #fff;
  text-align: center;
  font-weight: bold;
  margin-bottom: 35px;
}
.claim h3 {
  text-align: center;
  line-height: 145%;
  color: #fafafa;
}
.s1 p {
  color: #fafafa;
}
.container-grey {
  background-color: #C4C9D1;
  margin-top: 7px;
}
.container-orange {
  background-color: #EC7E15;
  padding: 40px 0 40px;
}
.deco-container h1 {
  left: 10%;
  position: relative;
}
.pics-title h2 {
  color: #fafafa;
}
.icon-set {
  width: 800px;
  display: block;
  margin: 0 auto;
}
span.weight {
  font-family: Open sans;
  font-size: 13px;
  display: block;
  padding: 5px;
}
span.weight a {
  margin-right: 5px;
}
a [class^="icon-"] {
  text-decoration: none;
}

/* read more link */
.readmore {
  float: right;
}
i.icon-external-link, .updates a  {
  color: #465669;
}
/* video */
.flex-video {
  position: relative;
  padding-top: 1.5625em;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1em;
  overflow: hidden;
}
.flex-video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* footer 
---------------------------- */
.unstyled {
  padding: 0;
  list-style: none;
}
.icon-angle-right {
  padding-right: 5px;
}
.credits, .credits a {
  color: #fafafa;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}
.credits a:hover {
  color:#6fba57;
  text-decoration: none;
}
#footer ul {
  color: #fafafa;
}
#footer ul li {
  line-height: 2em;
}
input, button, select, textarea {
  padding: 6px;
}
legend {
  color: #fafafa;
}
.btn {
  margin-top: -3px;
}
.imprint {
  margin-bottom: 15px;
}
/* newsletter modal .navbar fix */
.modal-backdrop.in {
  z-index: 999;
}
/* forum */
.head {
  background: none repeat scroll 0 0 #6FBA57;
  color: #FAFAFA;
  font-weight: bold;
  height: auto;
  margin-bottom: 15px;
  padding: 15px 0 30px;
}
.even {
  padding: 15px 0 0;
}
.odd {
  background-color: #eee;
  margin-top: 0;
  padding: 15px 0 0;
}
img.user {
  margin-right: 0.3em;
}
i.icon-user {
  font-size: 28px;
}
i.icon-folder-open {
  font-size: 28px;
}
.align-bottom {
  margin: 0 0 10px 0;
}
.subraw {
  border-top: 1px solid #f5f5f5;
  margin: 5px 0;  
  list-style: none;
}
.indent {
  margin-left: 40px;
}
/* search results */
i.icon-file {
  font-size: 32px;
}
.last {
  margin-bottom: 15px;
}

/* slider */
.flex-control-nav {
  position: absolute;
  text-align: center;
  bottom: 10px;
  width: 100%;
  margin-left: -60px;
}

.flex-control-nav li:first-child {
  margin: 0;
}
.flex-control-nav li {
  display: inline-block;
  margin: 0 0 0 5px;
}
.slides li, .flex-control-nav li, .flex-direction-nav li {
  list-style-type: none;
  text-align: center;
}

.flex-control-nav li a {
  background: none repeat scroll 0 0 transparent;
  border: 1px solid #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 10px;
  margin: 1px;
  text-indent: -999em;
  width: 10px;
}

.flex-control-nav li a.active {
  background: none repeat scroll 0 0 #FFFFFF;
  cursor: default;
  height: 12px;
  margin: 0;
  width: 12px;
}
/* slider rz */

/* tt_news Bildbreiten */
.h-w-mw-auto {
  height: auto;
  max-width: 100%;
  width: auto;
}
.col-mp-3 {
  margin: 0 10px 0 0;
  padding:0;
}
/* tt_news Bildbreiten */

/* modal */
.credits .modal,
.credits .modal a {
  color: #777777;
}

/* Upload */
#feuploadform .text-error {
    color: #B94A48;
}
#feuploadform label {
    display: block;
    margin-bottom: 5px;
}
/* Upload end */