/***************
*	COMMONS	*
****************/
html, body {
	min-height:100%;
}
body {
	color:#58585a !important;

	background: #1d4477;
	background: -moz-linear-gradient(45deg,  #1d4477 0%, #1d4477 65%, #00a19f 100%);
	background: -webkit-linear-gradient(45deg,  #1d4477 0%,#1d4477 65%,#00a19f 100%);
	background: linear-gradient(45deg,  #1d4477 0%,#1d4477 65%,#00a19f 100%);


}
body:after {
	content:" ";
	position: absolute;
	right:0;
	bottom:0;
	width:450px;
	height:406px;
	background-image:url(img/energiefelder-01.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size:450px 406px;
	z-index: -1;
}
/*body.x-ie {
	background:url(img/RWE-Verlauf.png) repeat-y left top;
}*/

#logo img {
	width: auto;
	height: auto;
	max-width: 100%;
}
#logo.lang_deu,
#logo.lang_eng {
	display: block;
	/*background: url(img/header-logo.png) no-repeat;*/
	/*background-size: 107px 30px;*/
	width: 107px;
	height:30px;
	/*text-indent: -99999px;*/
	/*margin:18px 0 0 20px;*/
	margin:20px auto 0;
}
@media (min-width:1200px) {
	#logo.lang_deu,
	#logo.lang_eng {
		/*background-size: 180px 51px;*/
		width: 180px;
		height:51px;
		margin:40px auto 0;
	}
}
body.x-ie #logo {
	width: 180px;
	height:51px;
	margin:40px auto 0;
}

/*#logo.lang_eng {
	background: url(img/header-logo-eng.png) no-repeat;
	width: 570px;
}*/
h1.mainTitle {
	/*margin:-5px 0 19px 20px;*/
	margin:0 auto 20px;
	padding: 10px 0 15px;
	color: #FFF;
	font-family: "Trebuchet W02 Regular", Arial, sans-serif;
	font-size: 20px;
	font-weight: lighter;
	text-align: center;
	/*text-transform: uppercase;*/
	border-bottom: 1px solid #fff;
}
@media (min-width:1200px) {
	h1.mainTitle {
		margin:0 auto 40px;
		padding: 20px 0 30px;
		font-size: 30px;
	}
}
body.x-ie h1.mainTitle {
	margin:0 auto 40px;
	padding: 20px 0 30px;
	font-size: 30px;
}

#mainElem{
	/*margin-left: 20px;*/
	margin: auto;
	height: 504px;
	width: 980px;
	padding:0 5px;
}

/** Reviewed Button **/
.button-ext {
	position:absolute;
	left:857px;
	top:103px;
	z-index: 99;
	width: 135px;
}
.button-ext .reviewed_trigger,
.button-ext a.check {
	/*	padding:6px 8px;*/
	padding:8px 8px 7px;
	display: block;
	color:#fff;
	font-family: "Trebuchet W02 Regular", Arial, sans-serif;
	font-size:14px;
	/*	line-height: 18px;*/
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	border-radius:0;
	box-shadow:none;
	background: #268ec6;
}
.button-ext .reviewed_trigger {
	position: relative;
	z-index: 2;
}
.button-ext .reviewed_trigger:hover,
.button-ext a.check:hover {
	text-decoration: none;
	/*background: #1D4E88;*/
}
.button-ext .reviewed_trigger span,
.button-ext a.check span {
	background: url(img/check-button.png) no-repeat 0 1px;
	padding:0 0 0 20px;
	margin:0;
	height:18px;
	display: inline-block;
}

.button-ext .reviewed_trigger span {
	padding-right:15px;
	position: relative;
}
.button-ext .reviewed_trigger span:after {
	display:block;
	content:" ";
	position: absolute;
	top:50%;
	right:0;
	margin-top:-3px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
}

