* {
	font-family: Calibri,Sans-Serif,Arial;
}

 #appHeader {
    display:block;
    width:100%;
    height:105px;
    background-color:#fff;
    position:absolute;
    top:0
}
 #appFooter{
    display:block;
    width:100%;
    height:0px;
    background-color:#fff;
    position:absolute;
    bottom:0
}
 html,body{
    overflow:visible;
    min-height:850px;
    background-color:#FAFAFA;
}
 #app{
    margin:0 auto
}
 #app .dijitMenuTable{
    border:0;
}
 #app .dijitMenuTable .dijitMenuItem{
    color:#000;
    background-color:#e8e8ea
}
 #app .dijitMenuTable .dijitMenuItemSelected:not(.dijitMenuItemDisabled), #app .dijitMenuTable .dijitMenuItemHover{
    font-weight:bold
}
 #app .dijitMenuTable:not(:first-child){
    border-left:1px solid #000
}
 #app .dijitMenuBar .dijitMenuItem{
    border:0;
    color:#000;
    background-color:#e8e8ea
}
 #app .dijitMenuBar .dijitMenuItem:not(:first-child){
    border-left:1px solid #000
}
 #app .dijitMenuBar .dijitMenuItemSelected:not(.dijitMenuItemDisabled), #app .dijitMenuBar .dijitMenuItemHover{
    font-weight:bold;
    -webkit-box-shadow:none;
    box-shadow:none
}
 #app .pdfView .dijitMenuTable .dijitMenuItem{
    background-color:#f2f2f2
}
 #app .pdfView .dijitMenuTable:not(:first-child){
    border-left:none
}
 #app .pdfView .dijitMenuTable .dijitMenuItemSelected{
    background-color:rgba(204,204,204,0.75)
}
 #app .pdfView .dijitMenuTable .dijitMenuItemHover{
    background-color:rgba(204,204,204,0.75)
}
 #app .appView > div > .menuBar.dijitContentPane{
    overflow-x:hidden;
    /*width:265px;*/
    background-color:#FAFAFA;
}
#app .dijitMenuBar, #app ~ .dijitDialog .dijitMenuBar {
    border: none;
    border-top: 2px solid #FAFAFA;
    border-bottom: 2px solid #FAFAFA;
}
#app .appView > div > .menuBar.dijitContentPane .dijitMenuTable{
    width:100%;
    border-left:0;
}
#app .appView > div > .menuBar.dijitContentPane .dijitMenuTable .dijitMenuItem{
    color:#000;
    background-color:transparent;
}
#app .appView > div > .menuBar.dijitContentPane .dijitMenuTable .dijitMenuItem.titleItemmi0{
    color:#000;
    font-weight:bold
}
#app .appView > div > .menuBar.dijitContentPane .dijitMenuTable .dijitMenuItemHover.titleItemmi0{
    color:#fff;
}
#app .appView > div > .menuBar.dijitContentPane .dijitMenuTable .dijitMenuItemDisabled *{
    opacity:1
}
#app .appView > div > .menuBar.dijitContentPane .dijitMenuTable .dijitMenuItemSelected:not(.dijitMenuItemDisabled),#app .appView > div > .menuBar.dijitContentPane .dijitMenuTable .dijitMenuItemHover{
    color:white;
    font-weight:bold;
    background-color:#2670AA;
}

#app .dijitMenu .subItemmi1 .dijitMenuItemLabel, #app ~ .dijitDialog .dijitMenu .subItemmi1 .dijitMenuItemLabel {
	padding-left: 20px;
}

.legendNode > span{
    margin-right:10px;
}
.legendNode > span > span:first-child{
    position:relative;
    top:5px;
    margin-right:5px
}
.stationView h1{
    max-width:100%;
     font-size:22px;
}
.stationView .menuBar.dijitContentPane{
    padding-right:10px;
    padding-left:10px;
    background:transparent
}
.stationView .backButton.dijitButton{
    float:left;
    margin:0;
    margin-top:35px;
    margin-right:20px;
}
.stationView .backButton.dijitButton .dijitButtonNode{
    color:#000;
    background-color:#F2F2F2;
    text-shadow:none;
    border:none
}
.stationView .importantNote.dijitContentPane{
    padding-top:0;
    padding-bottom:0;
    color:#f00
}
#app .layerView .dgrid .dgrid-header{
    background-color:#F2F2F2
}
#app .layerView .dgrid .dgrid-row-even{
    background-color:#f9f9f9
}
#app .layerView .dgrid .dgrid-row:hover,#app .layerView .dgrid .dgrid-row:hover .dgrid-cell{
    background-color:#fecd41;
    color:#000;
    text-shadow:none
}
._stationMixin .titleBar.dijitContentPane .titleMaps .titleMap{
    width:153px
}
._stationMixin .titleBar.dijitContentPane .titleMaps .titleMap:first-child{
    width:133px
}
.stationStatisticView .tableNode{
    margin-right:30px;
    display:inline-table;
    border-collapse:collapse;
}
.stationStatisticView .tableNode td{
    padding:6px;
    border:2px solid #e8e8ea
}
.stationStatisticView .tableNode td:not(:first-child){
    text-align:right
}
.stationStatisticView .tableNode tr:first-child > td{
    text-align:center;
    font-weight:bold
}
.startView .titleNode{
    color:#fff;
    font-size:larger;
    background-color:#616671;
    padding-left:10px
}
.startView .linkDialog{
    width:430px;
}
.startView .linkDialog .linkDialog .title{
    width:100%;
    font-size:1.4em;
    margin-bottom:12px
}
.startView .linkDialog .linkDialog .closeButton{
    cursor:pointer;
    float:right
}
.startView .linkDialog .linkDialog .link{
    width:400px;
    border:1px solid #F2F2F2;
    background-color:#fff;
    color:#000;
    line-height:18px;
    padding:3px
}
 
