@charset "UTF-8";

* {
    margin          : 0;
    padding         : 0;
}

option {
    padding-left    : 0.4em;
}

* html body * {
    overflow        : visible;
}

* html iframe, 
* html frame {
    overflow        : auto;
}

* html frameset {
    overflow        : hidden;
}

html {
    height          : 100%;
}

html * { 
    font-size: 100.01%
}

body {
    min-height      : 100.01%;
    font-size       : 68.75%; /* 11px */
    font-family     : Arial, Helvetica, Verdana, sans-serif;
    color           : #444;
    background      : #E0E0E2;
    text-align      : left;
    background      : transparent url(../images/navigation/navi_li_bg.gif) repeat-y;
}

fieldset, img {
    border          : 0 solid;
}


/* ****************   General Classes   ************************************** */

.none {
    display         : none;
}

.nowrap {
    white-space     : nowrap;
}


/* ****************   WRAPPER   ********************************************** */

div#wrapper {
    position        : absolute;
    top             : 0px; 
    left            : 0px;
    height          : 100%;
    width           : 100%;
}

/* ****************   HEADER   *********************************************** */

div#header_bg {
    background      : transparent url(../images/header/top_bg2.gif) repeat-x;
    width           : 100%;
}


/* ****************   HEADER   *********************************************** */

div#header {
    background      : transparent url(../images/header/top_bg2.gif) repeat-x;
    height          : 97px;
    width           : 1004px;
    text-align      : left;
    position        : relative;
}

div#header .logo {
    margin-top      : 12px;
    position        : absolute;
    top             : 0px;
    left            : 0px; 
}

div#header_nav {
    position        : absolute;
    top             : 72px;
    left            : 0px; 
    background      : transparent url(../images/header/nav_bar_right.gif) top right no-repeat;
    border-left     : 1px solid #FFF;
    height          : 25px;
    width           : 1003px;
}



/* ****************   SERVICE NAVIGATION   *********************************** */

ul#servNav_Items {
    background          : transparent url(../images/header/srvNav_bg.gif) repeat-x;
    list-style-type     : none;
    list-style-image    : none; 
    list-style-position : outside; 
    list-style-type     : none;
    white-space         : nowrap;
    position            : absolute;
    top                 : 6px;
    right               : 0px;
}

ul#servNav_Items li {
    float           : left;
    padding         : 0;
    margin          : 0;
    padding-left     : 1px;
    line-height     : 14px;
}

ul#servNav_Items li a {
    background      : transparent url(../images/header/top_off.gif) repeat-x;
    color           : #FFF;
    display         : block;
    float           : none;
    text-decoration : none;
    height          : 40px;
    border-left     : 1px solid #4B565B;  
    border-right    : 1px solid #4B565B; 
    margin          : 0px;
    padding         : 10px 20px 0px 10px;
}

ul#servNav_Items li a:hover {
    background      : transparent url(../images/header/top_on.gif) repeat-x;
}

ul#servNav_Items li a.top_right_active {
    font-weight     : 700;
    background      : transparent url(../images/header/top_on.gif) repeat-x;
}

ul#servNav_Items li a.selected {
    background      : transparent url(../images/header/top_on.gif) repeat-x;
}



/* ****************   MAIN   ************************************************* */

div#main {
    background      : transparent none;
    width           : 1004px;
}



/* ****************   LEFT COLUMN   ****************************************** */

div#left_column {
    background      : #ECECEE url(../images/navigation/navi_li_bg.gif) repeat-y;
    width           : 182px;
    float           : left;
    text-align      : left;
    min-height      : 400px;
    z-index         : 3;
}

div#left_column .left_column_content {
    position        : relative;
    z-index         : 4;
}



/* ****************   NAVIGATION LEVEL 1   *********************************** */

div#left_column ul {
    background          : transparent url(../images/navigation/navi_ul_bg.gif) top left repeat-x;
    list-style          : none;
    list-style-image    : none; 
    list-style-position : outside; 
    list-style-type     : none;
    white-space         : nowrap;
    width               : 181px;
    padding             : 7px 0 0 0;
    margin-left         : 1px;
}

div#left_column ul li {
    background      : transparent url(../images/navigation/level_1.gif) top left no-repeat !important;
}

