html {
  position: relative;
  min-height: 100%;
}
body {
  height: 100%;
}

a:active, a:focus {outline: none;}

ol, ul {padding-left: 25px;}


.footer {
  position: relative;
  float:left;
  width: 100%;
  background-color: #292765;
    background-image: url(/fileadmin/template/grafiken/footerbg.png);
  background-repeat: repeat-x;
  box-shadow: 0px 0px 10px #444;
   z-index: 20;
}

body {background-color: #fff;}

.ce-uploads {list-style: none; padding-left:25px;}
.ce-uploads img {display: block !important; margin-left: -25px !important; float:left; margin-right: 10px;}  
.ce-uploads li { padding: 5px 5px 5px 15px;; margin: 4px 0;}

.headerbg {
    background-image: url(/fileadmin/template/grafiken/headerbg.png);
    height: 164px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    box-shadow: 0px 0px 10px #444;
}

.header {position:relative; z-index: 7}
.logo {transition: all 0.2s ease-in-out 0s;}

#mainmenu ul.sf-menu {padding-top: 25px; font-size: 18px;}

a.mobilemenu {
  background: center center no-repeat transparent;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 10px;
  display: none;
  z-index: 15;
}
.maincontent {padding-top: 50px; padding-bottom: 50px; color: #292763}
.maincontent h1 {font-weight: bold; color: #5F97D2; font-size: 24px;}
.dotted {border-right: 1px dotted #5F97D2;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 50%;
}

.maincontent .row {position: relative;}

footer div.icons {padding-top: 30px; text-align: center; position: relative;
z-index: 5;}


.accordion h1 {cursor: pointer;
        color: #FFFFFF;      
        margin:0px;
        text-align: left;
        padding-top:13px;
        padding-left:10px;
        padding-bottom: 13px;
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #FFFFFF;
        background-color: #5e98d0;
        font-size: 17px;
        background-image: url(/fileadmin/template/grafiken/accbg.png);
}
.over h1 { background-color: #4869A3; color: #fff;  background-image: none;}
.on h1 { background-color: #4869A3; color: #fff; background-image: none;   border-bottom: 5px solid #BA0101;}

.accordion h2#acc {cursor: pointer;
        color: #FFFFFF;      
        margin:0px;
        text-align: left;
        padding-top:13px;
        padding-left:10px;
        padding-bottom: 13px;
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #FFFFFF;
        background-color: #5e98d0;
        font-size: 17px;
        background-image: url(/fileadmin/template/grafiken/accbg.png);
}
.over h2#acc { background-color: #4869A3; color: #fff;  background-image: none;}
.on h2#acc { background-color: #4869A3; color: #fff; background-image: none;   border-bottom: 5px solid #BA0101;}



.ka-content h3 {margin-top:0px;}


.ka-content h3 a {cursor: pointer;
      
 background-repeat: no-repeat;
                                          
                                           padding-left: 45px;
                                         padding-top:13px;
                                           background-color: #D0E1F2;
                                           color: #292763;
                                           margin: 0px;
                                           margin-bottom: 2px;
                                           padding-bottom: 13px;
                                            display: inline-block;
                                            width: 100%;
                                            font-size: 15px;
                                            font-weight:bold;
}


.accordionButton {  
  width: 100%;
  
  float: left;
  _float: none;  /* Float works in all browsers but IE6 */
  background: #F2F2F2;
  border-bottom: 1px solid #FFFFFF;
  cursor: default;
       
  }
  
.accordionContent {  
  width: 100%;
  float: left;
  _float: none; /* Float works in all browsers but IE6 */
  background: #ffffff;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
    border-bottom: 1px solid #FFFFFF;
  }
  

.ka-content {  
 
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 5px;
 
  }
.ka-content img{  
 
 
    display: block;
    margin-left: auto;
    margin-right: auto
    margin-bottom:10px;
    border: none;
 
  }



.on {
  background: #B4D6F5;     
  }
  


.over {
  background: #FFFFFF;
  }

.row {padding-bottom:10px;} 





footer .footerlinks {background-color: #619ED6; margin-top: 150px; padding-top: 15px;}
footer .footerlinks ul {list-style: none; margin:0; padding:0; text-align: left;}
footer .footerlinks ul li {font-size: 16px; font-weight: bold; color: #292763; padding:0;}
footer .footerlinks ul li a {font-size: 14px; font-weight: bold; color: #fff; text-decoration: none;}
footer .footerlinks ul li a:hover {color: #292763;}
footer .slogan {color: #fff; font-size: 26px; font-weight: bold; text-align:right; padding-top: 20px; padding-bottom: 20px;}
footer .footerlinks h1 {
    font-size: 16px;
    font-weight: bold;
    color: #292763;
}


iframe {max-width: 100%, height: auto !important;}

ul.csc-uploads {width: 100%;}

ul.csc-uploads li.csc-uploads-element-pdf {background-image: url('fileadmin/template/grafiken/pdficon_large.png');
                                            background-repeat: no-repeat;
                                           background-position: 5px 2px;
                                           padding-left: 45px;
                                           padding-top: 8px;
                                           background-color: #D0E1F2;
                                           color: #292763;
                                           margin: 0px;
                                           margin-bottom: 2px;}
ul.csc-uploads li.csc-uploads-element-pdf:hover {background-color: #5F97D2; color: #fff;}
ul.csc-uploads li.csc-uploads-element-pdf:hover a {color: #fff;}

ul.csc-uploads a {color: #292763; text-decoration: none; font-weight: bold; display: inline-block; width: 100%; min-height: 30px;}
ul.csc-uploads a:hover {text-decoration: none !important;}


.contentwrap {position:relative; z-index: 10;}

.tx-powermail {width:100%;}

figure.image img {max-width:100%; height: auto !important;}

.tx-powermail h3 {display:none}
.powermail_legend {display:none;}


.tx-powermail textarea {height: 250px;}

.tx-powermail .powermail_fieldset {
   width:100%;
    color: #292763;
    clear: left;
    border: 1px dotted #5F97D2;
    padding: 30px;
    padding-top:10px;
    margin: 0px 0px 20px;
    background: none;
  
}

.tx-powermail .powermail_fieldset .powermail_field {width:100%;}

div.news-single .teaser-text {color: #5F97D2;}
div.news-single .news-backlink-wrap {text-align: right;}
div.news-single .news-backlink-wrap a {font-weight: bold;}
.news .article .articlewrap .footer {position: absolute; bottom: 0; background-image: none; background-color: #5F97D3; box-shadow: none; padding: 5px 15px 5px 15px; z-index: 0; border:0; margin: 0;}


/* suche */
.tx-indexedsearch-res hr {display: none}
.tx-indexedsearch-res > div {border-bottom: 2px solid transparent;padding: 15px 15px 0 15px;margin-bottom: 20px;}
.tx-indexedsearch-res > div:hover {border-bottom: 2px solid #00AE51;}

.tx-indexedsearch-res .tx-indexedsearch-icon {display:none; visibility: hidden;}
.tx-indexedsearch-res .tx-indexedsearch-descr {font-style: normal !important;}
.tx-indexedsearch-res .tx-indexedsearch-descr strong {color: #005699!important;}
.tx-indexedsearch-searchbox {height:200px; background-color: rgb(255, 255, 255);padding: 32px;margin-bottom: 30px; border-bottom: 1px solid rgb(0, 174, 81)}
.tx-indexedsearch-searchbox table {width:100%; margin-top: 5%;}
.tx-indexedsearch-searchbox .input-group {width:500px;margin: 0 auto;}
.tx-indexedsearch-percent {display:none;}

.tx-indexedsearch-browsebox li {
	        list-style:none;
	        margin-bottom:1em;
	        margin-right:1em;
	        float:left;
	        }
.tx-indexedsearch-res {
	        clear:both;
	        }

.tx-indexedsearch-info, .tx-indexedsearch-rules {display: none;} 

#indexedsearchbox {padding-top: 3px;}
#indexedsearchbox span {color: #292763; 
                        background-color: #5F97D3; 
                        width: 100px; height: 30px; 
                        text-align: center; 
                        margin:0; 
                        padding:0;
                        display: inline-block;
                        margin-right: 10px;
                        padding-top: 5px;
                        font-weight: bold;
                        text-transform: uppercase; }
#indexedsearchbox form {display: inline-block;}
#indexedsearchbox input.searchbox-sword {width: 190px; height: 30px; border: 1px solid #5F97D3; }
div.search {
    height: 55px;
    background-image: url("/fileadmin/template/grafiken/lightblueopaque.png");
    padding-top: 5px;
    padding-left: 10px;
  padding-right: 10px;
    max-width: 367px;
    margin: auto;
    margin-bottom: 20px;
    float: right;
}

.quicksearch-submit {background-image: url("/fileadmin/template/grafiken/search.png"); 
                    border: none; 
                    color: transparent; 
                    background-size: contain; 
                    background-repeat: no-repeat; 
                    background-color: transparent; 
                    height:38px; 
                    width: 33px;
                   margin-left: 3px;
                background-position: 0px -2px;}

.tx-indexedsearch-searchbox {display: none;}

#mainmenu .sf-menu ul li {width: auto !important;}

#mainmenu .sf-menu ul {
   
    margin-top:12px !important;
 
}


/* Tarifrechner */
.tariffcalculator {
    color: #fff;
    border-bottom: 5px solid #fff;
    border-radius: 5px;
  box-shadow: 0px 3px 5px #000;
  border: 5px solid #fff;
  margin-top: 50px;
}

.tariffcalculator.form2 {margin-top: 0px;}

.tariffcalculator input {
    width: 100%
}
.tariffcalculator label {font-size: 16px;}
.tariffcalculator input[type=submit].strom {border: none; color: #fff; background-color: #2A2965; padding-top: 10px; padding-bottom: 10px; font-size: 16px; }
.tariffcalculator input[disabled].strom {background-color: #415894; color: #7D8DB6; }
.tariffcalculator input[type=submit].gas {border: none; color: #fff; background-color: #5F97D3; padding-top: 10px; padding-bottom: 10px; font-size: 16px; }
.tariffcalculator input[disabled].gas {background-color: #445F9B; color: #93A3C5; }

.tariffcalculator select {max-width: 100%; color: #000; height: 28px;}
.tariffcalculator .tabs {
    margin: 0;
    
}
.tariffcalculator form#tabs-1 {
    padding: 0px 50px 0 50px;
    background-color: #5F97D2;

}
.tariffcalculator .row.tabs {padding-bottom: 0px;}
.tariffcalculator form#tabs-2
{background-color: #2a2965;    padding: 0px 50px 0 50px;
 }

.tariffcalculator form .row.range-slider {padding-top: 25px;}
.tariffcalculator form .row {padding-top: 10px; padding-bottom: 10px;}


.tariffcalculator form input{padding-top: 5px; padding-bottom: 5px; color: #000;} 

.tariffcalculator .home3 {text-align: left;}
.tariffcalculator .home2 {text-align: center;}
.tariffcalculator .home3 {text-align: center;}
.tariffcalculator .home4 {text-align: right;}


/* Range Slider ----------------- */

.ui-slider {
    display: inline-block;
    height: 8px;
    width: 100%;
    border: 1px solid black;
    background: #fff;
}
.ui-slider-horizontal .ui-slider-range {
    background: 0 none;
}
.ui-slider-handle.ui-state-default.ui-corner-all {
    margin-top: 0;
    border: 0 none;
    border-radius: 50%;
    box-shadow: 0 0 4px #999;
    background: #fff;
    cursor: pointer;
}
.ui-slider-handle.ui-state-default.ui-corner-all:hover {
    transform: scale(1.1);
}





/* Tabs */


.tab-strom,
.tab-gas {
    padding: 0;
    font-size: 22px;
    text-align:center:
}
.tab-strom ul li.ui-tabs-active a {
}


.tab-strom img, .tab-gas img{margin-top: -50px; float: left; margin-left: 2%;}

div.row.tabs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.row.tabs ul li.tab-strom a {background-color: #5F97D2;}

div.row.tabs ul li.tab-gas a {background-color: #2a2965;}


div.row.tabs ul li a {
    display: inline-block;
    width: 100%;
    color: #fff;
    min-height: 60px;
    line-height: 55px;
        padding-right: 100px;
        text-align: center;
}
div.row.tabs ul li.ui-tabs-active a {
}
span.icon {
    position: absolute;
    top: -40px;
    left: 15px;
}

.maincontent h3 {font-size: 20px; font-weight:bold; color: #5F97D2; line-height:20px; padding-top:5px;} 

div.tariffcalculator.form2 div.row.tabs ul li a {padding-right: 0;}
div.tariffcalculator.form2 img.iconlast {float: right;}

/* Styles Tarifausgabe */
.tarifausgabe img.best {position: absolute;}
.tarifausgabe {box-shadow: 0px 0px 5px #000; width: 260px; margin: auto; }
.tarifausgabe strong {font-size: 18px; line-height: 25px;}
.tarifausgabe .tarifheader {height: 85px; background-color: #5F97D3; margin-top: 50px; text-align: center;}
.tarifbody {text-align: center; min-height: 220px;  padding-left: 8px; padding-right: 8px; position: relative;}
.tarifbody a {display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.tarifausgabe .icon {display: inline-block; margin-top: -50px;}
.tarifausgabe .tariffooter {height: 35px; background-color: #313163;}

div.tx-fmtarifrechner .tarifausgabe {margin-bottom: 75px;}

#people {background-color: #5F97D2; border: none; padding: 0; color: #fff; font-size: 18px; font-weight: bold; -webkit-text-fill-color: #fff; -webkit-opacity:1; }
#qm {background-color: #2A2965; border: none; padding: 0; color: #fff; font-size: 18px; font-weight: bold; -webkit-text-fill-color: #fff; -webkit-opacity:1; }

#stoerung24frame {width: 100%; height: 600px; max-width: 100%;}

.tx-powermail .powermail_fieldset .powermail_check_outer {width:100% !important; padding-top:15px; padding-bottom:15px; }
.videotext {background: rgba(254,254,254,0.75);}
.videotext h1 {color: #5f97d2; font-size: 38px;
font-weight: bold;}
.videotext h2 {color: #48477a; font-size: 38px;
font-weight: bold;}
.videotext h3 {color: #c71121; font-size: 38px; font-weight: bold;}
.videotext {color: #48477a; font-size: 30px; font-weight: bold;}
.video {z-index: 2; }
.video-js .vjs-tech {
    position: relative !important;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
}
.video-js {max-width: 100%; height: auto !important;}
.video {margin-bottom: 40px;}


.video-js .vjs-big-play-button {top: 50% !important;
-webkit-transform: translate3d(-50%,-50%,0)!important;
-ms-transform: translate3d(-50%,-50%,0)!important;
transform: translate3d(-50%,-50%,0) !important; 
left: 50% !important;}
.videobg {position: absolute;
top: -100px;
left: 0;
bottom: 0;
right: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;}
.videowrapper {position: relative;}

.news-single .article .news-img-wrap {width: 100%;}