/*
----------------------------------------------------------------------------------------------------
allgemeine einstellungen ... diverse klassen
----------------------------------------------------------------------------------------------------
*/

* { margin: 0; padding: 0; border: 0; }

html { height: 100%; }

body
{
   height: 100%;
   text-align: center;  /* für hor. zentrierung ie vor6*/
   font-family:  'Times New Roman', Times, 'HoeflerText-Regular', 'Hoefler Text', serif;
   font-size: 14px;
   line-height: 20px;
   color: #636563;
   background-color: #f6f7f1;
}

body.bggelb { background: #F7F7D6 url(bg_main_gelb.jpg) repeat 0 0; }
body.gelb { background: #F7F7D6 url(bg_main_gelb.jpg) repeat 0 0; }
body.blau { background-color: #f6f7f1; }

body.gelb a { color: #CAAD0B; }
body.gelb #wrappernavi1 ul li a.akt { background-color: #F7F7D6; }
body.blau a { color: #5CA2BA; }
body.blau #wrappernavi1 ul li a.akt { background-color: #EDF4ED; }

a { color: #819D56; text-decoration: none; }
a:hover { color: #636563; text-decoration: underline; }

h1 { margin: 0 0 10px 0; line-height: 40px; font-size: 18px; font-weight: normal; }
h2 { margin: 0 0 10px 0; line-height: 30px; font-size: 14px; font-weight: bold; }


/*p { keine pauschalangaben f. p machen! }*/

hr
{
   height: 1px;
   color: #636563;
   border-top: 1px solid #636563;
}

p.eingerueckt30 {text-indent: 30px; }
p.eingerueckt130 {text-indent: 130px; }

.linksabstand { margin: 0 0 0 200px; }
.versteckt { display: none; }
.fliesenli { float: left; }

.klaeren { clear: both; }
.klaerenre { clear: right; }
.klaerenli { clear: left; }

img.picre { margin: 0 0  20px 20px; float: right; }
img.picli { margin: 0 20px  20px 0;  float: left; }
img.picintxtre { margin: 0 0 10px 10px; float: right; }
img.picintxtli { margin: 0 10px 10px 0;  float: left; }
/*img.galeriethump { height: 120px; margin: 0 10px 10px 0; float: left; }*/

/*galeriebilder kommen in der thumpnailansicht in eine box -> damit gleich breite auch bei hochkantbildern*/
p.bildbox
{
   width: 160px;
   height: 120px;
   margin: 0 10px 10px 0;
   float: left;
   text-align: center;
   overflow: hidden;
   border: 1px solid #636563;
}

/*
----------------------------------------------------------------------------------------------------
haupteile, container ....
----------------------------------------------------------------------------------------------------
*/

/*umschliesst alle content-boxen und begrenzt breite auf 770px -> hor. zentriert*/
#wrapperall
{
   width: 770px;
   min-height: 100%;
   margin: 0 auto 0 auto;
   padding: 0;
   text-align: left;  /* damit auch im ie content wieder links ist*/
   background-color: #fffbf7;
   background-image: url(bg_wrapper_2.jpg);
   background-repeat: repeat;
}
* html #wrapperall { height: 100%; }              /* CSS-Hack IE6 für min-höhe*/
 /**:first-child+html #wrapperall { height: 100%; }   */


/*kopfbereich logo etc*/
div#header
{
   width: 770px;
   height: 90px;
}

.headergruen { background-image: url(bg_head_gruen.jpg); background-repeat: no-repeat; }
.headerblau { background-image: url(bg_head_blau.jpg); background-repeat: no-repeat; }
.headergelb { background-image: url(bg_head_gelb.jpg); background-repeat: no-repeat; }

img.headerlinks { float: left; margin: 17px 0 0 20px; height: 63px; width: 99px; }  /*logo links*/
img.headerrechts { float: right; margin: 0 30px 0 0; }  /*seitenheaderbild rechts*/


/*navigation oben menueleiste + shopbutton*/
div#wrappernavi1
{
   width: 770px;
   /* background-color: #FF00FF;height: 90px;*/
}

div#wrappernavi1 ul
{
   width: 610px;
   margin: 15px;
   float: left;
   list-style: none;
   padding: 0;
   line-height: 25px;
   /*background-color: #FF0000; */
}
div#wrappernavi1 ul li { margin: 0 10px 0 10px; display: inline; }  /*float: left;*/
/*mom. nicht im einsatz div#wrappernavi1 ul li.einzug { margin: 0 10px 0 110px; display: inline; }*/ /*1.link in 2. zeile, einzug damit willkommen separat ist*/
div#wrappernavi1 ul li a { padding: 2px 4px 2px 4px; }
div#wrappernavi1 ul li a:hover { padding: 1px 3px 1px 3px; text-decoration: none; border: 1px solid #636563; } /*background-color: #e7efce;*/
div#wrappernavi1 ul li a.akt { padding: 1px 3px 1px 3px; color: #636563; border: 1px solid #636563; background-color: #e7efce; }
div#wrappernavi1 ul li a.akt:hover { padding: 1px 3px 1px 3px; color: #636563; border: 1px solid #636563; background-color: transparent; }


/*intro -> nur auf der start-seite*/
div#intro
{
   width: 770px;
   height: 380px;
   position: relative;
   /*background-color: #eff7d6;*/
   background-image: url(bg_intro_vino2.jpg);
   background-repeat: no-repeat;
}

div#intro ul
{
   position: absolute; top: 350px; left: 0px
   list-style: none;
   margin: 10px 0 0 25px;
   line-height: 20px;
   font-size: 18px;
   /*background-color: #FF0000; */
}
div#intro ul li { margin: 0 100px 0 0; display: inline; }
div#intro ul li a { color: #393C39; text-decoration: none; }
div#intro ul li a:hover { color: #000000; text-decoration: underline; }

div#hotelteaser /*innerhalb von intro*/
{
  height: 240px;
  width: 280px;
  margin: 20px 20px 20px  40px;
/*  width: 340px;           -> wieder geändert nach betriebsferien 15.11.2011!
  margin: 20px 20px 20px  0px ;    */

  padding: 20px 0;
  text-align: center;
  font-weight: bold;
  float: right;
 /* border: 1px solid #636563;  */
}
div#hotelteaser a { font-size: 18px; color: #a50021; display: block; margin: 15px 0; }
div#hotelteaser a:hover { text-decoration: underline; }
div#hotelteaser img {  margin: 25px 0 0 0; }


/*hauptteil enthält inhalte/infos der einzelnen seiten*/
div#hauptteil
{
   padding: 20px 25px 20px 25px;
}

/*div#hauptteil p { margin: 25px 0 25px 0; }   */
div#hauptteil p.partner
{
   width: 320px;
   height: 100px;
   text-align: right;
   margin: 25px 25px 15px 0;
   float: left;
   /*background-color: #FFBE00; */
}
div#hauptteil p.partnerlogo
{
   width: 320px;
   height: 100px;
   text-align: left;
   margin: 25px 25px 15px 0;
   float: left;
}
div#hauptteil hr { margin: 0 0 20px 0; }
div#hauptteil hr.marg20gelb { margin: 0 0 20px 0; color: #CAAD0B; border-top: 1px solid #CAAD0B; }
div#hauptteil hr.marg20gruen { margin: 0 0 20px 0; color: #CAAD0B; border-top: 1px solid #819D56; }
div#hauptteil h2.listenh2 { margin: 10px 0 0 0; line-height: 30px; font-size: 14px; font-weight: bold; }
div#hauptteil h1.nomarg { margin: 0; }


/* ---------------------------------------------------------------------- */
/*fuer pop-fenster*/

body.popup
{
   background-color: #fffbf7;
   background-image: url(bg_wrapper_2.jpg);
   background-repeat: repeat;
}

#wrapperallpop
{
   width: 700px;
   min-height: 100%;
   margin: 0 auto 0 auto;
   padding: 0 0 10px 0;
   text-align: center;
}
* html #wrapperallpop { height: 100%; }              /* CSS-Hack IE6 für min-höhe*/
 /**:first-child+html #wrapperallpop { height: 100%; }   */

#wrapperallpop hr { margin: 0 0 20px 0; }

#wrapperallpop p.plinks
{
   width: 300px;
   padding: 0 0 10px 10px;
   float: left;
   text-align: left;
  /* border: 1px solid #636563;  */
}
#wrapperallpop p.prechts
{
   width: 300px;
   padding: 0 10px 10px 0;
   float: right;
   text-align: right;
  /* border: 1px solid #636563; */
}
#wrapperallpop p.plinks img { height: 50px; margin: 0 0 10px 15px; }
#wrapperallpop p.prechts img { height: 50px; margin: 0 15px 10px 0; }
/*ende popup-kram*/