.button-ext .submenu {
	background:#fff;
	padding:10px 0 0;
	margin-top:-8px;
	z-index: 1;
	/*	border-radius:0 0 5px 5px;*/
	box-shadow:0 0 4px rgba(0,0,0,0.4);
}
.button-ext .submenu .reviewed_item a {
	display: block;
	font-family: "Trebuchet W02 Regular", Arial, sans-serif;
	font-size:14px;
	color:#113D76;
	text-decoration: none;
	padding: 8px;
}
.button-ext .submenu .reviewed_item a:hover {
	background:#efefef;
}

/***********************************
*	Overwriting Default Ext-CSS	*
************************************/
.x-panel-body-default,
.x-btn-default-toolbar-small .x-btn-inner {
	color:#58585a !important;
}
.x-panel-body > .x-fit-item > .x-panel-header {
	display: none;
}
.x-border-box .x-tab-bar-top .x-tab-bar-body,
.x-border-box .x-tab-default-top {
	height: auto;
}
.mainTab {
	margin-top:15px !important;
}
.x-menu-item-link {
	padding: 6px 22px 3px 32px;
}

.x-panel-body-default,
.x-panel-header-default,
.x-grid-header-ct,
.x-scroller-vertical,
.x-tab-bar-body,
.x-tab-default-top,
.x-tab-bar-strip-default, 
.x-tab-bar-strip-default-plain, 
.x-toolbar-default {
	border:0 !important;
}
.x-tab-bar, 
.x-border-layout-ct,
.x-tab-bar-strip-default, 
.x-tab-bar-strip-default-plain, 
.x-panel-body-default,
.x-panel-header-default,
.x-toolbar,
.x-toolbar-default {
	background: transparent !important;
}
.x-nlg .x-toolbar-default {
	background-image: none !important;
}
.x-panel-header-default, 
.x-tab-default-top {
	box-shadow: 0 0 0 transparent !important;
}
.x-tab-bar-top .x-tab-bar-body {
	padding:0;
}
.x-menu-body {
	background: none repeat scroll 0 0 #F0F0F0 !important;
	border:1px solid #93a2b7 !important;
}
.x-grid-group-title {
	color: #113D76;
}
.x-grid-group-hd .x-grid-cell-inner {
	border-bottom: 1px dotted #B7B4AF !important;
}

/* Tree Icons */
.x-tree-elbow{
    height: 100%;
}

.x-tree-elbow-line{
    height: 100%;
}
.x-tree-elbow-2 {
	background:url(img/elbow-2.gif) no-repeat !important;
}
.x-tree-elbow-3 {
	background:url(img/elbow-3.gif) no-repeat !important;
}
.x-tree-elbow-4 {
	background:url(img/elbow-4.gif) no-repeat !important;
}
.x-tree-elbow-5 {
	background:url(img/elbow-5.gif) no-repeat !important;
}

.x-tree-elbow-minus, .x-tree-icon-parent, .x-tree-elbow-plus{
    height: 100% !important;
}


.x-tree-elbow-2.x-tree-elbow-plus{
	background:url(img/elbow-plus-2.gif) no-repeat !important;
}
.x-tree-elbow-3.x-tree-elbow-plus{
	background:url(img/elbow-plus-3.gif) no-repeat !important;
}
.x-tree-elbow-4.x-tree-elbow-plus{
	background:url(img/elbow-plus-4.gif) no-repeat !important;
}
.x-tree-elbow-5.x-tree-elbow-plus{
	background:url(img/elbow-plus-5.gif) no-repeat !important;
}

.x-grid-tree-node-expanded .x-tree-elbow-2.x-tree-elbow-plus {
	background:url(img/elbow-minus-2.gif) no-repeat !important;
}
.x-grid-tree-node-expanded .x-tree-elbow-3.x-tree-elbow-plus {
	background:url(img/elbow-minus-3.gif) no-repeat !important;
}
.x-grid-tree-node-expanded .x-tree-elbow-4.x-tree-elbow-plus {
	background:url(img/elbow-minus-4.gif) no-repeat !important;
}
.x-grid-tree-node-expanded .x-tree-elbow-5.x-tree-elbow-plus {
	background:url(img/elbow-minus-5.gif) no-repeat !important;
}


