/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/pt-sans-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans'), local('PTSans-Regular'),
       url('./fonts/pt-sans-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/pt-sans-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/pt-sans-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/pt-sans-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/pt-sans-v11-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

@charset "utf-8";

* {-webkit-text-size-adjust: none}


html, body {width: 100%;
            height: 100%;
      margin: 0;
      padding:0;
      text-align: center;
}
body {background-image:url(grafiken/mainbg.jpg);
background-repeat: repeat-x;
background-color: #689ACE;
    font-family: 'PT Sans', sans-serif;
  font-size: 14px;
}

iframe {max-width: 100%; margin: 15px 0px;}
.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery {overflow: visible !important;}
.cc-message {color: #fff;}

.dp--overlay {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 15px;
}
span.dp--hover {color: #fff;}
a img {border: none;}

a {color: #000;}

img, figure {max-width: 100%;
     border: 0;
     margin: 0;
     padding: 0;
height: auto !important;
height: auto;}

div.imgwrap {overflow: hidden;
              height: 267px}

#container {
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  text-align: left;
  width: 1000px;
  height: 100%;
  min-height: 100%;
  margin: auto;
  height: auto !important;
  overflow: inherit;
  background-color: #fff;
  box-shadow:0px 185px 8px #666;
}

#header {height: 122px;
     width: 100%;
     left: 0;
     top:0;
     min-width: 1000px;
     background-image: url(grafiken/headerbg.jpg);
     position: absolute;
     background-position: center top;
         }

#logo {margin-left:80px; float: left; width: 200px;} 

#language {width: 100px; float: left; list-style: none; display: block;}
#language li {display: inline; padding-right: 10px;}

#facebook {float: right;}

#top {margin: auto;
    width: 1000px;
    margin-top: 10px;}
    
#topleft {float: left; width: 500px;}
#topright {float: right;
           margin-right: 20px;}

#minimenu {list-style: none; text-align: right;}
#minimenu li {display: inline;
               color: #fff;
             text-decoration: none;
            text-shadow: 1px 1px #333333;}
#minimenu a {color: #fff;
             text-decoration: none;
       text-shadow: 1px 1px #333333; }    
div.searchbox {width: auto; float: left; margin-bottom: 30px; font-weight: bold;}

input.searchbox-sword {width: 180px; margin-left: 10px;}
#teaser  {position: relative;
          width: 946px;
          min-height: 329px;}

#teaser2  {position: relative;
          width: 946px;
          height: 250px}

#teaser span.shadowmask {position: absolute;
                         bottom: 0;
             left: 0;}
#teaser span.shadowmask img {float: left;}

#teaser span.teaserdesc {
  position: absolute;
  width: 300px;
  right: 0;
  bottom: 0;
  color: #FFF;
  font-size: 30px;
  font-weight: 400;
  }
  
#teaser span.teaserdesc p {margin: 0;
                           padding: 0;
               text-shadow: 1px 1px #333333;} 
           
#mainmenu {height: 54px;
           position: absolute;
       width: 100%;
       min-width: 1000px;
       background-image: url(grafiken/menubg.png);
       background-repeat:repeat-x;
       left: 0;
       top: 122px;
text-align: center;}    

/* MENU STYLES */
#teaser2  {position: relative;
           min-height: 242px;
           height: auto;}

#teaser2 figure, #teaser2 img { float: right;
                         margin: 0;
                         padding: 0;
                         }

#teaser2 img {height: 100% !important;}

#teaser2.nomenu {height: 250px;}

#menuleft {position: absolute;
           background-color: #216CB5;
          width: 50%;
          top: 0;
          left: 0;
          bottom: 0;
 
           }
       
#menuleft ul { margin: 0;
               padding: 0;
               padding-top: 25px;
         list-style: none;
              }
        
#menuleft li {
              border-bottom: 1px solid white;
             margin: 0px;
       padding: 0px;
       display: block;
       width: auto;
       }
