/* ############# CSS Document Hotel Sturm Relaunch 2007 ############## */

/* ######### DIVs ########### */
* { margin:0; padding:0; }
html, body { height:100%; }
body { background-color:#cc9933; text-align:center; /* horizontal centering for IE Win quirks */ }
#distance { width:1px; height:50%; background-color:#cc9933; margin-bottom:-345px; /* half of container's height */ float:left; }
#container { margin:0 auto; position:relative; /* puts container in front of distance */ height:690px; width:1000px; clear:left; background-color:#cc9933; }
div.main_frame { margin:0 auto; position:absolute; left: 10px; top:10px; height:520px; width:720px; clear:left; background-color:#999; }
div.inhalt_innen { position: absolute; left: 0; top: 0; width: 1000px; height: 690px; margin-left: 0; margin-top: 0; background-image:url(../pics/hintergrund_biohotel.jpg); z-index:2; }
div.inhalt_innen_tagen { position: absolute; left: 0; top: 0; width: 1000px; height: 690px; margin-left: 0; margin-top: 0; background-image:url(../pics/hintergrund_tagung.jpg); z-index:2; }
div.inhalt_innen_leib { position: absolute; left: 0; top: 0; width: 1000px; height: 690px; margin-left: 0; margin-top: 0; background-image:url(../pics/hintergrund_leib.jpg); z-index:2; }
div.inhalt_innen_eintauchen { position: absolute; left: 0; top: 0; width: 1000px; height: 690px; margin-left: 0; margin-top: 0; background-image:url(../pics/hintergrund_eintauchen.jpg); z-index:2; }
div.inhalt_innen_bewegung { position: absolute; left: 0; top: 0; width: 1000px; height: 690px; margin-left: 0; margin-top: 0; background-image:url(../pics/hintergrund_leben.jpg); z-index:2; }
div.inhalt_innen_rhoen { position: absolute; left: 0; top: 0; width: 1000px; height: 690px; margin-left: 0; margin-top: 0; background-image:url(../pics/hintergrund_die_rhoen.jpg); z-index:2; }
div.inhalt_innen_kulinarium { position: absolute; left: 0; top: 0; width: 1000px; height: 690px; margin-left: 0; margin-top: 0; background-image:url(../pics/hintergrund_kulinarium.jpg); z-index:2; }
div.inhalt_innen_frische_kueche { position: absolute; left: 0; top: 0; width: 1000px; height: 690px; margin-left: 0; margin-top: 0; background-image:url(../pics/Hintergrund_Bio_Stuben_1000x690.jpg); z-index:2; }
div.inhalt_innen_lounge { position: absolute; left: 0; top: 0; width: 1000px; height: 690px; margin-left: 0; margin-top: 0; background-image:url(../pics/Hintergrund_Bio_Stuben_1000x690.jpg); z-index:2; }

div.inhalt_innen_stuben { position: absolute; left: 0; top: 0; width: 1000px; height: 690px; margin-left: 0; margin-top: 0; background-image:url(../pics/Hintergrund_Bio_Stuben_1000x690.jpg); z-index:2; }
div.inhalt_innen_terrasse { position: absolute; left: 0; top: 0; width: 1000px; height: 690px; margin-left: 0; margin-top: 0; background-image:url(../pics/Hintergrund_Bio_Stuben_1000x690.jpg); z-index:2; }
div.inhalt_innen_garten_spa { position: absolute; left: 0; top: 0; width: 1000px; height: 690px; margin-left: 0; margin-top: 0; background-image:url(../pics/hintergrund_garten_spa.jpg); z-index:2; }
div.inhalt_innen_garten_spa div.link{ position: absolute;  z-index:3; width: 120px; height: 135px; bottom: 120px; right: 107px; }

div.inhalt_innen_motorrad { position: absolute; left: 0; top: 0; width: 1000px; height: 690px; margin-left: 0; margin-top: 0; background-image:url(../pics/hintergrund_motorrad.jpg); z-index:2; }
div.inhalt_innen_rhoen_logo { position: absolute; left: 0; top: 0; width: 1000px; height: 690px; margin-left: 0; margin-top: 0; background-image:url(../pics/hintergrund_die_rhoen_logo.jpg); z-index:2; }
div.inhalt_innen_biohotel { position: absolute; left: 0; top: 0; width: 1000px; height: 690px; margin-left: 0; margin-top: 0; background-image:url(../pics/hintergrund_biohotel.jpg); z-index:2; }
div.logo_link { position: absolute; left: 103px; top: 25px; text-align:left; width: 230px; height: 80px; z-index:3; }
div.flash { position: absolute; left: 222px; top: 128px; text-align:left; width: 670px; height: 294px; z-index:3; }
div.menue { position: absolute; left: 10px; top: 257px; text-align:right; width: 222px; height: 150px; z-index:5; }
div.menue2 { position: absolute; left: 10px; top: 257px; text-align:right; width: 222px; height: 150px; z-index:4; }
div.content { position: absolute; left: 288px; top: 440px; text-align:left; line-height:1.1em; width: 464px; height: 170px; border-width:0px; border-style:solid; border-color:#fff; }
div.content_garten_spa { position: absolute; left: 288px; top: 440px; text-align:left; line-height:1.1em; width: 475px; height: 170px; border-width:0px; border-style:solid; border-color:#fff; }
div.content_sitemap { position: absolute; left: 222px; top: 440px; text-align:left; line-height:1.1em; width: 670px; height: 170px; border-width:0px; border-style:solid; border-color:#fff; }
div.content_newsletter { position: absolute; left: 222px; top: 440px; text-align:left; line-height:1.1em; width: 670px; height: 170px; border-width:0px; border-style:solid; border-color:#fff; }
div.footer { position: absolute; left: 150px; top: 664px; z-index:15; text-align:center; width: 810px; height: 20px; color:#fff; font-weight: normal; font-size: 10px; font-family: verdana, arial, helvetica, sans-serif; letter-spacing:0em; }
div.div_galerie_bild { z-index: 1; position: absolute; left: 0px; top: 0px; width: 670px; height: 294px; }
div.div_galerie_link { z-index: 12; position: absolute; left: 500px; top: 279px; width: 160px; height: 16px; padding-top:1px; text-align:right; line-height: 10px; }
span.umbruch { line-height:0.5em; }
table.link_tabelle { color:#fff; font-size:12px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }
td.link_tabelle { color:#fff; font-size:12px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }

/* ######### Links dateiweit ########### */
a:link { color:#fff; font-size:12px; font-family: verdana, arial, helvetica, sans-serif; font-weight:bold; text-decoration: none; }
a:visited { color:#fff; font-size:12px; font-family: verdana, arial, helvetica, sans-serif; font-weight:bold; text-decoration: none; }
a:hover { color:#cc9933; font-size:12px; font-family: verdana, arial, helvetica, sans-serif; font-weight:bold; text-decoration: none; }
a:active { color:#fff; font-size:12px; font-family: verdana, arial, helvetica, sans-serif; font-weight:bold; text-decoration: none; }

/* ######### Links Bildergalerie ########### */
a.galerie_link:link { color:#000; font-size:10px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }
a.galerie_link:visited { color:#000; font-size:10px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }
a.galerie_link:hover { color:#000; font-size:10px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }
a.galerie_link:active { color:#000; font-size:10px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }

/* ######### Links footer ########### */	
a.footer_links:link { color:#fff; font-size:11px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }
a.footer_links:visited { color:#fff; font-size:11px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }
a.footer_links:hover { color:#cc9933; font-size:11px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }
a.footer_links:active { color:#fff; font-size:11px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }

/* #######################  Überschriften  ####################### */
h1 { color:#fff; font-weight: normal; font-size: 17px; font-family: verdana, arial, helvetica, sans-serif; letter-spacing:0.1em; }
h2 { color:#fff; font-weight: normal; font-size: 12px; font-family: verdana, arial, helvetica, sans-serif; letter-spacing:0em; }
h3 { color:#D2232A; font-weight: bold; font-size: 14px; font-family: verdana, arial, helvetica, sans-serif; }
h4 { color:#666; font-weight: bold; font-size: 14px; font-family: verdana, arial, helvetica, sans-serif; }
h5 { color:#000; font-weight: bold; font-size: 14px; font-family: verdana, arial, helvetica, sans-serif; }
h6 { color:#333; font-weight: bold; font-size: 14px; font-family: verdana, arial, helvetica, sans-serif; }

/* #######################  Formatierung für "Akteulles" Text (Newsflash aus ::ledermann.biz-CMS  ####################### */  
td.NfTdTitel { color:#fff; font-weight: normal; font-size: 12px; font-family: verdana, arial, helvetica, sans-serif; letter-spacing:0em; line-height:1.2em; }
td.NfTdInhalt { color:#fff; font-weight: normal; font-size: 12px; font-family: verdana, arial, helvetica, sans-serif; letter-spacing:0em; line-height:1.2em; padding-bottom:1.2em; }
td.NfTdInhalt img { margin-left: 1em; margin-bottom:1em; }

/* #######################  Termine Container  ####################### */
span.termine_datum { color:#503A2F; font-weight: bold; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; }
a.termine_link:link { color:#cc9933; font-size:11px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }
a.termine_link:visited { color:#cc9933; font-size:11px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }
a.termine_link:hover { color:#fff; font-size:11px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }
a.termine_link:active { color:#cc9933; font-size:11px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }
div.neuigkeiten2 { position: absolute; left: 732px; top: 444px; z-index: 10; width: 160px; height: 170px; background-color:#503A2F; opacity: 0.2; filter: alpha(opacity=20); }
div.neuigkeiten { position: absolute; left: 732px; top: 444px; z-index: 12; text-align:right; line-height:1.2em; width: 160px; height: 170px; border-width:0px; border-style:solid; border-color:#503A2F; text-align: left; line-height:1em; }
div.termine2 { position: absolute; left: 784px; top: 444px; z-index: 10; width: 108px; height: 170px; background-color:#503A2F; opacity: 0.2; filter: alpha(opacity=20); }
div.termine { position: absolute; left: 784px; top: 444px; z-index: 12; text-align:right; line-height:1.2em; width: 108px; height: 170px; border-width:0px; border-style:solid; border-color:#503A2F; text-align: left; line-height:1em; }

/* #######################  Listenmenue 1  ####################### */
#menu { width: 136px; position: absolute; left: 70px; }
#menu ul { list-style: none; }
#menu a, #menu_links h2 { display: block; margin-bottom: 1px; padding: 2px 3px; padding-bottom: 0px; }
#menu h2 { color: #993300; text-transform: uppercase; }
#menu a { text-decoration: none; background-image: url(../pics/1pxtrans.gif); }
#menu li { position: relative; z-index:10; }
#menu ul ul ul { position: absolute; top: 0; left: 100%; width: 100%; }
div#menu ul ul li:hover ul,  div#menu ul ul ul li:hover ul { display: block; }
/* Ergaenzung SiS */
#menu0 { width: 136px; position: absolute; left: 70px; }
#menu0 ul { list-style: none; }
#menu0 a, #menu_links h2 { display: block; margin-bottom: 1px; padding: 2px 3px; padding-bottom: 0px; }
#menu0 h2 { color: #993300; text-transform: uppercase; }
#menu0 a { text-decoration: none; background-image: url(../pics/1pxtrans.gif); }
#menu0 li { position: relative; z-index:10; }
#menu0 ul ul ul { position: absolute; top: 0; left: 100%; width: 100%; }
div#menu0 ul ul li:hover ul,  div#menu0 ul ul ul li:hover ul { display: block; }


div.test1 { width: 136px; height: 16px; text-align: left; padding:0px; letter-spacing:0em; background-repeat:no-repeat; }
div.test2 { width: 136px; height: 16px; opacity: 0.5; filter: alpha(opacity=50); text-align: left; padding:0px; letter-spacing:0em; background-image: url(../pics/submenu.gif); background-repeat:no-repeat; }
div.test3 { width: 136px; height: 16px; opacity: 0.8; filter: alpha(opacity=80); text-align: left; padding:0px; letter-spacing:0em; background-image: url(../pics/submenu.gif); background-repeat:no-repeat; }

/* ######## */
a.liste_ebene1:link { color: #fff; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 12px; text-decoration: none; }
a.liste_ebene1:visited { color: #fff; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 12px; text-decoration: none; }
a.liste_ebene1:hover { color: #4f392f; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 12px; text-decoration: none; }
a.liste_ebene1:active { color: #4f392f; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 12px; text-decoration: none; }
/* ######## */
a.liste_ebene1_aktiv:link { color: #4f392f; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 12px; text-decoration: none; }
a.liste_ebene1_aktiv:visited { color: #4f392f; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 12px; text-decoration: none; }
a.liste_ebene1_aktiv:hover { color: #4f392f; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 12px; text-decoration: none; }
a.liste_ebene1_aktiv:active { color: #4f392f; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 12px; text-decoration: none; }
/* ######## */
a.liste_ebene2:link { color: #000; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 11px; text-align:left; text-decoration: none; }
a.liste_ebene2:visited { color: #000; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 11px; text-align:left; text-decoration: none; }
a.liste_ebene2:hover { color: #4F392F; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 11px; text-align:left; text-decoration: none; }
a.liste_ebene2:active { color: #000; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 11px; text-align:left; text-decoration: none; }
/* ######## */
a.liste_ebene2_aktiv:link { color: #000; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 11px; text-align:left; text-decoration: none; }
a.liste_ebene2_aktiv:visited { color: #000; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 11px; text-align:left; text-decoration: none; }
a.liste_ebene2_aktiv:hover { color: #4F392F; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 11px; text-align:left; text-decoration: none; }
a.liste_ebene2_aktiv:active { color: #000; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 11px; text-align:left; text-decoration: none; }
/* #######################  Listenmenue 2  ####################### */

#menu2 { width: 136px; position: absolute; left: 70px; }
#menu2 ul { list-style: none; letter-spacing:0em; }
#menu2 a, #menu2 h2 { display: block; margin-bottom: 1px; padding: 2px 3px; padding-bottom: 0px; }
#menu2 h2 { color: #993300; text-transform: uppercase; }
#menu2 a { text-decoration: none; background-image: url(../pics/1pxtrans.gif); }
#menu2 li { position: relative; z-index:10; }
#menu2 ul ul ul { position: absolute; top: 0; left: 100%; width: 100%; }
div#menu2 ul ul li:hover ul,  div#menu2 ul ul ul li:hover ul { display: block; }

/* #######################  Termine Container  ####################### */

span.angebote_datum { color:#503A2F; font-weight: bold; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif;}

  a.angebote_link:link { color:#cc9933; font-size:11px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }				
  a.angebote_link:visited { color:#cc9933; font-size:11px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }
  a.angebote_link:hover { color:#fff; font-size:11px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }					
  a.angebote_link:active { color:#cc9933; font-size:11px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }
/* 
div.termine {
    position: absolute; left: 784px; top: 444px; z-index: 12; 
    text-align:right; line-height:1.2em;
    width: 108px; height: 170px;
    border-width:0px; border-style:solid; border-color:#503A2F;
    text-align: left;
    line-height:1em;
}
		
div.termine2 {
    position: absolute; left: 784px; top: 444px; z-index: 10;
    width: 108px; height: 170px;
    background-color:#503A2F;
    opacity: 0.2; 
    -moz-opacity: 0.2; 
    filter: alpha(opacity=20);
}
  */