/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 40px;
  color: RGB(83,83,83)/*grau*/;
}



/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-left: 0;
  padding-right: 0;
}
.navbar-wrapper .navbar {
  padding-left: 15px;
  padding-right: 15px;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 800px;
  margin-top:-20px;
  margin-bottom: 60px;
}


@media (max-width: 480px) {
.carousel {
  margin-top:-100px !important;

}

}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 800px;
  background-color: RGB(83,83,83)/*grau*/;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 800px;
}

/*img*/
.responsive {
    padding:3px;
    border:1px solid #cdcdcd;
}

/*http://demo.wpthemers.net/thumbfx/*/
.overlayer{display:inline-block;max-width:100%}
.overlayer .overlay{visibility:hidden}
.overlayer .overlay-default{background:url(../images/overlay-zoom.png) 50% 50% no-repeat;background-color:rgba(0,0,0,0.5)}
.overlayer .overlay{background:#000;background:url(../images/overlay-ie.png) 0 0 repeat;background:none rgba(0,0,0,0.5);text-shadow:none;z-index:99}
.overlayer .overlay,.overlayer .overlay a{color:#fff}
.overlayer .overlay a{text-decoration:underline}
.overlayer .overlay>div{padding:10px}
.overlayer .overlay.remove-padding>div{padding:0}
.overlayer .overlay>div>*:first-child{margin-top:0}
.overlayer .overlay>div>*:last-child{margin-bottom:0}
#lightbox-loading{background-color:#000;background-color:rgba(0,0,0,0.8);background-image:url("../images/loader.gif");background-position:center center;background-repeat:no-repeat;display:none;height:64px;left:50%;margin:-32px 0 0 -32px;overflow:hidden;position:fixed;top:50%;width:64px;z-index:1104;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:0 0 5px 1px #000;-webkit-box-shadow:0 0 5px 1px #000;box-shadow:0 0 5px 1px #000}
#lightbox-loading div{display:none}
#lightbox-overlay{display:none;position:absolute;top:0;left:0;width:100%;z-index:1100
}#lightbox-tmp{display:none;padding:0;margin:0;border:0;overflow:auto}
#lightbox-wrap{display:none;position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:0}
#lightbox-outer{position:relative;width:100%;height:100%;background:#000;-moz-box-shadow:0 0 15px #000;-webkit-box-shadow:0 0 15px #000;box-shadow:0 0 15px #000;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
#lightbox-content{background:#fff;position:relative;width:0;height:0;padding:0;border:0 solid #000;outline:0;overflow:hidden;z-index:1102;text-shadow:none;color:#000;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
#lightbox-error{margin:0;padding:14px;font:normal 12px/20px Arial;color:#444}
#lightbox-img{width:100%;height:100%;margin:0;padding:0;border:0;outline:0;line-height:0;vertical-align:top}
#lightbox-frame{display:block;width:100%;height:100%;border:0}
#lightbox-left,#lightbox-right,#lightbox-close{background:url(../images/overlay-ie.png) 0 0 repeat;background:rgba(0,0,0,0.5);cursor:pointer;outline:medium none;padding:5px;position:absolute;top:20px;z-index:1102;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;display:none}#lightbox-left{left:20px}#lightbox-right{left:60px}#lightbox-close{background:#000;right:-30px;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;-moz-box-shadow:0 0 15px #000;-webkit-box-shadow:0 0 15px #000;box-shadow:0 0 15px #000}#lightbox-left:hover,#lightbox-right:hover,#lightbox-close:hover{background:#000}#lightbox-left-ico,#lightbox-right-ico,#lightbox-close span{display:block;width:20px;height:20px;background:url(../images/sprite.png) 0 0 no-repeat}#lightbox-right-ico{background-position:0 -20px}#lightbox-left-ico{background-position:0 -40px}#lightbox-title{font-size:12px;z-index:1102;text-shadow:none}#lightbox-title.lightbox-title-float{padding:5px 10px;position:absolute;left:0;bottom:-20px;background:#000;background:rgba(0,0,0,0.7);color:#FFF;font-weight:bold;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}#lightbox-title.lightbox-title-inside{padding-bottom:10px;text-align:center;color:#fff;position:relative}#lightbox-title.lightbox-title-outside{padding-top:10px;color:#FFF}#lightbox-title.lightbox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:center;background:#000;background:rgba(0,0,0,0.5)}#lightbox-title-over{padding:10px}a[data-lightbox]{max-width:100%}[data-slides],.slides{position:relative;overflow:hidden}.slides>*,[data-slides]>*{position:absolute;display:none;width:100%;left:0;top:0}.slides>*:first-child,[data-slides]>*:first-child{position:relative;display:block;float:left}.slides img,[data-slides] img{max-width:100%;display:block}.slides .slide-nav,.slides .slide-pager{display:block;position:absolute;top:50%;margin-top:-15px;z-index:2}.slide-nav a{background:url(../images/overlay-ie.png) 0 0 repeat;background:rgba(0,0,0,0.5);cursor:pointer;outline:medium none;padding:5px;position:absolute;z-index:999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;display:block}.slide-nav a:hover{background:#000}.slide-nav a span{display:block;width:20px;height:20px;background:url(../images/sprite.png) 0 0 no-repeat}.slide-nav a.prev{left:10px}.slide-nav a.next{right:10px}.slide-nav a.prev span{background-position:0 -40px}.slide-nav a.next span{background-position:0 -20px}.slides .slide-pager{top:auto;margin:0;bottom:0;text-align:center}.slides .slide-pager a{text-indent:-9999px;display:inline-block;width:13px;height:13px;margin:0 3px;background:url(../images/nav.png) 0 0 repeat;cursor:pointer}.slides .slide-pager a:hover{background-position:0 -13px}.slides .slide-pager a:active{background-position:0 -26px}.slides .slide-pager a.active{background-position:0 -39px}#tip_holder{display:none;position:absolute;top:0;left:0;z-index:99999}#close-tip{background:url("../images/close-tip.png") no-repeat center center #000;-moz-border-radius:14px;-webkit-border-radius:14px;border-radius:14px;cursor:pointer;display:none;height:12px;position:absolute;right:0;top:0;width:12px;z-index:1}.tip-content{display:none!important}#tip_holder.tip_top{padding-bottom:5px}#tip_holder.tip_bottom{padding-top:5px}#tip_holder.tip_right{padding-left:5px}#tip_holder.tip_left{padding-right:5px}#tip_holder.tip_bottom #close-tip{top:6px}#tip_holder.tip_left #close-tip{left:2px}#tip_holder.tip_right #close-tip{right:-1px}#tip_content{color:#fff;text-shadow:0 0 2px #000;padding:5px 6px;background:url(../images/tooltip-bg.png) 0 0 repeat;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;position:relative}#tip_content>*:first-child{margin-top:0}#tip_content>*:last-child{margin-bottom:0}#tip_arrow,#tip_arrow_inner{position:absolute;height:12px;width:12px}#tip_holder.tip_top #tip_arrow_inner{background:url(../images/tooltip-arrow-top.png) 0 0 no-repeat}#tip_holder.tip_bottom #tip_arrow_inner{background:url(../images/tooltip-arrow-bottom.png) 0 0 no-repeat}#tip_holder.tip_right #tip_arrow_inner{background:url(../images/tooltip-arrow-right.png) 0 0 no-repeat}#tip_holder.tip_left #tip_arrow_inner{background:url(../images/tooltip-arrow-left.png) 0 0 no-repeat}html{overflow-y:scroll;min-height:100%;-webkit-text-size-adjust:100%}

hr{display:block;height:1px;padding:0;border:0;border-top:1px dashed RGB(202,194,177)/*braunmittel*/;}
/*body{position:relative}
a:hover,a:active{outline:0}
textarea{overflow:auto}*/
/*Markierung-Maus*/
*::selection{background:RGB(236,220,172)/*goldbeige*/;color:black}
*::-moz-selection{background:RGB(236,220,172)/*goldbeige*/;color:black}

fieldset,img,iframe{border:0}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}
button[disabled],input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none}
[hidden]{display:none}
.overlayer{display:block}

