@charset "utf-8";

/* css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button{
  font:normal 1em arial, helvetica, sans-serif;
  color:#262626;
  margin: 0;
  padding: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  border: 0;
}

/* iphone font-size hack */
@media only screen and (max-device-width: 480px) {
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { -webkit-text-size-adjust:none; }
}

h1, h2, h3, h4, h5, h6, strong      {font-weight:bold; font-size: 11px;}
em                                  {font-style:italic;}
sup                                 {line-height:0;font-size: 80%; vertical-align: super; }
sub                                 {line-height:0;font-size: 80%; vertical-align: sub;}
ol, ul                              {list-style: none;}
:focus                              {outline: 0;}
body                                {background:#edece9;}
a                                   {text-decoration: none;}
a.nolink                            {color:red!important;}
/* //css reset */

/* Bingmaps embedded */
div.bingmap { width: 500px; overflow: hidden; position: relative; padding: 0 0 1.8125em 0; }
div.detail div.bingmap,
div.detail div.box_large { position: relative; left: -8px; }

div.bingmap div.mapContainer.embedded { position: relative; width: 512px; height: 288px; margin: auto; }

div.bingmap div.border-top { width: 528px; height: 8px; background: url(/static/img/bg/bg_picture_gallery_borders.png) left 0 no-repeat; float: left; overflow: hidden; }
div.bingmap div.border-bottom { width: 528px; height: 8px; background: url(/static/img/bg/bg_picture_gallery_borders.png) left -12px no-repeat; float: left; overflow: hidden; }
div.bingmap-layer div.border-top { width: 870px; background: #2b2b2c; }
div.bingmap-layer div.border-bottom { width: 870px; background: #2b2b2c; }

div.bingmap div.content { width: 528px; background: #2b2b2c; overflow: hidden; }
div.bingmap div.body { width: 528px; overflow: hidden; position: relative; }
html.js div.bingmap div.body { height: 288px; }
div.bingmap div.footer { width: 528px; height: 28px; overflow: hidden; position: relative; }
div.bingmap div.footer ul li { width: 20px; height: 20px; display: inline; float: left; overflow: hidden; }
div.bingmap div.footer ul li a { height: 20px; background: url(/static/img/ico/ico_picture_gallery.png) 0 0 no-repeat; text-decoration: none; display: block; text-indent: -999em; overflow: hidden; }

div.bingmap ul.functions { display: none; }
html.js div.bingmap ul.functions { display: block; position: absolute; right: 8px; top: 6px; }
html.js div.bingmap ul.functions li { margin: 0 0 0 8px; width: 180px; }
html.js div.bingmap ul.functions li.detail a { background: none; }
html.js div.bingmap ul.functions li.detail a span.ico_detail { position: absolute; right: 2px; top: 4px; display: block; height: 20px; width: 22px; background: url(/static/img/ico/ico_picture_gallery.png) -4px -107px no-repeat; }
html.js div.bingmap ul.functions li.detail a:hover span.ico_detail,
html.js div.bingmap ul.functions li.detail a:focus span.ico_detail { background-position: -34px -107px; }
html.js div.bingmap ul.functions li.detail a { text-indent: 0; }
html.js div.bingmap ul.functions li.detail a span { color: #9A9A9A; font-size: 0.6875em; font-weight: bold; }
html.js div.bingmap ul.functions li.zoom a { background-position: -5px -130px; }
html.js div.bingmap ul.functions li.zoom a:focus,
html.js div.bingmap ul.functions li.zoom a:hover { background-position: -35px -130px; }

/* Bingmaps Detailseite */
div.mapContainer { position: relative; padding: 30px 0 10px; }
div.mapContainer.embedded p.notify_global span.c1,
div.mapContainer.embedded p.notify_global span.c2,
div.mapContainer.embedded p.notify_global span.c3,
div.mapContainer.embedded p.notify_global span.c4 { background: none; }

div.mapContainer.embedded p.notify_mark { top: 80px; }

div.mapContainer.embedded p.notify_mark span.notify_text { padding: 3.1428em 0.5em 0.3571em 2em }
div.mapContainer.embedded p.notify_mark span.c4 span.excl_mark { top: 75%; left: 10px; }

div.mapContainer.map_512 p.notify_mark span.notify_text { padding: 0.75em 0.5em 1em 2em; }
div.mapContainer.map_512 p.notify_mark span.c4 span.excl_mark { top: 30px; left: 12px; }

div.mapContainer.map_854 p.notify_mark span.notify_text { padding: 1em 0.5em 1.25em 2em; }
div.mapContainer.map_854 p.notify_mark span.c4 span.excl_mark { top: 25px; left: 12px; }

div.mapContainer.map_962 { position: relative; left: -61px; }
div.mapContainer.map_962 p.notify_global.notify_mark { position: relative; left: 61px; }
div.mapContainer.map_962 p.notify_mark span.notify_text { padding: 1em 0.5em 1.25em 2em; }
div.mapContainer.map_962 p.notify_mark span.c4 span.excl_mark { top: 25px; left: 12px; }

.pin { cursor: pointer!important;}
.cluster { cursor: pointer!important;}
.MicrosoftMapDrawing svg path { cursor: pointer !important; }
.MicrosoftMap .shadowtextLight span { color: white !important; }
.MicrosoftMap .LogoContainer { display: none !important; }

.infobox { width: 285px; background: #fff; box-shadow: 2px 2px 8px #888; }
/* only ie8 */
@media \0screen {
    .infobox { filter: progid:DXImageTransform.Microsoft.Shadow(color = '#888888', Direction = 0, Strength = 1) progid:DXImageTransform.Microsoft.Shadow(color = '#888888', Direction = 90, Strength = 4) progid:DXImageTransform.Microsoft.Shadow(color = '#888888', Direction = 135, Strength = 4) progid:DXImageTransform.Microsoft.Shadow(color = '#888888', Direction = 280, Strength = 1); }
}
/* only ie 9 */
.infobox { box-shadow: -1px 1px 10px #888 \0/; }

.infobox_content { padding: 10px 15px; }
.infobox_content ul { margin: 0; }
.infobox_content ul li { line-height: 18px; }
.infobox_content ul li a { background: url(/static/img/bingmaps/list_arrow.png) no-repeat 0 2px; color: #007bc2; font-size: .75em; position: relative; padding-left: 10px; }
.infobox_content ul li a:hover { background: url(/static/img/bg/bg_arrows_sprite.png) 0 -228px no-repeat; color: #6b6b6b; }
.infobox_title { font-size: .75em; margin-right: 5px; display: inline-block; color: #000; margin-bottom: 2px; }
.infobox_title a:hover { font-weight: bold; clear: both; }
.infobox_title .teaser_picture { float: left; width: 120px; }
.infobox_title.compact .teaser_picture { width: 28px; }
.infobox_title .teaser_picture img { padding: 0; }
.infobox_title .teaser_headline { float: left; width: 130px; }
.infobox_title .teaser_headline .teaser_overline { color: #007bc2; }
.infobox_title.compact .teaser_headline { width: 222px; }
.infobox_title.compact .teaser_headline.single { margin-top: 2px; }
.infobox_title .teaser_headline .teaser_title { display: block; font-weight: bold; }
.infobox_title .teaser_headline .teaser_overline { font-weight: bold; }
.infobox_title .teaser_headline:hover .teaser_title,
.infobox_title .teaser_headline:hover .teaser_overline { color: #6b6b6b ! important; }

.infobox_img_big { margin: 7px 0 3px 0; }
.infobox img {margin-top: 5px;}
.infobox_description,
.infobox_content td { font-size: 11px; width: 123px; color: #000; }
.infobox_content td.clusterBox { width: 280px; }
.infobox a span.link_text, .infobox a span.link_webcam{ display: block;position: relative;font-weight: bold;color: #0086CB;font-size: 12px;margin-top: 3px;}
.infobox a span.link_text { padding-left: 9px; background: url(/wetter/img/ico/snow_region_link_pfeil.png) no-repeat scroll 1px 3px transparent; }
.infobox a:hover span.link_text { color: #777; background-position: 1px -11px; }
.infobox a span.link_webcam { padding-left: 25px; background: url(/wetter/img/wettercams/kamera.gif) no-repeat scroll 1px -3px transparent; }
.infobox_description a .teaser_icon { position: absolute; left: -1px; top: -4px;}
.infobox_description a .link_text { font-weight: bold; color: #000; }
.infobox_description a span.nowrap { font-weight: normal; display: none; }
.infobox_description a.link_br .link_text span.nowrap,
.infobox_description a.link_ard .link_text span.nowrap,
.infobox_description a.link_external .link_text span.nowrap { display: inline; }
.infobox_arrow { width: 35px; height: 29px; background: url(/static/img/bingmaps/infobox_arrow.png) no-repeat; }
.infobox_close { color: #777; font-size: 14px; font-family: Verdana, Sans-Serif; height: 16px; outline: medium none; position: absolute; right: 3px; top: 0px; text-align: center; text-decoration: none; width: 16px; }
.ScaleBarContainer .ScaleBar:first-child { display: none !important; }
.CopyrightContainer { font-size: 7pt !important; }

.NavBar_compassControlContainer { top: 7px !important; width: 50px !important; left: 12px !important; right: auto !important; z-index: 11; background:none!important;}
.NavBar_compass { color: #383838 !important; font-family: Arial, sans-serif !important; font-size: 14px !important; font-weight: bold !important; line-height: 44px !important; text-decoration: none !important; overflow: hidden !important; background: url(/static/img/bingmaps/bing_sprite.png) -1px -1px no-repeat !important; width: 44px !important; height: 44px !important; }
.NavBar_compass:hover { background-position: -1px -46px !important; }
.NavBar_compass.NavBar_compassN { background-position: -1px -1px !important; }
.NavBar_compass.NavBar_compassN:hover { background-position: -1px -46px !important; }
.NavBar_compass.NavBar_compassW { background-position: -46px -1px !important; }
.NavBar_compass.NavBar_compassW:hover { background-position: -46px -46px !important; }
.NavBar_compass.NavBar_compassS { background-position: -91px -1px !important; }
.NavBar_compass.NavBar_compassS:hover { background-position: -91px -46px !important; }
.NavBar_compass.NavBar_compassE { background-position: -136px -1px !important; }
.NavBar_compass.NavBar_compassE:hover { background-position: -136px -46px !important; }

.no_be .NavBar_rotateLeft, .no_be .NavBar_rotateRight { display: none !important; }
.NavBar_rotateLeft { background: url(/static/img/bingmaps/bing_sprite.png) -1px -217px no-repeat !important; width: 11px !important; height: 25px !important; text-decoration: none !important; margin: 10px 3px 0 0 !important; }
.NavBar_rotateLeft:hover { background-position: -1px -277px !important; }
.NavBar_rotateRight { background: url(/static/img/bingmaps/bing_sprite.png) -1px -247px no-repeat !important; width: 11px !important; height: 25px !important; text-decoration: none !important; margin: 10px 0 0 3px !important; }
.NavBar_rotateRight:hover { background-position: -1px -307px !important; }

.NavBar_zoomControlContainer { left: 71px !important; top: 13px !important; right: auto !important; background:none!important;display:inline;width:100px!important}
/*.NavBar_zoomControlContainer { width:300px!important;left: 61px !important; }*/
.NavBar_zoomDrop { display: none !important; }
.NavBar_zoomIn, .NavBar_zoomOut { background: url(/static/img/bingmaps/bing_sprite.png) !important; width: 23px !important; height: 23px !important; }
.NavBar_zoomIn { background-position: -1px -102px !important; margin-top: 4px !important; }
.NavBar_zoomOut { background-position: -1px -154px !important; margin-right: 8px !important; margin-top: 4px !important; }
.NavBar_zoomIn:hover { background-position: -1px -128px !important; }
.NavBar_zoomOut:hover { background-position: -1px -181px !important; }

.map_cfg { position: relative; right: -313px; top: -20px; width: 180px; }
.weathercam .map_cfg { right: -283px; width: 205px; }
.map_cfg_item { float: right; margin-right: 1px; }
.weathercam .map_cfg_item.first { margin-right: 0; }
.map_cfg_item .map_cfg_selector { background-color: #383838; /*IE8*/; background: rgba(68, 68, 68, .8); height: 27px; padding: 0 35px 0 15px; cursor: pointer; border-radius: 2px; position: relative; }
.map_cfg_item .map_cfg_selector:hover { background-color: #2c2c2c /*IE8*/; background: rgba(68, 68, 68, .95); color: #6b6b6b; }
.map_cfg_item .map_cfg_selector .text { line-height: 27px; color: #fff; font-size: .6875em; font-weight: bold; }
.map_cfg_item .map_cfg_selector .arrow { background: url(/static/img/bingmaps/bing_sprite.png) 0 -344px no-repeat; width: 13px; height: 8px; position: absolute; right: 15px; top: 9px; }
.map_cfg_item.active .map_cfg_selector { background: #f1f1f1; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: 1px 1px 1px 0 #bbb; }
.map_cfg_item.active .map_cfg_selector .text { color: #000; }
.map_cfg_item.active .map_cfg_selector .arrow { background-position: 0 -358px; }

.map_cfg_panel { background: #f1f1f1; font-size: .6875em; position: absolute; box-shadow: 1px 1px 1px 0 #bbb; display: none; width: 100%; left: 0; }
.weathercam .map_cfg_panel { left: auto; }
.map_cfg_item.first .map_cfg_panel { right: 0; }
.map_cfg_item.active .map_cfg_panel { display: block; }
.weathercam .map_cfg_item.active .map_cfg_panel {width: 203px; }
.map_cfg_panel_items { padding: 10px 15px; }
.map_cfg_panel_items ul { padding-top: 7px; }
.map_cfg_panel_items li { margin-bottom: 7px; }
.map_cfg_panel_items li.last { margin-bottom: 0 !important; }
.map_cfg_panel_items ul li { margin-bottom: 5px; }
.map_cfg_panel_items li a { display: block; text-decoration: none !important; }
.map_cfg_panel_items li a:hover { color: #777; }
.map_cfg_panel_items li .checkbox .icon { position: absolute; display: block; width: 14px; height: 14px; background: url(/static/img/bingmaps/bing_sprite.png) -1px -384px no-repeat; }
.map_cfg_panel_items li .checkbox.active .icon { background-position: -1px -403px; }
.map_cfg_panel_items li .checkbox .text { font-size:11px; padding-left: 20px; line-height: 14px; }
.map_cfg_panel_items li .radiobutton .icon { position: absolute; display: block; width: 14px; height: 14px; background: url(/static/img/bingmaps/bing_sprite.png) -1px -422px no-repeat; }
.map_cfg_panel_items li .radiobutton.active .icon { background-position: -1px -440px; }
.map_cfg_panel_items li .radiobutton .text { padding-left: 20px; line-height: 14px; }




li.map_style.active a { color: #777!important; cursor: default; }
.filter_items li { margin-bottom: 15px; }
.legend_items li.last { margin-bottom: 4px; }

.map_cfg_panel_items .legend { padding-left: 22px; position: relative; }
.map_cfg_panel_items .legend .icon { background: url(/wetter/img/bingmap/pin_legende.png) no-repeat; width: 20px; height: 20px; position: absolute; left: -7px; top: -2px; }
.map_cfg_panel_items .legend.pinStyle1 .icon { background-position: 0 -1px }
.map_cfg_panel_items .legend.pinStyle2 .icon { background-position: 0 -23px; }
.map_cfg_panel_items .legend.pinStyle3 .icon { background-position: 0 -45px; }
.map_cfg_panel_items .legend.pinStyle4 .icon { background-position: 0 -65px; }

.map_disclaimer_shadow { position: absolute; bottom: 4px; left: 6px; letter-spacing: .11em;font-size: 22px !important; color: #888 !important; }
.map_disclaimer { position: absolute; bottom: 5px; left: 5px; font-size: 22px !important; color: #fff !important; text-decoration: none !important; text-shadow: #888 3px 3px 5px; }
.map_disclaimer:hover { color: #fff !important; }
.filter_hint { background-color: #383838; /*IE8*/; background: rgba(68, 68, 68, .8); position: absolute; bottom: 0; width: 100%; }
.filter_hint a { font-size: .6875em; font-weight: bold; color: #fff; text-decoration: none !important; float: right; margin-right: 6px; height: 22px; line-height: 22px; }
.filter_hint a:hover { color: #fff !important; }

.bing_switch {background-color:#E1E3EF;padding:0.275em 1em;border:solid 1px #000;float:right;}
div.TimeStamp span.quelle {border: 0px;float: left;}
.schneehoehe div.ansicht {padding:0 0 1.875em;}
p.link_schneehoehe {color: #0E1355; margin: 1.25em 0 2.75em;}
p.link_schneehoehe a {background-image: url(/wetter/img/teaserpfeil.gif); background-repeat: no-repeat; color: #0E1355; font: bold 0.675em verdana,arial,helvetica,sans-serif; padding-left: 13px; text-decoration: underline;}
div#mapFooter { margin-top: 12px; float: right; display: block; }
div#mapFooter ul li span { 
    background-color: #E1E3EF !important;
    border: 1px solid #0E1355 !important;
    color: #424E7D !important;
    font: 0.7em/1.4 verdana,arial,helvetica,sans-serif;
    margin-top: 0.2em !important;
    padding: 0.2em 0.8em !important;
    text-decoration: none !important;
    vertical-align: top !important;
    cursor:pointer;
    display: block;
}