body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
#wrapper{width:960px;margin:0 auto}[class*=grid]{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article [class*=ce_],.mod_article [class*=mod_]{margin-left:10px;margin-right:10px}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article [class*=layout_]>*,.mod_article [class*=event_]>*{margin-left:10px;margin-right:10px}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12{margin-left:0;margin-right:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px!important}.offset2{margin-left:170px!important}.offset3{margin-left:250px!important}.offset4{margin-left:330px!important}.offset5{margin-left:410px!important}.offset6{margin-left:490px!important}.offset7{margin-left:570px!important}.offset8{margin-left:650px!important}.offset9{margin-left:730px!important}.offset10{margin-left:810px!important}.offset11{margin-left:890px!important}.offset12{margin-left:970px!important}.mod_article.offset1{margin-left:80px!important}.mod_article.offset2{margin-left:160px!important}.mod_article.offset3{margin-left:240px!important}.mod_article.offset4{margin-left:320px!important}.mod_article.offset5{margin-left:400px!important}.mod_article.offset6{margin-left:480px!important}.mod_article.offset7{margin-left:560px!important}.mod_article.offset8{margin-left:640px!important}.mod_article.offset9{margin-left:720px!important}.mod_article.offset10{margin-left:800px!important}.mod_article.offset11{margin-left:880px!important}.mod_article.offset12{margin-left:960px!important}@media (min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px!important}.offset2{margin-left:134px!important}.offset3{margin-left:196px!important}.offset4{margin-left:258px!important}.offset5{margin-left:320px!important}.offset6{margin-left:382px!important}.offset7{margin-left:444px!important}.offset8{margin-left:506px!important}.offset9{margin-left:568px!important}.offset10{margin-left:630px!important}.offset11{margin-left:692px!important}.offset12{margin-left:754px!important}.mod_article.offset1{margin-left:62px!important}.mod_article.offset2{margin-left:124px!important}.mod_article.offset3{margin-left:186px!important}.mod_article.offset4{margin-left:248px!important}.mod_article.offset5{margin-left:310px!important}.mod_article.offset6{margin-left:372px!important}.mod_article.offset7{margin-left:434px!important}.mod_article.offset8{margin-left:496px!important}.mod_article.offset9{margin-left:558px!important}.mod_article.offset10{margin-left:620px!important}.mod_article.offset11{margin-left:682px!important}.mod_article.offset12{margin-left:744px!important}}@media (max-width:767px){#wrapper{width:auto}[class*=grid]{float:none!important;display:block!important;width:auto!important}[class*=offset]{margin-left:10px!important}}
body,html {
    margin:0;
    padding:0;
    border:0;
    font-family: 'Cabin','Verdana','Arial',sans-serif;
    font-size:14px;
    color:#333;
    text-align:left;
    background-color:#fff;
    -ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
}

/* -------- links a ------------------------------------------*/
a {
    color:#333333;
    text-decoration:none;
}
a:hover {
	/*color:#20508e;*/
}
a img {
    border:none;
}

/* -------- h1, h2, h3 ------------------------------------------*/
h1 {
    color:#144f84;
    padding-top:25px;
    padding-bottom:5px;
    margin:0px;
    font-size:16px;
    font-weight:normal;
} 
p {
	color:#333333;
	padding-top:5px;
	padding-bottom:5px;
	margin:0px;
	font-size:14px;
	line-height:21px;
}

/* -------- img ------------------------------------------*/
img {
    border:none;
    padding:0px;
    margin:0px;
}

/* -------- wrapper ------------------------------------------*/
#wrapper {
	margin-top:10px;
	width: 96%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}

/* -------- container ------------------------------------------*/
#container {
	/*width:960px;*/
	width: 100%;
	text-align:left;
	padding:0px 0px 0px 0px;
}

/* -------- header ------------------------------------------*/
#header {
	padding:0px;
	margin:0px;
}
#header .headlogo img {
	position: absolute;
	top: 55px;
	left: 0px;
	height: 70px;
}

/* -------- v-line ------------------------------------------*/
#v-line {
	background-color: #144f84;
	height:3px;
}
.v-line-red {
	background-color: #ce1526;
	height:3px;
}

/* -------- logo ------------------------------------------*/
#logo {
	border:none;
	padding:0px;
	margin:0px;
	height:150px;
}
/* -------- banner ------------------------------------------*/
#banner {
	border:none;
	padding:0px;
	margin:0px;
	height:120px;
}



/* -------- container ------------------------------------------*/

/* -------- image_container ------------------------------------------*/
#image_container {
	width:710px;
}

/* -------- downloads ------------------------------------------*/
.ce_downloads ul{
	margin:0;
	padding-left:0;
	list-style: none;
}

