.floatstop { clear:both; }
body { margin: 0; /* remove margins from top relative box to make it align with absolute positioning */ 
                  /* Browserrand entfernen */
     }
body {
    background-color: #1d1708; /* chocolate */
               color: #ffd984; /* pfirsich */
/*
         font-family: "Georgia";
         font-family: "Tahoma";
         font-family: "Arial";
         font-family: "Times New Roman";
         font-family: "Garamond";
         font-family: "Harrington", "serif";
*/
         font-family: "serif";
         font-family: "Times New Roman";
         /*font-size: 10pt;/**/
         font-weight: normal;
              cursor:default; /* required by IE */
}
p { 
  color: #ffd984; /* pfirsich */
}
a:link    { color: #fff; text-decoration:none; }
a:active  { color: #0f0; text-decoration:none; }
a:visited { color: #fff; text-decoration:none; }
a:hover   { color: #f00; text-decoration:none; }
#gal a         { color: #1d1708; text-decoration:none; } /* chocolate */
#gal a:link    { color: #1d1708; text-decoration:none; } /* chocolate */
#gal a:visited { color: #1d1708; text-decoration:none; } /* chocolate */
#gal a:active,
#gal a:hover   { color: #f00; }
a img { border:2px solid transparent; /* required for IE7 */
}
a img:hover {  border:2px solid #f00; /* required for IE7 */
}
ul.blanklist {
  list-style: none;
  background-color:transparent;
  margin:2.5ex 0;
  padding:0;
     /*display:none;*/
}
ul.blanklist li {
  display:block;
  position:relative;
  order:1px solid #f00;
}
ul.blanklist a,
ul.blanklist a:link,
ul.blanklist a:visited{ display:block; position:relative; width:9ex; margin:0; 
                        padding: 0 1ex; color:#000; font-variant:small-caps;}
ul.blanklist a:active,
ul.blanklist a:hover  { background-color:#ffd984; /* pfirsich */ font-weight:bold; }
ul li a       span#dt     { display:block; }
ul li a       span#dtsoon { display:none; }
ul li a:hover span#dt     { display:none; }
ul li a:hover span#dtsoon { display:block; }


p.copyright {
           color:#fff;
          margin:0;
   margin-bottom:.5ex;
  letter-spacing:0.1ex;
       font-size:0.8em;
}
p.entertain {
  color: #905415;
  margin:0;
  margin-bottom:.5ex;
  /*letter-spacing:0.5ex;*/
  font-size: 0.6em;
}
p.location {
  color: #905415;
  margin:0;
  letter-spacing:0.1ex;
  font-variant:small-caps;
  font-size: 0.6em;
}
p.designedby {
  margin:0;
  margin-bottom:.5ex;
}
#about p {
  margin-left:2em;	
}
#about h3, 
#about h2 {
font-variant:small-caps;
  letter-spacing:0.1ex;
}
img.galgif {
  float: right;
  padding:5px;
  border:1px solid #000;
}

img.imggal {
     padding:0;
  text-align:center;
       width:16%;
      margin:5px;
  text-decoration:none;
  background-color: #1d1708; /* chocolate */
}  

img.imggal:hover {
  /* border: 1px solid #f00;*/
}

p.imgnav {
  font-weight: bold;
   text-align: center; 
        color: #ffd984; /* pfirsich */
}

:lang(de)    { quotes:"\201E" "\201C" "\201A" "\2018"; }
:lang(de-DE) { quotes:"\00BB" "\00AB" "\203A" "\2039"; }
:lang(de-CH) { quotes:"\00AB" "\00BB" "\2039" "\203A"; }
:lang(en)    { quotes:"\201C" "\201D" "\2018" "\2019"; }
:lang(fr)    { quotes:"\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A"; }

q:before { content:open-quote;  }
q:after { content:close-quote;  }
q q:before { content:open-quote;  }
q q:after { content:close-quote;  }
q { font-size:200%; }
qn:before { content:open-quote;  }
qn:after { content:close-quote;  }
/*q q { color:#888; } */
#right { text-align:right;padding-top:0;margin-top:0; }

/***** BLOCK definitions ***/
#top  { 
   width: 800px; /*1020px;  */
  height: 78px; 
  background-color:transparent; 
  padding: 0px; 
  /*
  background:url('../img/background0g.jpg') 0px 0px no-repeat;
  background:url('../img/background0d.jpg') 0px 0px no-repeat;
  background:url('../img/background0i.jpg') 0px 0px no-repeat;
  */
  color: #000; 
}
#top img {
  position: absolute;
  width:800px;
  top:0;
  left:0;
  z-index:2;
}

#topr { float:right; position: relative; width: auto; height:78px;                   background: transparent; margin:0 1em;z-index:3;}
#topm { float:left;  position: relative; width: auto; height:78px; line-height:78px; background: transparent; }
#topl { float:left;  position: absolute; width: auto; height:78px;                   background: transparent; 
/*font-size:200%;*/
font-style:  italic;
font-weight: bold;
padding-left:1em;
padding-right: 5em;
min-width: 24ex;
color:#fff;
top:0;
left:0;
}

#navigation {
  position: relative; /*++position: absolute;*/
  /*++top: 80px;*/
  background: transparent; /*salmon; /* #1d1708 */
  padding: 0px;
  margin:0;
  /*margin: 4px 0px; /**/
  height: auto; /*++5em; /* auto;*/
  width: 99%;
  z-index:2;
  clear:both;
  /*font-variant:small-caps;/**/
}
#inhalt {
  clear:both;
  position: relative;
  /*border: 1px solid #0f0;*/
  background: transparent;
  height: auto;
  width: 99%;
  width: 800px; /* 1020px; */
  margin: 0px 0px;
  padding:0;
  padding-right: 0px;
}
#inhaltl {
  float: left;
  position: relative;
  color: #fff;
  width: 590; /* 750px; 768px; */
  /*height: 924px;*/
  margin-right: 4px;
}
#inhaltl img {
  width:100%;
  width:590px;
}
#inhaltr {
  float: left;
  position: relative;
  background: transparent;
  width: 200px; /* 264px; 248px; */
