/* ==========================================================================
   Author's custom styles
   ========================================================================== */

 /* body definitions */
 body {
    position: relative;
    padding-top: 60px;
    padding-bottom: 20px;
    background-color: #f0f0f0;
    /* FF3.6-15 */
    //background: -moz-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(99,154,255,0.4) 50%, rgba(240,240,240,0.7) 100%);
    /* Chrome10-25,Safari5.1-6 */
    //background: -webkit-linear-gradient(left, rgba(240,240,240,1) 0%,rgba(99,154,255,0.4) 50%,rgba(240,240,240,0.7) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    //background: linear-gradient(to right, rgba(240,240,240,1) 0%,rgba(99,154,255,0.4) 50%,rgba(240,240,240,0.7) 100%);
    /* IE6-9 */
    //filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f0f0f0',GradientType=1 );
    background-image: url(/img/seigaiha.png)
 }

 /* header definitions */
 .header {
    margin: 10px 0px 30px 0px;
 }

 /* umrahmung */
 // .round {
 //   border-radius: 5px;
 //   border-style: solid;
 //}

 .textblack {
    color: #639AFF;
 }

 /* anchor link adjustment */
 :target:before {
     content: "";
     display: block;
     height: 50px; /* fixed header height*/
     margin: -50px 0 0; /* negative fixed header height */
 }

 /* horizontal line */
 .hr-line {
    margin-top: 15px;
    border-top: 2px solid #c0c0c0;
 }

 /* footer definitions */
 .footer {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #c0c0c0;
 }

 /* tl table definitions */
 .tl-table {
    margin-top: 15px;
 }

 /* carousel adjustments */
 .carousel-inner > .item > a > img.center,
 .carousel-inner > .item > img.center {
    margin: auto;
 }

 /* navbar adjustments */
 .navbar-inverse .navbar-brand {
    color: #639AFF;
 }

 .navbar-inverse .navbar-text {
    color: #639AFF;
 }

 .navbar-inverse .navbar-nav > li > a {
    color: #639AFF;
 }

 .navbar-inverse .navbar-nav > .disabled > a {
    color: #639AFF;
 }

 /* sidebar definitions */
 .side-bar .nav > .active:focus > a,
 .side-bar .nav > .active:hover > a,
 .side-bar .nav > .active > a {
    border-left: 2px solid #563D7C;
    font-weight: bold;
 }

 .side-bar .nav .nav {
    display: none;
 }

 .side-bar .nav > li > a {
    padding-top: 4px;
    padding-bottom: 4px;
 }

 .side-bar .nav .nav > li > a {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 25px;
    font-size: 12px;
 }

 /* fix a table issue mostly seen on ffox */
 table .img-responsive {
 width: 100%;
 }

 .fixed-3 {
  //  position: fixed;
 }

 .fixed-3.affix {
    top: 70px;
 }

 @media (min-width: 768px) {
   .fixed-3 {
      width: 158px;
   }
 }

 @media (min-width: 992px) {
   .fixed-3 {
      width: 213px;
   }
 }

 @media (min-width: 1200px) {
   .fixed-3 {
      width: 263px;
    }
 }

 /* side-bar affix */
 @media (min-width: 992px) {
   .side-bar .nav .active ul {
      display: block;
   }

   .side-bar .affix,
   .side-bar .affix-bottom {
      width: 132px;
   }

   .side-bar.affix {
      top: 70px;
   }

   .side-bar .affix-bottom {
      position: absolute;
   }
 }

 @media (min-width: 1200px) {
   .side-bar.affix,
   .side-bar.affix-bottom {
      width: 165px;
   }
 }

 /* general padding-top rule */
 .padd-top-10 {
    padding-top: 10px;
 }

 .padd-top-15 {
    padding-top: 15px;
 }

 /* news part definitions */
 .news {
    padding: 30px 0;
    border-bottom: 1px solid #c0c0c0;
 }

 .news:first-of-type {
    padding-top: 0px;
 }

 .news:last-child {
    padding: 30px 0px 0px 0px;
    border-bottom: none;
 }

 .news-label {
    color: #639AFF;
 }

 .news-date {
    font-size: 35%;
 }

 @media (min-width: 768px) {
   .news-date {
     font-size: 50%;
   }
 }

 .news-date:before {
    content: " (erstellt am: ";
 }

 .news-date:after {
    content: ")";
 }

 /* social media */
 .social ul {
    overflow: auto;
 }

 .social ul li{
    list-style-type: none;
    float: right;
 }

 .go-top {
    margin: 0;
    position: fixed;
    bottom: 100px;
    right: 15px;
    z-index: 100;
    text-decoration: none;
 }

 .go-top i,
 .social i {
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 20px;
    font-size: 16px;
    text-align: center;
    margin-right: 10px;
    padding-top: 12%;
    transition: all 0.2s ease-in-out;
 }

 .go-top i:hover,
 .social i:hover {
    opacity: .7;
 }

 .fa-facebook {
    background: #3b5998;
 }

 .fa-linkedin {
    background: #007bb6;
 }

 .fa-twitter {
    background: #00aced;
 }

 .fa-google-plus {
    background: #dd4b39;
 }

 .fa-instagram {
    background: #517fa4;
 }

 .fa-envelope {
    background: #000;
 }

 .fa-arrow-up {
    background: #000;
 }

 /* address adjustments */
 .address-tbl td {
    padding-right: 2px;
 }

 .address-hdr {
   font-size: 50%;
 }

 .img-small {
   max-width: 50%;
 }

 @media (min-width: 768px) {
   .address-hdr {
     font-size: 60%;
   }
   .img-small {
     max-width: 43%;
   }
 }

 @media (min-width: 992px) {
   .address-hdr {
     font-size: 80%;
   }
   .img-small {
     max-width: 36%;
   }
 }

 @media (min-width: 1200px) {
   .address-hdr {
     font-size: 85%;
   }
   .img-small {
     max-width: 30%;
   }
 }

 /* background classes */
 .background {
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-position: center center;
 }
