* { 
    padding:0px; 
    margin:0px;
    box-sizing: border-box;
    }
@font-face{
    font-family:'icomoon';
    src:url('icomoon.eot');
    src:url('icomoon.eot#iefix') format('embedded-opentype') ,url('icomoon.woff') format('woff') ,url('icomoon.ttf') format('truetype') ,url('icomoon.svg#icomoon') format('svg');
    font-weight:normal;
    font-style:normal
}

@font-face{
    font-family:'helveticaneueltstdlt';
    src:url('HelveticaNeueLTStd-Lt.eot');
    src:url('HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype') ,url('HelveticaNeueLTStd-Lt.woff') format('woff') ,url('HelveticaNeueLTStd-Lt.ttf') format('truetype') ,url('HelveticaNeueLTStd-Lt.otf') format('opentype') ,url('HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt') format('svg')
}

@font-face{
    font-family:'helveticaneueltstdmd';
    src:url('helveticaneueltstd-md.eot');
    src:url('helveticaneueltstd-md.eot') format('embedded-opentype') ,url('helveticaneueltstd-md.woff2') format('woff2') ,url('helveticaneueltstd-md.woff') format('woff') ,url('helveticaneueltstd-md.ttf') format('truetype') ,url('helveticaneueltstd-md.svg#HelveticaNeueLTStd65Medium') format('svg')
}

@font-face{
    font-family:'helveticaneueltstdbd';src:url('helveticaneueltstd-bd.eot');
    src:url('helveticaneueltstd-bd.eot') format('embedded-opentype') ,url('helveticaneueltstd-bd.woff2') format('woff2') ,url('helveticaneueltstd-bd.woff') format('woff') ,url('helveticaneueltstd-bd.ttf') format('truetype') ,url('helveticaneueltstd-bd.svg#HelveticaNeueLTStd75Bold') format('svg')
}

@font-face{
        font-family:'bradbunr';
        src:url('bradbunr.eot');
        src:url('bradbunr.eot') format('embedded-opentype') ,url('bradbunr.woff2') format('woff2') ,url('bradbunr.woff') format('woff') ,url('bradbunr.ttf') format('truetype') ,url('bradbunr.svg#bradbunr') format('svg')
}

@keyframes headAniLogo{
    75%{
        text-indent:33%
    }
    100%{
        text-indent:0
    }
}

@keyframes headAniLogoIe{
    75%{
        text-indent:50px
    }
    100%{
        text-indent:0
    }
}
@keyframes headAniStadtwerke{
    75%{
        text-indent:33%; opacity:1
    }
    100%{
        text-indent:0; opacity:1
    }
}

@keyframes headAniWesel{
    75%{
        text-indent:-33%; opacity:1
    }
    100%{
        text-indent:0; opacity:1
    }
}

@keyframes headAniBlue{
    0%{
        color:rgba(0,90,154,1)
    }
    33%{
        color:rgba(162,198,20,1)
    }
    66%{
        color:rgba(254,204,0,1)
    }
    100%{
        color:rgba(0,90,154,1)
    }
}
@keyframes headAniYellow{
    0%{
        color:rgba(254,204,0,1)
    }
    33%{
        color:rgba(0,90,154,1)
    }
    66%{
        color:rgba(162,198,20,1)
    }
    100%{
        color:rgba(254,204,0,1)
    }
}

@keyframes headAniGreen{
    0%{
        color:rgba(162,198,20,1)
    }
    33%{
        color:rgba(254,204,0,1)
    }
    66%{
        color:rgba(0,90,154,1)
    }
    100%{
        color:rgba(162,198,20,1)
    }
}

@keyframes headAniMenu{
    74%{
        visibility:hidden
    }
    75%{
        opacity:0; visibility:visible
    }
    100%{
        opacity:1; visibility:visible
    }
}

@keyframes headAniSubMenu{
    74%{
        visibility:hidden
    }
    75%{
        opacity:0; visibility:visible
    }
    100%{
        opacity:1; 
        visibility:visible
    }
}

@keyframes moveclouds{
    0%{
        background-position:-953px 0
    }
    100%{
        background-position:0 0
    }
}

@keyframes movecloudsDesktop{
    0%{
        background-position:-1906px 0
    }
    100%{
        background-position:0 0
    }
}

