#header img {
  max-width: 395px;   
  width: 100%;    
}

html {
  min-height: calc(100vh - 12px);
  position: relative;
}

body {
  padding: 0;
  margin: 0;
  margin-bottom: 150px;
}

a:link {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: 0 !important;
}

.dropdown a:link {
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

a:visited {color:#0094bc;} 
a:hover {color:#333; text-decoration: none;}
a:active {color:#0098d7;}  

.container .text-muted {
  margin: 20px 0;
}

body > .container {
  padding-bottom: 50px;    
}

#top {
  display: none;
}

.navbar-brand {
  border-right: 1px solid #555;
  color: #888;
}

.navbar-brand a {
  color: #888;    
}

.navbar:after {
  content: '';
  display: block;
  position: absolute;
  height:  5px;
  bottom:  0;
  width: 100%;
  background-color: #0094bc;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #333;
}

.navbar-collapse {
  max-height: none;
}

.navbar li a span {
padding-right: 5px;
}

@media only screen and (max-width: 767px) {    
  .navbar-inverse .navbar-nav > li > a {
  border-bottom: 5px solid #333 !important;
  position: relative;
  z-index: 10;
  }
}

header#top.navbar {
  padding-left: 0 !important;
}

#header {
  height: 120px;
  padding-top: 40px;
  width: 100%;
  clear: both;
}



#logo img {
  width: 100%;
}



.serviceNav {
  float: right;
  text-align: right;
}

.serviceNavItem {
  list-style: none;
  text-align: right;
}

.menu-container {
  background-color: #333;
}

.caret {
  float: right;
  margin-top: -26px;
  margin-left: -10px;
}

.navbar-inverse .navbar-nav > li > a {
  border-bottom:  5px solid #0094bc;
  position:  relative;
  z-index:  10;
}

.navbar-inverse .navbar-nav > li:hover > a {
  color: #48c9ff;
  background-color: rgba(111, 111, 111, 0.5);
  border-bottom: 5px solid #48c9ff;
}


.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #ffffff;
background-color: rgba(111, 111, 111, 0.5);
border-bottom: 5px solid #48c9ff;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #48c9ff;
  background-color: rgba(111, 111, 111, 0.5);  
}



@media only screen and (min-width: 768px) {
  .dropdown:hover .dropdown-menu {
  display: block;
  }   
}

.dropdown-menu {
  margin-left: -1px;
}
.navbar-right .dropdown-menu {
  right: -1px;
}



#footer {
  position: absolute;
  bottom: 0;
  background-color: #333;
  box-shadow: inset 0px 3px 8px #222;
  height: 150px;
  width: 100%;
  color: #0094bc;
}

#footer:before {
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  bottom: 150px;
  height: 100px;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 96%, #0094bc 96%, #0094bc 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(96%,#f0f0f0), color-stop(96%,#0094bc), color-stop(100%,#0094bc)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 96%,#0094bc 96%,#0094bc 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#f0f0f0 96%,#0094bc 96%,#0094bc 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f0 96%,#0094bc 96%,#0094bc 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 96%,#0094bc 96%,#0094bc 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0094bc',GradientType=0 ); /* IE6-9 */
}

#footer p {
  color: #fff;
}

.col-footer {
  margin-top: 22px;
}

ul.col-footer > li {
  list-style: none;
}

ul.col-footer > li > ul > li {
  list-style: none;  
}

ul.col-footer > li > ul > li > a {
  color: #fff;
  margin-left: -20px;

}

.carousel {
  /*box-shadow: 0 3px 23px #ddd;*/
  position: relative;
  /*height: 350px;*/
  overflow: hidden !important;
}

#myCarousel img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#myCarousel figcaption.csc-textpic-caption {
  color:  #fff;
  font-weight: normal;
  font-size:  1.8em;
  float:right;
  position: relative;
  z-index:1;
  margin-top: -6.2%;
  background:  rgba(0, 148, 188, 0.8);
  padding: 0 2%; 
  text-align: right;
  max-width: 80%;
  right: 2%;
  opacity: 0.8;
  display: none;
}