.yeti .searchBar td.dijitMenuItemLabel {
    padding: 6px 10px 6px;
}

#app .filterPane .dijitMenuBar .dijitMenuItem {
	padding: 6px 10px 6px;
}

.yeti .dijitMenuBar .dijitMenuItem111 {
    padding: 6px 10px 6px;
}

.sehrSchmal {
	width:70px; text-align:center;
}

.Schmal {
	width:150px; text-align:center;
}

.Breit {
	width:250px; text-align:left;
}

.sehrBreit {
	width:300px; text-align:left;
}

.dijitTooltipDialog.graphTooltip .dijitTooltipContainer .dijitTooltipContents .subTitle table td.value {
    text-align: right;
    padding: 0px 20px;
}

.dijitTooltipDialog.graphTooltip .dijitTooltipContainer .dijitTooltipContents .subTitle table td.date {
    width:120px;
}

.dijitTooltipDialog.graphTooltip .dijitTooltipContainer .dijitTooltipContents .subTitle table td.label {
    text-align: left;
}

.layerView .legendNode .remark {
	margin-top: 0px !important;
}

.layerView .searchBar .filter-label {
    display: inline-block;
    margin: 6px 1.5em 0 2.5em;
}

.dijitTooltipContainer div.subTitle {
	min-width: 250px;
	padding: 5px !important;
}

.dijitTooltipContainer div.subTitle table,
.dijitTooltipContainer div.subTitle td  {
	padding: 0px;
}

.dijitTooltipContainer div.subTitle td.label {
	text-align: left !important;
}
.dijitTooltipContainer div.subTitle td.value {
	text-align: right !important;
	
	padding: 0 7px !important;

}
.dijitTooltipContainer div.subTitle td.date {
	text-align: right !important;
	width: 100px;
}

#app .layerView .searchBar table.dijitSelect .dijitButtonContents {
	width: 100px;
}

.dijitTooltipContainer div.subTitleEmpty {
	display: none;
}

.mapNode .ol-overlaycontainer-stopevent .ol-scale-line {
	background-color: #2670AA;
	color: #fff;
}

.mapNode .ol-overlaycontainer-stopevent .ol-control:not(button) > button {
	background-color: #2670AA;
	color: #fff;
}

.mapNode .ol-overlaycontainer-stopevent .ol-scale-line .ol-scale-line-inner {
    color: #fff;
}

.layer-switcher .panel {
    background-color: #fff;
    margin-top: 35px;
    margin-right: 9px;
}


div.customDetails {
	max-width:none;
	padding-left:10px;
	font-size: 14px;
	line-height: 20px;
	color: #333;
}

div.customDetails .sDetails {
    display: inline-table;
    background-color: #fff;
    border-collapse: collapse;
	
}

div.customDetails table.sDetails  {
    display: inline-table;
    border-collapse: collapse;
	width: 100%;
}

div.customDetails .sDetails td.head {
	border: 1px solid #fff;
    background-color: #E8E8EA;
	max-width: 50%;
}

div.customDetails .sDetails td.content {
	border: 1px solid #fff;
    background-color: #f2f2f2;
	width:50%;
}

div.customDetails .sDetails td.topic {
	padding-top: 10px;
	border: 1px solid #fff;
    background-color: #fff;
	font-weight: bold;
	width:100%;
}

div.customDetails .sDetails td.picView {
    background-color: #fff;
	border: 1px solid #fff;
	padding-top:10px;
}

.yeti td.dijitMenuItemLabel {
    padding: 4px 0.3em;
}

.StationImages .dijitLayoutContainer .dijitContentPane {
	padding: 0px;
}

.StationImages .dijitLayoutContainer img {
    max-height: 95%;
}

.customDetails{
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;

}

.customDetails .sDetails{
    font-size:16px;
    width: 800px;

}
.customDetails .sDetails tr{
    height: 35px;
    line-height: 20px;
}
.customDetails .sDetails .mapView .mapViewContent{
    width: 100%;
}

.customDetails .sDetails .head{
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    width: 400px;

}

.customDetails .sDetails .content{
    text-align: left;
    padding-left: 20px;
    width: 100px;
}


.customDetails .StationImages{
    width: 800px;
    height: 650px;


}

.customDetails .mainImage{
    width: 800px;
    height: 550px;
}