.x-tree-elbow-2.x-tree-icon-parent {
	background:url(img/folder.gif) no-repeat !important;
}
.x-tree-elbow-3.x-tree-icon-parent {
	background:url(img/folder.gif) no-repeat !important;
}
.x-tree-elbow-4.x-tree-icon-parent {
	background:url(img/folder.gif) no-repeat !important;
}
.x-tree-elbow-5.x-tree-icon-parent {
	background:url(img/folder.gif) no-repeat !important;
}

.x-grid-tree-node-expanded .x-tree-elbow-2.x-tree-icon-parent {
	background:url(img/folder-open-2.gif) no-repeat !important;
}
.x-grid-tree-node-expanded .x-tree-elbow-3.x-tree-icon-parent {
	background:url(img/folder-open-3.gif) no-repeat !important;
}
.x-grid-tree-node-expanded .x-tree-elbow-4.x-tree-icon-parent {
	background:url(img/folder-open-4.gif) no-repeat !important;
}
.x-grid-tree-node-expanded .x-tree-elbow-5.x-tree-icon-parent {
	background:url(img/folder-open-5.gif) no-repeat !important;
}

.x-webkit sub {
	/*vertical-align: sub;*/
	line-height: 8px;
}

/* TABS */
.x-tab em {
	padding:0;
	line-height: 15px;
}
.x-tab-bar-body .x-box-inner .x-tab {
	position: relative !important;
	left:auto !important;
	top:auto !important;
	text-transform: uppercase;
	padding:8px 15px !important;
	margin-right:6px !important;
	margin-top:1px !important;
	border:0 !important;
	border-radius:0;
	box-shadow: 0 0 0 transparent !important;
	background: #268ec6;
}
.x-tab-default-top button, 
.x-tab-default-top .x-tab-inner {
    height: 18px;
    line-height: 18px;
}
.x-tab-bar-body .x-box-inner .x-tab button {
	color:#fff !important;
}
.x-tab-bar-body .x-box-inner .x-tab button span {
	background:url(img/nav.png) no-repeat 0 -48px;
	padding:0 0 0 10px;
	font-family: "Trebuchet W02 Regular", Arial, sans-serif;
	font-size:16px;
	line-height:16px;
	font-weight: normal;
	text-transform: none;
}
.x-tab-bar-body .x-box-inner .x-tab:hover,
.x-tab-bar-body .x-box-inner .x-tab.x-tab-active {
	border:0 !important;
	background: #fff;
}
.x-tab-bar-body .x-box-inner .x-tab:hover button,
.x-tab-bar-body .x-box-inner .x-tab.x-tab-active button {
	color:#113D76 !important;
}
.x-tab-bar-body .x-box-inner .x-tab:hover button span,
.x-tab-bar-body .x-box-inner .x-tab.x-tab-active button span {
	background:url(img/nav.png) no-repeat 0 3px;
}

