html,body {
  height: auto; /*WW*/
  height: 100%;
}
/*
html, body, textarea {
  background-color:#8C8CC6;
  color:#FFFFFF;
  font-family:"Andale Mono",Arial,sans-serif;
  scrollbar-base-color:#8C8CC6;
  scrollbar-3d-light-color:#FFFFFF;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#8C8CC6;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#ACACE6;
}
12px font-size: small
14px font-size: medium
18px font-size: large

*/
body {
  background-color: #fff; 
  color: #ffd984; /* pfirsich */
  color: #000; /* textcolor */
  /*letter-spacing:0.0em;*/
  /* font-variant: small-caps;*/
  font-family: "Helvetica Neue", Arial, verdana, Helvetica, sans-serif; 
  font-size: 70%; /* large; /*WW*/ /*WW*/
  cursor:default; /* required by IE */
  /*page-break-inside: auto; /*WW*/
}
* {
  /*margin:0;
padding:0;*/
}
body{
margin:0;
padding:0;
}
p {
  margin:0em 0;
}
input {
    position:relative;
  background:#ffffcc
}
.wide { 
    letter-spacing:0.5ex;  
}
#wtable{ 
         position:relative; /*WW*/
         display:table;
  vertical-align:top; /* middle; */
           width:100%;
           height: auto; /*WW*/
           height:100%;
           page-break-inside: auto; /*WW*/
           
}
#wcell{
          position:relative; /*WW*/
          page-break-inside: auto; /*WW*/
          display:table-cell;
  vertical-align:top; /* middle; */
           height: auto; /*WW*/
           height: 100%; /*WW*/

}
#vbox{
      position:relative; /*WW*/
      page-break-inside: auto; /*WW*/
      left:0; /* 50%; */
      float:left;
      height: auto; /*WW*/
      height: 100%; /*WW*/
}
#hvbox{
/*   background-image:url(willetta_info_page_EN_MAR2010.jpg);
*/   
    page-break-inside: auto; /*WW*/
    width: auto; /*WW width:1024; /*900px; */
    width: 100%;
    height: auto; /*WW height: 840; /* 1080; 506px; */
    height: 100%;
    overflow: visible; /*WW*/
    position:relative;
    left:0; /* -50%; */
  /*padding:20px 20px;*/
  text-align:left; /*center;*/
  line-height: 100%;
    /*border:2px solid #00f; /**/
}
#menue,#menhi,#submen,#submhi,#submenx,#submhix{
  position:absolute; 
  top:20px; /*WW*/
  z-index: 2; /*WW*/ 
  width:120px; 
  height:20px; 
  margin:0; 
  color:#001;
  font-size: medium; /*WW 15px;*/
  margin-left:-460px; /*WW*/
  margin-top:0px;
  /*border:2px solid #f00; /**/
}
#submenx,#submhix{
  margin-left:-10px; /*WW*/
}
#submen,#submhi{
  width:150px; 
  top:40px; /*WW*/
  font-size: medium; /*WW*/
}  
#submenx,#submhix{
  width:150px; 
  top:10px; 
  margin-bottom:40px;
  font-size: small; /*WW*/
}  

#dsm{
 height: 2em;
 position:relative; 
 margin: 0px;
 margin-bottom:0px; /*WW*/
 z-index: 2; /*WW*/ 
 border:0px solid #00f; /**/
}  
  