/*  max-width: */
/*  max-height: 1024px;*/
}
#inhaltc {
  padding:1em 0 0 1em; 
  background: transparent;
}

#inhaltc table {
  border-color: #ffd984; /* pfirsich */
  
}
#fussleiste {
  position: relative;
  padding: 1ex;
  background-color:transparent;
  width: 100%;
  text-align: center;
  clear:both;
}
p.capfst { margin-top:1ex; } /* IE5-7 */
p.capfst:first-letter { font-size:200%; }
.satz1 {
  margin:0; /* prevent first paragraph of a block element from shifting the block (its container) vertically */
  padding-top:0.5em;
}  
/***** MENUE definitions ***/
/*#topr a, /* activate if flags */
/*
#top h1 {
    height: 99px;       
    line-height: 99px;  
    padding:1px;
    font-style:  italic;
}
#topl h1 { 
    font-weight: bold;
    font-size:   200%;
    min-width:15em;
    margin:0;
    padding-left:1em;
    color:       #000; 
}
*/
#menubar {
  width: 800px; /*100%; 36em;*/
}
#menubar, #menubar ul {
  padding: 0;
  margin: 0;
  list-style: none;
  color: #ffd984; /* pfirsich */
  color:       #fff;
  font-weight: bold;
  text-align: left;  /* must be left, otherwise dropdown menues in IE will shift right */
  font-style: italic;
}
#menubar a {
  display: block;
  text-decoration: none;
  /*padding: 5px 10px 5px 10px; button*/
  /*color: #CCCCCC; */
/* buttoneffekt ... */
  color:       #fff;
  padding: 5px;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000;
  background-color: #CCCCCC;  /*background: url(menu1.gif);  */
  background-color:#1d1708;
/* ... buttoneffekt */
  text-align: center;
}
#menubar li {
  float: left;
  width: 133px; /* 170px; /*12em; *//*width: 9em;*/
}
#menubar li {
position: relative;
}

/* hide from IE mac \*/
#menubar li {
  position: static; 
  /*width: auto;*/
}
/* end hiding from IE5 mac */

#menubar li ul, #menubar ul li  {
  width: 130px;/*166px; 12em;*/
  margin:0;/*+*/
}
#menubar ul li a  {
  /*color: 565656;*/
  border-right: 0;
  /* padding: 3px 12px 3px 16px; */
}

#menubar li ul { /* frame around submenue */
  position: absolute;
  display: none;
  /*background-color: #ddd;/**/
  /*border:0;*/
  border: 1px solid #aaa;
  /*border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;*/
  background-image: url(img/exp_mgrad.jpg);
  background-repeat: repeat-x;
}
#menubar li:hover a, /*#menubar a:focus,*/ /* #menubar a:visited,*/
#menubar li a:hover, /**IE6**/
#menubar a:focus,
#menubar a:active { /*, #menubar a:active {*/
  /*color: #000000; button*/
  background-color: #ffd984; /* pfirsich */
  
  
  /*background: url(menu1.gif);*/
/* buttoneffekt ... */
  color: #000000;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  padding: 6px 4px 4px 6px;
  padding: 5px;