#example-form{border:1px solid #ccc;display:inline-block}
#example-form label{float:left;width:100px;font-size:10px;font-weight:bold;text-transform:uppercase;line-height:30px}
#example-form input[type=text]{float:left;height:18px;padding:5px;background:rgba(0,0,0,0.1);border:1px solid #aaa;border-radius:3px}
#example-form>div{margin:10px}
#pager1{margin:-10px 5px}
#pager1 .deepest{margin:5px}
#pager1 .active>div{border:1px solid #888}
.st_fblike_hcount>span{width:75px!important}
#tabs ul{list-style:none;margin: 10px 0 -11px 10px;padding: 0;}
#tabs li{display:inline-block;padding:5px 10px;background:#fff;border:1px solid #ccc;border-bottom:0;border-radius: 2px 5px 0 0;cursor:pointer;}
#tabs li.active{color:#781430}
.left10{margin-left:10px}
.right10{margin-right:10px}
.display-none{display:none}*/


.clearfix:before,.clearfix:after,.grid-block:before,.grid-block:after,.deepest:before,.deepest:after{content:"";display:table}

.clearfix:after,.grid-block:after,
.deepest:after{clear:both}.clear{clear:both}
.grid-box{float:left;margin-right:10px;}.width16{width:16.666%}.width20{width:20%}
.width25{width:25%}.width33{width:33.333%}.width40{width:40%}.width50{width:50%}
.width60{width:60%}.width66{width:66.666%}.width75{width:75%}.width80{width:80%}
.width100{width:100%}.display-block{display:block}.remove-margin{margin:0!important}
.remove-margin-t{margin-top:0}.remove-margin-b{margin-bottom:0}
.hidden{display:none;visibility:hidden}