div#left_column ul li a:link,
div#left_column ul li a:visited {
    color           : #333;
    display         : block;
    text-decoration : none;
    font-size       : 1em !important;
    padding         : 5px 0px 4px 12px;
    margin          : 0px;
}

div#left_column ul li a:hover,
div#left_column ul li a:active {
    background      : transparent url(../images/navigation/level_1_solar_active.gif) no-repeat 0px 1px !important;
    font-weight     : 700;
}

div#left_column ul li a.selected {
    background      : transparent url(../images/navigation/level_1_solar_active.gif) no-repeat 0px 1px !important;
    font-weight     : 700;
}

div#left_column ul li a.selected:hover {
    font-weight     : 700;
}



/* ****************   NAVIGATION LEVEL 2   *********************************** */

div#left_column ul li ul {
    margin-left         : 0 !important;
    padding             : 0 !important;
}

div#left_column ul li ul li {
    background      : transparent url(../images/navigation/level_1_grau.gif) top left no-repeat !important;
}

div#left_column ul li ul li a:hover,
div#left_column ul li ul li a:active {
    background      : transparent url(../images/navigation/level_1_solar.gif) top left no-repeat !important;
    font-weight     : 700;
}

div#left_column ul li ul li a.selected {
    background      : transparent url(../images/navigation/level_1_solar.gif) top left no-repeat !important;
    font-weight     : 700;
}

div#left_column ul li ul li a.selected:hover {
    background      : transparent url(../images/navigation/level_1_solar.gif) top left no-repeat !important;
    font-weight     : 700;
}



/* ****************   NAVIGATION LEVEL 3   *********************************** */

div#left_column ul li ul li ul {
    margin-left         : 0 !important;
    padding             : 0 !important;
}

div#left_column ul li ul li ul li {
    background      : transparent url(../images/navigation/level_3_solar.gif) top left no-repeat !important;
}

div#left_column ul li ul li ul li a:hover,
div#left_column ul li ul li ul li a:active {
    background      : transparent url(../images/navigation/level_3_solar.gif) top left no-repeat !important;
    font-weight     : 700;
}

div#left_column ul li ul li ul li a.selected {
    background      : transparent url(../images/navigation/level_3_solar.gif) top left no-repeat !important;
    font-weight     : 700;
}

div#left_column ul li ul li ul li a.selected:hover {
    background      : transparent url(../images/navigation/level_3_solar.gif) top left no-repeat !important;
}



/* ****************   LOGIN BOX   ******************************************** */

div#login_box {
    background      : #ECECEE none;
    margin-top      : 50px;
    width           : 178px;
    margin-left     : 2px;
    padding-bottom  : 15px;
}

div#login_box h3 {
    color           : #FFF;
    background-color: #A5A6AD;
    font-weight     : 700;
    font-size       : 1em;
    border-bottom   : 2px solid #e0e0e0;
    padding         : 3px 10px;
}
    
div#login_box form {
    color           : #333;
    display         : block;
    text-decoration : none;
    font-size       : 1em !important;
    padding         : 0px;
    margin          : 5px 0px 4px 10px;
}

div#login_box input {
    font-family     : Arial, Helvetica, Verdana, sans-serif;
    font-size       : 1em;
    margin-bottom   : 5px;
    padding         : 0.1em;
    padding-left    : 0.5em;
    border          : 0px;
    width           : 154px;
    overflow        : hidden;
    border          : 1px solid #ABADB3;
}

div#login_box button {
    color           : #FFF;
    background-color: #A5A6AD;
    cursor          : pointer;
    font-family     : Arial, Helvetica, Verdana, sans-serif;
    font-size       : 1em;
    font-weight     : 700;
    text-align      : center;
    margin          : 0px;
    height          : 1.8em;
    width           : 10em;
    border-top      : 1px solid #F6F6F6; 
    border-left     : 1px solid #F6F6F6; 
    border-right    : 1px solid #4A555A; 
    border-bottom   : 1px solid #4A555A; 
}

div#login_box p {
    margin          : 7px 0 0 10px;
    overflow        : hidden;
}

div#login_box p.edit_profile {
    margin          : 10px 0 15px 10px;
}

div#login_box p.passwd_lost {
    margin          : 15px 0 0 10px;
}

