@charset "utf-8";

/* Definition der Hauptlayer und Tabellenstyles */

html { 
	min-height:100%;
	height:auto !important;
	height:100%;
	/*padding:0px;
	margin:0px;*/
	width:auto;
}

input[type="date"] {
    position: relative;
}

/* create a new arrow, because we are going to mess up the native one
see "List of symbols" below if you want another, you could also try to add a font-awesome icon.. */
input[type="date"]:after {
	background-image:url(/modules/calender/img/cal.gif);
	background-repeat: no-repeat;
	content: "\2001\2001\2000"; 
	color: black;
	padding: 0px 0px 2px 0px;
}

/* make the native arrow invisible and stretch it over the whole field so you can click anywhere in the input field to trigger the native datepicker*/
input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
}

/* adjust increase/decrease button */
input[type="date"]::-webkit-inner-spin-button {
    z-index: -1;
}

 /* adjust clear button */
 input[type="date"]::-webkit-clear-button {
     z-index: -1;
 }
/*
::-webkit-calendar-picker-indicator { 
	background: black;
	background-image:url(/modules/calender/img/cal.gif);
}
*/
img{
	border:0px;
}

body{
	margin:5px 5px 5px 5px;
	min-width:100%;
	float:left;
	/*overflow:auto;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.unselectable{
   user-select: none;
   -o-user-select:none;
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
}

.corpus{
	min-width:100%;
	*width: 100%;
	height:100%;
	margin: 0;
	padding: 0;
	float:left;
}

.wrapper{
	width:auto !important;
	height:100%;
	margin: 0;
	padding: 0;
}

/* Kopfbereich mit Bannerbild und Logo */

.head{
	height:145px;
	width:100%;
	background-image:url(../bilder/bg_kopf_logo.png);
	background-repeat:repeat-x;
	float:left;
	min-width:1024px;
}

.head_image{
	height:145px;
	width:795px;
	background-image:url(../bilder/bannerbild.png);
	background-repeat:no-repeat;
	float:left;
}

.head_trenner{
	height:140px;
	width:8px;
	background-image:url(../bilder/banner_logo_links.png);
	background-repeat:no-repeat;
	float:left;
}

.head_logo{
	height:140px;
	width:186px;
	float:left;
}

/* Zwischenbereich für Pfad und Unternavi */

.pfadbereich{
	height:25px;
	width:100%;
	background-color:#4a6b7b;
	float:left;
}

.pfadbereich_pfad{
	height:25px;
	width:765px;
	background-color:#4f4f4e;
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	line-height:23px;
	padding-left:20px;
	padding-right:5px;
	float:left;
}

.pfadbereich_hilfe{
	height:25px;
	background-color:#4f4f4e;
	font-size:25px;
	color:#ffffff;
	padding-left:0px;
	padding-right:-20px;
	float:right;
}

.pfadbereich_hilfe a{
	color:#4f4f4e;
}

.pfadbereich_trenner{
	height:25px;
	width:5px;
	background-color:#ffffff;
	float:left;
}

.pfadbereich_subnavi{
	height:25px;
	min-width:100px;
	width:auto !important;
	width:100px;
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	line-height:23px;
	margin-left:10px;
	float:left;
}

.pfadbereich_subnavi a{
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	text-decoration:none;
}

.pfadbereich_subnavi a:hover{
	font-size:11px;
	color:#d5d5d5;
	text-align:left;
	text-decoration:none;
}

/* Unterrerbereich wie Navi und Content */

.rahmen_unten{
	min-height:540px;
	height:auto !important;
	height:540px;
	margin-top:5px;
	min-width:100%;
	width:auto !important;
	width:100%;
	font-size:11px;
	color:#000000;
	background-image:url(../bilder/navi__bg.png);
	background-repeat:repeat-y;
	background-color:#f7f7f7;
	margin:0px;
	padding:0px;
	float:left;
}

.rahmen_navigation{
	min-height:540px;
	height:auto !important;
	height:540px;
	width:253px;
	float:left;
}

.navi_btn_main{
	height:42px;
	width:230px;
	background-image:url(../bilder/btn_main.png);
	background-repeat:no-repeat;
	float:left;
}

.navi_btn_main_text{
	height:20px;
	width:160px;
	margin-top:14px;
	margin-left:65px;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	float:left;
}

.navi_btn_main_text a{
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	float:left;
}

.navi_btn_main_text a:hover{
	font-size:11px;
	color:#d7d7d7;
	font-weight:bold;
	text-decoration:none;
	float:left;
}

.aktuell{
	font-size:30px;
	color:#3ba090;
	font-weight:bold;
	text-decoration:none;
	float:left;
}

.navi_btn_subnavi{
	height:20px;
	width:178px;
	margin-left:70px;
	margin-bottom:5px;
	background-color:#d9d9d9;
	float:left;
}

.navi_btn_subnavi_text{
	height:15px;
	width:160px;
	margin-top:3px;
	margin-left:15px;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	float:left;
}


.navi_btn_subnavi_text a{
	color:#000000;
	text-decoration:none;
	float:left;
}

.navi_btn_subnavi_text a:hover{
	color:#4a6b7b;
}

.navi_btn_subnavi_text_active a{
	height:15px;
	width:160px;
	margin-top:3px;
	margin-left:15px;
	font-size:11px;
	color:#3ba090;
	font-weight:bold;
	text-decoration:none;
	float:left;
}
/* Unternavi */

.navi_btn_sub_subnavi_text{
	height:15px;
	width:160px;
	margin-top:3px;
	margin-left:30px;
	font-size:10px;
	color:#000000;
	font-weight:bold;
	float:left;
}


.navi_btn_sub_subnavi_text a{
	color:#000000;
	text-decoration:none;
	float:left;
}

.navi_btn_sub_subnavi_text a:hover{
	color:#4a6b7b;
}

.navi_btn_sub_subnavi_text_active a{
	height:15px;
	width:160px;
	margin-top:3px;
	margin-left:30px;
	font-size:10px;
	color:#3ba090;
	font-weight:bold;
	text-decoration:none;
	float:left;
}

/* Ende Unternavi */
}