#menuleft a {display: block;
             width: auto;
       padding-left: 10px;
  padding-top:5px;
       background-color: #216CB5;
       height: 25px;
       color: #fff;
       text-decoration: none;}
       
#menuleft a:hover, #menuleft a.active {background-color: #064D93;}       
       
#menuright {position: absolute;
       width: 50%;
       top: 0;
       right: 0;
       bottom: 0;
           }  
       
#menuright ul { margin: 0;
               padding: 0;
               padding-top: 25px;
         list-style: none;
              }
        
#menuright li {
              border-bottom: 1px solid white;
             margin: 0px;
    padding: 0;
       display: block;
       width: auto;
       }
#menuright a {display: block;
             width: auto;
       background-image: url(grafiken/blueopaque.png);
       height: 25px;
       color: #fff;
       padding-left: 10px;
   padding-top:5px;
       text-decoration: none;
       border-left: 1px solid #fff;}
       
#menuright a:hover, #menuright a.active {background-color: #064D93;}           

#menuheadline  {position: absolute;
               width: 100%;
         background-color: #990000;
         top: 0;
         right: 0;
         height: 26px;
         border-bottom: 1px solid #fff;}
#menuheadline h1 {color: #ffffff;
  font-size: 18px;
  margin: 0;
  padding: 0;
  padding-left: 10px;}
         
/* ENDE MENU STYLES */
       
#content {width: 100%;
         float: left;
         margin-top: 173px;
         min-width: 1000px;
         padding-bottom: 80px;
         }  

#content td { vertical-align:top;
            
              }   
#content td img { border: 1px solid #666666; }   

#content h2 { font-size: 17px;}

span {color:#990000;}

div.group {margin-left: 27px;
           margin-right: 27px;
       margin-top: 27px;
       }
.group:after {
    content:'';
    display:block;
    clear: both;
}
       
.col1 {width: 640px;
        float: left;       
}

.col2 {width: 270px;
        float: right;       
    min-height: 200px;
    margin-top: 15px;
   text-align: center;
}

.col10 {width: 640px;
        float: left;}
.col20 {width: 270px;
   text-align: center;
        float: right;
        margin-top: 15px;}



.col10 h1 { font-size: 18px;
           color: #000;}

.col10 h1.red, .col10 h1.blue, .col10 h1.yellow {display: inline-block;
          width:450px;
      min-height: 28px;
      padding-left: 5px;
      margin-top: -25px;
      margin-left: -16px;
      font-size: 18px;
      color: #fff;
      font-weight: 400;}


.onecol {width: auto;}
.onecol .boxwrap {width: 915px;}
#dropdown {width: 1000px;
           margin: auto;
       height: 34px;
       list-style: none;
       padding: 0px;
       color: #fff;}
       
#dropdown li {display: inline;
            height: 100%;
      margin: 0px;
      padding: 0px;
      }
      
#dropdown a {text-decoration: none;
             color: #fff;
       display: block;
       height: 28px;
       width: 165px;
       text-align: center;
       float: left;
       border-right: 1px solid white;
       padding-top: 6px;
       }      
#dropdown li.first a {border-left: 1px solid white;
                      width: 166px;} 
            
#dropdown li.last a {width: 166px;}

#dropdown a:hover, #dropdown a.active {background-color: #990000;}   


#dropdown li ul {display: none;}