div#login_box a {
    color           : #333;
    font-size       : 1em;
    text-align      : center;
    margin          : 0px;
    height          : 1.9em;
    width           : 5em;
}



/* ****************   RIGHT COLUMN   ***************************************** */

div#right_column {
    width           : 272px;
    float           : right;
    overflow        : hidden;        /*  suppress horizontal scrolling in case of text scaling  */
    z-index         : 5;
}

div#right_column.right_column_content {
    text-align      : left;
    position        : relative;
    z-index         : 6;
}

div#right_column .image_container img {
    margin-top      : 25px;
}
    


/* ****************   CONTENT    ********************************************* */

div#content {
    z-index         : 1;
    background      : #FFF none;
    margin-left     : 200px;
    margin-bottom   : 30px;
    width           : auto;
}

div#content.small {
    width           : 510px !important;
}

div#content .center_column_content {
    position        : relative;
    z-index         : 2;
    padding         : 30px 0px 0px 7px;
    height          : 100%;
    width           : auto;
}

div#content h1 {
    font-size       : 1.25em;
    text-decoration : none;
    padding         : 0px;
    margin          : 0px 0px 4px 0px;
    line-height     : 18px;
    margin-bottom   : 20px;
}

h2 {
    line-height     : 16px;
    font-weight     : bold;
    border-bottom   : 1px solid #ffffff;
    padding-bottom  : 0px;
    margin-bottom   : 5px;
}

h2.headline_h2 {
    border-bottom   : 1px solid #7c7c7c;
}

div#content p {
    line-height     : 16px;
    margin-bottom   : 20px;
    padding-left    : 1px;
}

p.homepage {
    padding         : 15px 0 0 330px !important;
    background      : #FFF url(../contentimage/homepage.gif) top left no-repeat;
    height          : 325px;
    overflow        : visible;
}



/* ****************   BREADCRUMB   ******************************************* */

div#breadcrumb  {
    margin-bottom   : 25px; 
    line-height     : 16px;
}

div#breadcrumb .breadcrumbEnd{
    font-weight     : 700;
}


div#breadcrumb a:link,
div#breadcrumb a:visited,
div#breadcrumb a:hover,
div#breadcrumb a:active { 
    color           : #333;
    text-decoration : none;
    font-weight     : 400;
} 



/* ****************   LIST / FILTER   **************************************** */

div#list_container {
    position        : relative;
}

div#lists_filter {
    position        : absolute;
    top             : -5px;
    right           : -3px;
    background      : transparent none;
    vertical-align  : top;
}

div#lists_filter form {
    margin          : 0;
    margin-left     : 15px;
    vertical-align  : middle;
    float           : left;
}

div#lists_filter form select,
div#lists_filter form input {
    float           : left;
    margin          : 5px 3px 4px 0;
}

div#lists_filter form label {
    float           : left;
    margin          : 7px 3px 4px 0;
}

div#lists_filter .button {
    color           : #FFF;
    background-color: #A5A6AD;
    cursor          : pointer;
    font-family     : Arial, Helvetica, Verdana, sans-serif;
    font-size       : 1em;
    font-weight     : 700;
    text-align      : center;
    height          : 1.6em;
    width           : 5em;
    border-top      : 1px solid #F6F6F6; 
    border-left     : 1px solid #F6F6F6; 
    border-right    : 1px solid #4A555A; 
    border-bottom   : 1px solid #4A555A;
    margin          : 4px 3px 4px 0;
}

div.bg_plantregister {
    background      : transparent url(../contentimage/plantregister.jpg) top right no-repeat;
}



/* ****************   PLANT TABLE LIST   ************************************* */

table#table_plantlist {
    margin-bottom   : 40px;
    width           : 100%;
}

table#table_plantlist caption {
    font-size       : 1.25em;
    font-weight     : 700;
    text-align      : left;
    padding-bottom  : 10px;
}

table#table_plantlist caption em {
    font-style      : normal;
}

table#table_plantlist thead {
    background      : #C3C2C7 url(../images/table/thead_bg.gif) repeat-x;
    height          : 24px;
    overflow        : visible;
}

table#table_plantlist tfoot {
    background      : #ECECEE none;
    height          : 24px;
    overflow        : visible;
}