@keyframes heartbeat{
    0%{
        transform:scale(1.2)
    }
    20%{
        transform:scale(0.9)
    }
    21%{
        transform:scale(1.2)
    }
    100%{
        transform:scale(1)
    }
}

html {
height:100%;
}
body {
   font-size:10px;
   line-height:1.3em;
    font-family: "helveticaneueltstdlt";
    padding-top: 50px;
    padding-bottom: 50px;
    color: #666;
}

a {
    text-decoration:none;
}
.clearfix:before, .clearfix:after {
    display: table;
    content: " ";
}

.page-nav {
    display: block;
    position: fixed;
    z-index: 900;
    top: 90px;
    overflow: hidden;
    width: 100%;
        
    text-align: center;
    background-color: #C3D6E5;    
    min-width:990px;
}
.page-nav ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style:none;
}
.page-nav li {
    display:inline-block;
}

.page-nav a {
    font-family: "helveticaneueltstdmd";
    font-size: 14px;
    font-weight: normal;
    line-height: 35px;
    display: block;
    margin: 0 10px;
    padding: 0 20px;
    transition: color 0.2s ease 0s;
    color: #105A96;
}

.footer-nav-desktop {
    line-height:60px;
    margin-top:20px;
    display: block;
    text-align: center;
    background-color: #C3D6E5;
    bottom:0px;
}

.footer-nav-desktop a {
    font-family: "helveticaneueltstdmd";
    font-size: 14px;
    line-height: 40px;
    color: #105A96;
}
.footer-nav-desktop ul li {
    display:inline-block;
    width: auto;
    padding: 0 20px;
}
.footer-nav-desktop ul {
    margin: auto;
}

.site-header {
    height: 90px;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 6.25%;
    background-color: #DBE6EF;
}

.header-nav li a, .header-nav li .header-nav-element {

    display: inline-block;
    padding: 0 20px;
    }
.header-nav a, .header-nav .header-nav-element {
    font-family: "helveticaneueltstdmd";
    font-size: 18px;
    font-weight: normal;
    line-height: 90px;
    display: block;
    padding: 0 15px;
    cursor: pointer;
    transition: color 0.2s ease 0s;
    color: #105A96;
}
.header-nav li {
    float: left;
}
.header-nav ul {
    float: left;
    margin: 0;
    margin-bottom: -5px;
    padding: 0;
    list-style: none;
}

.header-logo {
    font-size: 60px;
    width: 215px;
    height: 90px;
}
.header-logo {
    font-size: 40px;
    position: absolute;
    z-index: 950;
    right: 0;
    left: 0;
    display: inline-block;
    width: 143px;
    height: 50px;
    margin: auto;
}
.header-nav ul+ul {
    float: right;
}

