html,body 
{
    font-family:Trebuchet MS;
    background-color:#F2FFFF;
    color:#555555;
    margin-left:10px;
    padding-right:0px;
    padding-top:0px;
}
a:link, a:visited, a:focus
{
    
    color:#555555;
    padding-left:10px;
    padding-right:10px;

}
#login_status a:hover
{
    color:#AAB3B3;
}
a:hover 
{
    color:#AAB3B3;
}
a.menutitelLink:link, a.menutitelLink:visited, a.menutitelLink:focus
{
    text-decoration:none;
    color:#555555;
    padding-left:10px;
    padding-right:10px;
    font-size: 12px;
}

a.menutitelLink:hover 
{
    color:white;
}
a.menuitemLink:link, a.menuitemLink:visited, a.menuitemLink:focus
{
    text-decoration:none;
    color:#555555;
    padding-left:10px;
    padding-right:10px;
    
}

a.menuitemLink:hover 
{
    color:white;
    border-right:1px solid #85B6D0;
}

a.sortLink:link, a.sortLink:visited, a.sortLink:focus
{
    text-decoration:none;
    color:#555555;
    padding-left:0px;
}

a.menuitemLink_active
{
}

a.menuitemLink_active:link, a.menuitemLink_active:visited, a.menuitemLink_active:focus
{
    text-decoration:none;
    color:#000000;
    padding-left:10px;
    padding-right:10px;
    background-color: #ffffff;
    padding-top: 0px;
}

input
{
    border: 1px solid #85B6D0;
}

input[type=radio] {
    border: none;
}

input[type=checkbox] {
    border: none;
}


a.sortLink:hover 
{
    color:Black;
    background-color:Transparent;
    
}

#menu
{
    padding-left:10px;
        font-size: 12px;
}

.menuset
{
    padding-top:15px;
}

.menutitel
{
    padding-left:15px;
    background-repeat:no-repeat;
    background-position:0px 5px;
}

.menuitems
{
    display:none;
    font-size:smaller;
    margin-left: 155px;
    margin-top: 0px;
    background-color: #85B6D0;
    height: 21px;
    padding-top: 5px;
    border-right:1px solid #ffffff;
    border-left:1px solid #ffffff;
}   

.menuitems a
{
    margin-left: 0px;
    padding-top: 5px;
    top: 10px;
    padding-left: 0px;
}

.menuitem
{
    border-bottom:1px solid #85B6D0;
    padding-left:0px;
}

#fixedLinks {
  position: absolute;
  top: 0;
  /* just used to show how to include the margin in the effect */
  margin: 0px;
  background-color: #F2FFFF;
   width: 98%;
}

#fixedLinks .formTable
{
    width: 100%;
}

#fixedLinks h1
{
    width: 100%;
}

#fixedLinks.fixed {
  position: fixed;
  top: 0;
  width: 98%;
   margin: 0px;
}

h1
{
    margin-top:0px;
    padding-top:0px;
    padding-left:0px;
    width:99%;
    background-color:#fff;
    font-size:15px;
    font-weight:bold;
    text-align:center;
    border-bottom:1px solid #85B6D0;
    border-left:1px solid #85B6D0;
    border-right:1px solid #85B6D0;
}
.legendTable
{
   width:45%;
   font-size:12px;
   border:1px solid #B7D3E3;
}
td.legendTableRow
{
    padding-left:5px;
}
.listTable
{
   width:99%;
   font-size:12px;
   border:1px solid #B7D3E3;
}

td.listTableRow
{
    padding-left:5px;
}
th.listTableHeader
{
    padding-left:5px;
    text-align:left;
    font-size:14px;
    background-color:#dddddd;
}

.generateTable
{
   margin-left: 100px;
   margin-top: 100px;
   width:50%;
   font-size:12px;
   border:1px solid #85B6D0;
}

.formTable
{
   width:99%;
   font-size:12px;
   border:1px solid #85B6D0;
   background-color:#fff;
}
td.formTableRow
{
    padding-left:5px;
}
td.borderBottom
{
    border-bottom:1px solid #85B6D0;
}
td.formTableBreak
{
    border-top:1px solid #85B6D0;
}
th.formTableHeader
{
    padding-left:5px;
    text-align:left;
    font-size:14px;
    background-color:#dddddd;
    border-bottom:1px solid #85B6D0;
}
td.formTableHeader
{
    padding-left:5px;
    text-align:left;
    font-size:14px;
    background-color:#dddddd;
    border-bottom:1px solid #85B6D0;
}

#navigation
{
    position:absolute;
    left:155px;
    right:0px;
    top:0px;
    bottom:0px; 
    margin: 0px;
    padding: 0;
}

#navigation tr
{
    margin:0px;
    padding:0px;
    list-style-type:none;
    width:1000px;
    border-left: 1px solid #ffffff;
    position: relative;
}

#navigation td
{
    position: relative;
    float:left;
    height:55px;
    text-align:center;
    padding-top:0;
    padding-right:15px;
    padding-left:15px;
    padding-bottom: 1px;
    background-image:url(menu/images/verlauf_navigation.gif);
    border-right:1px solid #6A97A5;
    border-left:1px solid #B1C8D0;
    border-bottom: none;
    cursor:pointer;
    vertical-align: top;
}

#nav_gewaesser {background-image:url(menu/images/gewaesser.png);}
#nav_projekte {background-image:url(menu/images/projekte.png);}
#nav_controlling {background-image:url(menu/images/controlling.png);}
#nav_auswertungen {background-image:url(menu/images/auswertungen.png);}
#nav_dokumente {background-image:url(menu/images/dokumente.png);}
#nav_organisation {background-image:url(menu/images/organisation.png);}

