div.openlayerMap {
    width:500px;
    height:500px;
    background-color:rgb(244, 242, 238);
}

div.olMap {
    z-index: 0;
    padding: 0 !important;
    margin: 0 !important;
    cursor: default;
}

div.olErrorPopup{
    width:200px;
    height:40px;
    -moz-border-radius:10px; /* Firefox */
    -webkit-border-radius:10px; /* Safari, Chrome */
    -khtml-border-radius:10px; /* Konqueror */
    border-radius:10px; /* CSS3 */
    border:1px solid #ccc;
    background-color:#fff;
    position:absolute;
    top:410px;
    left:310px;
    z-index:1000;
    font:normal .8em verdana,arial,helvetica,sans-serif;
    padding:20px;
}

div.olMarker{
    width:100%;

}
div.olRegionMarker{
    text-shadow: 0 -1px #DEDEDE, 1px 0 #DEDEDE, 0 1px #DEDEDE, -1px 0 #DEDEDE;
    font:normal 1em arial,helvetica,sans-serif;
    color:#666;
    text-align:center;
    width:150px;
    background-color /*\**/: #ccc\9;
    filter: progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc)
    progid:DXImageTransform. DropShadow(offX=-1,offY=-1,color=#DEDEDE, strength:0);
}

div.olRegionMarker a{
    color:#0082C6;
    float:left;
    background-image: url(/wetter/img/openlayer/lupe.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 20px;
    font-size:1em;
    text-shadow: 0 -1px #FFFFFF, 1px 0 #FFFFFF, 0 1px #FFFFFF, -1px 0 #FFFFFF;
}

div.olRegionActive{
    color:#0082C6!important;
    text-shadow: 0 -1px #FFFFFF, 1px 0 #FFFFFF, 0 1px #FFFFFF, -1px 0 #FFFFFF!important;
    background-color /*\**/: #ccc\9;
    filter: progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc)
    progid:DXImageTransform. DropShadow(offX=-1,offY=-1,color=#ffffff, strength:0);
}

div.olPin{
    width:54px;
    height:59px;
    margin-right:auto;
    margin-left:auto;
}

.bayern_tag_nacht{
    background-image: url(/wetter/img/openlayer/pins/pin-bayern_tag_nacht.png);
    background-repeat: no-repeat;
    background-position: center;
}

.bayern_tag{
    background-image: url(/wetter/img/openlayer/pins/pin-bayern_tag.png);
    background-repeat: no-repeat;
    background-position: center;
}

.bayern_nacht{
    background-image: url(/wetter/img/openlayer/pins/pin-bayern_nacht.png);
    background-repeat: no-repeat;
    background-position: center;
}

.umland_tag_nacht{
    background-image: url(/wetter/img/openlayer/pins/pin-umland_tag_nacht.png);
    background-repeat: no-repeat;
    background-position: center;
}

.umland_tag{
    background-image: url(/wetter/img/openlayer/pins/pin-umland_tag.png);
    background-repeat: no-repeat;
    background-position: center;
}

.umland_nacht{
    background-image: url(/wetter/img/openlayer/pins/pin-umland_nacht.png);
    background-repeat: no-repeat;
    background-position: center;
}

div.olPin img{
    height:30px;
    width:34px;
    border:none;
    margin-left:9px;
    margin-top:3px
}
div.olPin div{
    padding-top:0px;
    font-weight:bold;
    font-size:102%;
    color:#fff;
}

div.olPin div.werteContainer{
    position:relative;
}

div.olPin div.t1{
    padding-left:3px;
    text-align:center;
    float:left;
    position:relative;
    top:0px;
}

div.olMarker div.station_umland{
    text-align:center;
    color:#666;
    height:1.em;
    font-size: 105%;
    font-weight: bold;
    text-shadow: 0 -1px #FFFFFF, 1px 0 #FFFFFF, 0 1px #FFFFFF, -1px 0 #FFFFFF;
    background-color /*\**/: #ccc\9;
    filter: progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc)
    progid:DXImageTransform. DropShadow(offX=-1,offY=-1,color=#ffffff, strength:0);
}

div.olMarker div.station_bayern{
    text-align:center;
    color:#000;
    height:1.em;
    font-size: 105%;
    font-weight: bold;
    text-shadow: 0 -1px #FFFFFF, 1px 0 #FFFFFF, 0 1px #FFFFFF, -1px 0 #FFFFFF;
    background-color/*\**/: #ccc\9;
    filter: progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc)
    progid:DXImageTransform. DropShadow(offX=-1,offY=-1,color=#ffffff, strength:0);
}

div.olMapViewport {
    text-align: left;
    z-index: 1;
}

div.olLayerDiv {
    -moz-user-select: none;
    -khtml-user-select: none;
}

.olLayerGoogleCopyright {
    left: 2px;
    bottom: 2px;
}
.olLayerGoogleV3.olLayerGoogleCopyright {
    right: auto !important;
}
.olLayerGooglePoweredBy {
    left: 2px;
    bottom: 15px;
}
.olLayerGoogleV3.olLayerGooglePoweredBy {
    bottom: 15px !important;
}
.olControlAttribution {
    font-size: smaller;
    right: 3px;
    bottom: 4.5em;
    position: absolute;
    display: block;
}
.olControlScale {
    right: 3px;
    bottom: 3em;
    display: block;
    position: absolute;
    font-size: smaller;
}
.olControlScaleLine {
    display: block;
    position: absolute;
    left: 10px;
    bottom: 15px;
    font-size: xx-small;
}
.olControlScaleLineBottom {
    border: solid 2px black;
    border-bottom: none;
    margin-top:-2px;
    text-align: center;
}
.olControlScaleLineTop {
    border: solid 2px black;
    border-top: none;
    text-align: center;
}

.olControlPermalink {
    right: 3px;
    bottom: 1.5em;
    display: block;
    position: absolute;
    font-size: smaller;
}

div.olControlMousePosition {
    bottom: 0;
    right: 3px;
    display: block;
    position: absolute;
    font-family: Arial;
    font-size: smaller;
}

.olControlOverviewMapContainer {
    position: absolute;
    bottom: 0;
    right: 0;
}

.olControlOverviewMapElement {
    padding: 10px 18px 10px 10px;
    background-color: #00008B;
    -moz-border-radius: 1em 0 0 0;
}

.olControlOverviewMapMinimizeButton,
.olControlOverviewMapMaximizeButton {
    height: 18px;
    width: 18px;
    right: 0;
    bottom: 80px;
    cursor: pointer;
}

.olControlOverviewMapExtentRectangle {
    overflow: hidden;
    background-image: url("http://www.openlayers.org/img/blank.gif");
    cursor: move;
    border: 2px dotted red;
}
.olControlOverviewMapRectReplacement {
    overflow: hidden;
    cursor: move;
    background-image: url("http://www.openlayers.org/img/overview_replacement.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.olLayerGeoRSSDescription {
    float:left;
    width:100%;
    overflow:auto;
    font-size:1.0em;
}
.olLayerGeoRSSClose {
    float:right;
    color:gray;
    font-size:1.2em;
    margin-right:6px;
    font-family:sans-serif;
}
.olLayerGeoRSSTitle {
    float:left;font-size:1.2em;
}

.olPopupContent {
    padding:5px;
    overflow: auto;
    z-index:1000;
}

.olControlNavigationHistory {
    background-image: url("http://www.openlayers.org/img/navigation_history.png");
    background-repeat: no-repeat;
    width:  24px;
    height: 24px;

}
.olControlNavigationHistoryPreviousItemActive {
    background-position: 0 0;
}
.olControlNavigationHistoryPreviousItemInactive {
    background-position: 0 -24px;
}
.olControlNavigationHistoryNextItemActive {
    background-position: -24px 0;
}
.olControlNavigationHistoryNextItemInactive {
    background-position: -24px -24px;
}

div.olControlSaveFeaturesItemActive {
    background-image: url(http://www.openlayers.org/api/theme/default/img/save_features_on.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
}
div.olControlSaveFeaturesItemInactive {
    background-image: url(http://www.openlayers.org/api/theme/default/img/save_features_off.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
}

.olHandlerBoxZoomBox {
    border: 2px solid red;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}
.olHandlerBoxSelectFeature {
    border: 2px solid blue;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}

.olControlPanPanel {
    top: 10px;
    left: 15px;
}

.olControlPanPanel:hover {
    background: url(/wetter/img/openlayer/bing_sprite.png) no-repeat 5px -44px;
}

.olControlPanPanel{
    background: url(/wetter/img/openlayer/bing_sprite.png) no-repeat 5px 1px;
    height: 47px;
    width: 50px;
    cursor: pointer;
    position: absolute;
}

.olControlPanPanel div{
    position:absolute;
    cursor: pointer;
}

.olControlPanPanel .olControlPanNorthItemInactive {
    top: 0;
    left: 15px;
    height: 20px;
    width: 25px;
}
.olControlPanPanel .olControlPanSouthItemInactive {
    top: 33px;
    left: 15px;
    height: 20px;
    width: 25px;
}
.olControlPanPanel .olControlPanWestItemInactive {
    top: 15px;
    left: 0;
    height: 15px;
    width: 25px;
}
.olControlPanPanel .olControlPanEastItemInactive {
    height: 15px;
    width: 25px;
    top: 15px;
    left: 30px;
}

.olControlZoomPanel {
    top: 71px;
    left: 14px;
}

.olControlZoomPanel div {
    background-image: url(http://www.openlayers.org/api/theme/default/img/zoom-panel.png);
    position: absolute;
    height: 18px;
    width: 18px;
    cursor: pointer;
}

.olControlZoomPanel .olControlZoomInItemInactive {
    top: 0;
    left: 0;
    background-position: 0 0;
}

.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
    top: 18px;
    left: 0;
    background-position: 0 -18px;
}

.olControlZoomPanel .olControlZoomOutItemInactive {
    top: 36px;
    left: 0;
    background-position: 0 18px;
}

/*
 * When a potential text is bigger than the image it move the image
 * with some headers (closes #3154)
 */
.olControlPanZoomBar div {
    font-size: 1px;
}

.olPopupCloseBox {
    background: url("/wetter/img/openlayer/close.png") no-repeat;
    cursor: pointer;
}
.olPopup{
    width:288px;
}

.olFramedCloudPopupContent {
    padding: 5px;
    overflow: auto;
}

.olControlNoSelect {
    -moz-user-select: none;
    -khtml-user-select: none;
}

.olImageLoadError {
    visibility:hidden !important;
}

.myImageLoadError {
    visibility:hidden !important;
}

/**
 * Cursor styles
 */

.olCursorWait {
    cursor: wait;
}
.olDragDown {
    cursor: move;
}
.olDrawBox {
    cursor: crosshair;
}
.olControlDragFeatureOver {
    cursor: move;
}
.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
    cursor: -moz-grabbing;
}

/**
 * Layer switcher
 */
.olControlLayerSwitcher {
    position: absolute;
    top: 25px;
    right: 0;
    width: 20em;
    font-family: sans-serif;
    font-weight: bold;
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    font-size: smaller;
    color: white;
    background-color: transparent;
}

.olControlLayerSwitcher .layersDiv {
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-right: 10px;
    background-color: darkblue;
}

.olControlLayerSwitcher .layersDiv .baseLbl,
.olControlLayerSwitcher .layersDiv .dataLbl {
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
}

.olControlLayerSwitcher .layersDiv .baseLayersDiv,
.olControlLayerSwitcher .layersDiv .dataLayersDiv {
    padding-left: 10px;
}

.olControlLayerSwitcher .maximizeDiv,
.olControlLayerSwitcher .minimizeDiv {
    width: 18px;
    height: 18px;
    top: 5px;
    right: 0;
    cursor: pointer;
}

.olBingAttribution {
    color: #DDD;
}
.olBingAttribution.road {
    color: #333;
}

.olGoogleAttribution.hybrid, .olGoogleAttribution.satellite {
    color: #EEE;
}
.olGoogleAttribution {
    color: #333;
}
span.olGoogleAttribution a {
    color: #77C;
}
span.olGoogleAttribution.hybrid a, span.olGoogleAttribution.satellite a {
    color: #EEE;
}

/**
 * Editing and navigation icons.
 * (using the editing_tool_bar.png sprint image)
 */
.olControlNavToolbar ,
.olControlEditingToolbar {
    margin: 5px 5px 0 0;
}
.olControlNavToolbar div,
.olControlEditingToolbar div {
    background-image: url("img/editing_tool_bar.png");
    background-repeat: no-repeat;
    margin: 0 0 5px 5px;
    width: 24px;
    height: 22px;
    cursor: pointer
}
/* positions */
.olControlEditingToolbar {
    right: 0;
    top: 0;
}
.olControlNavToolbar {
    top: 295px;
    left: 9px;
}
/* layouts */
.olControlEditingToolbar div {
    float: right;
}
/* individual controls */
.olControlNavToolbar .olControlNavigationItemInactive,
.olControlEditingToolbar .olControlNavigationItemInactive {
    background-position: -103px -1px;
}
.olControlNavToolbar .olControlNavigationItemActive ,
.olControlEditingToolbar .olControlNavigationItemActive  {
    background-position: -103px -24px;
}
.olControlNavToolbar .olControlZoomBoxItemInactive {
    background-position: -128px -1px;
}
.olControlNavToolbar .olControlZoomBoxItemActive  {
    background-position: -128px -24px;
}
.olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
    background-position: -77px -1px;
}
.olControlEditingToolbar .olControlDrawFeaturePointItemActive {
    background-position: -77px -24px;
}
.olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
    background-position: -51px -1px;
}
.olControlEditingToolbar .olControlDrawFeaturePathItemActive {
    background-position: -51px -24px;
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive{
    background-position: -26px -1px;
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
    background-position: -26px -24px;
}

div.olControlZoom {
    position: absolute;
    top: 20px;
    left: 68px;
    padding: 2px;
}
div.olControlZoom a {
    margin: 1px;
    font-size: 1px;
}
div.olControlZoom a:hover {

}
@media only screen and (max-width: 600px) {
    div.olControlZoom a:hover {
        background: rgba(0, 60, 136, 0.5);
    }
}
a:link.olControlZoomIn {
    padding:0 0 24px 24px;
    background: url(/wetter/img/openlayer/bing_sprite.png) no-repeat -1px -100px; cursor: pointer;
}
a:link.olControlZoomOut {
    padding:0 0 24px 24px;
    background: url(/wetter/img/openlayer/bing_sprite.png) no-repeat -1px -152px; cursor: pointer;
}

a:hover.olControlZoomIn {
    background: url(/wetter/img/openlayer/bing_sprite.png) no-repeat -1px -126px; cursor: pointer;
}
a:hover.olControlZoomOut {
    background:url(/wetter/img/openlayer/bing_sprite.png) no-repeat -1px -179px; cursor: pointer;
}


/**
 * Animations
 */

.olLayerGrid .olTileImage {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

/* Custom Button */
.olControlPanel{
    position:absolute;
    width:33px;
    height:35px;
    left:127px;
    top:18px;
}

.olControlButton1ItemInactive{
    height:35px;
    width:33px;
    background: url(/wetter/img/openlayer/bing_sprite.png) no-repeat -1px -460px; cursor: pointer;
}
.olControlButton1ItemInactive:hover{
    background: url(/wetter/img/openlayer/bing_sprite.png) no-repeat -34px -460px; cursor: pointer;
}

#chicken_FrameDecorationDiv_4{
    bottom:5px!important;
}

#chicken_GroupDiv{
    z-index:1000;
}

.popupContent{

    z-index:1000;
    font: normal 1em arial, helvetica, sans-serif;
}

.popupContent div.content{
    font: normal .70em arial, helvetica, sans-serif;
}

.popupContent h4{
    font: bold .75em arial, helvetica, sans-serif;
}
/* Scalebar CSS */
.olControlScaleBar {
    bottom: 40px;
    left: 10px;
    font-family: sans-serif;
    color: #000;
}

.olControlScaleBarBar {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarBarAlt {
    height: 1px;
    top: 14px;
    background: #333;
}

.olControlScaleBarMarkerMajor {
    height: 7px;
    width: 1px;
    top: 11px;
    background: #333;
}

.olControlScaleBarMarkerMinor {
    height: 5px;
    width: 1px;
    top: 12px;
    background: #333;
}

.olControlScaleBarNumbers{
    left: -20px !important;
}

.olControlScaleBarNumbersBox {
    width: 40px;
    height: 13px;
    top: 21px;
    font-size: 0.7em;
}

.olControlScaleBarLabelBox {
    top: -2px;
    height: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 0.7em;
    font-variant: small-caps;
}

.olControlScaleBarLabelBoxSingleLine {
    height: 15px;
    width: 35px;
    top: 5px;
    left: 10px;
    font-size: 0.7em;
    font-variant: small-caps;
}

.olCopyright{
    text-align: right;
    padding-right: 5px;
    font-size: 0.7em;
    position: relative;
    top: -15px;
    z-index: 1000;
}

.olCopyright a {
    color: rgb(136, 133, 133);
    font-size: 0.8em!important;
}

.olCopyright a:hover {
    color: #666;
}