/* 
    Document   : styles
    Created on : 04.02.2008, 18:39:52
    Author     : Veronika Pippan , h&p
    Description: Haus Luise
*/

/* GLOBAL STYLES
================================================================*/
 *{ margin:0; padding:0; }
 html{background:#FFF url(/images/bg_html.gif) repeat-x; color:#000; font-family: verdana, arial, helvetica, sans-serif; height:101%; }
 body{text-align:center; font-size:62.5%;}
 p{line-height:1.5em; margin-bottom:10px;}
 
 /* Float clearing workaround also working on Mozilla */
 .clearer {clear:both; height:1px; overflow:hidden; margin-top:-1px; }
 * html .clearer { margin-top:0; }
 .clearfix:after { content: ".";  display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
 .clearfix {display: inline-table;}

/* Hides from IE5/Mac \*/
 * html .clearfix {height: 1px;}
 .clearfix {display: block;}
/* End hide from IE5/Mac */


/* LAYOUT STYLES
================================================================*/
#general_wrap{margin:auto; text-align:left; width:790px;}
#header{height:202px; width:790px; background:url(/images/bg_header.gif) no-repeat; padding:0; }
#content{width:744px; background:url(/images/bg_content.gif) repeat-y; padding:0 11px 0 35px; font-size:1.2em;}
#footer{width:760px; height:14px; text-align:center; background: url(/images/bg_footer.gif) no-repeat; padding: 2px 15px 10px 15px; color:#fff;}

#content h1.content{font-weight:bold; font-size:1.5em; border-bottom:1px solid #ccc; padding-bottom:3px; margin-bottom:25px; margin-top:25px;}
#content h1.right{font-weight:bold; font-size:1.1em; border-bottom:1px solid #ccc; padding-bottom:3px; padding-top:5px; margin-bottom:10px; margin-top:25px;}
#content h1.main{font-size:1.3em; font-weight:bold; margin:25px 0 15px 0;}
#content h1.static{font-size:1.3em; font-weight:bold; margin:0 0 15px 0;}
#content h1.rout{font-size:1.3em; font-weight:bold; margin:5px 0 15px 0;}
#content a.link{color:#c81217; background: url(/images/icons/pfeil.gif) 2px 4px no-repeat; padding:0 0 0 10px; font-weight:bold;}
#content a.inline_link{color:#c81217; font-weight:bold;}

/* HEADING STYLES
================================================================*/
#header_image_default{position:relative; height:174px; background: url(/images/header/winter_bild1.jpg) no-repeat; margin-left:10px;}
#header_image_wellness{position:relative; height:174px; background: url(/images/header/wellness.jpg) no-repeat; margin-left:10px;}
#header_image_sommer{position:relative; height:174px; background: url(/images/header/sommer.jpg) no-repeat; margin-left:10px;}
#header_image_sommer2{position:relative; height:174px; background: url(/images/header/sommer2.jpg) no-repeat; margin-left:10px;}
#header_image_preise{position:relative; height:174px; background: url(/images/header/preise.jpg) no-repeat; margin-left:10px;}
#header_image_winter{position:relative; height:174px; background: url(/images/header/winter_bild2.jpg) no-repeat; margin-left:10px;}
#logo{position:relative; float:left; top:0; left:30px; width:159px; height:145px;}
#logo h1.logo_default{text-indent:-999em; background: url(/images/logo2.gif) no-repeat; width:159px; height:145px;}
#logo h1.logo_wellness{text-indent:-999em; background: url(/images/logo3.gif) no-repeat; width:159px; height:145px;}
#logo h1.logo_sommer{text-indent:-999em; background: url(/images/logo_sommer.gif) no-repeat; width:159px; height:145px;}
#logo h1.logo_sommer2{text-indent:-999em; background: url(/images/logo_sommer2.gif) no-repeat; width:159px; height:145px;}
#logo h1.logo_preise{text-indent:-999em; background: url(/images/logo_preise.gif) no-repeat; width:159px; height:145px;}
#logo h1.logo_winter{text-indent:-999em; background: url(/images/logo_winter.gif) no-repeat; width:159px; height:145px;}
#nav{position:relative; height:28px; width:770px; background: url(/images/bg_nav.gif) no-repeat; margin-left:10px;color:#fff; font-size:1.3em; font-weight:bold;}
#language{position:relative; float:right; top:0; right:10px; }
#language ul{list-style:none;}
#language li{float:left; padding:4px 7px 5px 7px ; margin-left:2px; background:#c9151a; color:#fff;}
#language li a{font-weight:normal; color:#fff; text-decoration:underline;}

/* NAVIGATION STYLES
================================================================*/
#nav ul{position:relative; top:1px; left:1px; height:26px; list-style:none; width:768px;}
#nav li{float:left; height:26px;  text-align:center; background:url(/images/bg_nav_tabs.gif) no-repeat;}
#nav li a{height:22px; display:block; color:#fff; text-decoration:none; padding:4px 0 0 0;}
#nav li#startseite {width:92px; background:none;}
#nav li#startseite_active {width:92px; padding-top:4px; height:22px; background: url(/images/bg_nav_tabs_active.gif) repeat-x; color:#cb1c20;}
#nav li#ferienwohnungen {width:146px;}
#nav li#ferienwohnungen_active{width:146px; padding-top:4px; height:22px;  background: url(/images/bg_nav_tabs_active.gif) repeat-x; color:#cb1c20;}
#nav li#preise {width:83px;}
#nav li#preise_active{width:83px; padding-top:4px; height:22px;  background: url(/images/bg_nav_tabs_active.gif) repeat-x; color:#cb1c20;}
#nav li#winter{width:80px;}
#nav li#winter_active{width:80px; padding-top:4px; height:22px; background: url(/images/bg_nav_tabs_active.gif) repeat-x; color:#cb1c20;}
#nav li#sommer{width:90px;}
#nav li#sommer_active{width:90px; padding-top:4px; height:22px; background: url(/images/bg_nav_tabs_active.gif) repeat-x; color:#cb1c20;}
#nav li#wellness{width:101px;}
#nav li#wellness_active{width:101px; padding-top:4px; height:22px; background: url(/images/bg_nav_tabs_active.gif) repeat-x; color:#cb1c20;}
#nav li#anreise{width:89px;}
#nav li#anreise_active{width:89px; padding-top:4px; height:22px; background: url(/images/bg_nav_tabs_active.gif) repeat-x; color:#cb1c20;}
#nav li#kontakt{width:87px; }
#nav li#kontakt_active{width:87px;padding-top:4px; height:22px;  background: url(/images/bg_nav_tabs_active.gif) repeat-x; color:#cb1c20;}


/* SECTION STYLES
================================================================*/
#main_content{width:504px; float:left; padding:0 10px 30px 0;}
#right_content{width:200px; float:left;  padding:0 8px 30px 22px;}

/* BUCHUNGSANFRAGE */
form#buchen{margin-bottom:35px; margin-left:5px; width:185px;}
form#buchen label, form#buchen input{float:left; margin-top:8px;}
form#buchen label {clear:left; width:62px; padding-right:10px; padding-top:3px;}
form#buchen label.app {width:105px; padding-right:5px;}
form#buchen label.therme {width:130px;}
form#buchen input {width:80px; padding:1px; }
form#buchen input.app {width:18px; }
form#buchen span{position:relative; float:left; padding-top:3px; margin-top:8px; margin-left:5px;}
form#buchen span.link{position:relative; top:8px;float:left; width:35px; height:18px; line-height:1.0em; padding:0; margin:0 0 0 0;}
form#buchen span.link img{border:0;}
form#buchen span.kalender{position:relative; top:8px; left:8px; float:left; width:20px; height:19px; padding:0; margin:0;}
form#buchen select{width:178px; margin-top:10px;}
form#buchen option{padding:1px 0 1px 2px;}
form#buchen input.submit{float:right; width:110px; height:20px; padding:0; margin:15px 5px 0 0;}
form#buchen img{border:0; float:left;}


/* BUCHUNGS FORMULAR*/
#booking{}
#booking div.buchung{margin-bottom:20px; width:320px; background:#fefbeb; border:1px solid #ebebeb; padding:10px 10px 10px 10px;}
#booking h2{font-size:1.2em; margin-bottom:5px; margin-top:10px;}
#booking label, #booking input, #booking select{float:left;}
#booking label{clear:left; margin-right:10px; width: 108px; margin-top:8px; padding-top:3px; display:inline;}
#booking label.schritt2{width:130px;}
#booking label.appart{width:108px;}
#booking label.appart2{width:130px;}
#booking label.therme{width:130px;}
#booking label.therme2{width:130px;}
#booking label.personal{width:75px; text-align:right; padding-right:5px;}
#booking input{margin-top:8px; padding:1px; width:100px;}
#booking input.pers{width:20px;}
#booking input.personal{width:170px;}
#booking input.plz{width:40px; margin-right:5px; display:inline;}
#booking input.ort{width:120px;}
#booking input.email{width:210px;}
#booking input.radio{width:10px; margin:12px 0 0 5px; line-height:1.0em; font-size:1.0em; padding:0; height:1.0em;}
#booking input.submit_buchung1{width:110px; height:20px; padding:0; margin:0 5px 0 235px;}
#booking input.submit_buchung{width:110px; height:20px; padding:0; margin:0 5px 0 125px;}
#booking span{float:left; margin-top:8px; padding-top:3px; margin-left:5px; margin-right:10px;}
#booking span.kalender{padding-top:0px; margin-left:6px;}
#booking span.link{position:relative; top:8px; float:left; width:35px; height:18px; line-height:1.0em; padding:0; margin:0 0 0 0;}
#booking span.link img{border:0;}
#booking img{border:0; float:left;}
#booking span.error{padding:0; margin:0 0 10px 10px; color:#ff0000; font-weight:bold; float:left; width:290px; line-height:1.3em;}


#booking select{clear:left; margin-top:8px; padding:0 0 0 2px; width:180px;}
#booking option{padding:1px 0 1px 2px;} 

/*Thermen Aktion*/
div.thermenaktion{margin:0 0 35px 0;}
div.thermenaktion img{border:0; margin-left:5px;}
div.thermenaktion a.link{color:#c81217; background: url(/images/icons/pfeil.gif) 2px 4px no-repeat; padding:0 0 0 10px; font-weight:bold;}

/* NEWS */
ul#news{margin:0; padding-left:18px;}
ul#news li{padding:8px 0 8px 0; line-height:1.5em;}

/* FERIENWOHNUNGEN */
div.appart{position:relative; width:470px; margin-top:20px; padding-left:10px;}
div.appart_pic{float:left; width:290px;}
div.appart_pic img{float:left; margin:5px 15px 10px 0; display:inline;}
div.appart_pic a img{border:4px solid #adadad; display:block; height:100%; }
div.appart_pic a:hover img{border:4px solid #c9151a;}
div.appart_floor{float:left; width:180px; text-align:center;}

h1#appart{border-bottom:1px solid #ca191e; padding-bottom:2px; margin-bottom:10px; font-size:1.3em;}
h1#appart span{position:relative; left:8px;font-size:0.9em; font-weight:normal;}
img.appart{border:4px solid #9d9d9d;}

ul.interior{margin:10px 0 0 4px; list-style:none}
ul.interior li{line-height:1.5em; padding-top:2px;}

/*PREISE*/
div.preise_nav{position:relative; top:1px; z-index:50; width:460px; height:30px;}
div.preise_nav ul{position:relative; list-style:none;}
div.preise_nav ul li {float:left; font-weight:normal; margin-right:2px; display:inline; width:140px; height:23px; padding-top:7px; text-align:center; background:url(/images/bg_nav_preise.gif) no-repeat;}
div.preise_nav ul li a#preise_link{color:#000; padding:0; background:none; font-weight:normal;}
div.preise_nav ul li.aktiv{float:left; font-weight:bold; margin-right:2px; display:inline; width:140px; height:23px; padding-top:7px;  background:url(/images/bg_nav_preise_aktiv.gif) no-repeat;}
div.preis_body{position:relative; width:480px; border:1px solid #b42232; padding:0 10px 20px 10px; background:#fefbeb;}
div.preis_body h1{font-size:1.3em; margin:25px 0 15px 0 ; padding:0;}
div.preis_body p.hinweis{margin:0; padding:0; font-weight:bold;}
div.preis_body table{width:460px; border:1px solid #b42232; background:#fff; border-collapse:collapse; table-layout:fixed; border-spacing:0; margin:2px 0 2px 0; font-weight:bold;}
th{padding:5px 10px 5px 5px; text-align:right; background:#b42232; color:#fff;}
th.app{width:220px; padding: 8px 5px 8px 10px; text-align:left;}
td{padding:10px 10px 10px 5px; text-align:right; vertical-align:center; border-bottom:1px dashed; font-weight:normal;}
td.app{width:220px; padding: 4px 5px 2px 10px; text-align:left; font-weight:bold;}

div.creditcards{position:absolute; width:120px; height:25px; top:4px; right:4px; text-align:right;}
div.creditcards img{margin-left:6px;}
div.creditcards img.ec{margin-top:4px;}

div.thermenbutton{ width:85px; height:90px; float:left; margin-top:10px; margin-bottom:10px;}
div.preis_body h1.thermenpauschale{padding-top:15px; margin:22px 0 9px 0;}
div.preis_body p.thermenhinweis{margin:0px; padding:0px;}
div.preis_body table.sommer{width:460px; border:1px solid #b42232; background:#fff; border-collapse:collapse; table-layout:fixed; border-spacing:0; margin:2px 0 2px 0; font-weight:bold;}
th.therme{width:210px; padding: 8px 5px 8px 5px; text-align:left;}
th.therme img{border:0; position:relative; top:4px; left:5px; }
th.sommer{text-align:center;}
td.therme{width:210px; padding: 8px 5px 8px 5px; text-align:left; font-weight:normal;}
td.therme a{color:#000;}
td.therme span{font-size:0.8em;}
td.sommer{width:55px; padding:8px 5px 8px 0px; font-weight:normal;}

span.change{position:relative; top:2px; font-size:0.9em; font-weight:bold; }


/* KONTAKT */
div.kontakt_div{clear:left; line-height:1.4em; margin-bottom:20px;}
div.kontakt_typ{float:left; width:120px; font-weight:bold;}
div.kontakt_inhalt{float:left; width:300px; }
div.kontakt_inhalt a{color:#000; }
div.bildnachweis{position:relative; padding-top:30px; font-size:0.8em; padding-bottom:10px;}

/* THERMENPAUSCHALEN */
ul#thermen, ul#thermen ul{list-style:none;}
ul#thermen li{line-height:1.5em; font-weight:bold; padding:2px; font-size:1.2em; margin-bottom:10px;}
ul#thermen li li{font-size:0.9em; padding:1px 0 1px 20px; font-weight:normal; margin:0;}

img.static{border:4px solid #9d9d9d; margin-right:20px;}
img.static2{border:4px solid #9d9d9d; margin-left:20px;}
img.static3{margin:5px 10px 5px 0; border:0;}
img.static4{margin:0px 10px 5px 0; border:0;}
img.bad_gastein{margin:5px 0 10px 0;}

/* ANFAHHRT */
div.logo_map24{width:120px; float:left;}
#routing{width:424px; border:1px solid #edeff1;}
#routing table{width:424x; border-collapse:collapse; }
#routing table td{text-align:left; border:0; padding:10px 0 10px 4px; margin:0; line-height:1.4em; }
#routing table td.heading{background:#edeff1; padding:4px 0px 4px 4px;}
#routing table td input {float:left; width:200px; padding-left:2px;}
#routing table td select{float:left; width:200px; margin-left:10px;}
#routing table td option{width:200px;}
#routing table td span{position:relative; width:200px; display:block; top:0px;}


/* FOOTER STYLE
================================================================*/
#footer span.left{position:relative; padding-right:10px;}
#footer span.right{position:relative; padding-left:10px;}
#footer a{color:#fff;}