table#table_plantlist tfoot.tfoot_menu {
    background      : #ECECEE none;
    overflow        : visible;
    height          : 30px;
}

table#table_plantlist tfoot input.button {
    color           : #FFF;
    background-color: #A5A6AD;
    cursor          : pointer;
    font-family     : Arial, Helvetica, Verdana, sans-serif;
    font-size       : 1em;
    font-weight     : 700;
    text-align      : center;
    height          : 1.6em;
    width           : 12em;
    border-top      : 1px solid #F6F6F6; 
    border-left     : 1px solid #F6F6F6; 
    border-right    : 1px solid #4A555A; 
    border-bottom   : 1px solid #4A555A;
}

table#table_plantlist tfoot td.arrow_tfootcell {
    background      : #ECECEE url(../images/table/arrow_plantmenu.gif) 20px 7px no-repeat;
}

table#table_plantlist thead th {
    padding-right    : 15px !important;
}

table#table_plantlist thead th.padding,
table#table_plantlist tfoot td.padding,
table#table_plantlist tbody td.padding {
    padding-left    : 15px !important;
}

table#table_plantlist thead th,
table#table_plantlist tbody td {
    vertical-align  : middle;
}

table#table_plantlist thead th img,
table#table_plantlist tbody td img {
    vertical-align  : -1px;
}

table#table_plantlist tbody td {
    background      : #FFF none;
    border-bottom   : 1px solid #A1A3A5;
    padding         : 5px 5px 5px 1px;
}

table#table_plantlist tbody td.name {
    width           : auto;
}

table#table_plantlist tbody td.postcode,
table#table_plantlist tbody td.data,
table#table_plantlist tbody td.event {
    width           : 10%;
}

table#table_plantlist tbody td.city {
    width           : 30%;
}

table#table_plantlist tbody td.peak {
    width           : 15%;
}

table#table_plantlist thead a,
table#table_plantlist tfoot a {
    text-decoration : none;
    color           : #222;
    white-space     : nowrap;
}

table#table_plantlist tbody a {
    text-decoration : none;
    color           : #222;
}

table#table_plantlist tbody input {
    height          : 13px;
    width           : 13px;
}

table#table_plantlist span.crit_event {
    font-weight     : 700;
    color           : #FF0000;
}



/* ****************   EVENT TABLE LIST   ************************************* */

table#table_eventlist {
    width           : 100%;
    margin-bottom   : 50px;
}

table#table_eventlist caption {
    font-size       : 1.25em;
    font-weight     : 700;
    text-align      : left;
    padding-bottom  : 10px;
}

table#table_eventlist caption em {
    font-style      : normal;
}

table#table_eventlist thead {
    background      : #C3C2C7 url(../images/table/thead_bg.gif) repeat-x;
    height          : 25px;
    overflow        : visible;
}

table#table_eventlist tfoot {
    background      : #ECECEE none;
    height          : 25px;
    overflow        : visible;
}

table#table_eventlist thead th {
    padding-right    : 15px !important;
}

table#table_eventlist thead th.padding,
table#table_eventlist tfoot td.padding,
table#table_eventlist tbody td.padding {
    padding-left    : 15px !important;
}

table#table_eventlist thead th,
table#table_eventlist tbody td {
    vertical-align  : middle;
}

table#table_eventlist thead th img,
table#table_eventlist tbody td img {
    vertical-align  : -1px;
}

table#table_eventlist tbody td {
    background      : #FFF none;
    border-bottom   : 1px solid #A1A3A5;
    padding         : 5px 5px 5px 1px;
}

table#table_eventlist tbody td.type {
    width           : 15%;
}


table#table_eventlist tbody td.timestamp {
    width           : 20%;
}

table#table_eventlist tbody td.event {
    width           : 65%;
}

table#table_eventlist thead a,
table#table_eventlist tfoot a {
    text-decoration : none;
    color           : #222;
    white-space     : nowrap;
}

table#table_eventlist tbody a {
    text-decoration : none;
    color           : #222;
}



/* ****************   PLANT DETAIL TABLE   *********************************** */

div#content table.overview {
    width           : 100%;
    margin-bottom   : 16px;
}