/* ... buttoneffekt */
}
#menubar li:hover a {
  /*background: url(menu1.gif) 0 -32px;*/
}

#menubar li:hover ul {  /* submenue appears when li of topmenue is hovered */
  display: block;
}
#menubar li:hover ul a
{ /* submenue entries */
  color: #000000;
  background-color: #ffd984; /* pfirsich */
  border: 0;
}
#menubar ul a:hover {
  background-color: #91371d!important; /* lippenrot */
  color: #FFFFFF !important;
}
/* #menubar a.current, */
#menubar li:hover ul a.current {
  background-color: #ffd984; /* pfirsich */
  background-color: #91371d; /* lippenrot */
}
#menubar .current {
  background-color: #91371d; /* lippenrot */
}
#topr ul li .dlink { color:#000; }
#topr ul li:hover .dlink { color:#c00; }

/*
form { margin:1em;border:6px solid #ddd; }
label { width:100%; padding: 15em 0; margin-right: 2em; }
textarea { width: 50%; height: 20em; }
input { padding:0em; }
*/
#inquiryform {
  margin:0;  /* IE6 */
  border:1px solid #fff;
  width:100%;
}
#formli {
  padding:0 1em 1em 1em;
}
#formli ul {
  list-style: none;
  padding:0;
  margin:0;
}
#formli label {
  white-space: nowrap;
  width: 15ex;
  display: block;
  float:left;
  /*padding-right:100%; */
}
#formli label#labnews,/*, label#labpriv, label#labbusi*/
#labnews label /* IE5 */
{
  display:inline;
  float:none;
  width:70%; /* IE5 */
}
#formli label.labr,
#formli label#labpriv, 
#formli label#labbusi
{
/*
  width:auto;
  white-space: nowrap;
  display:inline;
  clear:both;
*/  
  white-space: nowrap;
  margin:0;
  padding:0;
  width:9ex;
}

#formli input#itxtitl,
#formli input#itxname,
#formli input#itxcomp,
#formli input#itxstre,
#formli input#itxzipc,
#formli input#itxemai,
#formli input#itxphon,
#formli input#itxfax,
#formli input#itxocca,
#formli input#itxestr,
#formli input#itxezip
{
  width:50%;  /* IE6, which does not recognize width:50% in input[type=text] */
}

#formli input#irbpriv,
#formli input#irbbusi,
#formli input#ickpian,
#formli input#ickbass,
#formli input#ickdrum,
#formli input#icktrum,
#formli input#icksaxo,
#formli input#ickothr,
#formli input#icknews
{
  background-color:transparent; /* IE6 */
  float:left;                   /* IE6, which does not recognize float:left in input[type=checkbox] */
}
#formli input#irbpriv, #formli input#icknews /*, input#ickpian*/
{
  /*font-size: 100%; /* necessary for FF3, otherwise margin-left assumes a too small font size */
  margin-left:15ex;
}
#formli input[type=text] {
  width:50%;
  margin-bottom:4px;
}
#formli input[type=checkbox] {
  margin:0 4px 8px 0;
  display:inline;
  float:left;
  clear:none;
  background-color: transparent;
}
#formli input[type=radio] {
  padding:0.3em;
  background-color: transparent;
}
#formli input[type=submit] {
  padding:0.3em;
  margin-top:1em;
}
#formli textarea {
  margin-bottom:1em;
  width:50%;
  height:15em;
}
#formli input      , textarea      { background-color: #ffd984; /* pfirsich */ } 
#formli input:hover, textarea:hover{ background-color: #91371d; /* lippenrot */ } 
#formli input:focus, textarea:focus{ background-color: #fff; } 
#formli input[type=checkbox]:hover{ border: 1px solid red; }
#formli label:hover { color: #f00; } 
#formli label#labfax:hover { color: transparent; } 
#formli select {
  margin-bottom:4px;
  background-color: #ffd984; /* pfirsich */
}
/*
#formli checkbox {
  margin:0;
  padding:0;
  float:none;
}
*/
span.radiospan {
    display:block;
  margin-bottom:4px;
}
#labfax, #itxfax
{
  width:0; height:0;padding:0; margin:0;position:absolute;float:none;color:transparent;
  display:none;
}
#nineex span {
  width: 8ex;
  display: block;
  float:left;
  clear:both;
  /*white-space: nowrap;*/
}
.clr {
  clear:both;
  height: 0;
  line-height: 0;
  font-size: 0;
}
#fourcols {
  background-color: #91371d; /* lippenrot */
  clear:both;
}  
#fourcol {
  float:left;
  width:20%;
  padding: 0 1em;
  margin:0;
  /*border: 1px solid #fff;*/
}
#fourcol h3,
#fourcol p
{ 
  margin-top:0;
  margin-bottom:0;
}