.rahmen_content{
	min-height:540px;
	height:auto !important;
	height:540px;
	min-width:1024px;
	width:auto !important;
}

.fuss_linie{
	height:6px;
	width:100%;
	background-color:#4a6b7b;
	margin-top:5px;
	float:left;
}

/* Tabellen im Content */


.content_table{
	width:auto !important;
	min-height:100%;
	height:auto !important;
	height:100%;
	padding:10px;
	margin-left:267px;
	/*min-height:500px;
	height:auto !important;
	height:500px;
	width:70%;
	margin:15px 15px 15px 25px;
	padding:0px;
	float:left;*/
}

#ticker{
	white-space: nowrap;
}

marquee{
	font-size:13px;
	font-family:Helvetica;
}

select{
	padding: 2px 2px;
}

option{
	height: 17px;
	background-color: white;
}

input[type="text"].tcal{
	background-color:white;
	padding:1px 20px 1px 1px;
	cursor: pointer;
	border-width: 1px;
	width:70px;
}

input[type="password"]{
	height:17px;
	width:150px;
}

input[type="text"]{
	height:17px;
	width:150px;
}

input[type="text"].bilanzbezeichnung{
	margin-bottom:5px;
	height:17px;
	width:258px;
	text-align:center;
}

input[type="text"].liveticker{
	height:17px;
	width:510px;
}

input[readonly]{
	background-color:#7f7f7f;
	height:17px;
	width:150px;
}

input[type="text"].kleinefelder{
	height:17px;
	width:70px;
}

input[type="number"].kleinefelder{
	height:17px;
	width:70px;
}

.fehlerfeld{
	background-color:red;
}

input[type="text"].pflichtfeld{
	border-color:red;
	padding-bottom:3px;
	height:17px;
	width:150px;
}

input[type="submit"]{
	cursor:pointer;
	min-height:20px;
	border:2px inherit #4a6b7b;
	background-color:#e7e7e7;
	font-size:11px;
	color:#4a6b7b;
	padding:3px 6px;
	text-align:center;
	border-left:2px solid #efefff;
	border-top:2px solid #efefff;
	border-right:2px solid #7f7f7f;
	border-bottom:2px solid #7c7c7c;
}

input[type="submit"]:disabled{
	border:2px inherit #3ba090;
	background-color:grey;
	color:white;
	border-left:2px solid #7f7f7f;
	border-top:2px solid #7f7f7f;
	border-right:2px solid #efefff;
	border-bottom:2px solid #efefff;
}

input[type="button"]{
	cursor:pointer;
	min-height:20px;
	border:2px inherit #4a6b7b;
	background-color:#e7e7e7;
	font-size:11px;
	color:#4a6b7b;
	padding:3px 6px;
	text-align:center;
	border-left:2px solid #efefff;
	border-top:2px solid #efefff;
	border-right:2px solid #7f7f7f;
	border-bottom:2px solid #7c7c7c;
}

/*
input[type="button"]:focus{
	background-color:#33CCCC;
	border-left:2px solid #CCFFFF;
	border-top:2px solid #CCFFFF;
	border-right:2px solid #009999;
	border-bottom:2px solid #009999;
}
*/

input.input_submit_active{
	min-height:20px;
	border:2px inherit #3ba090;
	background-color:#4a6b7b;
	font-size:11px;
	color:white;
	padding:3px 6px;
	text-align:center;
	border-left:2px solid #7f7f7f;
	border-top:2px solid #7f7f7f;
	border-right:2px solid #efefff;
	border-bottom:2px solid #efefff;
}