.ce_downloads li{
	margin-left:0;
	padding: 3px 0;
}
.ce_downloads li.download-element:before{
	display: inline-block;
	content:'';
	width: 16px;
	height: 16px;
	background: url("../../files/energienetze-berlin.de/images/icons/iconPLAIN.gif") no-repeat 0 0 transparent;
}

.ce_downloads li.download-element.ext-pdf:before{
	background-image: url("../../files/energienetze-berlin.de/images/icons/iconPDF.gif");
}
.ce_downloads li.download-element.ext-zip:before,
.ce_downloads li.download-element.ext-rar:before{
	background-image: url("../../files/energienetze-berlin.de/images/icons/iconRAR.gif");
}

/* -------- main ------------------------------------------*/
#main .mod_article{
	max-width: 760px;
	padding-left: 200px;
}
#main .mod_article a {
	color:#20508e;
}
#main .mod_article a:hover {
	text-decoration: underline;
}
.ce_downloads p {
	color:#333333;
	padding:0px;
	margin:0px;
	font-size:14px;
	line-height:21px;
}

/* -------- left ------------------------------------------*/
#left {
	width:240px;
}

/* -------- footer ------------------------------------------*/
#footer {
	text-align:right;
	width: 100%;
	left: 0;
	padding-top: 50px;
}

#footer .footer_logo {
    float: right;
    position: relative;
    top: -45px;
}
#footer .footer_logo img {
    width: 100px;
}
/* -------- helper ------------------------------------------*/
.clear {
	clear: both;
}

@media (max-width: 980px) {

#header .headlogo img {
	position: absolute;
	height: 70px;
	top: 20px;
}
#main .mod_article{
	width: 100%;
	padding-left: 0;
	max-width: auto;
}


}

@media (max-width: 640px) {
#header .headlogo img {
	position: absolute;
	height: 70px;
	top: 0px;
}

h1 {
	font-size: 18px;
}
p {
	font-size: 16px;
}
.image_container img {
	width:100%;
	height: auto;
}

}

@media (max-width: 500px) {
	
#footer .footer_logo {
    float: left;
    position: relative;
    top: 20px;
	margin-bottom: 40px;
}

}



/* cabin-regular - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-regular.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* cabin-500 - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 500;
  src: url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-500.woff') format('woff'), /* Modern Browsers */
       url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-500.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* cabin-600 - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 600;
  src: url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-600.woff') format('woff'), /* Modern Browsers */
       url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-600.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* cabin-700 - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.energienetze-berlin.de/files/fonts/cabin-v26-latin-700.svg#Cabin') format('svg'); /* Legacy iOS */
}




.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline;}

/* -------- mainnavi ------------------------------------------*/
#mainnavi {
    padding-top:95px;
    font-size:14px;
    float: right;
}
#mainnavi strong{
	font-weight: 400;
}
#mainnavi ul{
    list-style:none;
    padding:0;
    margin:0;
}
#mainnavi ul.level_1 li {
	padding: 5px 6px 7px 6px;
	margin:0 10px 0 0;
	float: left;
	background-color: #eeeeee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#mainnavi ul.level_1 li.last {
	margin: 0;
}
#mainnavi ul.level_1 a li:hover,
#mainnavi ul.level_1 strong li:hover,
#mainnavi ul.level_1 li:hover {
	background-color: #144f84;
}
#mainnavi ul.level_1 li:hover a,
#mainnavi ul.level_1 li:hover strong {
	color: #ffffff;

}
#mainnavi ul.level_1 li.active,
#mainnavi ul.level_1 li.trail  {
	background-color: #144f84;
	background-image: url('../../files/energienetze-berlin.de/images/menumarker.png');
	background-repeat: no-repeat;
	background-position: 50% bottom;
}
#mainnavi ul.level_1 li.active a,
#mainnavi ul.level_1 li.trail a,
#mainnavi ul.level_1 li.active strong,
#mainnavi ul.level_1 li.trail strong {
	color: #ffffff;
}

