@charset
"ISO-8859-1"
;

body {
    background-color: #FFFFFF;
    font-family: verdana, arial, Helvetica, sans-serif;

    height: 100%;
    margin: 0;
    padding: 0;
}

br {
    padding: 0;
    margin: 0;
    font-size: 0;
    clear: both;
}

form {
    margin: 0;
    padding: 0;
}

h1 {
    font-weight: bold;
    font-size: 0.9em;
    color: #00416B;
}

h2 {
    font-weight: bold;
    font-size: 0.8em;
    color: #00416B;
}

a {
    color: #FF6600;
    text-decoration: underline;
}

legend {
    border: 1px solid #003A66;
    padding: 4px 5px;
    margin: 0 0 0 0;
    background-color: white;
    font-weight: bolder;
    color: #003A66;
    clear: both;
}

fieldset {
    margin: 5px 0 0 10px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #003A66;
    background-color: #F2F1F5;
    background-repeat: repeat-x;
    background-position: top left;
    display: block;
}

div {
    margin: 0;
    padding: 0;
}

p, li, dl, input, select, address, legend, label, fieldset span {
    font-size: 0.7em;
}

legend.expandableFieldset {
    cursor: pointer;
}

select, textarea {
    width: 250px;
}

textarea.mapviewer {
    width: 450px;
}

input.textinput {
    width: 250px;
}


textarea {
    font-family: verdana, arial, Helvetica, sans-serif;
    font-size: 0.7em;
}

table.dynamic {
    font-size: 1.2em;
}

table.static {
    margin:        0 0 0 0;
    width:         293px;
}

table.wms {
    font-size: 0.8em;
    margin: 0 0 0 0;
}

table, th, td {
    margin: 0;
    padding: 0;
    font-size: 0.8em;
}

img {
    border: 0px;
}

/* styles used in footer.jsp */
.footerTable {
    width:            100%; 
    background-color: white;
}

.footerLine {
    color:          #003A66;
    font-family:    Arial,Helvetica,sans-serif;
    font-size:      0.95em;
    line-height:    1.1em;
    padding-left:   1px;
}

.footerTableLinks {
    width: 100%;
    background-color: #003a66;
}

.footerLineLinks {
    color:          #FFFFFF;
    font-family:    Arial,Helvetica,sans-serif;
    font-size:      1.5em;
    text-decoration:none;
}

.headerTableLinks {
    width: 100%;
    background-color: #003a66;
}

.headerLineLinks {
    color:          #FFFFFF;
    font-family:    Arial,Helvetica,sans-serif;
    font-size:      1em;
    text-decoration:none;
}

/* styles used content */
#contentElement {
    margin: 0px 0px 10px 0px;
}

.bgblue2 {
    background-color: #F7F7F9;
}

#footerElement {
    margin-top: 10px;
}

.down {
    padding-top: 20px;
    width: 315px;
}

.historyback {
    padding-left:   10px;
    vertical-align: top;
    text-align: right;
}

#parameterPanel {
    float: left;
    width: 400px;
}

.parameter {
    color:          #003A66;
    font-size:      0.8em;
    font-weight:    bold;
    padding-left:   5px;
    text-align:     left;
    vertical-align: top;
    width:          110px;
}

.matrixHeader {
    padding-left: 5px;
    text-align: center;
}

.matrixSelectableHeader {
    padding-left: 5px;
    text-align: left;
}

.matrixContent {
    text-align: center;
}

.wmsvalue {
}

.value {
    font-size: 1.2em;
}

.submitbutton{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#ffffff;
	color:#666;
	font-weight:bold;
	padding: 1px 2px;
	
}

.error {
    color: #CD3426;
    font-size: 10px;
    font-weight: bold;
    margin-bottom:  2px;
    border:         2px solid red;
    padding:        2px;
}

.errormsg {
	color: red;
	font-weight: bold;
}

.chartException {
    color:       red;
    font-size:   10px;
    font-weight: bold;
    margin-bottom:  2px;
    border:         2px solid red;
    padding:        2px;
}

.inputException {
    color:          red;
    font-size:      10px;
    font-weight:    bold;
    margin-bottom:  2px;
    border:         2px solid red;
    padding:        2px;
}

/*  ====================== Header ============================= */
#head {	
    height: 25px;
    margin: 0;
    padding: 0;
    background-color: #103D64;
}

#headline {
    color: #4C7594;
    font-family: "Arial Black",Arial,Helvetica,sans-serif;
    font-weight: bold;
    line-height: 1.1em;
    padding-left: 5px;
    width: 533px;
}