a         { color: #001;  }
a:link    { color: #001; text-decoration:underline; }
a:visited { color: #001; text-decoration:underline; }
a:hover   { color: #7af; text-decoration:underline; }
a:active  { color: #7af; text-decoration:underline; }
a:focus   { color: #7af; text-decoration:underline; }

div#menue a:link    ,div#menhi a:link    ,div#pquote a:link   ,a.lnka:link    { text-decoration:none;      }
div#menue a:visited ,div#menhi a:visited ,div#pquote a:visited,a.lnka:visited { text-decoration:none;      }
div#menue a:hover   ,div#menhi a:hover   ,div#pquote a:hover  ,a.lnka:hover   { text-decoration:underline; }
div#menue a:active  ,div#menhi a:active  ,div#pquote a:active ,a.lnka:active  { text-decoration:underline; }
div#menue a:focus   ,div#menhi a:focus   ,div#pquote a:focus  ,a.lnka:focus   { text-decoration:underline; }
 
div#submen a:link    ,div#submenx a:link    { color: #001; text-decoration:none; }
div#submen a:visited ,div#submenx a:visited { color: #001; text-decoration:none; }
div#submen a:hover   ,div#submenx a:hover   { color: #7af; text-decoration:underline; }
div#submen a:active  ,div#submenx a:active  { color: #7af; text-decoration:underline; }
div#submen a:focus   ,div#submenx a:focus   { color: #7af; text-decoration:underline; }

/*
div#submhi a:link    , div#submhix a:link    ,div#idnews a:link    { text-decoration:underline; }
div#submhi a:visited , div#submhix a:visited ,div#idnews a:visited { text-decoration:underline; }
div#submhi a:hover   , div#submhix a:hover   ,div#idnews a:hover   { text-decoration:underline; }
div#submhi a:active  , div#submhix a:active  ,div#idnews a:active  { text-decoration:underline; }
div#submhi a:focus   , div#submhix a:focus   ,div#idnews a:focus   { text-decoration:underline; }
*/
div.lnka {
  font-size:medium; /*WW*/
  margin:10px 10px 20px 10px; /* top right bottom left */
  /*padding: 20px 10px; /* vert horiz */
}
div.lnka a {
  font-weight:bold;
  padding: 0px 10px; /* vert horiz */
}
div.lnka a, div.lnka a:link, div.lnka a:visited {
  text-decoration: underline;
}
a.lnka:hover, a.lnka:active, a.lnka:focus { color:#7af; }

.fotoshow {
  margin-top: 10px;
}
.fotoshow a{
  margin-top: 10px;
}



#menhi a {
  color:#ea3f28;
}
#menue a {
  color:#001;
}

#textboxM{
  position:relative; /*WW position:absolute; /**/
  page-break-before:avoid;
  page-break-inside: auto; /*WW*/
  margin-top:50px; /*top:100px; /*WW*/
  left:0px; /*WW*/
  z-index: 2; 
  width:auto; /*WW*/
  width:95%; /*WW*/
  height:auto;  /*WW*/
  height:100%;  /*WW*/
  /*overflow:visible; /*WW*/
  /*border:2px solid #0f0; /**/
  margin-right:5px;
  margin-left: 0px; /*WW*/
  text-align:left;
  color: #001;
  font-size: medium; /*WW*/
  line-height: 1.25;
  
  /*scrollbar-base-color:#ddd;*/
}
/*
#textboxM a {
  color:#fff;/* 7af;
}

a.hiref:link    { color: #fff; text-decoration:underline; }
a.hiref:visited { color: #fff; text-decoration:underline; }
a.hiref:hover   { color: #7af; text-decoration:underline; }
a.hiref:active  { color: #7af; text-decoration:underline; }
a.hiref:focus   { color: #7af; text-decoration:underline; }

a.hiref {
  text-decoration:underline;
}
a.loref {
  color:#fff;
}
*/

#textboxM p, h1, h2, h3, h4 {
  margin:8px;
  margin-left: 0px;
 
}
#textboxM h1, h2, h3, h4 {
  margin-top:10px;
}
h4 { margin-top: 20px;  }
#rearimg{
  width:0px; /*WW*/
  height:0px; /*WW*/
  color: #001;
  z-index: 1; 
  border-width:1px; 
  /*margin-top: -44px; */ 
  margin-left: 0px; 
  visibility:hidden; /**/
  opacity:    0.0;
}
#rearid{
  position:absolute; 
  margin:0;
  /*top:-30px;*/ 
  left:630px;
  z-index: 3; 
  border:0px solid #001; 
  color: #001;
}
#tabgear{
  font-size: medium; /*WW*/
}
th{
  font-weight: bold;
}
ol li{
  margin:10px 0px;
}
td {
  padding-right: 5px;
}
/* some classes */
/* firefox wont rightalign columns unless we do "td+td+td+..."  */
table { font-size: small; /*WW*/ margin-left: 0px; }
#amp3 a { font-size: medium; /*WW*/ }
#amp3 a { color:#001; }

table.tmics { }
table.tmics td + td + td + td + td + td {text-align:right;}
table.tmics td + td + td + td + td + td + td {text-align:left;}
table.tmics td { }
table.tspeakers td + td + td + td + td {text-align:right;}
table.tspeakman td + td + td + td + td {text-align:right;}
table.tpatch td + td + td + td + td {text-align:right;}
table.tgallery { text-align:center; margin-left: 50px; margin-top:50px; }
table.tgallery td {text-align:center; opacity:1.0; }
table.tgallery td + td {text-align:left;}
table.tpress { text-align:center; margin-left: 30px; margin-top: 30px; }
table.tpress td {text-align:center; opacity:1.0; }
table.tpress td + td + td {text-align:left;}
table.tappear thead td { vertical-align: top; text-align: left; padding-bottom: 1em;}
table.tappear td { vertical-align: top; text-align: right; }
table.tappear td { width:20px; padding-top: 5px; padding-bottom:5px;}
table.tappear td + td { width: 100px; padding-left: 5px; }
table.tappear td + td +td { width: 370px; text-align: left; }
table.tkit { text-align:center; margin-left: 0px; margin-top:0px; width:80%;}
table.tkit td { width:200px; padding:10px 30px 20px 20px; font-size: medium; /*WW*/}
table.tkit td div { text-align: center; }
table.contact      td { vertical-align: top; text-align:right; width: 20%; font-weight: bold; }
table.contact td + td { vertical-align: top; text-align:left; width:75%; font-weight: normal; }
table.contact      tr { border-top: 1px solid #001; }


td.nop {padding: 0px 0px 0px 0px; }
.ralign {text-align:right;}
.calign {text-align:center;}
.thead { font-size: large; /*WW*/ font-weight: bold; }

#nineex span {
  width: 8ex;
  display: block;
  float:left;
  clear:both;
  /*white-space: nowrap;*/
}
p.designedby {
  margin:0;
  margin-bottom:.5ex;
}
img.foto {
  border:3px solid #001;
}  
img.fotox {
  border:2px solid #000;
}  

