/* 08.01.2010 21:18 (c) ati Technische Systeme und Dienstleistungen, www.ati-online.de */

 /*******************************************************************/
 /* Standard                                                        */
 /*******************************************************************/
 
 body,
 input, 
 select,
 textarea,
 table,
 td,
 p,
 h1,
 h2,
 h3,
 form,
 li,
 ul {
 	font-family: verdana, arial, helvetica, geneva, sans-serif;
 	font-size: 10pt;
 	line-height: 1.3em;
  text-align: left;
  margin: 0px;
  padding: 0px;
  }

 html,
 body { 
 	width: 100%;
 	border: none;
 	color: #000000; 
  background-color: #009933;
  }
  
 td {
  width: auto;
  vertical-align: top;
  }
  
 h1,
 h2,
 h3 {
  font-weight: bold;
  }
  
 textarea {
  width: 100%;
  }
  
 ul,
 li {
  list-style-type: none;
  }
 
 img {
  border: none;
  }
  
 hr {
  height: 1px;
  color: #666666;
  }
  
 
 /*******************************************************************/
 /* acFormular                                                      */
 /*******************************************************************/
 
 .acformular table {
  width: 100%;
  }

 .acformular .td1, 
 .acformular .td2,
 .acformular .td3,
 .acformular .td4 {
  width: 110px;
  margin: 0px;
  padding: 5px 0 0 0;
  text-align: left;
  vertical-align: top;
  }
 
 .acformular .td2,
 .acformular .td3,
 .acformular .td4 {
  width: auto;
  }
 
 .acformular .bewertung {
  font-size: 8pt;
  }
 
 .acformular input,
 .acformular select {
  margin: 0px;
  padding: 0px;
  }

 .acformular .td2 input {
  width: 100%;
  }
 
 div.acformular,
 form.acformular {
  width: auto;
  padding: 8px;
  border: 1px solid #DDDDDD;
  background-color: #F4F4F4;
  }


 /*******************************************************************/
 /* Anfahrt                                                         */
 /*******************************************************************/
 
 .anfahrt {
 	width: 640px;
 	margin: 30px 0 20px 70px;
  }
  
  
 /*******************************************************************/
 /* Baumstruktur                                                    */
 /*******************************************************************/
 
 .baumstruktur {
  margin: 0px;
  padding: 0px;
  }


 /*******************************************************************/
 /* Inhalt-Boxen                                                    */
 /*******************************************************************/
 
 /* Nebeneinander platzierte Boxen - Nummern untereinander, Buchstaben nebeneinander */
 /* Beispiel: box1b ist neben box1a und unter oder �ber box2a und box2b */
 
 .box1a,
 .box1b,
 .box1c,
 .box1d,

 .box2a,
 .box2b,
 .box2c,
 .box2d {
  float: left;
  width: 200px;
  }
  

 /*******************************************************************/
 /* Rahmen                                                          */
 /*******************************************************************/
 
 #rahmenoben {
  width: 820px;
  height: auto;
  margin: 30px auto 0px auto;
  padding: 10px 0 0 0;
  /*background: url(/demo6/bilder/webdesign/hintergrundblau.gif) left top no-repeat;*/
  background-color: #FFFFFF;
  border: 1px solid #336633;
  border-bottom: none;
  }

 #rahmenmitte {
  width: 820px;
  height: auto;
  margin: 0px auto 0px auto;
  text-align: left;
  vertical-align: top;
  /*background: url(/demo6/bilder/webdesign/hintergrundblau.gif) 0px -20px repeat-y;*/
  background-color: #FFFFFF;
  border: 1px solid #336633;
  border-bottom: none;
  border-top: none;
  }

 #rahmenunten {
  width: 820px;
  height: auto;
  margin: 0px auto 20px auto;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  /*background: url(/demo6/bilder/webdesign/hintergrundblau.gif) left bottom no-repeat;*/
  background-color: #FFFFFF;
  border: 1px solid #336633;
  border-top: none;
  }


 /*******************************************************************/
 /* Fuss                                                            */
 /*******************************************************************/
 
 #fuss {
  width: 800px;
  height: 40px;
  margin: 0px auto 0px auto;
  text-align: center;
  vertical-align: middle;
  color: #666666;
  }


 /*******************************************************************/
 /* Hotel                                                           */
 /*******************************************************************/
 
 .hotel {
 	width: 640px;
 	margin: 30px 0 20px 70px;
  }
  
  
 /*******************************************************************/
 /* Kontakt                                                         */
 /*******************************************************************/
 
 .kontakt {
 	width: 770px;
 	margin: 20px 0 10px 15px;
  }
  
 .kontakt .box1a {
 	width: 300px;
  }

 .kontakt .box1b {
  width: 450px;
  margin: 0 0 0 20px;
  }


 /*******************************************************************/
 /* Kopf                                                            */
 /*******************************************************************/
 
 #kopf1 {
  width: 800px;
  height: 80px;
  margin: 0px auto 0px auto;
  background-color: #EEEEEE;
  }

 #kopf2 {
  width: 800px;
  height: 200px;
  margin: 5px auto 0px auto;
  background-color: #EEEEEE;
  }


 /*******************************************************************/
 /* Inhalt                                                          */
 /*******************************************************************/
 
 #inhalt {
  width: 800px;
  height: auto;
  margin: 0px auto 0px auto;
  padding: 0 0 20px 0;
  text-align: left;
  vertical-align: top;
  }


 /*******************************************************************/
 /* Leistungen                                                      */
 /*******************************************************************/
 
 .leistungen {
 	width: 600px;
 	margin: 30px 0 20px 80px;
  }
  

 /*******************************************************************/
 /* Links                                                           */
 /*******************************************************************/
 
 h1 a:link,
 h1 a:visited,
 h1 a:hover,
 a:link,
 a:visited,
 a:hover {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  color: #003399;
  }
 
 h1 a:hover,
 a:hover {
  color: #CC0000;
  }
 
 
 a.textlink,
 a.textlink:link,
 a.textlink:visited,
 a.textlink:hover,
 a.textlinkaktiv,
 a.textlinkaktiv:link,
 a.textlinkaktiv:visited,
 a.textlinkaktiv:hover {
  background: url('/biohotel-bischofswiesen.de/bilder/webdesign/linkzeichen.gif') -7px 3px no-repeat;
  padding-left: 6px;
  }
  
 a.textlink:hover,
 a.textlinkaktiv:hover {
  background: url('/biohotel-bischofswiesen.de/bilder/webdesign/linkzeichen.gif') -7px -197px no-repeat;
  text-decoration: underline;
  }
  
 a.textlinkaktiv,
 a.textlinkaktiv:link,
 a.textlinkaktiv:visited,
 a.textlinkaktiv:hover {
  font-weight: bold;
  }
  
  
 /*******************************************************************/
 /* Meldungen                                                       */
 /*******************************************************************/
 
 .meldung {
  width: 100%;
  height: 40px;
  margin: 5px 0 10px 0;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  background-color: #FF0000;
  color: #FFFFFF;
  font-weight: bold;
  }
  
                              
 .meldung2 {
  height: 40px;
  margin: 5px 0 10px 0;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  background-color: #0000FF;
  color: #FFFFFF;
  font-weight: bold;
  }
  

 /*******************************************************************/
 /* Navigation                                                      */
 /*******************************************************************/
 
 #navigation {
  width: 800px;
  height: auto;
  margin: 5px auto 0px auto;
	 background-color: #009933;
  border: 1px solid #F6F6F6;
	 border-color: #F6F6F6 #D9D9D9 #D9D9D9 #F6F6F6;
  }


 #navigation ul {
  width: 800px;
  height: 36px;
  margin: 0px auto 0px auto;
  background-color: #009933;
  color: #FFFFFF;
  }
  
 #navigation ul li {
  float: left;
  width: auto;
  text-align: center;
  }
  
 #navigation ul li * {
  margin: 5px 0 0 0;
  line-height: 26px;
  vertical-align: middle;
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  }
  
 #navigation ul li.ebene1.aktiv a,
 #navigation ul li.ebene1.inaktiv a,
 #navigation ul li.ebene1.aktiv.ende a,
 #navigation ul li.ebene1.inaktiv.ende a {
  display: block;
  padding: 0 17px 0 17px;
  border-right: 1px solid #669933;
  }
  
 #navigation ul li.ebene1.aktiv.ende a,
 #navigation ul li.ebene1.inaktiv.ende a {
  border: none;
  }
  
 #navigation ul li.ebene1.aktiv a,
 #navigation ul li.ebene1.aktiv.ende a {
  color: #CCCCCC;
  }
  
 #navigation ul li.ebene1.aktiv  a:hover,
 #navigation ul li.ebene1.inaktiv a:hover,
 #navigation ul li.ebene1.aktiv.ende  a:hover,
 #navigation ul li.ebene1.inaktiv.ende a:hover {
  background-color: #DDDDDD;
  color: #666666;
  }

 #navigation ul li.ebene2 {
  width: 0px;
  visibility: hidden;
  }
 

 /*******************************************************************/
 /* Preise                                                          */
 /*******************************************************************/
 
 .preise {
 	width: 600px;
 	margin: 30px 0 20px 80px;
  }
  
  
 /*******************************************************************/
 /* Restaurant                                                      */
 /*******************************************************************/
 
 .restaurant {
 	width: 640px;
 	margin: 30px 0 20px 70px;
  }
  
  
 /*******************************************************************/
 /* SPAMCode                                                        */
 /*******************************************************************/
 
 .spamcode {
  font-size: 2.0em;
  font-weight: bold;
  letter-spacing: -1pt;
  color: #BBBBBB;
  }

 .spamcode_a,
 .spamcode_b,
 .spamcode_c,
 .spamcode_d {
  font-size: 1pt;
  color: #FFFFFF;
  }
    

 /*******************************************************************/
 /* Sonstiges                                                       */
 /*******************************************************************/
 
 /* Löschen von "float"
    FF hat Probleme mit <div style="clear:both;"></div>
    <div style="clear:both;">&nbsp;</div> verursacht zu viel Abstand */
 .floatclear {
  width: 0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
  line-height: 0px;
  font-size: 0px;
  clear: both;
  }
 
 
 /*******************************************************************/
 /* Startseite                                                      */
 /*******************************************************************/
 
 .startseite {
 	width: 640px;
 	margin: 10px 0 0 60px;
  }

 /*******************************************************************/
 /* Umgebung                                                        */
 /*******************************************************************/
 
 .umgebung {
 	width: 640px;
 	margin: 30px 0 20px 70px;
  }

 /*******************************************************************/
 /* Wellness                                                        */
 /*******************************************************************/
 
 .wellness {
 	width: 640px;
 	margin: 30px 0 20px 70px;
  }