a.knopf{
	display: inline-block;
	border:2px inherit #4a6b7b;
	background-color:#e7e7e7;
	font-size:11px;
	color:#4a6b7b;
	padding:3px 6px;
	text-align:center;
	text-Decoration: none;
	border-left:2px solid #efefff;
	border-top:2px solid #efefff;
	border-right:2px solid #7f7f7f;
	border-bottom:2px solid #7c7c7c;
	font-weight:normal;
}

a.knopf_active{
	display: inline-block;
	border:2px inherit #3ba090;
	background-color:#4a6b7b;
	font-size:11px;
	color:white;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:6px;
	padding-right:6px;
	text-align:center;
	text-Decoration: none;
	border-left:2px solid #7f7f7f;
	border-top:2px solid #7f7f7f;
	border-right:2px solid #efefff;
	border-bottom:2px solid #efefff;
	font-weight:normal;
}

a.knopf:active{
	border-left:2px solid #7f7f7f;
	border-top:2px solid #7f7f7f;
	border-right:2px solid #efefff;
	border-bottom:2px solid #efefff;
}

.content_table td{
	padding:5px;
}

.content_table th{
	padding:5px;
}

.content_table tr{
	width:100px;
}

.content_table_tr_blau{
	height:25px;
	width:10px;
	background-color:#4a6b7b;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
}

.content_table_tr_hellblau{
	height:25px;
	width:10px;
	background-color:#688899;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
}

.tr_hellgrau_r{
	text-align:right;
	height:25px;
	background-color:#f7f7f7;
	font-size:11px;
	color:#000000;	
}

.content_table_tr_hellgrau{
	height:25px;
	/*width:100px;*/
	background-color:#f7f7f7;
	font-size:11px;
	color:#000000;
}

.content_table_tr_hellgrau_farbwechsel, .content_table_tr_hellgrau_farbwechsel_nc{
	height:25px;
	/*width:100px;*/
	background-color:#f7f7f7;
	font-size:11px;
	color:#000000;
}

.content_table_tr_hellgrau_farbwechsel:hover{
	cursor:pointer;
	height:25px;
	/*width:100px;*/
	background-color:#bcbcbc;
	font-size:11px;
	color:#000000;
}

.content_table_tr_hellgrau_farbwechsel_nc:hover{
	height:25px;
	/*width:100px;*/
	background-color:#bcbcbc;
	font-size:11px;
	color:#000000;
}

/* te = table element, intended for tr th or td
 * dunkelgrau = hintergrund farbe
 * r = text alignement right
 */
.te_dunkelgrau_r{
	text-align:right;
	height:25px;
	background-color:#e7e7e7;
	font-size:11px;
	color:#000000;	
}

.content_table_tr_dunkelgrau{
	height:25px;
	/*width:100px;*/
	background-color:#e7e7e7;
	font-size:11px;
	color:#000000;
}

.content_table_tr_dunkelgrau_farbwechsel, .content_table_tr_dunkelgrau_farbwechsel_nc{
	height:25px;
	/*width:100px;*/
	background-color:#e7e7e7;
	font-size:11px;
	color:#000000;
}

.content_table_tr_dunkelgrau_farbwechsel:hover{
	cursor:pointer;
	height:25px;
	/*width:100px;*/
	background-color:#bcbcbc;
	font-size:11px;
	color:#000000;
}

.content_table_tr_dunkelgrau_farbwechsel_nc:hover{
	height:25px;
	/*width:100px;*/
	background-color:#bcbcbc;
	font-size:11px;
	color:#000000;
}

.content_table_guelleanteil{
	height:25px;
	/*width:100px;*/
	background-color:#98FB98;
	font-size:11px;
	color:#000000;
}

.content_table_bhkw_auslastung{
	height:25px;
	/*width:100px;*/
	background-color:#FFA07A;
	font-size:11px;
	color:#000000;
}

.error{
	color:#FF0000;
	font-weight:bold;
	font-size:14px;
}

p.error{
	margin:2px;
}

.gerechnet{
	color:red;
	font-style:italic;
}

.errorbackground{
	background-color:#FF0000;
}

/*
 * Deffinition der Festen Tabellenköpfe
 */
#fixeddiv 
{ 
    position:fixed; 
    bottom:0px;
    /*left:282px;*/
	left:0px;
    padding:0; 
	margin:0;  
    background-color:transparent; 
    color:#ffCC00; 
    text-align:center;
    font-weight:bold; 
} 

.myTH{
    background-color:#4a6b7b; 
    color:#f7f7f7; 
    border:2px solid #f7f7f7;
}

ul.archiv{
	list-style-type:none;
}

/**
 * Sonstiges
 */
.klein{
	font-size:smaller;
}

.button_size_medium{
	width:125px;
}

.newsDiv{
	font-size:larger;
	max-width:500px;
	padding:6px;
	margin:8px 0px;
	background-color:#d9d9d9;
}