#navigation td:hover
{
    color: White;
    position: relative;
    float:left;
    height:55px;
    text-align:center;
    padding-top:0;
    padding-right:15px;
    padding-left:15px;
    padding-bottom: 1px;
    background-image:url(menu/images/verlauf_navigation.gif);
    border-right:1px solid #6A97A5;
    border-left:1px solid #B1C8D0;
    border-bottom: none;
    cursor:pointer;
    vertical-align: top;
}

#navigation tr td div
{
    margin:0px auto;
    height:37px;
    padding: 0;
    top:0px;
    width:50px;
    background-repeat:no-repeat;
    background-position:50% 50%;
}

.navLeft
{
    float: left; 
    position: absolute; 
    font-size:12px;
}

.navLeft a
{
    text-decoration: none;
}

.navLeft a:hover 
{
    background-Color:#0aa5f6;   
    color:White;
}

.navRight
{
    float: right; 
    position: relative; 
    font-size:12px;
    display:inline;
    text-align:right;
}

.navRight a
{
    text-decoration: none;
}

.navRight a:hover 
{
    background-Color:#0aa5f6;   
    color:White;
}

#balken_oben
{
    position:absolute;
    background-color:#B7D3E3;
    height:26px;
    width:100%;
    bottom:0px;
    left: 0px;
    top: 57px;
    margin: 0px;
    padding: 0;
    border-bottom: 2px solid #ffffff;
}

#border_unter_naviagation
{
    position:absolute;
    left:0px;
    height:1px;
    width:100%;
    bottom:33px;
    background-color:#ffffff;
}

#content
{
    position:absolute;
    top:90px;
    bottom:5px;
    left:23px;
    right:23px;
    overflow-x:hidden;
    overflow-y:auto;
}

#logo
{
    position:absolute;
    width: 140px;
    bottom:11px;
    left:20px;
}

#header 
{
    position:absolute;
    width:100%;
    height:90px;
    overflow:hidden;
    left: 0px;
    top: 0px;
}

#login_status
{
    position:absolute;
    right:40px;
    margin-top:5px;
}

.messageBox
{
    margin-left:auto;
    margin-right:auto;
    border:1px solid #85B6D0; 
    width:80%;
    background-color:#C7F7F2;
    text-align:center;
}

.loginBox
{
    margin-left:auto;
    margin-right:auto;
    border:1px solid #85B6D0; 
    width:500px;

    
}

.zustand
{
    display:inline-block;
    margin-right:1px;
    margin-bottom:0px;
    border:1px solid #85B6D0; 
    width:40px;   
    text-align:center; 
}

.mapTable
{
   border:1px solid #85B6D0;
   background-color:#C7F7F2;
}
.bdetailsHeader
{
    background-color:#eeeeee;
    border-bottom:1px solid #85B6D0;
}
.bdetailsCell
{
    border-left:1px solid #85B6D0;
}
.bdetailsLastCell
{
    border-right:1px solid #85B6D0;
}
.bdetailsInput
{
    width:97%;
    text-align:right;
    font-size: 10px;
}
.bdetailsLabel
{
    color:#9f1f1f;
    padding-right:5px;
    font-size: 10px;
}
.inputAsLabel
{
    background-color: #fff;
    border: none;
    width:92%;
    text-align: right;
}
.totalInput
{
    color:#9f1f1f;
    background-color:#C7F7F2;
    font-size:10px;
}
.bdetailsBottomCell
{
    border-bottom:1px solid #85B6D0;
}
.inputTextRO
{
    background-color:#eeeeee;
    border:1px solid #85B6D0;
}
.inputText
{
    background-color:#ffffff;
    border:1px solid #85B6D0;
}
.bOverviewCell
{
    border-left:1px solid #85B6D0;
    padding-right:10px;
}
.bOverviewLabel
{
    font-weight:bold;
    color:#9f1f1f;
}
.bOverviewWhite
{
    background-color:#ffffff;
}
.bOverviewGray
{
    background-color:#eeeeee;
}
.bOverviewSubTitle
{
    padding-left:5px;
}

.help
{
    position: absolute; 
    padding: 2px;
    display: none; 
    background-color: #ffffff; 
    border: 1px solid #aaaaaa;
    font-size: 11px;
    text-align: left; 
    width: 500px;
}

td.menuTableRow
{
    padding-left:5px;
    padding-right:5px;
    
    white-space:nowrap;
    
}

td.selectedItem{
	background-Color:#0aa5f6;
	color:White;
}

td.menuTableRow a
{

    text-decoration:none;
    
}
td.menuTableRow a:hover 
{
    background-Color:#0aa5f6;   
    color:White;
    
}

.bdetailsTrendHeader
{
    background-color:#eeeeee;

}


/*tablesorter*/
/* tables */
table.tablesorter {
	font-family:Trebuchet MS;
	background-color: #CDCDCD;
	margin: 0px 0pt 15px;
	font-size: 9pt;
	width: 99%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 9pt;
	padding: 3px;
}
table.tablesorter thead tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 3px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}


table.tablesorterWPadding {
	font-family:Trebuchet MS;
	background-color: #CDCDCD;
	margin: 0px 0pt 15px;
	font-size: 9pt;
	width: 99%;
	text-align: left;
}
table.tablesorterWPadding thead tr th, table.tablesorterWPadding tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 9pt;
	padding: 0px;
}
table.tablesorterWPadding thead tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorterWPadding tbody td {
	color: #3D3D3D;
	padding: 0px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorterWPadding tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorterWPadding thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.tablesorterWPadding thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table.tablesorterWPadding thead tr .headerSortDown, table.tablesorterWPadding thead tr .headerSortUp {
background-color: #8dbdd8;
}