/* form */
ul.nolab  { list-style: none; padding:0px; margin:10px;}
textarea#itxcontact, textarea#itxevent, textarea#itxmsg {
  margin-bottom:1em;
  width:92%;
  height:4.5em;
}
ul.news  { list-style: none; padding:0px; margin:10px; page-break-inside: auto;  
  margin-left: 0px;
  width:auto; /*WW*/
  width:100%; /*WW*/
  height:auto;  /*WW*/
  height:100%;  /*WW*/
}
ul.news  li { margin-top:20px; margin-bottom:20px; page-break-inside: auto; }
div#idnews span { font-size: medium; /*WW*/ text-decoration:underline; font-weight: bold; }
div#idnews {   
  position:relative; 
  page-break-inside: auto;   
  width:auto; /*WW*/
  width:98%; /*WW*/
  height:auto;  /*WW*/
  height:100%;  /*WW*/
}
/* div#idnews { margin:10px 10px 30px 30px; } */
label#labcontact, label#labevent, label#labcheck, label.labfat { font-weight: bold; }
div.pressbox {
  margin: -5px 30px 10px 0px;
  padding: 10px 10px 10px 10px;
  border:1px solid;
  color:#001; 
  font-size: large; /*WW*/
}
div.pressbox table { font-size: large; /*WW*/ }
div.pressbox ul {
  margin: 0px;
  padding: 10px 10px 10px 10px;
}  
div.divguest { 
  background-color:#371b2b;
  color:#001;
  border:1px solid #000;
  width:90%;
  padding: 8px;  /* top right bottom left */
  margin:3px 0px;
  font-size: medium; /*WW*/
  filter:     Alpha(opacity=80);
  opacity:    0.8;
  
}
table.tabguest {
  margin:0px;
  padding:0px;
}

.sfont { font-size: medium; /*WW*/ }

label.labguest {
  float:left;
  width:130px;
  font-weight: bold;
  filter:     Alpha(opacity=100);
  opacity:    1;
}
input.inpguest {
  width: 300px;
  background-color:#371b2b;
  color:#001;
  filter:     Alpha(opacity=100);
  opacity:    1;
}
textarea.guest {
  width: 300px;
  height:4.5em;
  background-color:#371b2b;
  color:#001;
  filter:     Alpha(opacity=100);
  opacity:    1;
}
div.spmguest {
       position:relative; 
    margin-left:130px; 
      font-size:small; /*WW*/ 
          width:300px; 
  margin-bottom:2px;
     margin-top:2px;
}

span.left
{
float:left;
}

span.right
{
float:right
}

br.clear
{
clear:both;
}

#pquote{
  font-size: small; /*WW*/ 
  width:35%; 
  border:1px solid #001; 
  margin-left:35px; 
  margin-top:0.5em; 
  float: right;
}
  
div.framed  {
  border:1px solid #001; 
  padding: 5px;
  margin: 10px;
} 

.smallfont {
  font-size: small; /*WW*/
}

div.fussleiste {
          display:table;
  vertical-align:middle;
            width:100%;
          height:100%;

  padding: 1ex;
  width: 100%;
  text-align: center;

}
p.copyright {
           color:#001;
          margin:0;
   margin-top:1ex;
   margin-bottom:.5ex;
  letter-spacing:0.1ex;
       font-size:small; /*WW*/
}
p.entertain {
  color:#7af;
  margin:0;
  margin-bottom:.5ex;
  /*letter-spacing:0.5ex;*/
  font-size: small; /*WW*/
}
p.location {
  color:#7af;
  margin:0;
  letter-spacing:0.1ex;
  font-variant:small-caps;
  font-size: small; /*WW*/
}

.pagebreak { display:block; page-break-before:always; page-break-after:avoid; }