.headline {
    border-top: 2px solid #CCe0f4;
    border-bottom: 2px solid #CCe0f4;
    color: #4C7594;
    /*font-weight: bold;*/
    font-size: 1.2em;
    padding: 10px;
}

#logo {	
	float:right;
    background-image: url( ../images/bsh_logo.gif );
    background-repeat: no-repeat;
    
	top:0px;	
    height: 170px;
    width: 75px;
    
}
#head a {
	clear:left;
}

.reload {
    margin-top: 10px;
}

#project {
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
	text-align: left;
    font-size: 1.2em;
    background-color: #e9e8f0;
}

#projectload {
    float: left;
    padding-left: 5px;
    visibility: hidden;
}

.devide {
    width: 100%;
    height: 2px;
}

.projectException {
    color:       red;
    font-size:   10px;
    font-weight: bold;
    margin-bottom:  2px;
    border:         2px solid red;
    padding:        2px;
}

#load_error {
    position:absolute;
    top:175px;   
    left:375px;
    width: 400px;
    text-align: left;
    
}

#project_load {
	position:absolute;
	top: 0px;
	left: 250px;
	width: 277px;
	border: 1px solid lightgray;
	visibility: hidden;
	padding: 5px;
}
	

#head h1, #head h2 {
    display: block;
    color: white;
    font-size: large;
    padding-left: 300px;
 	margin: 0;
    
    
}

div#header {
    background-color: #143B62;
    margin: 0;
    padding: 0;
    height: 50px;
}

div#header img {
    padding: 0;
    margin: 0;
    border-width: 0;
}

div#page {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;

}

.showContent {
    display: block;
}

.hideContent {
    display: none;
}

div#selection {
    float: left;
    width: 300px;
    margin-top: 30px;
}

div#diagram {
    float: left;
    position: absolute;
    top: 165px;
    left: 330px;
}

div.outerMap {
    position: absolute;
    top: 175px;
    left: 350px;
    width: 555px;
    height: 436px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.wms {
    position: relative;
    top: 0px;
    left: 0px;
    height: 30px;
    border: 1px solid red;
}

div#map {
    position: absolute;
    top: 65px;
    left: 0px;
    width: 555px;
    height: 381px;
    border: 1px solid #CCD5DE;
}

div.histogram {
    float: left;
    position: absolute;
    top: 165px;
    left: 330px;
}

div#export {
    width:        325px;
}

/* this is a wrapper for diagramoptions and statistics*/
div#diagrammAddOns {
    position: absolute;
    top: 600px;
    left: 300px;
}

div#diagramoptions {
    position: relative;
    width:    325px;
}

div#diagramOptionsContent {
    width : 325px;
}

div.statistics {
    position: absolute;
    top     : 33px;
    left    : 350px;
    width   : 325px;
}

div#statisticValues {
    width: 100%;
}

table#statistik_tab_0{
 position:relative;
 top:0px;
 left:0px;	
}
table#statistik_tab_1{
 position:absolute;
 top:30px;
 left:230px;	
}
table#statistik_tab_2{
	position:relative;
	top:-210px;
 	left:410px;	
}
table#statistik_tab_3{
 position:relative;
 top:-195px;
 left:0px;	
}
table#statistik_tab_4{
 position:absolute;
 top:260px;
 left:230px;	
}
table#statistik_tab_5{
	position:absolute;
	top:260px;
 	left:410px;	
}
table#statistik_tab_6{
 position:relative;
 top:-180px;
 left:0px;	
}
table#statistik_tab_7{
 position:absolute;
 top:485px;
 left:230px;	
}
table#statistik_tab_8{
	position:absolute;
	top:485px;
 	left:410px;	
}

div#basefilter {
    margin-top: 50px;
    width: 325px;
}

div#timeseriesfilter {
    margin-top: 1px;
    padding: 0px;
    width: 325px;
}

#timeRangeForm label {
    float: left;
    margin-right: 5px;
    text-align: left;
    width: 20px;
}

/* ---------- OVERLAY ------------------------- */
#overlay {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 100;
    background-color: white;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#overlayContent {
    visibility: hidden;
    position: relative;
    z-index: 101;
    width: 300px;
    margin: 150px auto;
    background-color: #fff;
    border: 1px solid #000;
    padding: 75px;
    text-align: right;
    background-image: url( ../images/bsh_logo.gif );
    background-repeat: no-repeat;

}

/* ----------------------------------- */