a img{display:block}.size-auto{width:100%;height:auto}
.align-left,.alignleft{display:block;margin-right:10px;float:left}
.align-right,.alignright{display:block;margin-left:10px;float:right}
.align-center,.aligncenter{display:block;margin:auto;margin-bottom:10px}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}
.text-normal{font-style:normal}
.indent10{padding:0 0 0 10px}

/*.row{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:30px 0;margin:0 auto;max-width:960px;position:relative}*/
.row>.deepest{padding:30px}
#header{text-align:center}
#main{margin:30px 0 0}
#download-button{position:absolute;right:30px;top:-10px}
#download-button:hover{top:-8px}
#header h1{color:#666}
#header h1 span{font-weight:700}
#header h2{margin:10px 0 0}
#header h3{color:#666;font-family:Cambria,Georgia,serif;font-size:14px;font-style:italic;font-weight:300;margin:0;padding:15px 0 5px;text-shadow:1px 1px 1px rgba(255,255,255,0.9)}
#header h3 strong{color:#781430}
#social{margin:10px 0}

#main .grid-block{margin:-10px}
#main .deepest{margin:10px}
#main .deepest.mod-box2{margin:5px}

.mod-box{padding:5px;background:#fff;border:1px solid #ccc;overflow:hidden}
.mod-box2{padding:3px;background:#000;border:1px solid #333}
#main h2 span{color:RGB(202,194,177)/*braunmittel*/;text-transform:lowercase}
#main #gallery1,#main #gallery2{margin:-5px}

@media (max-width: 767px) {
    .width25,
    .width33,
    .width40 {width:50%;}
    .width50,
    .width60,
    .width66,
    .width75,
    .width80 {width: 100%;}
    #gallery1 .width33 {width:33%}
    #gallery2 .width25 {width:25%}
    #tabs .width40 { width:100% }
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
  color:RGB(202,194,177)/*braunmittel*/ !important;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/*Footer sitemap slide*/

.collapse.in {padding:10px;}
.smallh4 {font-size:13px;font-weight:bold;color:RGB(202,194,177)/*braunmittel*/;}
.sitelist {font-size:11px;padding-left:5px !important;color:RGB(202,194,177)/*braunmittel*/;}
.sitelist a {color:RGB(202,194,177)/*braunmittel*/;}
.sitelist a:hover {color:RGB(236,220,172)/*goldbeige*/;text-decoration:none;}


.btnslide{color:RGB(202,194,177)/*braunmittel*/;background-color:RGB(83,83,83)/*grau*/;border-radius:none !important;border:none;padding:15px;}

.btnslide:hover,.btnslide:focus,.btnslide:active,.btnslide.active,.open .dropdown-toggle.btnslide{color:RGB(236,220,172)/*goldbeige*/;background-color:RGB(202,194,177)/*braunmittel*/;}

.btnslide:active,.btnslide.active,.open .dropdown-toggle.btnslide{background-image:none}
.btnslide.disabled,.btnslide[disabled],fieldset[disabled] .btnslide,.btnslide.disabled:hover,.btnslide[disabled]:hover,fieldset[disabled] .btnslide:hover,.btnslide.disabled:focus,.btnslide[disabled]:focus,fieldset[disabled] .btnslide:focus,.btnslide.disabled:active,.btnslide[disabled]:active,fieldset[disabled] .btnslide:active,.btnslide.disabled.active,.btnslide[disabled].active,fieldset[disabled] .btnslide.active{background-color:/*#428bcablau*/ RGB(83,83,83)/*grau*/;border-color:/*#357ebd-blau*/#333}
.btn-primary .badge{color:RGB(202,194,177)/*braunmittel*/;background-color:RGB(236,220,172)/*goldbeige*/;}

.panel-group {border:none !important;margin-top:10px;margin-bottom:-10px;padding-bottom:10px;}
.panel.panel-default {border:none !important;}
.panel-headingslide {padding-left:15px;padding-top:15px;padding-bottom:15px;background-color:RGB(83,83,83)/*grau*/;width:25% !important;}
.panel-headingslide a:hover {text-decoration:none !important;}

.panel.heading {background-color:none !important;border:none !important;}
.panel-title {margin-left:80px !important;color:RGB(236,220,172)/*goldbeige*/;}

.accordion-toogle {text-decoration:none !important;}
.accordion-toogle:hover {background-color:none !important;}

.panel-collapse.collapse.in {background:RGB(83,83,83)/*grau*/ !important;}
.panel-collapse.in {background:RGB(83,83,83)/*grau*/ !important;}
.panel-body {padding-left:80px;}

.indicator.glyphicon.glyphicon-chevron-down.pull-leftslide {background-color:none !important;}


/*Footer*/
footer
{margin-top:0px;
color:RGB(236,220,172)/*goldbeige*/;
background:RGB(83,83,83)/*grau*/ !important;
border-top: 1px solid RGB(236,220,172)/*goldbeige*/;
margin-bottom:-40px !important;}

.footer-bg {
    font-size:11px;
    padding-top:10px;
}

.footer-bg a{
    color:RGB(202,194,177)/*braunmittel*/;
}


.footer-bg a:hover{
    color:RGB(236,220,172)/*goldbeige*/;
    text-decoration:none;
}

.footer-bg .pull-right {
    color:RGB(236,220,172)/*goldbeige*/;
    background: RGB(83,83,83)/*grau*/;
    padding:10px;
    border: 1px solid RGB(236,220,172)/*goldbeige*/;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
    
    .navbar-brand {
        float:right}


  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-left:  15px;
    padding-right: 15px;
  }
  .navbar-wrapper .navbar {
    padding-left:  0;
    padding-right: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }

}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}

@media (max-width: 768px) {

    
    
/* Carousel base class */
.carousel {
  height: 350px;
  margin-top:50px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 350px;
  background-color: RGB(83,83,83)/*grau*/;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 350px;
}
}

@media (max-width: 480px) {

    .navbar-brand {
        float:right;
        padding-top:10px;
        margin-top:0px;}
    .navbar-brand img{
        width:65px;}
    
/* Carousel base class */
/*.carousel {
 display:none;}*/
 /* Carousel base class */
.carousel {
  height: 350px;
  margin-top:300px;
  margin-bottom: 60px;
}
 
 h3 {padding-top:15px;}
 
/*slide-panel-sitemap*/

.panel-group {display:none;}
.panel.panel-default {border:none !important;}
.panel-headingslide {padding-left:15px;padding-top:15px;padding-bottom:15px;background-color:RGB(83,83,83)/*grau*/;width:25% !important;}
.panel-headingslide a:hover {text-decoration:none !important;}

.panel.heading {background-color:none !important;border:none !important;}
.panel-title {margin-left:80px !important;color:RGB(236,220,172)/*goldbeige*/;}

.accordion-toogle {text-decoration:none !important;}
.accordion-toogle:hover {background-color:none !important;}

.panel-collapse.collapse.in {background:RGB(83,83,83)/*grau*/ !important;}
.panel-collapse.in {background:RGB(83,83,83)/*grau*/ !important;}
.panel-body {padding-left:80px;}

.indicator.glyphicon.glyphicon-chevron-down.pull-leftslide {background-color:none !important;}

 }