@charset "utf-8";
/* CSS Document */

@import "font-awesome.min.css";

body { color:#747177; background-color:#f2f0f0;}

h1 { color:#226092; font-weight:normal; font-family: 'Acme', sans-serif;}
h2 {color: #43b2e9; font-size: x-large;}

.header { background-color:#001226; width:100%;}
  .header .row { width:1180px; margin:0px auto 10px;}

.slogan p { font-size: large; line-height:30px; margin-top:45px; padding:0px 0 0px; font-weight:normal; color: #43b2e9; }
.logo { margin-top:32px; text-align:right;}
.titel p { padding: 14px 0 0 75px; }


nav { font-size:large;}
  .navbar-default { background-color:#ffffff; border:0; border-radius:0; margin-bottom:0px;}
  #mainNav {margin-left:260px;}
  #mainNav a {color:#226092;}
  
.bilder { padding:0px; background-color:#f2f0f0; width:100%;}
  .bilder img {max-width: 100%;}
.fa { padding:10px 0 10px 0px;}

figcaption { color:#ffffff; background-color:#b5b0b5; height:28px; text-align:right !important; padding:4px 10px;}

.inhalt { padding:16px 0 16px 16px; max-width:900px; margin:50px auto;}
  .inhalt h1 { color:#226092;}
  .inhalt h2 {color: #43b2e9; font-size:x-large; margin-top:26px; }
  .inhalt p { margin:4px 0px 16px; line-height:22px;}
  .inhalt ul, .inhalt ol { margin:10px 20px; list-style-image:url(../img/pfeil.gif);}
  .inhalt img { float:left; margin:0 16px 16px 0; border:3px solid #bec1c3;}
  .inhalt .frame-type-textmedia p {padding:6px 100px;}
  .inhalt .frame-type-textmedia .video p {padding:6px 0px;}

.sidebar {margin-top:66px;}  
  .ce-left .ce-bodytext p { margin:6px 16px;}
  
  .lead { font-size:15px;}

.tt-products {max-width:900px; margin:0 auto; }
.tt-products .listitem {border:1px solid #226092; width:200px; height:200px; float:left; margin:12px;}
.tt-products .image1 { width:197px; height:140px; overflow:hidden; margin-bottom:6px;} /*  background-color:#bbd289; */
.tt-products .listitem img { border:0;margin:0px; width:198px; height:auto;}
.tt-products h6 { margin:0px 2px; line-height:12px; padding-left:0px;}
.tt-products h6 a { font-size:small; color:#226092; }

.tt-products dt { font-weight:normal; margin:10px 0; padding:5px 10px; max-width:600px;}
.tt_products_item_single_display img {border:1px solid #649335;}
.tt-products .bildchen img { width:80px; height:auto;}
.quantity input{ text-align:center;}
.hell { background-color:#43b2e9;}
.tt_products_basket_info label, .tt_products_basket_payment label{ width:150px;}
.tt_products_basket_info input, .tt_products_basket_info textarea {height: 34px; width:300px;
    padding: 6px 12px; margin-bottom:5px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;}
  .tt_products_basket_info textarea { height:80px;}

hr {background-color:#f2f0f0;height:35px; margin-left:-16px;}

ul.tinyaccordion {margin:26px 0;}
ul ul { margin-bottom:20px;}
  .inhalt .ce-bodytext { margin-bottom:30px;}
li div {margin-left:6px; }


/* Accordeon */
.tinyaccordion {padding-left:0px;}
.tx-tinyaccordion-pi1 { max-width:1060px; margin: auto;}
.acc-li {width: 100%;}
.acc-li h3 { margin-top:10px; padding: 2px 24px; font-size: large; }

ul.tinyaccordion>li {
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%) !important;
  background-color:#f9f9f9;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #dcdcdc;
  display:inline-block;
  cursor:pointer;
  font-family:Arial;
  font-size:15px;
  margin:4px 0;
  text-decoration:none;
  text-shadow:0px 1px 0px #ffffff;
}

ul.tinyaccordion li:hover {
  background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%) !important;
  background-color:#e9e9e9;
}
ul.tinyaccordion li:active {
  position:relative;
  top:1px;
}
.acc-section { background-color:#ffffff !important; padding:0px 24px;}
li .acc-section div, li.acc-li div {  margin-left: 0px;}

ul.tinyaccordion li li, ul.tinyaccordion li li:hover { background: none !important; background-color: transparent; border:none; cursor:auto; }




.footer {width:100%; background-color:#001226; margin-top:40px;}

.foot-1 { height:100px; margin-top:1px; background-color:#ffffff; text-align:center;}
  .foot-1 .center { width:900px; margin:10px auto;}
  .footer-nav { float:left; margin-right:100px;}
.foot-2 { padding:0 auto; color:#FFFFFF; height:110px; border-top:#00609c 1px solid; }
  .foot-2 a { color:#FFFFFF; }
  .foot-2 .center { width:800px; margin:10px auto;}
  .footer-text { float:left; margin-right:120px;}

.foot-1 ul, .foot-2 ul { list-style-type:none;}

.foot-1 li { margin:0 0 0 0px; line-height:28px;}
  .frame-type-menu_sitemap_pages > ul > li {padding:0px; width:150px; }



  .csc-sitemap li > ul { }
  .foot-1 li, .foot-2 li { list-style-type: none; padding-right:20px; }

  
  .foot-1 li ul { padding:0px; width:150px;}
  .foot-1 li li { display:block; list-style-type: none;padding-right: 15px; }

 .news-single .lead, .news-single .news-text-wrap {padding:0px 100px;} 
 
.banner { position:absolute; top:230px; left:50%; margin-left:200px; border:1px #00609c solid;background-color:#dfff40; transform: rotate(-8deg); color:#666666; padding:14px 14px 6px 14px;}
  .banner p {transform: rotate(8deg); }

.box-reihe {  max-width:900px; margin:20px auto; padding:0px; }
  .box  { float:left; width:31%; margin-right:2%; text-align:left; color:#226092; height:200px;padding:10px; margin-bottom:20px; border:1px #00609c solid;}
    .box2  { float:left; width:31%; margin-right:2%; text-align:left; color:#226092; height:100px;padding:10px; margin-bottom:20px; border:1px #00609c solid;}
  .blau { background-color:#8ac8e7; }
  .grun { background-color:#cde9b1; }
  .gelb { background-color:#e9d3b1; }

.foot-2 {}
.adresse  {float:left; width:30%; margin-right:2%; padding-left:20px; text-align:left; }
.sg-row { max-width:880px; margin:8px auto; font-size:small; line-height: 20px;}


.dropdown-submenu{
    position:relative;
    }
    .dropdown-submenu > .dropdown-menu{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
    }
    .dropdown-submenu:hover > .dropdown-menu{
    display:block;
    }
    .dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
    }
    .dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
    }
    .dropdown-submenu .pull-left{
    float:none;
    }
    .dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
    }
      ul.nav > li.dropdown:hover > ul.dropdown-menu {
        display: block;
        margin-top:0px
    }
  .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {  background-color:#bec1c3 !important;}



@media screen and (min-width: 992px) and (max-width: 1199px) {
  .header .row { width:100%;}
  .slogan p { max-width:620px; font-size: medium;}
  #mainNav {margin-left:20px;}
}

@media screen and (max-width: 991px) {
  .header .row { width:100%;}
  .col-md-4 { float:left;}
  .slogan p { font-size:small; }
  #mainNav {margin-left:0px;}
  nav { font-size: small;}
  .js-map { width:100% !important; height:300px;}
  
  .foot-1 * { font-size:small;}
  .foot-1 .center { width:700px; margin:10px auto;}
  .footer-nav { margin-right:60px;}
}

 @media screen and (max-width: 767px) {
   .header .row { margin-top:4px;}
   .header img { width:80px; height:auto;}
   .logo { margin-top:10px;}
   .slogan p { font-size:x-small; margin-top:20px; line-height:16px; }
   
   .banner { position:absolute; top:110px; left:-110px; border:1px #00609c solid;background-color:#dfff40; transform: none; color:#666666; padding:14px 14px 6px 14px;}
  .banner p {transform: none; }
   
   .bilder img { width:100%; height:auto;}
   .inhalt { margin-top:0px;}
   .inhalt h1 { font-size:x-large;}
   .inhalt h2 { font-size:large;}
   .inhalt .frame-type-textmedia p {padding:6px 10px;}
   .inhalt img { float: none;}
   .ce-nowrap .ce-bodytext { overflow: visible;}
   
   .news-single .lead, .news-single .news-text-wrap {padding:0px 10px;} 
   
   .drei-grids {  width:100%; margin:20px auto; padding:0px; height:340px; }
  .col-31, .col-32, .col-33  { width:100%; height:340px;padding:10px; margin-bottom:10px;}
  .col-31 i, .col-32 i, .col-33 i, .col-13 i { margin-left:50px;}
  .col-33 {  margin-right:0;} 
  
   .col-23 { width:100%; margin-bottom:10px;}
  .col-13  { width:100%; }
  
  .foot-1 { display:none; visibility:hidden;}
  .foot-2 { height:220px; border-top: 0; }
  .foot-2 .center { width:100%; margin:10px auto;}
  .footer-text { float:left; margin-right:40px; padding-bottom:16px;}

  .box  { float:none; width:98%; margin-right:20px;}
    .box2  { float:none; width:98%; margin-right:20px;}

 }