body {margin:0;padding:0}
/* Page Header
       ----------------------------*/
.header {
  background: url(../Img/header-bg.gif) 0 0 repeat-x;
  min-height:170px;
  width:100%;
}
/* Logo 
       ----------------------------*/
.header img {width:100%;height:auto;margin-bottom:20px;margin-top:-6px}
.clear { clear: both}
/* No Padding
       ----------------------------*/
.pad-0 {padding:0 0 0 0}
/* Font "Hammersmith One" */
h1,
h2,
h3,
h4,
h5,
h6,
.tx-ws-flexslider .caption-title,
.navbar-default .navbar-nav > li > a,
.link,
.h1,
.menu-top,
footer .navbar-default .navbar-nav > li > a,
footer p  {font-family: 'Hammersmith One', sans-serif}
p {margin-top:0px}
/* List Type */ 
nav ul,
nav ol,
nav ul ul,
nav ol ul,
nav ul ol,
nav ol ol,
.flexslider  li {
  list-style-type: none;
}
/* Navbar Top
       ----------------------------*/	   
.menu-top {width:100%;position:relative;margin-top:0px;top:7px; right:0px} 
.menu-top ul {float:right}
.menu-top li {float:left; padding:0px 5px 0 5px;margin-top:15px}
.menu-top li a {font-size:15px; color:#999;text-transform:uppercase}
.menu-top li a:hover {color:#37a6e6}

/* Navbar  Dropdown
       ----------------------------*/
nav {
  font-size: 1.35em;
  line-height: 1.2em;
  padding-right: 1px;
  border-radius:0;
  top:10px;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 0px;
  border: 0px solid transparent;
  border-radius:0;
  border-right:0px;
  margin-top:0px;
}
.navbar-default {
  background-color: transparent;
  border-color: transparent;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  display: block;
  background: url(../Img/nav-a-bg.gif) 0 bottom repeat-x;
  text-align: center;
  color: #c4c4c4;
  text-decoration: none;
  text-transform: uppercase;
  padding: 32px 15px 36px 15px;
  letter-spacing: -1px;
  border-right:1px solid #dfdcdc;
  width:auto;
  min-width:130px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  background-color: transparent;
  background: url(../Img/nav-a-hover.gif) 0 bottom repeat-x;
  color: #37a6e6;
  text-decoration:none;
  border-right:1px solid #dfdcdc;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  width:auto;
  background-color: #fff;
  background: url(../Img/nav-a-active.gif) 0 bottom repeat-x;
  color: white;
  border-left:1px solid #999;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  border-right:1px solid #dfdcdc;
}
.navbar-default .navbar-toggle {
  border-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #fff;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background: url(../Img/nav-a-active.gif) 0 bottom repeat-x;
  color: white;
  width:auto;
  border-right:1px solid #999;
  border-left:1px solid #999;
}
/* Nav Padding */
.navbar-collapse {  
  padding-right: 0px;
  padding-left: 0px;
  background:efefef;
}
/* Nav END */
/* Box
       ----------------------------*/
.box, .box_2 {
  border: 1px solid #f2f2f2;
  padding: 20px 25px 25px 25px;
  background: url(../Img/box-bg.gif) 0 0 repeat-x #fcfcfc;
  max-width:100%;
  min-height:100%;
  height:100%;
}
/* Box 1
       ----------------------------*/
.box-1 {
  background: #f5f5f5;
  border: 1px solid #eeeeee;
  padding: 20px 25px 25px 25px;
}
/* Box height 
       ----------------------------*/
#layout1 .bg1 .row .col-md-4 .box {min-height:395px}

/* Rows with background
       ----------------------------*/
.bg1 {
  background: url(../Img/bg1.png) 0 0 repeat-x #fff;
  padding-bottom:15px;
  padding-top:20px
} 
.bg2 {
  background: url(../Img/bg2.png) 0 0 repeat-x #fff;
  padding-top:15px;
  border-top:1px solid #f5f5f5;
  padding-bottom:15px;
} 
/* Footer
       ----------------------------*/
footer {background:#fbfbfb; border-top:1px solid #f1f1f1; min-height:50px;margin-top:5px;width:100%}
footer p {font-size:1.2em;margin-top:0px;margin-bottom:20px;padding-top:20px;margin-left:auto;margin-right:auto;text-align:center; width:100%}
/* Footer Navbar */
footer nav {font-size:1.2em; margin-bottom:0px}
footer .navbar {
  position: relative;
  top:20px;
  min-height: 20px;
  border: 0px solid transparent;
  border-radius:0;
  border-right:0px;
  background: none
}
footer .navbar-default .navbar-nav > li > a {
  display: block;
  width: auto;
  min-width:10px;
  text-align: center;
  color: #a3a3a3;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0px;
  border-right:0;
  font-weight:normal;
  background: none;
  padding: 2px 5px 2px 5px;
}
footer .navbar-default .navbar-nav > li > a:hover,
footer .navbar-default .navbar-nav > li > a:focus {
  background: none;
  color: #37a6e6;
  text-decoration:none;
  border-right:0;
}
/* TO TOP*/
#toTop-right {
  display:none;
  text-decoration:none;
  position:fixed;
  bottom:210px;
  right:20px;
  outline:none;
}
#toTop-left {
  display:none;
  text-decoration:none;
  position:fixed;
  bottom:20px;
  left:20px;
  outline:none;
}
#toTop-center {
  display:none;
  text-decoration:none;
  position:fixed;
  bottom:10px;
  left:50%;
  margin-left:-20px; /*Feintuning je nach Inhalt */
  outline:none;
}
@media (max-width: 800px)  {  
.header img {margin-bottom:20px}
}

