/* Allgemeine Einstellungen - HTML Elemente */

html           { color: #444; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 1.4em;}
input, textarea, select, option        { color: #444; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin: 0; padding: 0 }
a      { color: #e2001a; font-size: 11px; text-decoration: none; background-repeat: no-repeat }
a:hover      { text-decoration: underline }
table, td, p    { color: #444; font-size: 11px; font-family: Arial, Helvetica, sans-serif }
.clear  { clear: both;}
.seperator  { background-color: #fff; height: 5px; clear: both }
.infotext  { color: #3a3a3a; font-weight: bold; background-color: #e3e3e3; margin-bottom: 5px; padding: 2px }
h1                     { color: #e2001a; font-size: 18px; font-family: Arial; font-weight: bold; line-height: 120%; text-decoration: none; text-transform: uppercase; margin: 0 0 10px; padding: 0 }
h2               { color: #fff; font-size: 11px; font-weight: bold; background-color: #0e518d; text-transform: uppercase; margin: 0 0 10px; padding: 2px 4px }
h3    { color: #e2001a; font-size: 14px; font-family: "Trebuchet MS"; font-weight: bold; margin-right: 10px; margin-bottom: 10px; margin-left: 10px }

a.more           { color: #fff; font-size: 11px; font-weight: normal; text-decoration: none; background-color: #e2001a; background-image: url("../images/point-white.gif"); background-repeat: no-repeat; background-position: 2px top; display: inline; margin-bottom: 5px; padding: 2px 4px 2px 12px }
a.more :hover       { font-weight: normal; text-decoration: none; margin-bottom: 5px }
a.back            { color: #fff; font-size: 11px; font-weight: normal; text-decoration: none; background-color: #e2001a; background-image: url("../images/point-white-back.gif"); background-repeat: no-repeat; background-position: 2px 5px; margin-bottom: 5px; padding: 2px 4px 2px 12px }
a.back :hover       { font-weight: normal; text-decoration: none; margin-bottom: 5px }

.mainitem  { margin-bottom: 5px; padding-bottom: 5px; clear: both; border-bottom: 1px solid #e3e3e3 }
.mainlink    { text-decoration: none; background-image: url("../images/small_point.gif"); background-repeat: no-repeat; background-position: left 3px; padding-left: 7px }

/* Aufbau */
#main   { margin: 0 }
#wrapper      { background-color: #2874b2; margin: 0 }
#menu        { margin: 10px 0 0; border-style: none none solid; border-width: 0 0 1px; border-color: #0e518d }
#logo     { margin: 0 }
#content               { background-color: #fff; margin: 0; padding: 0; clear: both }
#footer            { color: #fff; background-color: #2874b2; margin: 0; padding: 5px; clear: both; border-width: 0 }

/* Hauptmenu */
#menu ul     { margin: 0 2px; padding: 0; height: 19px; overflow: hidden; border: 0 }
#menu li    { list-style-type: none; display: inline; margin: 0 5px 0 0; padding: 0; float: left }
#menu li a     { color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; display: block; padding: 2px 4px; float: left }
#menu li a.selected   { background-color: #e2001a }

/* Submenu */
.submenu      { color: #fff; font-weight: bold; background-color: #0e518d; margin: 0; padding: 2px 5px; clear: both; border-bottom: 1px solid #2874b2 }
.submenu a {}

/* Footer */
#footer a    { color: #fff; font-weight: bold; text-decoration: underline }
#footer a:hover  { color: #fff; text-decoration: underline }
#languages       { background-color: #fff; margin: 0; padding: 5px;}
#languages a     { display: block; margin-right: 7px; padding-top: 2px; float: left }
#desktop       { background-color: #fff; margin: 0; padding: 5px; border-bottom: 1px solid #264f6e }
#desktop  a  { color: #444 }
/* Wetter */
.wetter   { margin: 5px; clear: both }
.wetter .item  { margin-bottom: 5px; padding-bottom: 5px; clear: both; border-bottom: 1px solid #e3e3e3 }
.wetter .titel     { width: 100px; float: left }
.wetter .temperatur   { font-size: 14px; font-weight: bold; margin-left: 10px; float: left }
.wetter .icon  { margin-right: 5px; margin-left: 5px; float: right }
.wetter .wettertext  { color: #3a3a3a; background-color: #e3e3e3; margin-bottom: 10px; padding: 2px }
/* Lifte */
.lifte   { margin: 5px; clear: both }
.lifte .info    { color: #3a3a3a; font-weight: bold; background-color: #e3e3e3; margin-bottom: 10px; padding: 2px }
.lifte .item  { margin-bottom: 5px; padding-bottom: 5px; clear: both; border-bottom: 1px solid #e3e3e3 }
.lifte .titel    { font-weight: bold; width: 100px; float: left }
.lifte .infobar             { background-color: #e3e3e3; margin-top: 6px; margin-bottom: 4px; width: 130px; height: 4px; float: left; clear: both }
.lifte .infovalue   { background-color: #16a500; height: 4px }
.lifte .infobartext      { margin-left: 10px; float: left }
.lifte .liftlink    { text-decoration: none; background-image: url("../images/small_point.gif"); background-repeat: no-repeat; background-position: left 3px; padding-left: 7px }
.lifte .anzahl     { font-size: 14px; font-weight: bold; margin-right: 10px; margin-left: 10px; float: left }
.lifte .lifttitel      { width: 140px; float: left }
.lifte .liftnr   { font-weight: bold; width: 30px; float: left }
.lifte .liftinfo  { color: #8e8e8e } 
.lifte .icon    { margin-right: 5px; padding-top: 4px; float: right }
.lifte .status_0        { background-color: #e2001a; width: 7px; height: 7px; float: right; overflow: hidden }
.lifte .status_1        { background-color: #37a922; width: 7px; height: 7px; float: right; overflow: hidden }
.lifte .status_2        { background-color: #e2001a; width: 7px; height: 7px; float: right; overflow: hidden }
/* Webcams */
.webcams    { margin: 5px }
.webcams .webcam {margin-bottom: 5px}
.webcams .webcam_ort  { font-weight: bold; margin-bottom: 5px }
.webcams .webcam_image  {margin-bottom: 5px}

/* Infoseiten */
.infoseiten   { margin: 5px; clear: both }
.infoseiten .info    { color: #3a3a3a; font-weight: bold; background-color: #e3e3e3; margin-bottom: 10px; padding: 2px }
.infoseiten .titel        { font-weight: bold; text-decoration: none; background-color: #e3e3e3; margin-bottom: 2px; padding: 2px }
.infoseiten .zusatztitel      { color: #3a3a3a; text-decoration: none; margin-bottom: 2px }
.infoseiten .tel            { background-image: url("../images/telefon.gif"); background-repeat: no-repeat; background-position: 2px 3px; margin-bottom: 2px; padding: 2px 2px 2px 18px; border: solid 1px #e3e3e3 }
.infoseiten .tel a {color: #3a3a3a; font-weight: bold; }
.infoseiten .item   { margin-bottom: 5px; padding-bottom: 5px; clear: both }

/* Tarifrechner */
.tarifrechner   { margin: 5px; clear: both }
.tarifrechner .info    { color: #3a3a3a; font-weight: bold; background-color: #e3e3e3; margin-bottom: 10px; padding: 2px }
.tarifrechner .error     { color: #fff; background-color: #e2001a; margin-bottom: 10px; padding: 2px }
.tarifrechner .titel        { font-weight: bold; text-decoration: none; background-color: #e3e3e3; margin-bottom: 2px; padding: 2px }
.tarifrechner .item   { margin-bottom: 5px; padding-bottom: 5px; clear: both }
.tarifrechner .zeile  { margin-bottom: 3px }
.tarifrechner .price { font-size: 14px; font-weight: bold; margin-right: 5px; float: right }

/* Vermieter */
.vermieter   { margin: 5px; clear: both }
.vermieter .info    { color: #3a3a3a; font-weight: bold; background-color: #e3e3e3; margin-bottom: 10px; padding: 2px }
.vermieter .titel        { font-weight: bold; text-decoration: none; background-color: #e3e3e3; margin-bottom: 2px; padding: 2px }
.vermieter .zusatztitel       { color: #676767; text-decoration: none; margin-bottom: 2px }
.vermieter .tel            { background-image: url("../images/telefon.gif"); background-repeat: no-repeat; background-position: 2px 3px; margin-bottom: 2px; padding: 2px 2px 2px 18px; border: solid 1px #e3e3e3 }
.vermieter .tel a {color: #3a3a3a; font-weight: bold; }
.vermieter .item   { margin-bottom: 5px; padding-bottom: 5px; clear: both }
.vermieter .room   { margin-top: 5px; padding-top: 5px; clear: both; border-bottom: 1px solid #e3e3e3 }
.vermieter .room .roomtitel   { width: 120px; float: left }
.vermieter .room .price { font-size: 14px; font-weight: bold; margin-right: 5px; float: right }

/* Suche */
.suche   { margin: 5px; clear: both }
.suche .info    { color: #3a3a3a; font-weight: bold; background-color: #e3e3e3; margin-bottom: 10px; padding: 2px }
.suche .item {clear: both;margin-bottom: 5px;}
.suche .label      { padding-top: 2px; padding-bottom: 5px; width: 50px; float: left }
.suche .field     { padding-bottom: 5px; float: left }
.suche .field span      { display: block; padding-top: 2px; padding-left: 2px; float: left }
.suche select      { margin: 0; width: 140px; float: left }
.suche input         { line-height: 16px; margin: 0; width: 140px; height: 20px; float: left }
.suche .button   { margin-top: 5px; margin-left: 50px }
.suche .button input  { width: 48px }
.suche .button span       { display: block; padding-top: 2px; padding-left: 4px; float: left }

/* News */
.news   { margin: 5px; clear: both }
.news .info    { color: #3a3a3a; font-weight: bold; background-color: #e3e3e3; margin-bottom: 10px; padding: 2px }
.news .item  { margin-bottom: 5px; padding-bottom: 5px; clear: both; border-bottom: 1px solid #e3e3e3 }
.news .titel     { font-weight: bold; margin-bottom: 2px }
.news .zusatztitel  { color: #676767 }

/* Navigation */
.navigation   { background-color: #e3e3e3; margin-bottom: 5px; padding: 5px }
.navigation .page   { padding-top: 2px; float: left }
.navigation .navi {float: right;}
.navigation a               { color: #fff; font-weight: bold; text-decoration: none; background-color: #e2001a; display: block; margin-top: 0; margin-right: 2px; margin-bottom: 0; padding: 0 5px 1px; float: left; border-color: #cbced1 }
.navigation a:hover      { color: #fff; font-weight: bold; text-decoration: none; background-color: #e60b0b; border-color:  }
.navigation .prev {float:left}
.navigation .next  { float: left }
.navigation .middle  { margin-right: 5px; margin-left: 5px; float: left }