[class^="icon-"],[class*=" icon-"],[class^="file-"]:before,[class*=" file-"]:before,.site-section:after,.element-wasser:before,.preisrechner .slider:before,.preisrechner .ui-slider-handle:before,.prBox.strom .v0,.prBox.strom .v1,.prBox.strom .v2,.prBox.strom .v3,.prBox.erdgas .v0,.prBox.erdgas .v1,.prBox.erdgas .v2,.prBox.erdgas .v3,.prBox.erdgas .v4,.prTxt h3:after{
    font-family:'icomoon';
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1
}
.icon-telefon:before{content:"\e633"}
.icon-erdgas:before{content:"\e631"}
.icon-kostrom:before{content:"\e632"}
.icon-wasser:before{content:"\e620"}
.icon-welle:before{content:"\e627"}
.icon-welle-2:before{content:"\e628"}
.icon-pipe:before{content:"\e61c"}
.icon-SWW_Doodle_Gewerbe:before{content:"\e629"}
.icon-Doppelstrich_Blau:before{content:"\e62a"}
.icon-paint:before{content:"\e62b"}
.icon-schild-2:before{content:"\e62c"}
.icon-schild:before{content:"\e62d"}
.icon-maennchen:before{content:"\e62e"}
.icon-pfeil:before{content:"\e62f"}
.icon-linie:before{content:"\e630"}
.icon-antenne:before{content:"\e61a"}
.icon-antenne-kasten:before{content:"\e61b"}
.icon-boot-fahne:before{content:"\e61d"}
.icon-boot-rumpf:before{content:"\e61e"}
.icon-boot-segel:before{content:"\e61f"}
.icon-waerme-heiss-leitung:before{content:"\e621"}
.icon-waerme-kalt-leitung:before{content:"\e622"}
.icon-waerme-kasten:before{content:"\e623"}
.icon-waerme-leitung:before{content:"\e624"}
.icon-waerme-rillen:before{content:"\e625"}
.icon-waerme-top:before{content:"\e626"}
.icon-sww-logo-blau:before{content:"\e615"}
.icon-sww-logo-gelb:before{content:"\e616"}
.icon-sww-logo-gruen:before{content:"\e617"}
.icon-sww-logo-stadtwerke:before{content:"\e618"}
.icon-sww-logo-wesel:before{content:"\e619"}
.icon-haus:before{content:"\e612"}
.icon-brief-s:before{content:"\e613"}
.icon-telefon-3:before{content:"\e614"}
.icon-pdf:before{content:"\e600"}
.file-pdf:before{content:"\e600"}
.icon-brief:before{content:"\e601"}
.icon-envelope-o:before{content:"\f003"}
.icon-check:before{content:"\f00c"}
.icon-question-circle:before{content:"\f059"}
.icon-calendar:before{content:"\e602"}
.icon-phone:before{content:"\e603"}
.icon-users:before{content:"\e604"}
.icon-location:before{content:"\e605"}
.icon-heart:before{content:"\e606"}
.icon-search:before{content:"\e607"}
.icon-earth:before{content:"\e608"}
.icon-cross:before{content:"\e609"}
.icon-list:before{content:"\e60a"}
.icon-arrow-left:before{content:"\e610"}
.icon-arrow-down:before{content:"\e611"}
.icon-arrow-up:before{content:"\e60b"}
.icon-arrow-right:before{content:"\e60c"}
.icon-twitter:before{content:"\e60d"}
.icon-facebook:before{content:"\e60e"}
.icon-googleplus:before{content:"\e60f"}
.icon-sww-logo-blau{color:rgba(0,90,154,1)}
.icon-sww-logo-gelb{color:rgba(254,204,0,1)}
.icon-sww-logo-gruen{color:rgba(162,198,20,1)}
.icon-sww-logo-stadtwerke{color:#105A96}
.icon-sww-logo-wesel{color:#105A96}

.header-logo i {
    line-height: 90px;
position: absolute;
    top: 0;
    left: 0;    
}

.header-logo i {
    transition: color 0.3s ease 0s;
}

.site-footer {
    background-color: #DBE6EF;
    left:0px;
}

.footer-columns-wrap {
    padding: 50px 6.25%;
}

.visuallyhidden {
    clip: rect(0 0 0 0);
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}




#rahmen {
       position:relative;
       margin:auto;
       padding-top:45px;       
       top:-5px;
       background-color:#fff;
       width:1050px;
}

#logo {
    position:absolute;
    z-index:100;
    top:0px;
    left:10px;
}

#topmenu {
    position:absolute;
    z-index:5;
    top:10px;
    font-size:13px;
    width:300px;
    left:290px;
}

#topmenu a {
    color:#005c89;
    font-size:12px;
    text-decoration:underline;
}

#hmenu {
    width:100%;
}

#hmenu ul {
    list-style:none;
    padding:0px;
    margin:0px;
}



#menutrenner {
    position:relative;
    height:19px;
    width:100%;
    display:block;
    margin-left:10px;
    margin-top:10px;
    font-size:12px;
    text-align:left;
    font-size:11px;
}
#menutrenner a{
    text-decoration:none;
    color:#005c89;
    text-decoration:underline;
    font-size:11px;
}

#head {
    width:924px;
    height:130px;
    margin-top:5px;
    margin-left:5px;
    display:block;
    margin-bottom:32px;
}


#menu {
    float:left;
    width:220px;
    margin-right:15px;
    margin-left:10px;
}

#menu li {
    list-style:none;
    margin-bottom:4px;
}

#menu li a {
    color:#105A96;
    font-size:14px;

}

#content {
    display:block;
    padding:0px;
    padding-right:20px;
    float:left;
    margin:auto;
    line-height:16px;
    width:740px;
}


.menu0_act a {
    color:#000;
    font-weight:bold;
}


#menu li.spacer {
    height:21px;
    overflow:hidden;
    border:none;
}


h1, h4 {
    color:#000;
    background-color:#a4c1dc;
    width:100%;
    font-size:18px;
    font-weight:normal;
    line-height:26px;
    padding-top:2px;
    padding-left:5px;
}