#myCarousel.carousel div.carousel-inner div.item header.csc-header h2 {
  color: #fff;
  font-weight: normal;
  font-size:  2em;
  float:right;
  position: relative;
  z-index:1;
  margin-top: 19.7%;
  margin-left: -100%;
  background:  rgba(51, 51, 51, 0.8);
  padding: 0.2% 2%; 
  text-align: right;
  max-width: 80%;
  right: 2%;
  opacity: 0.8;
  display: none;
}

@media only screen and (max-width: 992px) {
  #myCarousel.carousel div.carousel-inner div.item header.csc-header h2.csc-firstHeader {
      margin-top: 18.8%;
  }
  #footer {
      height: auto;
      margin-bottom: -70px;
  }
  
}

@media only screen and (max-width: 767px) {    
  #myCarousel figcaption.csc-textpic-caption {
      /*color: #AAC52E;*/
      color:  #fff;
      font-weight: normal;
      font-size:  0.8em;
      float:right;
      position: relative;
      z-index:1;
      margin-top: -5.5%;
      background:  #0094bc;
      padding: 0 2%; 
      text-align: right;
      max-width: 80%;
      right: 2%;
  }

  #myCarousel.carousel div.carousel-inner div.item header.csc-header h2.csc-firstHeader {
      color:  #fff;
      font-weight: normal;
      font-size:  1em;
      float:right;
      position: relative;
      z-index:1;
      margin-top: 19%;
      margin-left: -100%;
      background:  #333;
      padding: 0.2% 2%; 
      text-align: right;
      max-width: 80%;
      right: 2%;
  }
  #footer {
      height: auto;
      /*
      margin-bottom: -500px;
      */
  }
}

/* ----------------------------Carousel-from-Bootstrap---------------------------- */

.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel2-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
filter: alpha(opacity=50);
opacity: .5;
}
.carousel2-control.left {
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0%), color-stop(rgba(0, 0, 0, .0001) 100%));
background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel2-control.right {
right: 0;
left: auto;
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0%), color-stop(rgba(0, 0, 0, .5) 100%));
background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}

.carousel2-control .icon-prev,
.carousel2-control .icon-next,
.carousel2-control .glyphicon-chevron-left,
.carousel2-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
}
.carousel2-control .icon-prev,
.carousel2-control .glyphicon-chevron-left {
left: 50%;
}
.carousel2-control .icon-next,
.carousel2-control .glyphicon-chevron-right {
right: 50%;
}
.carousel2-control .icon-prev,
.carousel2-control .icon-next {
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
font-family: serif;
}
.carousel2-control .icon-prev:before {
content: '\2039';
}
.carousel2-control .icon-next:before {
content: '\203a';
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
text-shadow: none;
}

/* ----------------------------Carousel-from-Bootstrap-end--------------------------- */

.dropdown-menu > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color: #ffffff;
background-color: #333333;
border-color: #0094bc;
}

.btn-primary,
.btn-primary,
.btn-primary,
.btn-primary,
.open .dropdown-toggle.btn-primary  {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn-default {
  background-color: #333;
}

.form-group a .btn {
  line-height: 20px;
}

#footer .container .col-md-6 .col-sm-4 li > a:hover {
  color: #fff;
}

#footer .container .col-md-6 .col-sm-4 li > ul > li > a:hover {
  color: #0094bc;
}

html body div.container div.row div.col-sm-8 div#egon-embedded-app-menu.row div.col-md-6 div.panel div.panel-body:hover {
  overflow-x: hidden;
  overflow-y: hidden !important;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  transition: all 0.7s ease;
}


.navbar-toggle {
  margin-top: 6px;
  margin-right: 5px;
}

.navbar-toggle:hover, .navbar-toggle:focus {
  background-color: #333 !important;
  border-radius: 2px;
  border: 1px solid #555;
}

.carousel-caption {
  z-index: 0;
  display: none;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  padding-bottom: 30px;
  background: rgba(100, 100, 100, 0.5);
}


/****** TYPO3 BOOTSTRAP */
.tx-powermail .powermail_input, .tx-felogin-pi1 input[type="text"], .tx-felogin-pi1 input[type="password"] {
height: inherit !important;
}