/* BUTTONS Menu horizontal */
.x-btn-default-toolbar-small-menu-active, 
.x-btn-default-toolbar-small-pressed,
.x-btn-default-toolbar-small-over,
.ActiveChartButton,
.ActiveChartXButton {
	border-color: #268ec6;
	background: #268ec6;
	border-radius: 0;
}
.x-btn-default-toolbar-small-menu-active .x-btn-inner, 
.x-btn-default-toolbar-small-pressed .x-btn-inner,
.x-btn-default-toolbar-small-over .x-btn-inner,
.ActiveChartButton .x-btn-inner,
.ActiveChartXButton .x-btn-inner {
	color:#fff !important;
}
.x-column-header-over, 
.x-column-header-sort-ASC, 
.x-column-header-sort-DESC {
	background: -moz-linear-gradient(top,  #dbeeff 0%, #d0e7ff 48%, #bbd2f0 52%, #bed6f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbeeff), color-stop(48%,#d0e7ff), color-stop(52%,#bbd2f0), color-stop(100%,#bed6f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dbeeff 0%,#d0e7ff 48%,#bbd2f0 52%,#bed6f5 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(top,  #dbeeff 0%,#d0e7ff 48%,#bbd2f0 52%,#bed6f5 100%); /* W3C */
}
.x-column-header-trigger {
	background-image: url(img/grid3-hd-btn.png);
}

.x-toolbar .x-toolbar-separator-horizontal {
	border-left: 1px solid #113D76;

	width:10px;
}

/* ICONS Menu horizontal */
.x-menu-item-icon {
	width:14px;
	height:14px;
}
.chart_numbers {
	background: url(img/chart_numbers.png) no-repeat;
}
.chart_years {
	background: url(img/chart_years.png) no-repeat;
}
.icon-export {
	background: url(img/export.png) no-repeat;
}
.icon-chart-type {
	background: url(img/chart-type.png) no-repeat;
}
.icon-change-xy {
	background: url(img/change.png) no-repeat;
}
/* ICONS Menu vertical */
.x-tree-noicon.x-tree-icon{
	display: none !important;
}
.x-tree-icon-parent {
	background-image: url("img/folder.gif");
}
.x-grid-tree-node-expanded .x-tree-icon-parent {
	background-image: url("img/folder-open.gif");
}

/* COLUMNS: Left */
.leftMenuInner {
	background:url(img/box-shadow-small.png) no-repeat center bottom;
	padding:0 0 6px;
}
.leftMenuInner > .x-panel-header {
	/*width:75px !important;*/
	width:90px !important;
	padding:10px 15px 13px;
	border-radius:0;
	background: #fff !important;

}
.leftMenuInner > .x-panel-header span.x-panel-header-text {
	background:url(img/nav.png) no-repeat 0 4px;
	color:#113D76 !important;
	padding:0 0 0 10px;
	font-family: "Trebuchet W02 Regular", Arial, sans-serif;
	font-size:16px !important;
	line-height:16px;
	font-weight: normal;
	text-transform: none;
}

.leftMenuInner > .x-panel-body {
	background: #fff !important;
	/*border-radius:0 5px 5px 5px;*/
	padding:5px;
}

.outerChartLegend .x-toolbar {
	border-top: 1px dotted #B7B4AF !important;
	margin-top:2px;
}
.outerChartLegend .x-toolbar .x-btn-default-toolbar-small {
	border:none !important;
}
.outerChartLegend .x-toolbar .x-btn-default-toolbar-small span.x-btn-inner {
	font-size: 12px;
}
.outerChartLegend .x-toolbar .x-btn-default-toolbar-small-over {
	background:transparent !important;
	border:none !important;
}
.outerChartLegend .x-toolbar .x-btn-default-toolbar-small-over span.x-btn-inner {
	color: #113D76 !important;
	/*	text-decoration: underline;*/
}
.outerChartLegend .x-toolbar .x-toolbar-separator {
	border-left: 1px dotted #B7B4AF !important;
	top:0 !important;
	height:20px;
}
.outerChartLegend .x-toolbar .chart_legend_change_selection {
	width:135px !important;
}
.outerChartLegend .x-toolbar .chart_legend_change_selection span.x-btn-inner {
    padding-left: 13px;
}

/* Headlines */
.outerConfigMenu > .x-panel-header,
.outerChartLegend > .x-panel-header,
.head_chartMenu .x-panel-header, 
.outerChartMenu .x-panel-header {
	text-transform: none;
	margin: 0 0 4px 5px !important;
	padding: 5px 4px 5px 0 !important;
	background:transparent !important;
	border-bottom: 1px dotted #B7B4AF !important;
}
.outerConfigMenu > .x-panel-header .x-panel-header-text-default,
.outerChartLegend > .x-panel-header .x-panel-header-text-default,
.outerChartMenu .x-panel-header .x-panel-header-text-default, 
.head_chartMenu .x-panel-header .x-panel-header-text-default, 
.outerChartMenu .x-panel-header .x-panel-header-text-default {
	font-weight: normal !important;
	font-size: 18px;
	font-family: "Trebuchet W02 Regular", Arial, sans-serif;
	color: #113D76;
}

.outerChartLegend .x-grid-row .pnode .x-grid-cell-inner.x-unselectable,
.outerConfigMenu .x-grid-row .pnode .x-grid-cell-inner.x-unselectable {
	font-family: "Trebuchet W02 Bold", Arial, sans-serif;
	/*font-size: 16px;*/
	/*font-weight:bold;*/
	color: #113D76;
	/*height: 18px !important;*/
}

/* COLUMNS: Right */
.rightPanel {
	background:url(img/box-shadow-large.png) no-repeat center bottom;
	padding:0 0 6px;
}
.rightPanel > .x-panel-body > .x-column-inner > .x-panel > .x-panel-body {
	background: #fff !important;
	/*border-radius:0 5px 5px 5px;*/
	padding:5px 2px;
	height:410px;
}
.rightPanel .x-tab-bar-body .x-box-inner .x-tab {
	padding:10px 15px 13px !important;
	border-radius:0;
	border:0 !important;
	background: #268ec6;
}
.rightPanel .x-tab-bar-body .x-box-inner .x-tab:hover,
.rightPanel .x-tab-bar-body .x-box-inner .x-tab.x-tab-active {
	border:0 !important;
	background: #fff !important;
}
.rightPanel .x-tab-bar-body .x-box-inner .x-tab span {
	background:url(img/nav.png) no-repeat 0 -47px;
	color:#fff !important;
	padding:0 0 0 10px;
	font-family: "Trebuchet W02 Regular", Arial, sans-serif;
	font-size:16px !important;
	line-height:16px;
	font-weight: normal;
	text-transform: none;
}
.rightPanel .x-tab-bar-body .x-box-inner .x-tab:hover span,
.rightPanel .x-tab-bar-body .x-box-inner .x-tab.x-tab-active span {
	background:url(img/nav.png) no-repeat 0 4px;
	color:#113D76 !important;
}
.rightPanel .x-toolbar:first-child {
	border-bottom: 1px dotted #B7B4AF !important;
	padding: 0 0 3px 2px !important;
}

/*.grid-tip span {
		background:url(img/info.gif) no-repeat right center;
	padding: 1px 17px 1px 0;
}*/
.info{
	color: #113D76;
}
sup.info {
	margin:0 0 0 5px;
}
span.info{
	float:right;
}

.outerChartMenu {
	margin-left:10px;
}
.outerChartMenu .x-panel-header {
	margin: 0 0 10px 0 !important;
}
.outerChartMenu > .x-panel-body > .x-panel-default > .x-panel-body .x-form-item {
	padding: 0 !important;
	margin-bottom: 0 !important;
}
.outerChartMenu input.x-form-checkbox {
	float:left;
}
.outerChartMenu .x-form-cb-label-after {
	/*	background:url(img/info.gif) no-repeat right center;*/
	display: block;
	float: left;
	font-size: 11px;
	margin-left: 6px;
	width: 71px;
	height:14px;
}

.x-grid-row .x-grid-cell .x-grid-cell-inner {
	height: auto;
	text-align: left;
	white-space: pre-wrap;
	width: 92%;
	/*font-family: "Trebuchet W02 Regular", Arial, sans-serif;*/
	/*font-size: 14px;*/
}
.rightPanel .x-grid-row .x-grid-cell .x-grid-cell-inner {
	width: 100%;
	padding:3px 0;
}

.x-grid-row .x-grid-cell .x-grid-cell-inner .x-tree-checkbox {
	float:left;
}
.x-grid-row .x-grid-cell .x-grid-cell-inner .tree {
	float:left;
	display:block;
	width:109px;
	line-height:16px !important;
}
.x-grid-row .x-grid-cell .x-grid-cell-inner img {
	float: left;
}

/* Info 2017 adjusted */
.year_2017_corrected_info {
	display: block;
	padding-top:5px;
	padding-left:249px;
	margin: auto;
	width: 980px;
	color:#fff;
}

/* Bottom Links */
.bottom_links_outer {
	padding-top:5px;
	padding-left:249px;
	margin: auto;
	width: 980px;
}
.bottom_links_outer a {
	color: #fff;
	font-family: "Trebuchet W02 Regular", Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	margin-right: 20px;
}
@media (min-width:1200px) {
	.bottom_links_outer {
		padding-top:10px;
	}
	.bottom_links_outer a {
		font-size: 16px;
	}
}

/* Loading-Maske */
.x-mask {
	position:absolute !important;
	top:115px !important;
	/*left:15px !important;*/
	width:980px !important;
	height:510px !important;
	background: #D0EAF8;
	opacity: 0.6;
	left: 50% !important;
	margin-left: -490px;
}
@media (min-width:1200px) {
	.x-mask {
		top: 212px !important;
	}
}
body.x-ie .x-mask {
	top: 212px !important;
}
.x-mask-msg {
	border:0 !important;
	border-radius:0;
	background: #268ec6;
}
.x-mask-msg div {
	background-color:transparent !important;
	border:none !important;
	color:#fff !important;
}

.x-css-shadow{
	display:none !important;
}

/*.loading{
	top: 350px !important;
	left:450px !important;
}*/
.x-ie-shadow.loading{
	top: 345px !important;
	left:445px !important;
	display: none !important;
}
.x-css-shadow.loading{
	display:none !important;
}

.x-tip {
    border-radius: 0 !important;
    background-color: #f9f9f9 !important;
    border:1px solid #d3d4d5 !important;
}

/** Scrolling **/
.outerConfigMenu .x-panel .x-panel-body,
.outerChartLegend .x-panel .x-panel-body {
	overflow-y: auto;
}
.outerConfigMenu .x-panel .x-panel-body .x-grid-view,
.outerChartLegend .x-panel .x-panel-body .x-grid-view {
	overflow-y: auto;
}
.outerConfigMenu .x-scroller,
.outerChartLegend .x-scroller{
	display: none;
}

.search_field {
	margin-left: 5px;
	margin-top: 40px;
	padding:0 0 0 10px;
	width: 220px;
	font-family: "Trebuchet W02 Regular", Arial, sans-serif;
	/*color:#113D76;*/
	color:#656565;
	font-size:16px;
	height: 36px;
	line-height: 36px;
}

.no_result {
	margin-left: 6px;
	font: 11px tahoma,arial,verdana,sans-serif;
}

/******************************
*	Styling for iPad		*
*******************************/
@media only screen and (device-width: 768px) {

	/*	body {
			background:url(img/body-bg.png) repeat-x #c3e5f6;
		}*/
	.x-tab-bar-body .x-box-inner .x-tab, 
	.leftMenuInner > .x-panel-header, 
	.x-panel-header-default, .x-tab-default-top {
		-webkit-box-shadow: none;
	}
	.x-grid-view,
	.x-panel-body {
		overflow: scroll;
	}
	.x-tree-checkbox,
	.x-form-checkbox {
		border-radius: 0 !important;
	}
	.rightPanel .x-tab-bar-body {
		height:40px !important;
	}
	.rightPanel .x-tab-bar-body .x-box-inner .x-tab {
		padding:10px 15px 14px !important;
	}
	.outerConfigMenu > .x-panel-header,
	.outerChartLegend > .x-panel-header,
	.outerChartMenu .x-panel-header {
		padding: 5px 4px 3px 0 !important;
	}

}