div#content table.overview th {
    padding         : 3px 10px 3px 5px;
    border-bottom   : 1px solid #FFF;
    text-align      : left;
    background-color: #909197;
    color           : #FFF;
    font-weight     : 700;
    width           : 30%;
    vertical-align  : top;
}

div#content table.overview td {
    background-color: #E0E0E0;
    padding         : 3px 5px 3px 5px;
    border-left     : 1px solid #FFF;
    border-bottom   : 1px solid #FFF;
    vertical-align  : top;
    width           : 70%;
    vertical-align  : top;
}



/* ****************   DIAGRAMMS   ******************************************** */

table#diagramm_filter {
	width			: 100%;
    background      : #ECECEE none;
}

table#diagramm_filter thead tr {
	color           : #FFF;
    background-color: #A5A6AD;
    font-weight     : 700;
}

table#diagramm_filter th {
	padding			: 2px 7px;
}

table#diagramm_filter th.period {
	padding-left	: 4em;
	width           : 200px;
}

table#diagramm_filter td {
	padding			: 7px;
	vertical-align	: top !important;
}

table#diagramm_filter td.period div,
table#diagramm_filter td.period input,
table#diagramm_filter td.period img {
	float			: left;
	margin-bottom	: 4px;
	padding			: 1px 0 0 2px;
}

table#diagramm_filter td.period img {
	margin-left		: 4px;
	vertical-align	: bottom;
}


table#diagramm_filter td.btn_reload {
	width			: 10%;
	vertical-align	: bottom !important;
}

table#diagramm_filter td.btn_reload input {
    color           : #FFF;
    background-color: #A5A6AD;
    cursor          : pointer;
    font-family     : Arial, Helvetica, Verdana, sans-serif;
    font-size       : 1em;
    font-weight     : 700;
    text-align      : center;
    height          : 1.6em;
    width			: 9em;
    border-top      : 1px solid #F6F6F6; 
    border-left     : 1px solid #F6F6F6; 
    border-right    : 1px solid #4A555A; 
    border-bottom   : 1px solid #4A555A;
}


div#diagramm {
    margin-top      : 20px;
    margin-bottom   : 50px;
}



/* ****************   Default_Table   ******************************************** */

table#default_table {
    width		: 67%;
    background		: #ECECEE none;
}

table#default_table thead tr {
    color           : #FFF;
    background-color: #A5A6AD;
/*    font-weight     : 700;*/
}

table#default_table th {
    padding		: 2px 2px;
}

table#default_table td {
    padding		: 5px;
/*	vertical-align	: top !important;*/
}
/*
table#default_table th.period {
	padding-left	: 4em;
	width           : 200px;
}

table#default_table td.period div,
table#default_table td.period input,
table#default_table td.period img {
	float			: left;
	margin-bottom	: 4px;
	padding			: 1px 0 0 2px;
}

table#default_table td.period img {
	margin-left		: 4px;
	vertical-align	: bottom;
}


table#default_table td.btn_reload {
	width			: 10%;
	vertical-align	: bottom !important;
}

table#default_table td.btn_reload input {
    color           : #FFF;
    background-color: #A5A6AD;
    cursor          : pointer;
    font-family     : Arial, Helvetica, Verdana, sans-serif;
    font-size       : 1em;
    font-weight     : 700;
    text-align      : center;
    height          : 1.6em;
    width			: 9em;
    border-top      : 1px solid #F6F6F6; 
    border-left     : 1px solid #F6F6F6; 
    border-right    : 1px solid #4A555A; 
    border-bottom   : 1px solid #4A555A;
}
*/


/* ****************   FORM   ************************************************* */

form.form {
    background-color: #FFF;
    margin-bottom   : 16px;
}

form.form table.blanktable td {
    padding         : 6px 0px;
    vertical-align  : top;
    background-color: #FFFFFF !important;
}

table.formTable td+td {
    font-weight:normal; /*nur ff: erste spalte fett, da die angaben in colgroup ignoriert wird*/
}

form.form table.formTable {
    background-color: #e0e0e0;
    width           : 100%;
    margin-bottom   : 16px;
}

form.form table.formTable tr {
    vertical-align  : baseline;
}

form.form table.formTable td {
    padding         : 6px 10px;
    vertical-align  : baseline;
}

