﻿body { font: 12px Arial, Verdana, sans-serif; padding: 0 0 50px; }

#bg-container { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
#bg div#bg2{position:absolute; width:200%; height:200%; top:-50%; left:-50%; z-index:1;}
#bg td{vertical-align:middle; text-align:center;  background:url(img/loading.gif) no-repeat center center;}
#bg img{min-height:50%; min-width:50%; margin:0 auto; display:block;}
#bg, #bg table, #bg td, #bg2, #bg2 table, #bg2 td{width:100%; height:100%; overflow:hidden;}

strong { line-height: 1.6em; font-weight: bold; }

input{ font-family:Arial, verdana,sans-serif;}
em{line-height: 1.6em;}

a:hover{color:#990000;}

#left p{font-size:11px;}

#wrapper { position: relative; z-index: 2; width: 100%; }

p#language { display: none; }
.mod_changelanguage { width: 950px; position: relative; }
.mod_changelanguage ul { position: absolute; right: 0; top: 20px; }

#header { height: 145px; position: relative; background: url(../images/header-bg.png) no-repeat; }

#header #filter { font-size: 11px; position: absolute; top: 120px; left: 350px; overflow: hidden; }
#header #filter h3 { font-size: 11px; height: 12px; font-weight: bold; color: #666; float: left; margin: 0 6px 0 0; }
#header #filter ul { float: left; }
#header #filter ul li { float: left; margin: 0 6px 0 0; padding: 0 6px 0 0; border-right: 1px solid #600; }
#header #filter ul li.last { margin: 0; padding: 0; border: 0; }
#header #filter ul li a { text-decoration: none; color: #666; }
#header #filter ul li a:hover, #header #filter ul li a.active { color: #990000; }

h1 { width: 300px; height: 100px; background: url(../images/logo.jpg) no-repeat; position: absolute; bottom: 0; left: 0; }
h1 a { position: absolute; text-indent: -9999px; display: block; width: 300px; height: 30px; top: 36px; left: 0; }



h3 { font-size: 14px; margin: 0 0 8px; font-weight: bold; }

p#backtostart { position: absolute; left: 75px; top: 16px; }
p#backtostart a { color: #ffffff; text-decoration: none; font-weight: bold; }
p#welcome { position: absolute; left: 325px; line-height: 45px; color: #fff; font-weight: bold; }

a#alternativnavi { color: #fff; text-decoration: none; position: absolute; left: 70px; bottom: 10px; display: block; padding: 0 15px 0 0; }
a#alternativnavi.closed { background: url(../images/alternativnavi-closed.gif) no-repeat right 1px; }
a#alternativnavi.open { background: url(../images/alternativnavi-open.gif) no-repeat right 3px; }

#header #form-suche { position: absolute; left: 350px; top: 72px; font-size: 12px; }
#header #form-suche fieldset { float: left; }
#header #form-suche input.text { padding: 8px 12px; border: 1px solid #ccc; margin: 0 6px 0 0; width: 385px; font-size: 12px; color: #666; }
#header #form-suche input.submit { padding: 8px; background: #900; text-transform: uppercase; color: #fff; height: auto; }
#header #form-suche input.submit:hover { cursor: pointer; }
#header #form-suche a#search-detail { font-size: 11px; color: #666; float: left; position: relative; left: 10px; }
#header #form-suche a#search-detail:hover { color: #990000; }

#content { margin: 50px 0 0 50px; position: relative; padding: 0 0 25px; width: 890px; }

#content #left { position: absolute; top: 0; left: 0; width: 250px; z-index: 5; }
#content #right { position: absolute; left: 275px; top: 0; z-index: 4; width: 625px; padding: 0 0 50px 0; }
#content .ce_text, #content .ce_form, #content .mod_sitemap, #content .mod_navigation { padding: 25px 25px 10px; font-size: 12px; }
#content #left .ce_text { background: url(../images/black-transp.png); color: #ccc; }
#content #right .ce_text, #content #right .ce_form, #content #right .mod_sitemap, #content #right .mod_navigation { background: #ffffff; color: #333; }

#content #left #featured_hotels .hotel { overflow: hidden; padding: 0 0 5px 0; }
#content #left #featured_hotels .hotel.last { padding: 8px 0 0 0; border-top: 1px solid #666666; }
#content #left #featured_hotels .hotel .image { float: left; }
#content #left #featured_hotels .hotel .details { float: left; padding-left: 10px; width: 140px; }
#content #left #featured_hotels .hotel .details a { line-height: 1.4em; }
#content #left #featured_hotels .hotel .details strong { line-height: 1.6em; }
#content #left #featured_hotels .hotel .details img { padding: 2px 0 0 0; }

#content #right a.back { position: absolute; right: 10px; top: 10px; color: #000000; }
#content #right a.back:hover { color: #990000; }

#content .hotel { padding: 10px 25px 10px; }
#content .ce_text.hotel h2 { margin: 0 0 30px 0; }
#content .hotel table { width: 100% }
#content .hotel table tr {  }
#content .hotel table tr.even { background-color: #eeeeee; }
#content .hotel table tr.odd { background-color: #ffffff; }
#content .hotel table th { border-bottom: 1px solid #666666; padding: 0 5px 10px 5px; font-weight: bold; }
#content .hotel table th.first { width: 80px; }
#content .hotel table th.last { width: 210px; }
#content .hotel table td { padding: 5px; line-height: 1.4em; }

#content .ce_gallery { background: #ffffff; padding: 10px 25px 10px; }
#content .ce_gallery td { vertical-align: top; }
#content .ce_gallery .col_first { padding-right: 25px; }

#content #right .citynav h2 { margin: 0; }
#content #right .citynav ul { padding: 0; margin: 0 0 8px 0; width: 100%; overflow: hidden; }
#content #right .citynav ul li { list-style: none; float: left; background: #000000; text-align: center; width: 25%; }
#content #right .citynav ul li.last a { border-right-color: #000000; }
#content #right .citynav ul li a { color: #ffffff; line-height: 25px; text-decoration: none; border-right: 1px solid #ffffff; display: block; }
#content #right .citynav ul li a:hover { color: #ffffff; text-decoration: none; font-weight: bold; }

#startseite { width: 933px; height: 500px; background: url(../tl_files/oesterreich.png) no-repeat; margin: 0 0 0 -300px; position: relative; }
#content .ce_text h2, #content .ce_form h2, #content .mod_sitemap h2, #content .mod_navigation h2, #content h2.ce_headline { font-size: 14px; padding: 0 0 6px; margin: 0 0 8px; border-bottom: 1px solid #666; font-weight: bold; }
#content #left .ce_text h2 { color: #fff; }
#content #right .ce_text h2 { color: #000; }
#content .ce_text p { line-height: 1.6em; margin: 0 0 15px; font-size:12px; }
#content #left .ce_text p { line-height: 1.6em; margin: 0 0 15px; font-size:11px; }
#content .ce_text a { text-decoration: underline; }
#content #left .ce_text a { color: #fff; }
#content #right .ce_text a { color: #000; line-height: 1.6em; }
#content #right .ce_text a:hover { color: #990000; }

#content #right .ce_text.regionheadline { padding-bottom: 0; }
#content #right .ce_text.regionheadline h2 { margin: 0; }

input.text { padding: 3px; color: #666; border: 1px solid #ccc; width: 200px; }
input.submit { color: #fff; background: #900; }
input.submit:hover { cursor: pointer; }
#newsletter .ce_text { padding: 25px; }
#newsletter input.submit { width: 80px; margin: 0 0 0 10px; height: 20px; }
#newsletter p.error { margin: 0 0 5px; }

#content #left .ce_text.kategorien ul { padding: 0 0 20px; }
#content #left .ce_text.kategorien ul li { height: 30px; border-bottom: 1px solid #666; }
#content #left .ce_text.kategorien ul li a { height: 30px; line-height: 30px; text-decoration: none; display: block; }
#content #left .ce_text.kategorien ul li a:hover, #content #left .ce_text.kategorien ul li a.active { color: #990000;  }

#content #hotelsuche { font-size: 12px; }
#content #hotelsuche label { display: block; padding: 10px 0 5px 0; }
#content #hotelsuche input.text, #content #hotelsuche select, #content #hotelsuche textarea { padding: 8px 12px; border: 1px solid #ccc; margin: 0 6px 0 0; width: 350px; font-size: 12px; color: #666; }
#content #hotelsuche textarea { height: 130px; }
#content #hotelsuche select { width: 376px; }
#content #hotelsuche input.submit { padding: 8px; background: #900; text-transform: uppercase; color: #fff; margin: 10px 0 0 0; }
#content #hotelsuche input.submit:hover { cursor: pointer; }
#content #hotelsuche a#search-detail { font-size: 12px; color: #666; float: left; position: relative; left: 10px; }
#content #hotelsuche a#search-detail:hover { color: #000; }
#content #hotelsuche #agb_container input { float: left; }
#content #hotelsuche #agb_container label { padding: 0; margin: 0 0 0 20px; }
#content #hotelsuche #agb_container { margin: 10px 0; }
#content p.error { color: #990000; line-height: 1.4em; }

#content #hotelregistrierung { font-size: 12px; }
#content #hotelregistrierung label { display: block; padding: 10px 0 5px 0; }
#content #hotelregistrierung input.text, #content #hotelregistrierung select, #content #hotelregistrierung textarea { padding: 8px 12px; border: 1px solid #ccc; margin: 0 6px 0 0; width: 350px; font-size: 12px; color: #666; }
#content #hotelregistrierung textarea { height: 130px; }
#content #hotelregistrierung select { width: 376px; }
#content #hotelregistrierung input.submit { padding: 8px; background: #900; text-transform: uppercase; color: #fff; margin: 10px 0 0 0; }
#content #hotelregistrierung input.submit:hover { cursor: pointer; }
#content #hotelregistrierung a#search-detail { font-size: 12px; color: #666; float: left; position: relative; left: 10px; }
#content #hotelregistrierung a#search-detail:hover { color: #000; }
#content #hotelregistrierung #agb_container input { float: left; }
#content #hotelregistrierung #agb_container label { padding: 0; margin: 0 0 0 20px; }
#content #hotelregistrierung #agb_container { margin: 10px 0; }
#content p.error { color: #990000; line-height: 1.4em; }

#right .block ul{list-style:disc; padding:0 0 0 25px; line-height:1.6em;}
#right .block ul li a{color:#000;}
#right .block ul li{line-height:1.6em;}

#startseite .ce_text.map { background: none; padding: 0; width: auto; font-size: 11px; text-transform: uppercase; font-weight: bold; position: static; }
#startseite .ce_text.map ul{ list-style:none; }
#startseite .ce_text.map ul li { position: absolute; text-align: center; }
#startseite .ce_text.map ul li#bergenland { right: 90px; top: 325px; }
#startseite .ce_text.map ul li#kaernten { right: 360px; top: 410px; }
#startseite .ce_text.map ul li#niederoesterreich { right: 145px; top: 175px; }
#startseite .ce_text.map ul li#oberoesterreich { left: 460px; top: 145px; }
#startseite .ce_text.map ul li#salzburg { left: 395px; top: 305px; }
#startseite .ce_text.map ul li#steiermark { left: 590px; top: 290px; }
#startseite .ce_text.map ul li#tirol { left: 150px; top: 325px; }
#startseite .ce_text.map ul li#vorarlberg { left: 25px; top: 320px; }
#startseite .ce_text.map ul li#wien { right: 66px; top: 142px; }
#startseite .ce_text.map ul li a { color: #900; font-size: 11px; text-transform: none; font-weight: normal; }

#content #left .mod_weather_info { position: relative; height: 80px; }
#content #left .mod_weather_info .ce_weather { position: absolute; visibility: hidden; overflow: hidden; }
#content #left .mod_weather_info .ce_weather .temperatur { font-size: 24px; font-weight: bolder; width: 65px; float: left; }
#content #left .mod_weather_info .ce_weather .condition { width: 135px; float: left; }

#content .hotel_detail { overflow: hidden; }
#content .hotel_detail a { line-height: 1.6em; }
#content .hotel_detail .left { float: left; width: 260px; }
#content .hotel_detail .left .main_image_container { padding: 0 10px 10px 0; position: relative; height: 200px; width: 250px; }
#content .hotel_detail .left .main_image_container img { position: absolute; }
#content .hotel_detail .left .more_images { margin: 0 0 10px 0; }
#content .hotel_detail .left .more_images img { padding: 0 10px 10px 0; }
#content .hotel_detail .right { float: left; width: 315px; }
#content .hotel_detail .right .more_images { float: left; width: 130px; }
#content .hotel_detail .right .more_images img { padding: 0 10px 10px 0; }
#content .hotel_detail .left .logo { margin: 0 0 10px 0; }

#content .pisten { overflow: hidden; }
#content .pisten div { width: 40px; margin-right: 5px; float: left; text-align: center; }
#content .pisten div p.balken { text-indent: -9999px; width: 40px; margin-bottom: 2px; }
#content .pisten div.leicht p.balken { background: #0000ff; }
#content .pisten div.mittel p.balken { background: #ff0000; }
#content .pisten div.schwer p.balken { background: #000000; }
#content .pisten div.touren p.balken { background: #ffcc00; }
#content .pisten div p.laenge { margin: 0; font-size: 11px; }
#content .pisten div p.schwierigkeit { color: #999999; font-size: 11px; margin: 0; }

#content div.liftanlagen { clear: both; }
#content div.liftanlagen p { margin: 0 0 5px 0; }
#content div.liftanlagen span { display:block; margin:0 0 0 30px; line-height: 25px; }
#content div.liftanlagen img { float: left; }

body.stadt #informationen table td { width: 33%; }

#footer { height: 50px; background: url(../images/black-transp.png); position: fixed; bottom: 0; left: 0; width: 100%; z-index: 3; color: #999; }
#footer #copy { position: relative; left: 25px; top: 18px; }
#footer #copy p { float: left; }
#footer #copy .mod_customnav { float: left; }
#footer #copy .mod_customnav ul li { float: left; margin: 0 0 0 6px; padding: 0 0 0 6px; border-left: 1px solid #900; }
#footer #copy .mod_customnav ul li a { color: #999; text-decoration: none; }
#footer #copy .mod_customnav ul li a:hover { color: #fff; }
#footer #mf { color: #666; position: absolute; right: 25px; bottom: 20px; }
#footer #mf a { color: #666; }
#footer #mf a:hover { color: #fff; }

#plz{float: left; width: 80px; padding: 8px 12px; border: 1px solid #ccc;  font-size: 12px; color: #666; margin: 0 15px 0 0;}
#ort{float: left; width: 230px; padding: 8px 12px; border: 1px solid #ccc;  font-size: 12px; color: #666;}