header h1 {
    width:auto;
}

font b {
    color:#rgba(0,90,154,1);
}


h2 {
    margin:0px;
    padding:0px;
    background-color:#0b7898;
    width:100%;
    color:#FFF;
    font-size:16px;
    font-weight:normal;
    margin-top:20px;
    margin-bottom:5px;
    line-height:18px;
    padding-left:5px;
    clear:both;
}

.bodytext, #col3_content li {
    font-size:14px;
    line-height:23px;
    color:#333;
}

#content ul {
    margin-left:20px;
    margin-top:5px;
    margin-bottom:5px;
    color:#333;
    font-size:14px;
    line-height:23px;
}


#content a {
    color:#333;
    text-decoration:underline;
}

.csc-textpic {
    padding-top:15px;
    margin-bottom:15px;
    display:block;
    
    float:none;
}
.csc-textpic img {
    border:1px solid #fff;
    padding:1px;
}

dl.csc-textpic-image  {
    border:1px solid #ccc;
    overflow:hidden;
}

.csc-textpic-imagewrap {
    /*border:1px solid #ccc;*/  
    background-color:#fff;
    padding:0px;
    margin:0px;
    margin-bottom:15px;

}
.csc-textpic-clear {
clear:both;
}

.csc-textpic-caption {
    margin:0px;
    padding:0px;
    background-color:#fff;
    color:#000;
    padding:3px;
    width:254px;
    font-size:10px;

}


#lexikon_table {
    border-top:1px solid #777;
    border-bottom:1px solid #777;
    padding:5px;
}

#lexikon_table  a {
    color:#dd0000;
    text-decoration:none;
    font-weight:bold;
    border:1px solid #777;
    padding:2px;
    width:14px;
    height:14px;
    display:block;
    text-align:center;
    line-height:14px;
}

h3.accordion_toggler_1 {
    font-family:helveticaneueltstdmd;
    font-size:14px;
    font-weight:normal;
    line-height:20px;
    color:#105a96;
    background-color:#C3D6E5 !important;
    border-bottom:1px solid #105a96;

    padding:5px;
    margin-top:10px !important;
    cursor:pointer;
}

.stretcher h1 {
    display:none;
}


div.accordion h3
{
    position: relative;
    margin:0px;
    padding:0px;
    line-height:20px;
    font-size:16px;
    padding-top:2px;
    padding-bottom:2px;
    font-weight: normal;
    color:#FFF;
	cursor: pointer;
  border-top: 1px solid #ccc;
    font-size:10px;
    background-color:#0b7898;
    background-repeat:no-repeat;
    background-position:right 5px;
    background-image:url(../img/closed.gif);
    padding-left:5px;
}

div.accordion h3.open {
    background-color:#0b7898;
    background-image:url(../img/open.gif);
    color:#FFF;
    font-weight:bold;
}


div.accordion_content_1 h4
{
    margin-top:3px;
	position: relative;
	padding: 5px 5px 2px 25px;
	color:#555;
	cursor: pointer;
    font-size:14px;
    font-weight:normal;
    color:#000;
}
div.accordion h4.open {
    font-weight:bold;
}

h4.accordion_toggler_2 {
    text-decoration:none;
    background-image:url(../img/dot.png);
    background-repeat:no-repeat;
    background-position:10px 14px;

}

p.accordion_toggler_2 {
    margin-top:5px !important;
    margin-bottom:10px !important;
}

#lexikon h4.accordion_toggler_2 {
    background-image:none;
}

.accordion_content_1
{
    padding-top:15px;
position: relative;
overflow: hidden;
}


.accordion_content_2
{
	position: relative;
	overflow: hidden;
    padding-left:25px;
    font-size:14px;
    line-height:1.3em;
}

p.accordion_toggler_2 {
    font-size:12px;
    text-decoration:underline;
    margin:0px;
    padding:0px;
    margin-top:-12px;
    cursor:pointer;
}

#lexikon a.ltop {
    width:200px;
    text-align:left;t;
    padding-top:5px;
    border:none;
}

h4.csc-firstHeader {
    display:none;
}

#copyright {
    margin-top:20px;
    margin-bottom:-10px;
    float:right;
}

#adBlock {
    border:1px dotted #777;
    float:left;
    width:50%;
}
.ad {
    font-size:70%;
}