@media (max-width: 960px),(max-width: 800px), (max-width: 768px){
body {font-size:1.2em}
h1 {font-size:1.7em}
.header img {max-width:185px;margin-bottom:0px}

.menu-top li a {font-size:13px; color:#999;text-transform:uppercase}
nav {
  font-size: 1.2em;
  line-height: 1.2em;
  top:-18px;
}
.navbar-default .navbar-nav > li > a {
   padding: 25px 10px 28px 10px;
  min-width:100px;
}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 
.header {height:127px}
.header img {width:100%;max-width:185px;height:auto;;margin-bottom:20px;margin-top:10px}
nav {top:7px}

}
/* iPad 2 in portrait
      -------------------------------------*/
@media (max-width: 768px){
body {font-size:1.2em}
h1 {font-size:1.7em}
.header {height:127px}
.header img {max-width:185px;margin-top:15px;margin-bottom:0px;margin-left:15px}
.menu-top {position:relative; top:15px; right:15px}
.menu-top li a {font-size:13px; color:#999;text-transform:uppercase}
nav {
  font-size: 1.2em;
  line-height: 1.2em;
  top:-42px;
}
.navbar-default .navbar-nav > li > a {
  padding: 25px 7px 28px 7px;
  min-width:95px;
}

pad-0 {padding: 0 15px 0 15px}
}
/* Smartphone 
          --------------------------*/
@media (max-width: 767px){  
.header {background: url(../Img/header-bg-mobile.gif) 0 0 repeat-x}
.logo {margin-left:auto; margin-right:auto;text-align:center}
.header img {width:auto;max-width:185px; margin-bottom:20px}

/* Navbar */
nav {padding-right:0; width:100%}
.navbar {
  z-index:10000;
  top:0px;
  background:#e9e9e9;
  padding-top:0px;
  border-radius:6px 6px 0 0;
}
.navbar-default .navbar-nav > li > a {
  font-size:18px;
  color: #c4c4c4;
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px 0px 10px 0px;
  letter-spacing: -1px;
  border-right:0px;
  text-align:center;
  width:100%;
  background-color: #f1f1f1;
  background-image: -webkit-linear-gradient(top, #fff 0%, #f3f3f3 100%);
  background-image:      -o-linear-gradient(top, #fff 0%, #f3f3f3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
  background-image:         linear-gradient(to bottom, #fff 0%, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f3f3f3', GradientType=0);
  background-repeat: repeat-x;
}
.navbar-default .navbar-nav > li > a:hover {
  color: #37a6e7;
  background-color: #f1f1f1;
  background-image: -webkit-linear-gradient(top, #fff 0%, #f3f3f3 100%);
  background-image:      -o-linear-gradient(top, #fff 0%, #f3f3f3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
  background-image:         linear-gradient(to bottom, #fff 0%, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f3f3f3', GradientType=0);
  background-repeat: repeat-x;
 /* text-shadow:#37a6e7 0 0 1px;*/
  border:0px solid red;
  margin:0 0
}
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;  
  background-color: #337ab7;
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6ea5 100%);
  background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6ea5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6ea5));
  background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6ea5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#337ab7', endColorstr='#2e6ea5', GradientType=0);
  background-repeat: repeat-x;
}
/* + */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  width: 100%;
  background-color: #337ab7;
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6ea5 100%);
  background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6ea5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6ea5));
  background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6ea5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#337ab7', endColorstr='#2e6ea5', GradientType=0);
  background-repeat: repeat-x;
}
/* Focus */
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background: #375ca6;
  color: white;
  margin:0 0px;
  width: 100%;
  border-right:0px solid #999;
  border-left:0px solid #999;
  background-color: #337ab7;
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6ea5 100%);
  background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6ea5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6ea5));
  background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6ea5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#337ab7', endColorstr='#2e6ea5', GradientType=0);
  background-repeat: repeat-x;
}
.navbar-collapse {  
  padding-right: 15px;
  padding-left: 15px;
  padding-top:0px;
  background:transparent
  }
 /* Dropdown*/
  /* Level 2 */
.navbar-default .navbar-nav li.dropdown {background: #efefef} 

 /* Level 2 */
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #444;background-color: #fff}
 /* Level 2 */
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #444;
  background-color: #efefef
}
/*
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #efefef;

}
*/
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  color: #fff;
  background-color: #efefef}


.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #fff; 
  background-color: #337ab7;
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6ea5 100%);
  background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6ea5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6ea5));
  background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6ea5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#337ab7', endColorstr='#2e6ea5', GradientType=0);
  background-repeat: repeat-x}

/*.navbar-default .navbar-nav .dropdown .active > a {color:#fff}*/
/* Navbar Button */
.navbar-header button {background:#375ca7}
.navbar-default .navbar-toggle {
  border-color: #3eadec;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #375ca7;

}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #3eadec;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e9e9e9;

}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #efefef   
}
/* Navbar Button End */

#layout1 .bg1 .row .col-md-4 .box {min-height:10px}

.box {min-height:10px}
.row  div.first,
.row .col-md-4 ,
.row  div.last{padding-left:0px;padding-right:0px}
.bg1 .row .col-md-4 .box {min-height:10px}
.box-1, .box, .box_2 {margin-bottom:20px;padding-right: 25px;padding-left: 25px}
.bg1, .bg2 {padding-bottom:0px;padding-top:0px} 

/* Cophyrigtht Margin*/
footer .navbar-default {margin-bottom:20px}
/* Responsive image fix for Safari */
.content img, .content embed, .content object, .content video{
 width: 100% ;
 max-width: 100% !important;
 height: auto
}
.content .image-no-scaling img, .content embed, .content object, .content video{
 width: auto ;
 max-width: 100% !important;
 height: auto;
 margin: 0 auto;
 margin-top:10px
}
}