@import 'cms.css';
@import 'suche.css';
@import 'buttons.css';
@import 'liftstatus.css';
@import 'jobs.css';
@import 'autocomplete.css';
@import 'webcams.css';

/* Allgemeine Einstellungen - HTML Elemente */

html, body                      { color: #000; font-size: 12px; font-family: Tahoma; line-height: 1.5em; margin: 0; padding: 0; height: 100% }
input, textarea, select, option              { font-size: 12px; font-family: Arial; text-decoration: none }
a         { color: #21427b; text-decoration: none }
a:hover       { text-decoration: underline }
table, td, p          { font-size: 12px; font-family: Tahoma; line-height: 1.5em; margin: 0; padding: 0 }
.clear {clear: both; margin: 0;padding:0;}
.body       { background-color: #6a9fd5; background-image: url("../de/images/bg-verlauf.gif"); background-repeat: repeat-x; background-position: left top; text-align: center; margin: auto; width: 100%; height: 100% }
/* Content */
#wrapper                 { text-align: center; margin: auto; position: absolute; z-index: 50; top: 0; left: 0; width: 100%; height: 100% }
#background                   { background-image: url("../de/images/shadow_topverlauf.gif"); background-repeat: no-repeat; background-position: left top; text-align: center; margin: auto; padding: 0; width: 1000px; height: 530px }
#wrappercontainer                   { text-align: center; margin: auto; position: relative; z-index: 80; top: 0; left: 0; width: 100%; min-height: 100% }
#container                                { background-image: url("../de/images/bg-white.gif"); background-repeat: repeat-x; background-position: left 28px; text-align: center; margin: auto; width: 980px; min-height: 530px; overflow: visible }
#top    { width: 980px; height: 28px }
#header        { width: 980px; height: 260px }

/* Standard */
#middle           { background-color: #fff; background-image: url("../de/images/titel-welle.gif"); background-repeat: no-repeat; background-position: right 24px; text-align: left; width: 980px }
#middle .left           { text-align: left; padding-top: 53px; padding-bottom: 15px; width: 225px; float: left }
#middle .content    { text-align: left; margin-right: 15px; margin-left: 15px; padding-bottom: 15px; width: 500px; float: left }
#middle .contentlarge     { text-align: left; margin-right: 15px; margin-left: 15px; padding-bottom: 15px; width: 725px; float: left }
#middle .right       { text-align: left; padding-top: 50px; padding-bottom: 15px; width: 225px; float: left }

/* Für Feratel Daten*/
#middle_extended          { background-color: #fff; background-repeat: no-repeat; background-position: right 24px; text-align: left; width: 980px }
#middle_extended   .left        { text-align: left; padding-top: 53px; padding-bottom: 15px; width: 225px; float: left }
#middle_extended   .content    { text-align: left; margin-right: 15px; margin-left: 15px; padding-bottom: 15px; width: 500px; float: left }
#middle_extended   .contentlarge     { text-align: left; margin-right: 15px; margin-left: 15px; padding-bottom: 15px; width: 725px; float: left }
#middle_extended   .right        { text-align: left; padding-top: 50px; padding-bottom: 15px; float: left }

#footer                     { background-color: #78a8d9; background-image: url("../de/images/bg-footer.gif"); background-repeat: repeat-x; background-position: left top; margin: auto; width: 100%; height: 142px; border-color:  }
/* Hauptmenü */
#content_menu                   { background-image: url("../de/images/bg-contentmenu.png"); background-repeat: repeat-x; background-position: left top; margin-top: 227px; position: absolute; z-index: 3000; width: 980px; height: 32px; behavior: url(../scripts/iepngfix.htc)            }
#content_menu ul         { list-style: none; margin: 0 0 0 225px; padding: 0; height: 32px }
#content_menu li        { margin: 0 0 0 0; padding: 0; float: left }
#content_menu a                        { color: #fff; font-size: 11px; font-family: Verdana; font-weight: bold; text-decoration: none; text-transform: uppercase; display: block; margin-top: 6px; margin-right: 10px; padding: 2px 12px; overflow: hidden }
#content_menu .current       { color: #fff; font-size: 11px; font-family: Verdana; font-weight: bold; text-decoration: none; background-image: url("../de/images/bg-menuhigh.gif"); background-repeat: repeat-x; background-position: left top; text-transform: uppercase; display: block; margin-top: 6px; margin-right: 10px; padding: 2px 12px; overflow: hidden }
#content_menu a:hover        { background-image: url("../de/images/bg-menuhigh.gif"); background-repeat: repeat-x; background-position: left top; text-transform: uppercase }
#content_menulogo            { margin-left: 740px; position: absolute; z-index: 3000 }

/* Submenu */
#submenu                      { margin-left: 14px; width: 200px }
#submenu ul               { list-style-type: none; list-style-image: none; margin: 0 0 10px; padding: 0; border-top: 1px solid #b7b7b7 }
#submenu .subitem     { list-style-type: none; margin: 0; padding: 0; border-bottom: 1px solid #b7b7b7 }
#submenu .submenu                            { color: #052851; font-size: 11px; font-family: "Trebuchet MS"; font-weight: bold; text-decoration: none; background-image: url("../de/images/point.gif"); background-repeat: no-repeat; background-position: 5px 6px; text-transform: uppercase; display: block; padding: 1px 5px 2px 15px }
#submenu .submenu:hover                { background-color: #ccced1 }
#submenu .submenu_current         { color: #004a7f; font-size: 11px; font-family: "Trebuchet MS"; font-weight: bold; text-decoration: none; background-color: #ccced1; background-image: url("../de/images/point.gif"); background-repeat: no-repeat; background-position: 5px 6px; text-transform: uppercase; list-style-type: none; display: block; padding: 1px 5px 2px 15px }
#submenu .submenu_back { color: #e2001a; font-size: 11px; font-family: "Trebuchet MS"; font-weight: bold; text-decoration: none; background-color: #ccced1; background-image: url("../de/images/point-back.gif"); background-repeat: no-repeat; background-position: 10px 13px; text-transform: uppercase; display: block; padding: 10px 20px 5px 25px }
#submenu .pageitem     { margin-top: 0; margin-right: 0; margin-left: 0; padding: 0 0 2px }
#submenu .pagemenu                   { color: #21427b; font-size: 11px; font-family: "Trebuchet MS"; font-weight: bold; text-decoration: none; background-image: url("../de/images/point-blue.gif"); background-repeat: no-repeat; background-position: 15px 9px; display: block; padding-top: 5px; padding-right: 20px; padding-left: 24px }
#submenu .pagemenu:hover       { color: #21427b; text-decoration: underline; background-image: url("../de/images/point-blue.gif"); background-repeat: no-repeat; background-position: 15px 9px }
#submenu .pagemenu_current     { color: #21427b; font-size: 11px; font-family: "Trebuchet MS"; font-weight: bold; text-decoration: underline; background-image: url("../de/images/point-blue.gif"); background-repeat: no-repeat; background-position: 15px 9px; display: block; padding-top: 5px; padding-right: 20px; padding-left: 24px }

/* Metamenu */
#metamenu                   { text-align: right; padding-top: 30px; width: 980px; float: left }
#metaclaim     {background-repeat: no-repeat; background-position: right top; text-align: right; padding-top: 35px; width: 980px; float: right }
#metalist       {float: right}
#metamenu a         { color: #2c3e50; font-size: 11px; font-weight: normal; text-decoration: none; text-align: right; float: left }
#metamenu a:hover      { color: #000; font-size: 11px; font-weight: normal; text-decoration: underline }
#metamenu .seperator      { background-image: url("../de/images/meta-seperator.gif"); background-repeat: no-repeat; background-position: left top; margin-top: 4px; margin-right: 7px; margin-left: 7px; width: 2px; height: 13px; float: left }

/* Langmenu */
#langmenu                  { text-align: left; height: 28px }
#langmenu a           { color: #8b9bb8; font-size: 10px; font-family: "Trebuchet MS", Tahoma; font-weight: bold; text-decoration: none; text-transform: uppercase; margin-top: 5px; float: left }
#langmenu a:hover      { color: #8b9bb8; text-decoration: underline; background-repeat: no-repeat; background-position: left top }
#langmenu .seperator         { background-image: url("../de/images/langseperator.gif"); background-repeat: no-repeat; background-position: left 1px; margin-top: 8px; margin-right: 7px; margin-left: 7px; width: 2px; height: 13px; float: left }
#langmenu #langselected        { color: #fff; text-decoration: underline; text-transform: uppercase }

/* Footer */
#footer_content         { background-image: url("../de/images/bg-footer-welle.gif"); background-repeat: no-repeat; background-position: left top; text-align: center; margin: auto; width: 1000px; height: 142px }
#footer_content .menu  { width: 1015px }

/* Imagepopup Navigation */
#navi_images            { text-align: right; margin: 0 10px 0 0; padding: 0; float: right }
#navi_images .next          { color: #fff; line-height: 14px; background-color: #052851; margin-right: 5px; padding: 2px 5px 4px; position: relative; float: left }
#navi_images .prev          { color: #fff; line-height: 14px; background-color: #052851; margin-right: 5px; padding: 2px 5px 4px; position: relative; float: left }
#navi_images .close             { color: #fff; font-weight: bold; line-height: 14px; background-color: #052851; background-image: url("../de/images/point-white.gif"); background-repeat: no-repeat; background-position: 5px 6px; text-transform: uppercase; padding: 3px 7px 3px 15px; position: relative; float: left }
/* Kontextinfo Allgemein */
#kontextflash {}
#kontext          { margin: 0; padding: 0 }
#kontext .info      { background-image: url("../de/images/shadow-kontext.gif"); background-position: left top; width: 225px }
#kontext .info .text         { padding: 20px }
#kontext .banner        { background-image: url("../de/images/shadow-kontext.gif"); background-position: left top; width: 225px }
#kontext .banner .flash       { margin-top: 15px; margin-left: 13px }
#kontext .link      { background-image: url("../de/images/point-round.gif"); background-repeat: no-repeat; background-position: left top; margin-right: 15px; margin-left: 13px; padding-bottom: 2px; padding-left: 22px }
#kontext .seperator          { line-height: 5px; background-color: #fff; margin-top: 5px; margin-bottom: 5px; height: 5px; overflow: hidden }
#kontext .liftstatus     { margin-right: 14px; margin-left: 14px }
#kontext .html      { margin-left: 14px }
#kontext .addtoany { margin-left: 14px }
/* Kontextinfo Panorama */
#kontext .panorama   { background-image: url("../de/images/shadow-kontext.gif"); background-repeat: no-repeat; background-position: left top; width: 225px }
#kontext .panorama .flash   { margin-left: 13px; padding-top: 15px }
#kontext .panorama .pano_titel      { background-color: #e1e1e1; display: block; padding: 5px }
#kontext .panorama .pano_titel a        { color: #6a6a6a; font-size: 11px; font-weight: bold; line-height: 120%; text-decoration: none; text-transform: uppercase; display: block; padding-right: 10px }
#kontext .panorama .pano_titel a:hover     { text-decoration: none; background-image: url("../de/images/point.gif"); background-repeat: no-repeat; background-position: right 2px }

/* Kontextinfo Wetter */
#kontext .wettertsr     { background-image: url("../de/images/shadow-kontext.gif"); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 225px; clear: both }
#kontext .wetterlink        { background-repeat: no-repeat; background-position: left top; position: absolute; z-index: 4000; width: 200px; height: 90px }
#kontext .wettertsr .tageswetter        { margin-right: 12px; margin-left: 13px; padding-top: 15px }
#kontext .wettertsr .tab a                      { color: #fff; font-size: 11px; font-family: "Trebuchet MS"; font-weight: bold; text-decoration: none; text-transform: uppercase; padding: 6px 10px 5px; position: relative; float: left; overflow: hidden; vertical-align: middle }
#kontext .wettertsr .tab                { color: #fff; background-color: #21427b; background-image: url("../de/images/bg-tab.gif"); background-repeat: repeat-x; background-position: left top; height: 29px; border-right: 1px solid #21427b; border-left: 1px solid #21427b }
#kontext .wettertsr .detail                      { background-color: #355c94; background-image: url("../de/images/bg-wetterteaser.gif"); background-repeat: repeat-x; background-position: left top; margin: 0; padding: 0; width: 200px; clear: both }
#kontext .wettertsr .detail  .temperatur               { color: #fff; font-size: 26px; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 28px; padding-top: 8px; padding-left: 10px; float: left; clear: both }
#kontext .wettertsr .detail  .symbol          { margin-top: 6px; margin-right: 25px; margin-left: 15px; float: right }
#kontext .wettertsr .detail  .status           { color: #fff; font-size: 11px; font-weight: normal; margin-bottom: 5px; margin-left: 10px; clear: both }

/* Kontextinfo Packageticker */
#kontext .packageticker    { background-image: url("../de/images/shadow-kontext.gif"); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 225px; clear: both }
#kontext .packageticker .packagelist        { margin-right: 12px; margin-left: 13px; padding-top: 15px }
#kontext .packageticker .packagelink { background-repeat: no-repeat; background-position: left top; position: absolute; z-index: 4000; width: 200px; height: 235px }
#kontext .packageticker .packagetab a                      { color: #fff; font-size: 11px; font-family: "Trebuchet MS"; font-weight: bold; text-decoration: none; text-transform: uppercase; padding: 6px 10px 5px; position: relative; float: left; overflow: hidden; vertical-align: middle }
#kontext .packageticker .packagetab                { color: #fff; background-color: #21427b; background-image: url("../de/images/bg-tab.gif"); background-repeat: repeat-x; background-position: left top; height: 29px; border-right: 1px solid #21427b; border-left: 1px solid #21427b }
#kontext .packageticker .packagedetail                     { background-color: #6194ca; background-image: url("../de/images/bg-wetterteaser.gif"); background-repeat: repeat-x; background-position: left top; margin: 0; padding: 1px 0 0; width: 200px; clear: both }
#kontext .packageticker .packagedetail  #buttonup       { margin: 0; padding: 0 1px }
#kontext .packageticker .packagedetail  #buttondown     { margin: 0; padding: 1px }
#kontext .packageticker .packageslider ul, #packageslider li{margin:0;padding:0;list-style:none;}
#kontext .packageticker .packageslider li      { background-image: url("../de/images/bg-packageticker.gif"); background-repeat: no-repeat; background-position: 1px top; width: 200px; height: 170px; overflow: hidden }
#kontext .packageticker .packageslider .packagebox     { padding: 5px }
#kontext .packageticker .packageslider .packagebox  .image   { float: left }
#kontext .packageticker .packageslider .packagebox .preisbutton { margin-left: 10px; float: left }
#kontext .packageticker .packageslider .packagebox .preisbutton .eur       { color: #fff; font-size: 12px; font-weight: normal; text-decoration: none; text-align: center; margin-top: 4px; width: 85px }
#kontext .packageticker .packageslider .packagebox .preisbutton .preis    { color: #fff; font-size: 18px; font-weight: bold; text-decoration: none; text-align: center; width: 85px }
#kontext .packageticker .packageslider .packagebox .preisbutton .preiszusatz       { color: #fff; font-size: 10px; text-align: center; width: 85px; height: 18px; overflow: hidden }
#kontext .packageticker .packageslider .packagebox  .titel   { color: #fff; font-weight: bold; text-decoration: none; display: block; padding-top: 5px; padding-bottom: 5px }
#kontext .packageticker .packageslider .packagebox  .leistung      { color: #fff; font-size: 11px; background-image: url("../de/images/bullet-packageticker.gif"); background-repeat: no-repeat; background-position: left 9px; padding-left: 8px }

/* Kontextinfo Servicelinks */
#kontext .service { background-image: url("../de/images/bg-kontext.gif"); background-repeat: repeat-x; background-position: left bottom; margin-right: 14px; margin-left: 14px; padding: 0; border: solid 1px #88929a }
#kontext .service .titel      { color: #6a6a6a; font-size: 11px; font-weight: bold; line-height: 120%; text-decoration: none; background-color: #e1e1e1; text-transform: uppercase; display: block; margin-bottom: 5px; padding: 5px }
#kontext .service .items         { margin-right: 5px; margin-bottom: 5px; margin-left: 7px }
#kontext .service .itemslink     { background-image: url("../de/images/point.gif"); background-repeat: no-repeat; background-position: left 3px; padding-left: 12px }


/* Kontextinfo Teaser */
#kontext .teaser         { background-image: url("../de/images/shadow-kontext.gif"); background-repeat: repeat-x; background-position: left top; padding: 0; width: 225px }
#kontext .teaser .tsr         { margin-right: 12px; margin-left: 13px; padding-top: 15px }
#kontext .teaser .tsr_image   { width: 200px }
#kontext .teaser .tsr_titel         { display: block; margin-bottom: 5px; padding: 5px; border-bottom: 1px solid #e3e3e3 }
#kontext .teaser .tsr_titel a         { font-size: 11px; font-weight: bold; line-height: 120%; text-decoration: none; text-transform: uppercase; display: block; padding-right: 10px }
#kontext .teaser .tsr_titel a:hover      { text-decoration: underline; background-position: left 2px }
#kontext .teaser .tsr_text     { font-size: 11px; padding: 5px; clear: both }

/* Sitemap */
#sitemap     { margin-right: 10px; margin-bottom: 15px; margin-left: 10px; padding-bottom: 15px }
#sitemap .sitemap_link        { color: #004a7f; font-size: 12px; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-transform: uppercase; display: block; padding-top: 8px; padding-bottom: 5px; position: relative }
#sitemap .sitemap_link:hover      { text-decoration: underline }
#sitemap .sitemap_sublink       { background-image: url("../de/images/point.gif"); background-repeat: no-repeat; background-position: left 5px; display: block; padding-left: 12px }
#sitemap .sitemap_sublink:hover      { }
/* Buttons */
.submit_button                     { color: #fff; font-weight: normal; text-decoration: none; background-color: #052851; background-image: url("../de/images/point-white.gif"); background-repeat: no-repeat; background-position: 5px center; text-align: left; text-transform: uppercase; margin: 0 2px 0 0; padding: 2px 5px 3px 18px; float: right; border-width: 0 }
.submit_button:hover  { font-weight: normal; text-decoration: underline }
.link_button                 { color: #fff; font-weight: normal; text-decoration: none; background-color: #e60b0b; background-image: url("../de/images/point-white.gif"); background-repeat: no-repeat; background-position: 5px center; text-align: left; display: block; margin-bottom: 5px; padding: 2px 5px 3px 18px; float: right }
.link_button:hover   { font-weight: normal; text-decoration: underline; float: right }
.back_button    { text-align: right; margin-top: 5px; float: right }

/* Wetter */
.wetter   { margin-top: 10px; margin-bottom: 10px; margin-left: 10px }
.wetter .seperator  { height: 10px; clear: both }
.wetter .wetterheader   { font-weight: bold; margin-top: 10px; margin-bottom: 10px; clear: both }
.wetter .wettertext  { margin-top: 10px; margin-bottom: 10px }
.wetter .schneebericht                 { background-image: url("../de/images/bg-schneebericht.gif"); background-repeat: repeat-x; background-position: left top; margin-right: 1px; margin-bottom: 10px; width: 240px; height: 100px; float: left }
.wetter .schneebericht .berg       { color: #21427b; font-size: 14px; font-weight: bold; text-transform: uppercase; margin-top: 8px; margin-left: 8px }
.wetter .schneebericht .tal           { color: #21427b; font-size: 14px; font-weight: bold; text-transform: uppercase; margin-top: 42px; margin-left: 175px }
.wetter .item           { background-image: url("../de/images/bg-wetter.gif"); background-repeat: repeat-x; background-position: left top; margin-right: 1px; padding: 5px; float: left }
.wetter .item .titel          { color: #21427b; font-weight: bold; text-align: center; text-transform: uppercase; margin-bottom: 5px; width: 150px }
.wetter .item .icon           { text-align: center; margin-top: 5px; margin-bottom: 5px; width: 150px; height: 32px; vertical-align: middle }
.wetter .item .icon img   { behavior: url(../scripts/iepngfix.htc)  }
.wetter .item .temperatur       { color: #21427b; text-align: center; width: 150px }
.wetter .item .text      { color: #21427b; text-align: center; width: 150px }

/* Frau Holles Tafel*/
.frauholletafel          { background-image: url("../de/images/frauholle-tafel.jpg"); background-repeat: no-repeat; background-position: center top; margin-top: 10px; width: 500px; height: 370px }
.frauholletafel .tafellink     { position: absolute; width: 500px; height: 370px }
.frauholletafel .text                   { color: #024171; font-size: 11px; text-decoration: none; text-align: center; display: table-cell; margin-top: 250px; margin-left: 90px; position: absolute; width: 320px; height: 70px; overflow: hidden; vertical-align: middle }

/* Frau Holles Tafel Kontext Sommer */
.frauholletafel_sommer       { background-image: url("../de/images/frauholle-sommer.jpg"); background-repeat: no-repeat; background-position: left top; margin-left: 10px; width: 200px; height: 305px }
.frauholletafel_sommer .tafellink  { position: absolute; width: 200px; height: 305px }
.frauholletafel_sommer .text          { color: #024171; font-size: 11px; text-decoration: none; text-align: center; margin: 0; position: relative; top: 165px; left: 85px; width: 100px; height: 95px }
.frauholletafel_sommer .footer      { margin-top: 278px; margin-left: 125px; position: absolute }
.frauholletafel_sommer .footer a  { color: #fff; font-size: 11px; font-weight: normal; text-decoration: none }
.frauholletafel_sommer .footer a:hover  { color: #fff; font-weight: normal; text-decoration: none }

/* Frau Holles Tafel Kontext Winter */
.frauholletafel_winter        { background-image: url("../de/images/frauholle-winter.jpg"); background-repeat: no-repeat; background-position: left top; margin-left: 10px; width: 200px; height: 235px }
.frauholletafel_winter .tafellink  { position: absolute; width: 200px; height: 235px }
.frauholletafel_winter .text                                { color: #024171; font-size: 11px; text-decoration: none; text-align: center; margin: 0; position: relative; top: 65px; left: 20px; width: 110px; height: 130px }
.frauholletafel_winter .footer        { margin-top: 207px; margin-left: 76px; position: absolute }
.frauholletafel_winter .footer a  { color: #fff; font-size: 11px; font-weight: normal; text-decoration: none }
.frauholletafel_winter .footer a:hover  { color: #fff; font-weight: normal; text-decoration: none }

/* Tour Teaser*/
.cmsTourTeaser     { background-color: #eee; margin-top: 5px; padding: 2px 2px 2px 10px }
.cmsTourTeaser .distance     { background-image: url("../de/images/touren/distance.gif"); background-repeat: no-repeat; background-position: 1px 5px; margin-right: 20px; padding-left: 18px; float: left }
.cmsTourTeaser .hoehe    { background-image: url("../de/images/touren/hoehe.gif"); background-repeat: no-repeat; background-position: left 5px; margin-right: 20px; padding-left: 18px; float: left }
.cmsTourTeaser .dauer       { background-image: url("../de/images/touren/dauer.gif"); background-repeat: no-repeat; background-position: left 3px; margin-right: 20px; padding-left: 18px; float: left }
.cmsTourTeaser .nummer          { background-repeat: no-repeat; background-position: left 3px; margin-right: 20px; margin-left: 18px; float: left }
/* Tour Schwierigkeiten */
.cmsTourTeaser .tourdifficulty1          { color: #fff; background-color: #0e1bc7; background-image: url("../de/images/touren/difficulty1-bg.gif"); background-repeat: repeat-x; background-position: left top; text-align: center; display: block; width: 85px; height: 18px; float: right; vertical-align: middle }
.cmsTourTeaser .tourdifficulty2         { color: #fff; background-color: #e2001a; background-image: url("../de/images/touren/difficulty2-bg.gif"); background-repeat: repeat-x; background-position: left top; text-align: center; display: block; width: 85px; height: 18px; float: right }
.cmsTourTeaser .tourdifficulty3        { color: #fff; background-color: #000; background-image: url("../de/images/touren/difficulty3-bg.gif"); background-repeat: repeat-x; background-position: left top; text-align: center; display: block; width: 85px; height: 18px; float: right }
.cmsTourTeaser .tourdifficulty4         { color: #000; background-color: #feda0e; background-image: url("../de/images/touren/difficulty4-bg.gif"); background-repeat: repeat-x; background-position: left top; text-align: center; display: block; width: 85px; height: 18px; float: right }

/*Schneebericht */
.schneebericht       { margin-top: 10px; margin-bottom: 10px }
.schneebericht .skigebiet     { margin-bottom: 5px; padding-bottom: 5px; width: 500px; border-bottom: 1px none #ccced1 }
.schneebericht .header     { color: #f28e00; font-size: 14px; font-family: "Trebuchet MS"; font-weight: normal; margin: 0; float: left }
.schneebericht .userdate    { color: #aaacae; font-size: 10px; margin-bottom: 5px }
.schneebericht .stufe_1   { color: #fff; font-weight: bold; text-decoration: none; background-color: #4da907; padding: 2px }
.schneebericht .stufe_2   { font-weight: bold; text-decoration: none; background-color: #ff0; padding: 2px }
.schneebericht .stufe_3   { color: #fff; font-weight: bold; text-decoration: none; background-color: #ff9a00; padding: 2px }
.schneebericht .stufe_4   { color: #fff; font-weight: bold; text-decoration: none; background-color: #f00; padding: 2px }
.schneebericht .stufe_5 { color: #fff; font-weight: bold; text-decoration: none; background-color: #800000; padding: 2px }
.schneebericht .pdf       { background-image: url(../de/images/sym_pdf.gif); background-repeat: no-repeat; background-position: 3px 3px; display: block; margin-bottom: 10px; padding-top: 5px; padding-left: 23px; height: 20px }