/* Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in Älteren Opera Versionen */
html { font-size:100.01%; height:100%; }

/* Allgemeine Formatierungen */
body { height:100%; background:url(../../gfx/basis/bg_body.gif); font-size:75.00%; }
body, td, th, p, div, form { font-family:Arial, Helvetica, sans-serif; color:#333333; }
body, form { margin:0; padding:0; }

/* Rahmen für <fieldset> und <img> Elemente löschen */
fieldset, img { border:none; }

/* Überschriften deklarieren */
h1, h2, h3, h4, h5, h6 { padding:0; margin:0; }
h1 { font-size:1.5em; }
h2 { font-size:1.4em; margin-bottom:8px; }
h3 { font-size:1.2em; margin-bottom:6px;  }
h4 { font-size:1.1em; margin-bottom:6px; }
h5 { font-size:0.9em; margin-bottom:4px; }
h6 { font-size:0.8em; margin-bottom:4px; }


/* Weitere HTML-Tags */
a { color:#9e1616; text-decoration:underline; cursor:pointer; }
:root a:focus { outline:none; }
.fadeThis * { display:none; }


/* ID's */
#page { background:url(../../gfx/basis/bg_page.gif) repeat-x; }
#top { position:relative; width:950px; height:46px; margin:0 auto; background:url(../../gfx/basis/bg_head_content_top.gif) no-repeat right bottom; }
#container { width:990px; margin:0 auto; background:url(../../gfx/basis/bg_container.png) repeat-y; }
#container_white { width:990px; margin:0 auto; background:url(../../gfx/basis/bg_container_white.png) repeat-y; }
#head { position:relative; width:950px; height:190px; margin:0 auto; background:#fff; }
/* Slideshow */
ul#slideshow { list-style:none; padding:0; margin:0; display:inline; }
#slide-container {width:629px; height:170px; overflow:hidden; margin:0; padding:10px 0 0 0px; }
#logo { float:left; border:10px solid #fff; }
#col_1 { float:left; }
#col_2 { float:right; width:738px; padding-right:30px; }
#content { float:left; width:530px; min-height:380px; }
#ibox_vertical { float:right; width:196px; }
#ibox_horizontal { float:left; width:100%; height:190px; background:#fff; }
#footer { width:950px; height:40px; margin:0 auto; background:url(../../gfx/basis/bg_footer.png); }

/* MAINNAV */
#mainnav { position:relative; margin:0; padding:0; list-style:none; }
#mainnav .fadeThis { position:relative; display:block; height:37px; width:214px; }
#mainnav .fadeThis span.hover { position:absolute; top:0; left:0; display:block; height:37px; width:214px; }
#mainnav .fadeThis.index { background:url(../../gfx/basis/nav/mn_startseite.gif) 0 0 no-repeat; }
#mainnav .aktiv .fadeThis.index { background:url(../../gfx/basis/nav/mn_startseite.gif) 0 -37px no-repeat; }
#mainnav .fadeThis.index span.hover { background:url(../../gfx/basis/nav/mn_startseite.gif) 0 -37px no-repeat; }
#mainnav .fadeThis.aktuelles { background:url(../../gfx/basis/nav/mn_aktuelles.gif) 0 0 no-repeat; }
#mainnav .aktiv .fadeThis.aktuelles { background:url(../../gfx/basis/nav/mn_aktuelles.gif) 0 -37px no-repeat; }
#mainnav .fadeThis.aktuelles span.hover { background:url(../../gfx/basis/nav/mn_aktuelles.gif) 0 -37px no-repeat; }
#mainnav .fadeThis.hotel { background:url(../../gfx/basis/nav/mn_hotel.gif) 0 0 no-repeat; }
#mainnav .aktiv .fadeThis.hotel { background:url(../../gfx/basis/nav/mn_hotel.gif) 0 -37px no-repeat; }
#mainnav .fadeThis.hotel span.hover { background:url(../../gfx/basis/nav/mn_hotel.gif) 0 -37px no-repeat; }
#mainnav .fadeThis.preise { background:url(../../gfx/basis/nav/mn_preise.gif) 0 0 no-repeat; }
#mainnav .aktiv .fadeThis.preise { background:url(../../gfx/basis/nav/mn_preise.gif) 0 -37px no-repeat; }
#mainnav .fadeThis.preise span.hover { background:url(../../gfx/basis/nav/mn_preise.gif) 0 -37px no-repeat; }
#mainnav .fadeThis.arrangements { background:url(../../gfx/basis/nav/mn_arrangements.gif) 0 0 no-repeat; }
#mainnav .aktiv .fadeThis.arrangements { background:url(../../gfx/basis/nav/mn_arrangements.gif) 0 -37px no-repeat; }
#mainnav .fadeThis.arrangements span.hover { background:url(../../gfx/basis/nav/mn_arrangements.gif) 0 -37px no-repeat; }
#mainnav .fadeThis.reservierung { background:url(../../gfx/basis/nav/mn_reservierung.gif) 0 0 no-repeat; }
#mainnav .aktiv .fadeThis.reservierung { background:url(../../gfx/basis/nav/mn_reservierung.gif) 0 -37px no-repeat; }
#mainnav .fadeThis.reservierung span.hover { background:url(../../gfx/basis/nav/mn_reservierung.gif) 0 -37px no-repeat; }
#mainnav .fadeThis.anfahrt { background:url(../../gfx/basis/nav/mn_anfahrt.gif) 0 0 no-repeat; }
#mainnav .aktiv .fadeThis.anfahrt { background:url(../../gfx/basis/nav/mn_anfahrt.gif) 0 -37px no-repeat; }
#mainnav .fadeThis.anfahrt span.hover { background:url(../../gfx/basis/nav/mn_anfahrt.gif) 0 -37px no-repeat; }
#mainnav .fadeThis.links { background:url(../../gfx/basis/nav/mn_links.gif) 0 0 no-repeat; }
#mainnav .aktiv .fadeThis.links { background:url(../../gfx/basis/nav/mn_links.gif) 0 -37px no-repeat; }
#mainnav .fadeThis.links span.hover { background:url(../../gfx/basis/nav/mn_links.gif) 0 -37px no-repeat; }

/* SUBNAV */
ul#subnav { width:420px; position:absolute; right:0; bottom:0; color:#fff; letter-spacing:1px; margin:0 14px 4px 0; padding:0; list-style:none; text-align:right; }
#subnav li { display:inline; }
#subnav li a { font-size:0.9em; color:#fff; text-decoration:none; }
#subnav li a.aktiv { text-decoration:underline; }

#head .trans_img { position:absolute; left:310px; top:10px; width:628px; height:170px; z-index:999; background:url(../../gfx/basis/head_trans.png) no-repeat left bottom; }
* html #head .trans_img { background:url(../../gfx/basis/head_trans_ie6.png) no-repeat; }

/* seiteninhalt */
.seiteninhalt { margin:15px 45px 35px 90px; line-height:1.5em; }
.seiteninhalt ul { margin:0; padding:0; list-style:none; }
.seiteninhalt ul li { padding:0 0 0px 15px; background:url(../../gfx/basis/sternchen.gif) no-repeat; }
.seiteninhalt h1 { margin-bottom:16px; font-weight:normal; color:#9e1616; }
.seiteninhalt ol { margin:0; padding:0; list-style:none; }
.seiteninhalt ol li { padding:0 0 0 15px; margin:0; }
.seiteninhalt .back { text-align:right; height:30px; }
.seiteninhalt h2 { margin:0px 0 20px 0;  padding:0px; font-size:1.1em; }
.seiteninhalt .trenner { height:40px; }
/* PREISE */
.seiteninhalt table.preis { margin:0 0 30px 0; }
.seiteninhalt .preis th { text-align:left; color:#9e1616; }
.seiteninhalt .preis td { padding:10px 0 0 30px; vertical-align:top; }
.seiteninhalt .preis td.u_text { padding:5px 0 10px 30px; font-weight:normal; }
.seiteninhalt .preis td.stern { background:url(../../gfx/basis/sternchen.gif) no-repeat 15px 11px; }
.seiteninhalt .preis ul { padding:0 0 0 15px; }
.seiteninhalt .preis li { padding:2px; }
/* reservierung */
.seiteninhalt .reservierung table { margin:0; }
.seiteninhalt .reservierung h1 { margin:20px 0 0 0; font-size:1.4em; font-weight:bold; }
.seiteninhalt .reservierung th { text-align:left; padding:2px 0; }
.seiteninhalt .reservierung td { padding:5px 0 5px 0; }
.seiteninhalt .reservierung td.zusaetze { padding:2px 0; }
.seiteninhalt ul.step { margin:0 0 20px 0; padding:0; }
.seiteninhalt .step li { display:inline; padding:0 10px; }
.seiteninhalt .reservierung  .tab_zimmer { border:1px solid #fff; padding:8px; margin-top:10px;}

/* aktuelles */
#aktuelles_list li { padding-bottom:10px; }

/*Zusätze*/
.seiteninhalt .reservierung .zusaetze td { padding:1px 6px 0 4px; }
.seiteninhalt .reservierung .zusaetze label { font-weight:normal; }
.seiteninhalt .preis .preis { font-size:24px; color:#9e1616; padding:0; }
.seiteninhalt .preis .fadeThis { position:relative; display:block; height:24px; width:121px; }
.seiteninhalt .preis .fadeThis span.hover { position:absolute; top:0; left:0; display:block; height:24px; width:121px; }
.seiteninhalt .preis .fadeThis.jetzt_buchen { background:url(../../gfx/basis/buttons/jetzt_buchen_arr.gif) 0 0 no-repeat; }
.seiteninhalt .preis .fadeThis.jetzt_buchen span.hover { background:url(../../gfx/basis/buttons/jetzt_buchen_arr.gif) 0 -24px no-repeat; }
.seiteninhalt .preis .fadeThis.details_ansehen { background:url(../../gfx/basis/buttons/details_ansehen_arr.gif) 0 0 no-repeat; }
.seiteninhalt .preis .fadeThis.details_ansehen span.hover { background:url(../../gfx/basis/buttons/details_ansehen_arr.gif) 0 -24px no-repeat; }

/* BOX_VERTICAL*/
#box_left { padding:10px 4px 10px 30px; }
#ibox_vertical .top_arrangement { padding:10px 0; letter-spacing:1px; }
#ibox_vertical .top_arrangement ul, h2, h3 { padding:0 10px; }
#ibox_vertical .top_arrangement h2, h3 { font-weight:normal; text-transform:uppercase; }
#ibox_vertical .top_arrangement h2 { font-size:0.9em; }
#ibox_vertical .top_arrangement h3 { font-size:1.0em; color:#9e1616; }
#ibox_vertical .top_arrangement ul { margin:8px 0 0 16px; list-style-image:url(../../gfx/basis/sternchen_hell.gif); }
#ibox_vertical .top_arrangement li { font-size:0.9em; padding:2px 0; }
#ibox_vertical .top_arrangement .actions { float:right; width:140px; padding:10px;  }
#ibox_vertical .top_arrangement .preis { font-size:24px; color:#9e1616; padding:0; }
/* links & buttons */
#ibox_vertical .top_arrangement .fadeThis { position:relative; display:block; height:24px; width:121px; }
#ibox_vertical .top_arrangement .fadeThis span.hover { position:absolute; top:0; left:0; display:block; height:24px; width:121px; }
#ibox_vertical .top_arrangement .fadeThis.jetzt_buchen { background:url(../../gfx/basis/buttons/jetzt_buchen.gif) 0 0 no-repeat; }
#ibox_vertical .top_arrangement .fadeThis.jetzt_buchen span.hover { background:url(../../gfx/basis/buttons/jetzt_buchen.gif) 0 -24px no-repeat; }
#ibox_vertical .top_arrangement .fadeThis.details_ansehen { background:url(../../gfx/basis/buttons/details_ansehen.gif) 0 0 no-repeat; }
#ibox_vertical .top_arrangement .fadeThis.details_ansehen span.hover { background:url(../../gfx/basis/buttons/details_ansehen.gif) 0 -24px no-repeat; }

/* IBOX_HORIZONTAL */
#ibox_horizontal .horizontal_1 { float:left; margin:12px 0; }
#ibox_horizontal .horizontal_2 { margin:12px auto; }
#ibox_horizontal .horizontal_3 { float:right; margin:12px 0;  }
#ibox_horizontal .horizontal_1, .horizontal_2, .horizontal_3 { position:relative; width:238px; height:166px; background:#e7e0ce; }
#ibox_horizontal .transparenz_1, .transparenz_2, .transparenz_3 { position:absolute; left:0; top:0; z-index:2; background:url(../../gfx/basis/ibox_hor_trans.png) repeat-x; width:238px; height:166px; overflow:hidden; }

/* IBOX_HORIZONTAL: gemeinsame Klassen */
#ibox_horizontal .box_text { padding:10px; height:70px; overflow:hidden; font-size:0.8em; }
#ibox_horizontal h3 { padding:14px 10px 0 10px; font-weight:bold; font-size:0.9em; color:#fff; }
#ibox_horizontal h2 { width:160px; padding:0 15px 0 10px; font-size:1.1em; color:#fff; text-transform:uppercase; }
#ibox_horizontal .more { position:absolute; right:10px; bottom:10px; text-transform:uppercase; }
/* links & buttons */
#ibox_horizontal .fadeThis { position:relative; display:block; height:7px; width:41px; }
#ibox_horizontal .fadeThis span.hover { position:absolute; top:0; left:0; display:block; height:7px; width:41px; }
#ibox_horizontal .fadeThis.mehr { background:url(../../gfx/basis/buttons/mehr.gif) 0 0 no-repeat; }
#ibox_horizontal .fadeThis.mehr span.hover { background:url(../../gfx/basis/buttons/mehr.gif) 0 -7px no-repeat; }
#ibox_horizontal .wr a { color:#fff; text-decoration:none; }
#ibox_horizontal .box_text.color_0 { color:#000; }
#ibox_horizontal .box_text.color_1 { color:#fff; }
#ibox_horizontal img { z-index:1; }

/* FOOTER */
#footer address { float:left; width:780px; padding:10px; text-align:right; font-style:normal; font-size:0.9em; }
#footer span { padding:0 8px; color:#4a341b; }
#footer .empfehlen { float:right; width:120px; padding:7px 10px; }
#footer .fadeThis { position:relative; display:block; height:24px; width:121px; }
#footer .fadeThis span.hover { position:absolute; top:0; left:0; display:block; height:24px; width:121px; }
#footer .fadeThis.seite_empfehlen { background:url(../../gfx/basis/buttons/seite_empfehlen.gif) 0 0 no-repeat; }
#footer .fadeThis.seite_empfehlen span.hover { background:url(../../gfx/basis/buttons/seite_empfehlen.gif) 0 -24px no-repeat; }

/* Kontakt */
.formular { width:100%; }
.formular label { font-weight:bold; white-space:nowrap; padding:0 2px;  }
.formular p { margin:0 0 5px 0; padding:0; }
.formular .form_style { font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px; border-top:solid 1px #efefef; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; border-left:solid 1px #efefef; background-color:#fff; }
.formular .form_style_err { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; border:solid 1px #9e1616; background-color:#fff; }
.formular  select { font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px; border-top:solid 1px #efefef; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; border-left:solid 1px #efefef; background-color:#fff; }
.formular .form_style_clickbox_err { width:13px; padding:0; margin:0; border:1px solid #9e1616; }
.formular .form_style_clickbox_err #reservierung_AGB { border:none; padding:0; margin:0; }
.formular p.button { margin:10px 20px 0 0; text-align:right; }
.formular .form_zusatz input, .formular .form_zusatz label { display:none; } 
/* Reservierung*/
.formular label { display:block; float:left; width:80px; }
.formular label.compact { width:auto; display:compact; margin:0 0 6px 0; font-weight:bold; }
.formular label.suspend { display:compact; clear:left; width:auto; margin:0; }
.formular .trenner { height:24px;}
.formular .abs_left80 { margin-left:80px; }

/* Meldungen */
.msg_error { width:360px; padding:10px; color:#9e1616; border:1px solid #9e1616; background:#e7e0ce; }
.msg_failure { width:360px; padding:10px; color:#9e1616; border:1px solid #9e1616; background:#e7e0ce; }
.msg_success { width:360px; padding:10px; color:#333333; border:1px solid #A6A7AB; background:#e7e0ce; }
.empfehlen .msg_error { width:262px; }
.empfehlen .msg_failure { width:262px; }
.empfehlen .msg_success { width:262px; }

/* sonstige Klassen*/
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.fw_bold { font-weight:bold; }
.fw_normal { font-weight:normal; }
.ta_right { text-align:right; }
.no_deko a { text-decoration:none; }
.stern_1 { background:url(../../gfx/basis/sternchen.gif) no-repeat 5px 4px; padding:0 20px 0 0; }
.stern_2 { background:url(../../gfx/basis/sternchen.gif) no-repeat 15px 10px; padding:0 20px 0 0; }
.trenner_foot { height:50px; }
.c_red { color:#9e1616; }
.dkbrown { background:#e7e0ce; border-bottom:1px solid #fff; }
.dkbrown_top { background:#e7e0ce; border-bottom:1px solid #fff; border-top:1px solid #B39776; }
.b_left { border-left:1px solid #fff; }
.k1 { font-size:0.9em; }
.k2 { font-size:0.8em; }
.k3 { font-size:0.7em; }

/* Abstände */
.abs0 { margin-bottom:0; }
.abs10 { margin-bottom:10px; }
.abs24 { margin-bottom:24px; }
.abs_r_10	{ margin-right:10px; }

.pad_l_15 { padding-left:15px; }
.pad_r_15 { padding-right:15px; }

/* Tooltip */
#simpleTooltip { max-width:150px; padding:4px; border:1px solid #A6A7AB; background:#D9D1BC; font-size:0.8em; color:#333; }