/*------------------------------------------- VOREINSTELLUNGEN + ZENTRIERTER INHALT -------------------------------------------*/ * {margin:0; padding:0;} body {text-align:center; color:#676767; font-family:arial,sans-serif; font-size:12px; background-image:url(../a-grafiken/kachel.gif); background-repeat:repeat;} #wrapper {position:relative; margin:auto; margin-top:20px; width:955px; text-align:left;} /*------------------------------------------- SPRACHAUSWAHL -------------------------------------------*/ #sprachen {height:35px; text-align:right; width:955px;} #sprachen ul {width:925px; height:25px; padding:10px 30px 0px 0px; float:right; background-image:url(../a-grafiken/aktionsleiste.jpg);} * html #sprachen ul {width:955px; height:35px; background-color:black;} #sprachen li {display:inline; margin:0px 5px 0px 5px; color:#b12446;} #top {float:left;} #booking {position:absolute; left:635px; top:43px;} #flash {float:left;} #flash img {border:0;} .h5 {font-family: Verdana, sans-serif; font-size:14px; font-style: normal; font-weight: bold;} #inhalt {position:relative; float:left; width:955px; background-color:#fdfdfd; background-image:url(../a-grafiken/verlauf.gif); background-repeat:repeat-x;} /*------------------------------------------- GESTALTUNG NAVIGATION -------------------------------------------*/ #navi-main {height:32px; float:left;} #navi-sub {width:955px; height:23px;background-color:#d8d8d8; padding-top:4px; float:left;} * html #navi-sub {height:26px;} #navi-sub li {display:inline; padding-left:27px; letter-spacing:1px;} #navi-main li {display:inline;} #navi-main a {font-size:0; float:left; color:white;} ul.navi-sub li.active a:link {color:#b12446;} #navi a:link {color:#b12446;} #navi a:hover {color:#c6949b;} #navi a:visited {color:#828282;} #navi-main #hotel {background-image: url(../a-grafiken/navi-inaktiv/hotel.gif); width:78px; height:32px;} #navi-main #hotel-fr {background-image: url(../a-grafiken/navi-inaktiv/hotel-fr.gif); width:78px; height:32px;} #navi-main #restaurant {background-image: url(../a-grafiken/navi-inaktiv/restaurant.gif); width:103px; height:32px;} #navi-main #impressionen {background-image: url(../a-grafiken/navi-inaktiv/impressionen.gif); width:116px; height:32px;} #navi-main #impressions {background-image: url(../a-grafiken/navi-inaktiv/impressions.gif); width:116px; height:32px;} #navi-main #zimmer {background-image: url(../a-grafiken/navi-inaktiv/zimmer.gif); width:189px; height:32px;} #navi-main #rooms {background-image: url(../a-grafiken/navi-inaktiv/rooms.gif); width:134px; height:32px;} #navi-main #chambres {background-image: url(../a-grafiken/navi-inaktiv/chambres.gif); width:134px; height:32px;} #navi-main #angebote {background-image: url(../a-grafiken/navi-inaktiv/angebote.gif); width:104px; height:32px;} #navi-main #specials {background-image: url(../a-grafiken/navi-inaktiv/specials.gif); width:88px; height:32px;} #navi-main #offres {background-image: url(../a-grafiken/navi-inaktiv/offres.gif); width:88px; height:32px;} #navi-main #highlights {background-image: url(../a-grafiken/navi-inaktiv/highlights.gif); width:103px; height:32px;} #navi-main #highlights-engl-fr {background-image: url(../a-grafiken/navi-inaktiv/highlights-engl-fr.gif); width:103px; height:32px;} #navi-main #kontakt {background-image: url(../a-grafiken/navi-inaktiv/kontakt.gif); width:80px; height:32px;} #navi-main #contact {background-image: url(../a-grafiken/navi-inaktiv/contact.gif); width:80px; height:32px;} #navi-main #engelsbote {background-image: url(../a-grafiken/navi-inaktiv/engelsbote.gif); width:116px; height:32px;} #navi-main #engelsbote-engl-fr {background-image: url(../a-grafiken/navi-inaktiv/engelsbote-engl-fr.gif); width:116px; height:32px;} #navi-main #gourmet {background-image: url(../a-grafiken/navi-inaktiv/gourmet.gif); width:137px; height:32px;} #navi-main #gourmet-engl-fr {background-image: url(../a-grafiken/navi-inaktiv/gourmet-engl-fr.gif); width:137px; height:32px;} #navi-main #blog {background-image: url(../a-grafiken/navi-inaktiv/blog.gif); width:66px; height:32px;} #navi-main #blog-engl-fr {background-image: url(../a-grafiken/navi-inaktiv/blog-engl-fr.gif); width:137px; height:32px;} #navi-main #hotel:hover {background-image: url(../a-grafiken/navi-aktiv/hotel.gif);} #navi-main #hotel-fr:hover {background-image: url(../a-grafiken/navi-aktiv/hotel-fr.gif);} #navi-main #restaurant:hover {background-image: url(../a-grafiken/navi-aktiv/restaurant.gif);} #navi-main #impressionen:hover {background-image: url(../a-grafiken/navi-aktiv/impressionen.gif);} #navi-main #impressions:hover {background-image: url(../a-grafiken/navi-aktiv/impressions.gif);} #navi-main #zimmer:hover {background-image: url(../a-grafiken/navi-aktiv/zimmer.gif);} #navi-main #rooms:hover {background-image: url(../a-grafiken/navi-aktiv/rooms.gif);} #navi-main #chambres:hover {background-image: url(../a-grafiken/navi-aktiv/chambres.gif);} #navi-main #angebote:hover {background-image: url(../a-grafiken/navi-aktiv/angebote.gif);} #navi-main #specials:hover {background-image: url(../a-grafiken/navi-aktiv/specials.gif);} #navi-main #offres:hover {background-image: url(../a-grafiken/navi-aktiv/offres.gif);} #navi-main #highlights:hover {background-image: url(../a-grafiken/navi-aktiv/highlights.gif);} #navi-main #highlights-engl-fr:hover {background-image: url(../a-grafiken/navi-aktiv/highlights-engl-fr.gif);} #navi-main #kontakt:hover {background-image: url(../a-grafiken/navi-aktiv/kontakt.gif);} #navi-main #contact:hover {background-image: url(../a-grafiken/navi-aktiv/contact.gif);} #navi-main #engelsbote:hover {background-image: url(../a-grafiken/navi-aktiv/engelsbote.gif);} #navi-main #engelsbote-engl-fr:hover {background-image: url(../a-grafiken/navi-aktiv/engelsbote-engl-fr.gif);} #navi-main #blog:hover {background-image: url(../a-grafiken/navi-aktiv/blog.gif);} #navi-main #blog:hover {background-image: url(../a-grafiken/navi-aktiv/blog.gif);} #navi-main #gourmet:hover {background-image: url(../a-grafiken/navi-aktiv/gourmet.gif);} #navi-main #gourmet-engl-fr:hover {background-image: url(../a-grafiken/navi-aktiv/gourmet-engl-fr.gif);} /*------------------------------------------- GESTALTUNG NAVIGATION AKTIV -------------------------------------------*/ #hotel #navi-main #hotel, #hotel-anfahrt #navi-main #hotel, #hotel-speisekarte #navi-main #hotel, #hotel-cafe #navi-main #hotel, #hotel-weinkeller #navi-main #hotel {background-image: url(../a-grafiken/navi-aktiv/hotel.gif); width:78px; height:32px;} #hotel-fr #navi-main #hotel-fr, #hotel-fr-anfahrt #navi-main #hotel-fr, #hotel-fr-speisekarte #navi-main #hotel-fr, #hotel-fr-cafe #navi-main #hotel-fr, #hotel-fr-weinkeller #navi-main #hotel-fr {background-image: url(../a-grafiken/navi-aktiv/hotel-fr.gif); width:78px; height:32px;} #restaurant #navi-main #restaurant, #restaurant-werdegang #navi-main #restaurant, #restaurant-auszeichnungen #navi-main #restaurant, #restaurant-speisekarte #navi-main #restaurant {background-image: url(../a-grafiken/navi-aktiv/restaurant.gif); width:103px; height:32px;} #impressionen #navi-main #impressionen {background-image: url(../a-grafiken/navi-aktiv/impressionen.gif); width:116px; height:32px;} #impressions #navi-main #impressions {background-image: url(../a-grafiken/navi-aktiv/impressions.gif); width:116px; height:32px;} #zimmer #navi-main #zimmer {background-image: url(../a-grafiken/navi-aktiv/zimmer.gif); width:189px; height:32px;} #rooms #navi-main #rooms {background-image: url(../a-grafiken/navi-aktiv/rooms.gif); width:134px; height:32px;} #chambres #navi-main #chambres {background-image: url(../a-grafiken/navi-aktiv/chambres.gif); width:134px; height:32px;} #angebote #navi-main #angebote {background-image: url(../a-grafiken/navi-aktiv/angebote.gif); width:104px; height:32px;} #specials #navi-main #specials {background-image: url(../a-grafiken/navi-aktiv/specials.gif); width:88px; height:32px;} #offres #navi-main #offres {background-image: url(../a-grafiken/navi-aktiv/offres.gif); width:88px; height:32px;} #highlights #navi-main #highlights {background-image: url(../a-grafiken/navi-aktiv/highlights.gif); width:103px; height:32px;} #highlights-engl-fr #navi-main #highlights-engl-fr {background-image: url(../a-grafiken/navi-aktiv/highlights-engl-fr.gif); width:103px; height:32px;} #kontakt #navi-main #kontakt {background-image: url(../a-grafiken/navi-aktiv/kontakt.gif); width:80px; height:32px;} #contact #navi-main #contact {background-image: url(../a-grafiken/navi-aktiv/contact.gif); width:80px; height:32px;} #engelsbote #navi-main #engelsbote {background-image: url(../a-grafiken/navi-aktiv/engelsbote.gif); width:116px; height:32px;} #engelsbote-engl-fr #navi-main #engelsbote-engl-fr {background-image: url(../a-grafiken/navi-aktiv/engelsbote-engl-fr.gif); width:116px; height:32px;} #blog #navi-main #gourmet {background-image: url(../a-grafiken/navi-aktiv/blog.gif); width:66px; height:32px;} #gourmet #navi-main #gourmet {background-image: url(../a-grafiken/navi-aktiv/gourmet.gif); width:137px; height:32px;} #gourmet-engl-fr #navi-main #gourmet-engl-fr {background-image: url(../a-grafiken/navi-aktiv/gourmet-engl-fr.gif); width:137px; height:32px;} /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------- MP3-Player -------------------------------------------*/ #audio {width:955px; height:34px;background-color:#d8d8d8;color:#b12446; background-image:url(../a-grafiken/audio-back.jpg); background-repeat:no-repeat; float:left;} #player {width:150px; height:40px; font-family: Verdana, Geneva, sans-serif; margin-left:22px; float:left;} #audio-text {width:760px; height:38px; font-family: Verdana, Geneva, sans-serif; margin-top:2px; float:left;} *html #player {width:160px; height:40px; font-family: Verdana, Geneva, sans-serif; margin-left:10px; float:left;} #spalte1 {width:260px; font-family: Verdana, Geneva, sans-serif; margin:12px 0px 30px 0px; float:left;} #spalte2 {width:315px; font-family: Verdana, Geneva, sans-serif; margin:29px 0px 0px 0px; padding-bottom:50px; float:left;} #spalte3 {width:270px; font-family: Verdana, Geneva, sans-serif; font-style:inherit; color:#bb7e87; margin:22px 29px 0px 0px; float:right; background-color:#d4caba; padding:10px; padding-bottom:0px;} #spalte3 h1 {color:#6d414f;} #spalte3 strong {color:#6d414f;} #spalte3 b {color:#6d414f;} /*------------------------------------------- BILDER FORMATIERUNGEN -------------------------------------------*/ img.logo {width:264px; height:323px;} /*------------------------------------------- TEXT-FORMATIERUNGEN -------------------------------------------*/ h1 {font-size:160%; padding-top:60px; margin-bottom:20px; font-family:verdana,sans-serif; font-weight:500; line-height:20px; letter-spacing:3px; color:#aa7e87;} h2 {font-size:13px; margin-top:20px; color:#99414f; font-family:verdana,sans-serif; padding-bottom:2px; line-height:15px; letter-spacing:1px;} h3 {font-size:12px; padding-top:10px; color:#99414f; font-family:verdana,sans-serif; margin-bottom:2px; line-height:15px; letter-spacing:1px;} h5/*Headline*/ {font-size:160%; color:#b12446; font-family:verdana,sans-serif; line-height:15px; padding-bottom:3px; letter-spacing:0px;} h6/*Subline*/ {font-family:verdana, sans-serif; font-size:13px; line-height:15px; padding-bottom:18px; font-weight:500; letter-spacing:3px; color:#6d414f;} strong { font-family:verdana, sans-serif; font-size:11px; line-height:15px; font-weight:600; color: #6d414f; letter-spacing:1px; } p { line-height:15px; font-family:verdana, sans-serif; font-size:11px; margin-top:0px; padding-bottom:9px; font-weight:lighter; color: #6d414f; } #inhalt ul {padding-bottom:17px; line-height:17px; list-style-position:inside;} /*------------------------------------------- GESTALTUNG SUBMENÜ; SPEISEKARTE + ANGEBOTE -------------------------------------------*/ /*------------------------------------------- GESTALTUNG SUB -------------------------------------------*/ #sub {float:left; width:955px; height:77px; background-image:url(../a-grafiken/sub-bg.jpg); text-align:center;} #sub ul {padding-top:54px;} #sub li {display:inline; padding:10px;} /*------------------------------------------- GESTALTUNG DER LINKS -------------------------------------------*/ a {text-decoration:none;} a:link {color:#828282;} a:hover {color:#c6949b;} a:visited {color:#828282;} #spalte3 a:link {color:#bd2446;} #spalte3 a:hover {color:#c6949b;} #spalte3 a:visited {color:#bd2446;} #intro #navi .sub a {text-decoration:underline;} #inhalt a {color:#bb7e87;text-decoration:underline;} #inhalt a:hover {color:#b12446;text-decoration:underline;}