@import url("buttons.css");
@import url("liftstatus.css");
body, table, td, p                   { color: black; font-size: 12px; font-family: Arial, sans-serif; line-height: 150% }
input, textarea, select, option     { color: #000; font-size: 12px; font-family: Arial, sans-serif; font-weight: normal; text-decoration: none }
a   { color: #004071; font-size: 12px; font-family: Tahoma, sans-serif; font-weight: bold; line-height: 150%; text-decoration: none }
a:hover    { color: #db0019; font-weight: bold; text-decoration: underline }

#Formular br{ clear: left;}
#Formular fieldset  { background-color: #ccd8e2; padding: 10px 0; width: 100%; border: 0 }
#Formular legend { margin: 0; padding: 0 0 0 5px; width: 1950px; float: left }
#Formular label { display: block; float: left; width: 200px;margin: 1px; text-align: left;  padding-left: 5px; font-weight: normal; color: #585E6A }
#Formular select, textarea    { color: #585e6a; text-align: left; display: block; margin: 1px; padding-right: 5px; width: 290px; float: left; border: solid 3px #e5f0f0 }
#Formular input   { color: #585e6a; text-align: left; margin: 1px; padding-right: 5px; float: left; border: solid 3px #e5f0f0 }
#Formular input[type=text]{text-align: left;}
#Formular input[type=hidden]{display: none}
#Formular textarea {}
#Formular select {border: 0}

/*input {text-align: left;}*/
.clear    { clear: both; overflow: hidden }
/* Webcams */
.webcams   { text-align: left; margin-right: 20px; margin-left: 22px }
.webcamteaser     { background-image: url("../de/images/verlauf.gif"); background-repeat: repeat-x; background-position: left bottom; margin-top: 10px; margin-bottom: 10px; padding-bottom: 5px; border-style: none none solid; border-width: 3px 3px 1px; border-color: #ccd8e2 #ccd8e2 #ccced1 }
.webcamteaser .image        { background-color: #e6ecf1; background-repeat: no-repeat; background-position: left top; margin-right: 15px; width: 175px; float: left; border: solid 2px #ccd8e2 }
.webcamteaser .info     { padding: 5px; width: 290px; float: left }
.webcamteaser .titel   { color: #004071; font-size: 17px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; text-decoration: none; margin-bottom: 10px }
.webcamteaser .infotext {}
.webcamteaser .infobutton       { text-align: right; width: 290px }

/* Lift Teaser */
.lifteteaser     { background-image: url("../de/images/verlauf.gif"); background-repeat: repeat-x; background-position: left bottom; text-align: left; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #ccced1 }
.lifteteaser .titel {}
.lifteteaser .infobar       { background-color: #ccd8e2; margin-top: 13px; margin-right: 15px; margin-left: 5px; width: 100px; height: 4px; float: left }
.lifteteaser .infovalue  { background-color: #16a500; height: 4px }
.lifteteaser .infotext   { margin-top: 5px; float: left }

/* Skigebietsdaten */
.skigebietsdaten     { text-align: left; margin-right: 20px; margin-left: 22px }
.skigebietsdaten .skigebiet  { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #ccced1 }
.skigebietsdaten .userdate  { color: #aaacae; font-size: 10px; float: right }
.skigebietsdaten .stufe_1   { color: #fff; font-weight: bold; text-decoration: none; background-color: #4da907; padding: 2px }
.skigebietsdaten .stufe_2   { font-weight: bold; text-decoration: none; background-color: #ff0; padding: 2px }
.skigebietsdaten .stufe_3   { color: #fff; font-weight: bold; text-decoration: none; background-color: #ff9a00; padding: 2px }
.skigebietsdaten .stufe_4   { color: #fff; font-weight: bold; text-decoration: none; background-color: #f00; padding: 2px }
.skigebietsdaten .stufe_5 { color: #fff; font-weight: bold; text-decoration: none; background-color: #800000; padding: 2px }
.skigebietsdaten .more     { background-image: url(../de/images/more.gif); background-repeat: no-repeat; background-position: left 3px; display: block; padding-left: 20px; height: 20px }
.skigebietsdaten .less { background-image: url(../de/images/less.gif); background-repeat: no-repeat; background-position: left 3px; display: block; padding-left: 20px; height: 20px }
.skigebietsdaten .schneebericht     { background-image: url(../de/images/pdf.gif); background-repeat: no-repeat; background-position: left 3px; display: block; padding-left: 20px; height: 20px }
.skigebietwebcam      { background-image: url(../de/images/verlauf.gif); background-repeat: repeat-x; background-position: left bottom; margin-bottom: 10px; padding-bottom: 5px; border-style: none none solid; border-width: 3px 3px 1px; border-color: #ccd8e2 #ccd8e2 #ccced1 }
.skigebietwebcam .infotext     { margin-left: 5px; padding-top: 5px; float: left }
.skigebietwebcam .infobutton         { }

/* Wetter Teaser */
.wetterteaser  { text-align: left; margin-right: 20px; margin-left: 22px }
.wetterteaser .seperator  { height: 10px; clear: both }
.wetterteaser .wetterheader   { font-weight: bold; margin-top: 10px; margin-bottom: 10px; clear: both }
.wetterteaser .wettertext  { margin-top: 10px; margin-bottom: 10px }
.wetterteaser .row			    { background-image: url("../de/images/verlauf.gif"); background-repeat: repeat-x; background-position: left bottom; margin-bottom: 10px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-bottom: 1px solid #ccced1 }   
.wetterteaser .item                        { background-image: url("../de/images/bg-wetter.gif"); background-repeat: no-repeat; background-position: right bottom; margin-right: 1px; padding-right: 5px; padding-bottom: 5px; width: 190px; height: 85px; float: left }
.wetterteaser .item .titel                   { color: #004071; font-weight: bold; background-image: url("../de/images/button_bg.gif"); background-repeat: repeat-x; background-position: left top; text-align: left; text-transform: uppercase; margin-bottom: 5px; padding-top: 3px; padding-right: 2px; padding-bottom: 3px }
.wetterteaser .item .icon                         { background-color: #e6ecf1; text-align: left; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; padding: 4px 4px 2px; float: left; vertical-align: middle; border: solid 2px #ccd8e2 }
.wetterteaser .item .icon img       { background-color: #e6ecf1; width: 32px; height: 32px; border-color: #ccd8e2; behavior: url(../scripts/iepngfix.htc)      }
.wetterteaser .item .info      { width: 135px; float: left }
.wetterteaser .item .temperatur           { }
.wetterteaser .item .text          { }
.wetterteaser_icon img  { behavior: url(../scripts/iepngfix.htc)  }

/* Wetter */
.wetter   { text-align: left; margin-right: 20px; margin-left: 22px }
.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 .row			    { background-image: url("../de/images/verlauf.gif"); background-repeat: repeat-x; background-position: left bottom; margin-bottom: 10px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-bottom: 1px solid #ccced1 }   
.wetter .item                       { background-image: url("../de/images/bg-wetter.gif"); background-repeat: no-repeat; background-position: right bottom; margin-right: 1px; padding-right: 5px; padding-bottom: 5px; width: 170px; height: 85px; float: left }
.wetter .item .titel                   { color: #004071; font-weight: bold; background-image: url("../de/images/button_bg.gif"); background-repeat: repeat-x; background-position: left top; text-align: left; text-transform: uppercase; margin-bottom: 5px; padding-top: 3px; padding-right: 2px; padding-bottom: 3px }
.wetter .item .icon                         { background-color: #e6ecf1; text-align: left; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; padding: 4px 4px 2px; float: left; vertical-align: middle; border: solid 2px #ccd8e2 }
.wetter .item .icon img       { background-color: #e6ecf1; width: 32px; height: 32px; border-color: #ccd8e2; behavior: url(../scripts/iepngfix.htc)      }
.wetter .item .info     { width: 115px; float: left }
.wetter .item .temperatur           { }
.wetter .item .text          { }
.wetter_icon img  { behavior: url(../scripts/iepngfix.htc)  }

/* Packages */
.packages  { text-align: left; margin-top: 20px; margin-right: 20px; margin-left: 22px }
.packages .item         { background-image: url("../de/images/verlauf.gif"); background-repeat: repeat-x; background-position: left bottom; margin-bottom: 10px; padding-right: 5px; padding-bottom: 5px; clear: both; border-top: #ccced1; border-right: #ccced1; border-bottom: 1px solid #ccced1; border-left: #ccced1 }
.packages .teaser     { margin-right: 10px; float: left }
.packages .info       { width: 325px; float: left }
.packages .info .package   { color: #004071; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; text-decoration: none; margin-bottom: 2px }
.packages .info .hotel  { margin-bottom: 5px }
.packages .leistungen  { margin-top: 3px }
.packages .leistung    { background-image: url("../de/images/option.gif"); background-repeat: no-repeat; background-position: left 8px; padding-left: 8px }
.packages .preisbutton              { text-align: center; margin-top: 10px; z-index: 0; width: 90px; height: 40px }
.packages .preisbutton .eur         { color: #d90019; font-size: 12px; font-weight: normal; margin-top: 4px }
.packages .preisbutton .preis     { color: #d90019; font-size: 18px; font-weight: bold; text-decoration: none; text-align: center; width: 85px }
.packages .preisbutton .preiszusatz        { color: #004071; font-size: 10px; text-align: center; width: 85px; height: 18px; overflow: hidden }
.packages .preisbutton .statt        { font-size: 12px; text-decoration: line-through; text-align: center; width: 85px }
.packages .preisbutton .statt .eur   { color: #000; font-size: 11px }

/* Events */
.events   { text-align: left; margin-top: 20px; margin-right: 20px; margin-left: 22px }
.events .day     { color: #004071; font-size: 17px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; text-decoration: none; background-color: #e6ecf1; margin-bottom: 5px; padding: 5px; border-bottom: 1px #ccced1 }
.events .item      { background-image: url("../de/images/verlauf.gif"); background-repeat: repeat-x; background-position: left bottom; margin-bottom: 10px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top: medium; border-right: medium; border-bottom: 1px solid #ccced1; border-left: medium }
.events .info {float:left}
.events .info .titel  { margin-bottom: 2px }
.events .info .datum  { margin-bottom: 5px }
.events .info .ort  { margin-bottom: 5px }

/* Navigation Blättern */
.navigation .pages { padding-top: 4px; padding-right: 10px; float: left }
.navigation .navi  { padding-right: 2px; float: right }
.navigation .navi a           { color: #004071; font-weight: bold; text-decoration: none; background-color: #e6ecf1; display: block; margin-top: 3px; margin-right: 2px; margin-bottom: 0; padding-right: 4px; padding-left: 4px; float: left; border-width: 1px; border-color: #ccced1 }
.navigation .navi a:hover      { color: #fff; font-weight: bold; text-decoration: none; background-color: #004071; border-width: 1px; border-color: #d90019 }
.navigation .navi #current      { color: #fff; font-weight: bold; text-decoration: none; background-color: #004071; border-width: 1px; border-color: #d90019 }

/* Filter */
.filter    { background-color: #e6ecf1;margin-bottom: 5px; padding: 5px }
.filter .info      { padding-top: 1px; width: 200px; float: left }
.filter .filteroptions       { float: right }
.filter .label       { padding-top: 1px; padding-right: 5px; float: left }
.filter input, select, textarea       { float: left }

/* SEO Text*/
#seotext   { font-size: 11px }
#seotext a  { font-size: 11px }
#seotext a:hover  { font-size: 11px }