/* -------- mainnavi2 ------------------------------------------*/
#mainnavi2 {
    padding-top:20px;
    font-size:14px;
    position: absolute;
}
#mainnavi2 ul{
    list-style:none;
    padding:0;
    margin:0;
}
#mainnavi2 ul.level_1 li {
	padding: 5px 10px 5px 0px;
    margin:0px;
}
#mainnavi2 ul.level_1 a:hover,
#mainnavi2 ul.level_1 span:hover,
#mainnavi2 ul.level_1 li:hover {
	color:#144f84;
}
#mainnavi2 ul.level_1 li:hover {
	padding: 5px 10px 2px 0px;
	border-bottom: 3px solid #dddddd;
}
#mainnavi2 ul.level_1 li.active, 
#mainnavi2 ul.level_1 span.active,
#mainnavi2 ul.level_1 li.trail {
	color:#144f84;
}
#mainnavi2 ul.level_1 li.active, 
#mainnavi2 ul.level_1 li.trail {
	padding: 5px 10px 2px 0px;
	border-bottom: 3px solid #dddddd;
}
/* -------- mainnavi3 ------------------------------------------*/
#mainnavi3 {
	font-size:10px;
}
#mainnavi3 ul{
    list-style:none;
    padding:0;
    margin:0;
}
#mainnavi3 ul.level_1 li {
	float:left;
	padding: 5px 10px 5px 0px;
    margin:0px 0px 0px 0px;
}
#mainnavi3 ul.level_1 a:hover,
#mainnavi3 ul.level_1 span:hover,
#mainnavi3 ul.level_1 li:hover {
	color:#20508e;
}
#mainnavi3 ul.level_1 li.active, 
#mainnavi3 ul.level_1 span.active,
#mainnavi2 ul.level_1 li a.trail {
	color:#20508e;
}

/* -------- footernavi ------------------------------------------*/
#footernavi {
	margin-top: 12px;
	font-size:12px;
	margin-bottom: 12px;
}
#footernavi a{
	color:#20508e;
	text-decoration:none;
}
#footernavi strong{
	font-weight: 400;
}
#footernavi ul{
    list-style:none;
    padding:0;
    margin:0;
}
#footernavi li{
    float:left;
}
#footernavi ul.level_1 li a {
	display: inline-block;
	padding: 5px 6px 5px 6px;
	margin-right: 10px;
	background-color: #eeeeee;
	color:#000000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}
#footernavi ul.level_1 li a.active,
#footernavi ul.level_1 li strong.active {
	display: inline-block;
	padding: 5px 6px 5px 6px;
	margin-right: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff;
	background-color: #CE1526;
}
#footernavi ul.level_1 li a:hover {
	color: #ffffff;
	background-color: #CE1526;
}
/* -------- mobile Navi ------------------------------------------*/
#mobilenavi {
	display: none;
}


@media (max-width: 980px) {

#mainnavi {
	float: left;
	padding-top: 110px;
}
#mainnavi2 {
	position: relative;
}
#mainnavi2 ul.level_1 li {
	float: left;
	margin-right: 10px;
	padding-right: 0px;
}
#mainnavi2 ul.level_1 li:hover,
#mainnavi2 ul.level_1 li.active {
	margin-right: 10px;
	padding-right: 0px;
}


}

@media (max-width: 640px) {
#logo {
	height: auto;
}
#mobilenavi {
	display: block;
	padding-top: 90px;
	margin-bottom: 10px;
}
#mobilenavi.js ul {
	position: absolute;
	top: -1000px;
}

#mobilenavi.no-js ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#mobilenavi.no-js ul.level_2 {
	display: none;
}
#mobilenavi.no-js ul.level_1 li{
	width: 100%;
}

#mobilenavi.no-js ul.level_1 li a,
#mobilenavi.no-js ul.level_1 li span {
	display: inline-block;
	width: 100%;
	padding: 6px 0 6px 20px;
	margin-bottom: 1px;
	background-color: #144f84;
	font-size: 16px;
	color: #ffffff;
}
#mobilenavi.no-js ul.level_1 li a:hover {
	background-image: url('../../files/energienetze-berlin.de/images/menumarker_left.png');
	background-repeat: no-repeat;
	background-position: left 50%;
}
#mobilenavi.no-js ul.level_1 li:hover ul.level_2 {
	display: block;
}
#mobilenavi.no-js ul.level_1 li:hover ul.level_2 li a,
#mobilenavi.no-js ul.level_1 li:hover ul.level_2 li span {
	color: #000000;
	background-color: #eeeeee;
}
#mobilenavi.no-js ul.level_1 li:hover ul.level_2 li a:hover,
#mobilenavi.no-js ul.level_1 li:hover ul.level_2 li span:hover {
	color: #ffffff;
	background-color: #ce1526;
}
#mobilenavi .navi {
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	background-color: #efefef;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	border: 1px solid #dddddd;
	height: 30px;
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 10px;
	background-image: url('../../files/energienetze-berlin.de/images/menuarrow.png');
	background-repeat: no-repeat;
	background-position: right 50%;
}
#mobilenavi select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

#mainnavi, #mainnavi2 {
	display: none;
}



#footernavi {
	font-size:16px;
}
#footernavi ul.level_1 li a {
	display: inline-block;
	padding: 6px 10px;
	margin-right: 16px;
}


}