a .popitup {
display:none;
}
a:hover .popitup {
  position: absolute;
  top: 50px;
  left: 10px;
  display: block;
  width: 150px;
  font: bold 0.92em Verdana, Arial, Helvetica, sans-serif;
  background: #fff;
  border: 1px dashed #257;
  color: #000;
  padding: 05px;
}

a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: underline; 
/*  font-style: italic;*/
  color: #fff; 
  color: #ffd984; /* pfirsich */
  width: auto;
  max-width: 20em;
  white-space: normal;
  padding-right:0ex;
}
  
a.tooltip:hover {
  color: #f00; 
  background: transparent;
}

a.tooltip span {
  display: none;  
  text-decoration: none; 
}
a.tooltip:hover span {
  display: block;
  position: absolute; 
  top: 20pt; 
  left: 0; 
  width: auto;
  z-index: 100;
  color: #000000; 
  color: #ffd984; /* pfirsich */
  border:1px solid #fff; 
  background: #ffd984; /* pfirsich */
  background:#1d1708; /* chocolate */
  font: 85%;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  padding: 1ex;
}
  
a.tooltip span b {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  color: yellow;
  background-color: gray;
  border: 0px;
  border-bottom: 1px solid black;
}

a.pictip span {
  display: none;  
  text-decoration: none; 
}
a.pictip:hover span {
  display: none; /* block; */
  position: absolute; 
  top: 20pt; 
  left: 0; 
  width: auto;
  z-index: 100;
}
#muslist {
  width: 351px;
  float:left;
  /*border-bottom:1px solid #ffd984; /* pfirsich */
  padding:0ex 0 2ex 0;
}
#muslist ul {
  list-style:none;
  padding:1ex 0 0 0;
  margin:0;
  border-top:1px solid #fff984; /* pfirsich */
}
#muslist ul li {
  lear:both;
  float:left;
  font-weight:bold; 
  width:117px;
}
#muslist ul li div {
  float:left;
  width:117px;
  font-weight:normal;
  font-size:80%;
  height:1.2em;
}
#muslist ul li div#musform {
  font-weight:bold;
  font-size:90%;
  width:40px;
}

ul#demolist {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul#demolist li a
{
  display:block;
  float:left; /* absolutely necessary for a to become a block element */
  width:342px;
  padding:1ex 0.5ex;
  border-style: solid;
  border-width: 0px;
  border-color: #91371d; /* lippenrot */ 
  font-size:90%;
  font-weight:normal;
}
ul#demolist li div
{
  width:342px;
  float:left;
}
ul#demolist a:link,ul#demolist a {
  /*background-color: #91371d; /* lippenrot */
  color:#ffd984; /* pfirsich */
}
ul#demolist a:hover,
ul#demolist a:focus,
ul#demolist a:active
{
  background-color: #ffd984; /* pfirsich */
  color: #000;
  border-style: solid;
  border-width: 0px;
  border-color: #ffd984; /* pfirsich */
}
#demolist {
  float:left;
  margin: 1ex 2ex 1ex 0;
  padding:0;
  width:342px; /* IE5 */
}
#demolists {
  /*border: 1px solid #888;/**/
  width:auto;
  float:left;
  display:inline;
}
#demolist span {
  display:block;
  width:140px;
  float:left;
  font-weight:bold;
  font-size:100%;
}
#demolist li {
  clear:both; /* FF2 */
}
.demohead
{
 text-align:center;
 display:block; 
 width:100%; /* does not work properly in IE7 */
 width:342px;
 background-color: #ffd984; /* pfirsich */
 color:#ffd984;
 padding:0.5ex 0.5ex;
 margin:0;
 background-image: url(img/ybv.jpg);
 background-repeat: repeat-x;
 font-size:90%;
 font-variant:small-caps;
}
#transup {
  width:100%;
  height:15px;
  background-image:url(img/ored.jpg);
  clear:both;
}
#transdn {
  width:100%;
  height:15px;
  background-image:url(img/ured.jpg);
  clear:both;
}
h1.tophl {
  margin-top: 8pt;
}
.blindie { /* when IE5 becomes blind ...*/
  position:relative;
  width:100%;
}
.botmen ul,
ul.botmen {
  margin:0;
  padding:0;
  padding-bottom:.5ex;
}
.botmen li {
  loat:left;
  display:inline;
  position: relative;
  list-style: none;
  padding:0;
  margin:0;
  font-size: 0.6em;
 
 } 
 #twopane ul {
  margin-top:0;
  padding-top:0;
 }
 #twopane {
   width:49%;
   float:left;
   padding:0;
   margin:0;
 }