/*formatierung und ausrichtung der trennzeile in mehrteiligen formularen oder formularen ohne kopfzeile*/
tr.divinerow td {
    border-top      : 4px solid #F6F6F6;
    padding-top     : 6px;
}

form.form tr.divinerow {
    border-top      : 4px solid #F6F6F6;
    padding-top     : 6px;
}

/*formatierung und ausrichtung der kopf- und trennzeilen in mehrteiligen forms*/
form.form table.formTable tr.divinerowtitle{
    color           : #FFF;
    background-color: #A5A6AD;
    font-weight     : 700;
}

form.form table.formTable tr.divinerowtitle td {
    color           : #FFF;
    background-color: #A5A6AD;
    border-bottom   : 2px solid #E0E0E0;
}

form.form table.formTable td.divinerowtitle, th.divinerowtitle{
    color           : #FFF;
    background-color: #A5A6AD;
    border-bottom   : 4px solid #E0E0E0;
    font-weight     : 700;
}

form.form table.formTable tr.formtablespacer td{
    padding         : 2px 10px 0px 10px;
    background-color: #e0e0e0;
}

/*formatierung und ausrichtung der abschlußzeile mit senden-buttons*/
form.form table.formTable tr.buttonrow td {
    border-top      : 4px solid #F6F6F6;
    text-align      : right;
}

form.form div.subcr {
    padding         : 2px!important;
    margin-right    : 6px;
    margin-top      : 6px!important;
    margin-bottom   : 6px!important;
    height          : 100px;
}

/*fuer checkbox-tables: die unterschiedlichen angaben setzen bei mehrzeiligem text die zeilen passend zur checkbox*/
form.form table.cbtable {
    width           : 100%;
    margin          : 0;
    padding         : 0;
}

form.form table.cbtable td{
    margin          : 0px;
    padding         : 5px 5px 0px 0px;
    vertical-align  : baseline;
}

form.form table.cbtable td.cb {
    width           : 20px;
    padding         : 0px 5px 0px 0px;
}

form.form input.checkbox, 
form.form input.radio { 
    margin-right    : 4px;
}

input.ops, select.ops, span.ops, textarea.ops {
    /*padding-left: 0px; einrueckung im ff in texteingabe*/
    font-size       : 100%;
    font-weight     : normal;
    font-family     : Arial, Helvetica, sans-serif;
}

/*standardbreiten fuer 180px breite tabellenspalte*/
input.ops {
    width           : 296px;
    overflow:hidden;
}

input.errors {
    background-color: #FF0000;
    color           : #FFF;
}

select.ops { 
    width           : 300px;
}

textarea.ops {
    width           : 476px;
}

form.form input.ops {
    padding-left    : 0.1em;
}


/*finale version der buttons in Formularen - freigegeben*/
input.formButton {
    color           : #FFF;
    background-color: #A5A6AD;
    cursor          : pointer;
    font-family     : Arial, Helvetica, Verdana, sans-serif;
    font-size       : 1em;
    font-weight     : 700;
    text-align      : center;
    height          : 1.8em;
    width           : 9em;
    border-top      : 1px solid #F6F6F6; 
    border-left     : 1px solid #F6F6F6; 
    border-right    : 1px solid #4A555A; 
    border-bottom   : 1px solid #4A555A;
}

form.form a:link,
form.form a:visited {
    color           : #333;
    text-decoration : underline;
    font-size       : 1em !important;
}

form.form a:hover,
form.form a:active {
    font-weight     : 400;
    text-decoration : underline;
}

table.formTable td.date_input img {
    vertical-align  : bottom;
}

table.formTable td.date_input input {
    padding-top     : 1px;
}




/* ****************   FOOTER   *********************************************** */

#footer {
    clear           : both;
    display         : block;
}



/* ****************   TOOL TIPP ********************************************** */

div#qTip {
    padding         : 3px;
    border          : 1px solid #A5A6AD;
    display         : none;
    background      : transparent url(../images/bg_tooltipp.gif) top left;
    color           : #333;
    font            : 400 11px Arial, Helvetica, sans-serif;
    text-align      : left;
    position        : absolute;
    z-index         : 1001;
}

.tooltipp {
    cursor          : default;
}