.col1 h1 { font-size: 18px;
           color: #000;}

.col1 h1.red, .col1 h1.blue, .col1 h1.yellow {display: block;
          width:450px;
      height: 28px;
      padding-left: 5px;
      margin-top: -25px;
      margin-left: -16px;
      font-size: 18px;
      color: #fff;
      font-weight: 400;}
      
.red {background-color: #990000;}
.blue {background-color: #065AAC;}  
.blue {background-color: #065AAC;}  
.yellow {background-color: #cc9900;}
.boxwrap{     min-height: 200px;
    background-image: url(grafiken/gradient.jpg);
    background-repeat: repeat-y;
    border: 1px solid #ddd;
    margin-top: 15px;
    float: left;
    margin-bottom: 15px;
    width: 620px;
    padding: 15px;}    
    
#clearer {clear: both;}

ul#newslist {list-style-image: url(grafiken/newsdot.png);}

ul#newslist li a {color: #000;
                  text-decoration: none;}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sf-menu li {
  position: relative;
}
.sf-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}
.sf-menu > li {
  float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  display: block;
}

.sf-menu a {
  display: block;
  position: relative;
}
.sf-menu ul ul {
  top: 0;
  left: 100%;
}


.sf-menu {
      width: 1000px;
        margin: auto;
       height: 34px;
       list-style: none;
       padding: 0px;
       color: #fff;
}
.sf-menu ul {
  box-shadow: 2px 2px 6px rgba(0,0,0,.2);
  min-width: 12em; /* allow long menu items to determine submenu width */
  *width: 12em; /* no auto sub width for IE7, see white-space comment below */
  padding-top: 5px;
}
.sf-menu a {
  border-left: 1px solid #fff;
  height: 26px;
  text-decoration: none;
  zoom: 1; /* IE7 */
  padding-top: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.sf-menu li.last {border-right: 1px solid #fff; min-width: 157px;}

.sf-menu a {
  color: #fff;
  text-transform: uppercase;
}
.sf-menu li {
  background: #065AAC;
  white-space: nowrap; /* no need for Supersubs plugin */
  *white-space: normal; /* ...unless you support IE7 (let it wrap) */
  -webkit-transition: background .2s;
  transition: background .2s;
  min-width: 166px;
  height: 26px;
  text-transform: uppercase;
  padding-top: 8px;
  border-left: 1px solid #fff;
  cursor: pointer;
}
.sf-menu ul li {
  background: #065AAC;
  text-align: left;
  border-bottom: 1px solid #fff;
  padding-top: 0px;
  height: auto;
  border-left: none;
  border-right: none;
}

.sf-menu ul li a {border: none;}

.sf-menu ul ul li {
  background: #9AAEDB;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
  background: #990000;
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
  padding-right: 2.5em;
  *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent;
  border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
  border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
  border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color: white;
}

.produkt_col1 {width: 50%;
               float: left;}
.produkt_col2 {width: 50%;
               float: left;}

.produkt_col1 table {background-color: #FFFFFF; width:400px; margin-left:37px;} 

.produkt_col1 h1 { font-size: 18px;
           font-weight: bold;
           color: #000;
            height: 28px;
            padding-left: 5px;
            margin-top: 0px;}

.produkt_col1 h1.red, .produkt_col1 h1, .produkt_col1 h1.blue, .produkt_col1 h1.yellow {display: block;
          width:468px;
      height: 28px;
}

.produkt_col2 h1 { font-size: 18px;
           font-weight: bold;
           color: #000;
            height: 28px;
            margin-top: 0px;
            }

.produkt_col2 h1.red, .produkt_col2 h1, .produkt_col2 h1.blue, .produkt_col2 h1.yellow {display: inline;
          width:468px;
      height: 28px;
}

#produktbeschreibung {margin-top: 40px;}
.produkt_col2 table {background-color: #FFFFFF; width:100%; margin-left:0px;} 
#produktbeschreibung td {background-color: #EEEEEE; padding:15px;} 

/* Picture Gallery ================================================================================ */
.col20 div.tx-dmfgalleria-pi1 {float: left; max-width: 100% !important;}
.galleria-theme-classic .galleria-container {max-width: 100%;
                     padding-bottom: 44px;
                     width: 100%;
                     background: none;
                     margin: auto;
                     }


.galleria-theme-classic .galleria-thumbnails-container {height:auto;}
.galleria-theme-classic .galleria-stage {bottom:0px;}
.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-right,
.galleria-carousel .galleria-thumb-nav-left {margin-top:20px;}

.galleria-theme-classic .galleria-stage {top: 0; left: 0; right: 0;}

.galleria-theme-classic .galleria-thumbnails-container {left: 0; right: 0;}

.galleria-theme-classic .galleria-info-link {display: none;}

.galleria-theme-classic .galleria-info {left: 0;
                width: 100%;
                top: 260px;
                }
.galleria-theme-classic .galleria-info-description {font-style: normal; font-family: "Arial", sans-serif; color: #fff; font-weight: bold;}
.galleria-theme-classic .galleria-info-text {display: block;
                     background: none;
                     background-image: url(grafiken/blueopaque.png) !important;
                     padding-top: 5px;
                     padding-bottom: 0;
                     height: 40px;
                     }
                       
.galleria-theme-classic .galleria-info-title {color: #fff;}
.galleria-theme-classic .notouch .galleria-thumb-nav-left:hover, .notouch .galleria-thumb-nav-right:hover {background-color: transparent;}

.galleria-theme-classic .galleria-thumb-nav-left, .galleria-thumb-nav-right, .galleria-info-link, .galleria-info-close, .galleria-image-nav-left, .galleria-image-nav-right {
    background-image: url('js/themes/classic-1.2.8/classic-map.png');
    background-repeat: no-repeat;
}


ul.csc-uploads {width: 400px; margin-left: 38px; margin-bottom: 50px;}
ul.ce-uploads span {color: #000;}
ul.csc-uploads li.csc-uploads-element-pdf {background-image: url('grafiken/pdficon_large.png');
                                            background-repeat: no-repeat;
                                           background-position: 5px 2px;
                                           min-height: 30px;
                                           padding-left: 45px;
                                           padding-top: 8px;
                                           background-color: #ddd;
                                           margin: 0px;
                                           margin-bottom: 2px;}

ul.csc-uploads a {color: #000;}
ul.csc-uploads a:hover {text-decoration: none !important;}

.news .footer {border: none;}

.news-single .article .news-img-wrap, .news .article .news-img-wrap {float: none; width: auto;}

div.news-list-view h3 a {color: #000;
                         text-decoration: none;}

div.news-list-view h3 a:hover {text-decoration: underline;}
div.news-list-view h3 {padding: 0; margin: 0;}
div.news-list-view a.more {color: #990000; text-decoration: none;}
div.news-list-view a.more:hover {color: #000;}

.news .article .news-img-wrap a, .news .article .news-img-wrap span {
    display: block;
    float: left;
  margin-right: 5px;}

div.news-single div.facebook {
    display: block;
    margin: 20px;
    float: right;
    width: 600px;
    text-align: right;
}

div.news a.more {
    float: right;
    padding-right: 20px;
    display: none;
}

div.news-single .footer {margin-bottom: 5px;}

div.news-list-view div.teaser-text a {color: #000;
                                       text-decoration: none;}

div.tx-powermail {
    font-size: 14px;
    width: auto;
    margin: 0px !important;
    padding: 0px !important;
}

.powermail_fieldset {
    clear: left;
    padding: 10px;
    margin-bottom: 20px;
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid #CCC;
}

.powermail_legend {display: none;}
.powermail_field {width: 350px;}
.powermail_fieldwrap_submit {text-align: center;}
.powermail_submit {float: inherit;}
.powermail_textarea {
    height: 180px;
}

div.tx-rssdisplay h2 {display: none;}

ul.tx-rssdisplay-list {list-style:none;}


ul.tx-rssdisplay-list  {margin:0; padding: 0; margin-left: 0px;}
span.tx-rssdisplay-item-title a {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}
ul.tx-rssdisplay-list li {background-image: url('grafiken/FB-f-Logo__blue_29.png');
                          background-repeat: no-repeat;
                          padding-left: 25px;
                          padding-top: 0px;}
                          
p.tx-rssdisplay-item-description img {display:none;}
p.tx-rssdisplay-item-description {margin-top: 0px; margin-bottom: 30px;}
p.tx-rssdisplay-item-description br {display: none;}
p.tx-rssdisplay-item-description a {color: #000; text-decoration: none;}

div.powermail_check_outer {width: 100%;}
input#powermail_field_opt_in_1 {float: left; margin-right: 10px;}
div.disclaimer {float: left;}

#footer {margin: auto;
         width: 1000px;
         height: 60px;
         background-color: #065AAC;
         min-width: 1000px;
         color: #FFF;
         font-size: 11px;
         text-align: center;
         text-shadow: 1px 1px #333333;
         margin-top: -60px;
         position: relative;
}
#footercontent {width: 1000px; position: absolute; top: 0;}
#footer ul {list-style: none; text-align: center; margin: 0; padding: 0; font-size: 14px;}
#footer li {display: inline;
               color: #fff;
             text-decoration: none;
            text-shadow: 1px 1px #333333;
            margin: 0;
            padding: 0;
            }
#footer a {color: #fff;
             text-decoration: none;
       text-shadow: 1px 1px #333333;
       line-height: 30px;} 
#footer a:hover {text-decoration: underline;}


.tx-indexedsearch-info {display: none;}
.tx-indexedsearch-res td img {border: none !important;}

#language li.invisible {display: none;}


.tx-fmfacebook-pi1 {
  float: left;
  padding-bottom: 50px;}

#fm_fb {width: 600px;
        margin-top: 12px;
        float: left;
        padding: 10px;
        margin-left: 0px;
         }

#fm_fb a.name {font-size: 14px;
               font-weight: bold;
               color: rgb(59, 89, 152);
               text-decoration: none;}
#fm_fb a.text {text-decoration: none;}

#fm_fb a.name:hover {text-decoration: underline;}
#fm_fb .fb_date {font-size: 11px;
                color: #999999;}


.fm_fbbody {clear: both;}
.fm_fbhead {width: 100%;
            float: left;
            border-bottom: 1px solid #999999;
            padding-bottom: 3px;}

.fb_image {float: left;
           width: 32px;
           height: 32px;
            }           
.fb_date  {float: right;}

.fb_link  {float: left;
           font-weight: bold;
           font-family: tahoma,verdana,arial,sans-serif;
           margin-left: 10px;
           width: 400px;}

.news .news-list-view .article {padding-bottom: 0px;}

.tx-powermail h3 {display: none;}

body.downloads table td img, body.downloads table td figure {max-width: inherit;}

body.downloads table td img {margin-bottom: 20px;}
body.downloads table {width: 100%; max-width: 100% !important;}


   .form-control {
    display: block;
    width: 95%;
    height: 22px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}



.checkbox label { display: block; padding-left:0px;  font-weight: normal; line-height:20px;  }

.produkt_col1 figure {padding-right: 15px;}

.control-label {
    display: inline-block;
    margin-bottom: 10px;
    margin-top:5px;
    font-weight: bold;
}


.produkt_col1 .frame-type-textmedia h1 {display: inline-block; height: auto; margin-bottom: 0;}
.produkt_col1 .frame-type-textmedia .ce-above {margin-top: -20px;}
.form-group {
   margin-top:20px; 
   font-weight: normal;
   width:100%
   
 }

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-top:20px;
    background-color: #990000;
    color:#FFFFFF;
  
 
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
  }

textarea.form-control {
    height: 300px;
}

#kontaktform-checkbox-1 {padding:0px;margin-left:-40px;}
#kontaktform .frame {position: relative; padding-left: 20px; margin-top: 0px;}

.tx-indexedsearch-browsebox ul {list-style: none; margin:0; padding: 0;}
.tx-indexedsearch-browsebox li {display: inline-block;padding: 5px;}
.searchbox legend {display: none;}

button {cursor: pointer;}


ul.f3-widget-paginator {list-style: none;}
ul.f3-widget-paginator li {display: inline-block; border: 1px solid #ddd;
padding: 0px 5px;}
ul.f3-widget-paginator li.current {background-color: #990000; color: #fff;}
ul.f3-widget-paginator li:hover {background-color: #eee;}

.cc-compliance .cc-btn {color: #fff !important;}