body {
  scrollbar-base-color: #EA0000;
  color: #FFFFFF;
  background-color: black;
  background-image: url("../images/bg-seiten1.png");
  background-attachment: fixed;
  background-repeat: no-repeat;
  Background-position: top center;
  // cursor: url("http://www.heidugger.ch/images/cursor1.ico");
}   

#seiteninhalt {
}

#frames {
    position: static;
    background-color: black;
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
}

#bg {
  position: relative;
  scrollbar-base-color: #EA0000;
  color: #FFFFFF;
  background-color: black;
  background-image: url("../images/bg-home2014.png");
  background-attachment: fixed;
  background-repeat: repeat-x;
  Background-position: top center;
  cursor: url("http://www.heidugger.ch/images/cursor1.ico");

}

#bg-seite {
  position: relative;
  background-image: url("images/steine.png");
  background-attachment: fixed;
  background-repeat: repeat-y;
  Background-position: top left;
  cursor: url("http://www.heidugger.ch/images/cursor1.ico");

}

#bg-oben {
  position: relative;
  background-image: url("images/steine-v.png");
  background-repeat: repeat-x;
  Background-position: top left;

}

.bgslide {
  background-color: black;
  background-image: url();
}

.bghistory {
  background-color: black;
  background-image: url();
}

.bghdgb {
  background-color: black;
  background-image: url("../images/bghdgb.png");
  background-attachment: fixed;
  background-repeat: repeat-y;
  Background-position: top center;
}

a:link { color:#99FF00; text-decoration:none; }
a:visited { color:#99FF00; text-decoration:none; }
a:focus { color:#FF3300; text-decoration:none; }
a:hover { color:#FF3300; text-decoration:none; cursor: pointer;}
a:active { color:#99FF00; text-decoration:none; }
a img { border : 0 none; }


button
      {
      font-family:Verdana, Tahoma, Arial;
      font-size:10px;
      color: #000000;
      background-Color: #DDDDDD;
      border-left: 1px solid #CCCCCC;
      border-top: 1px solid #CCCCCC;
      border-right: 1px solid #000000;
      border-bottom: 1px solid #000000;
      text-decoration: none;
      width: 55px;
      text-align: center;
      }
button:hover
      {
      Color: #000000;
      background-Color: #FFFFFF;
      border-left: 1px solid #000000;
      border-top: 1px solid #000000;
      border-right: 1px solid #cccccc;
      border-bottom: 1px solid #cccccc;
      text-decoration: none;
      }


span.blink_rt{
color: red;
}

div {}
.hometab {
  background-repeat: repeat-x;
  background-color: #000000;
  background-image: url(./images/bgunten.png);
  height: 27px;
  text-align: center;
}

input, textarea, select{
  background-color: #E6E6E6;
  color: #000000;
  font-size: 11pt;
  font-family: Tahoma, Arial, Verdana;
}
.submit{
  background-color: #DDDDDD;
  color: #000000;
  font-size: 10pt;
  cursor: pointer;
}
.reset{
  background-color: #DDDDDD;
  color: #ff0000;
  font-size: 10pt;
  cursor: pointer;
}

td {}
.borderunten {
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-color:#FFDD00;
}
.borderrechts {
  border-right-width:1px;
  border-right-style:solid;
  border-color:#FFDD00;
}
.borderuntenrechts {
  border-width:0px 1px 1px 0px;
  border-style:solid;
  border-color:#FFDD00;
}


font{
  font-family: Tahoma, Arial, Verdana;
}
.font0ws{
  color: #FFFFFF;
  font-size: 8pt;
}
.font1{
  color: #FFFF99;
  font-size: 10pt;
}
.font1hgn{
  color: #99FF00;
  font-size: 10pt;
}
.font1ws{
  color: #FFFFFF;
  font-size: 10pt;
}
.font1sw{
  color: #000000;
  font-size: 10pt;
}
.font1rt{
  color: red;
  font-size: 10pt;
}
.font1hbn{
  color: #FFDD00;
  font-size: 10pt;
}
.font1dbn{
  color: #CC9900;
  font-size: 10pt;
}
.font2{
  color: #FFFF99;
  font-size: 11pt;
}
.font2gb{
  color: #FFFF00;
  font-size: 11pt;
}
.font2rt{
  color: red;
  font-size: 11pt;
}
.fontblinkrt{
  color: red;
  font-size: 11pt;
  text-decoration: blink;
}
.font2gn{
  color: green;
  font-size: 11pt;
}
.font2hgn{
  color: #99FF00;
  font-size: 11pt;
}
.font2ws{
  color: white;
  font-size: 11pt;
}
.font2hbn{
  color: #FFDD00;
  font-size: 11pt;
}
.font2dbn{
  color: #CC9900;
  font-size: 11pt;
}
.font2hbl{
  color: #CCFFFF;
  font-size: 11pt;
}
.font2dbl{
  color: #0099FF;
  font-size: 11pt;
}
.font2sw{
  color: #000000;
  font-size: 11pt;
}
.font3{
  color: #FFFFFF;
  font-size: 14pt;
}
.font3rt{
  color: red;
  font-size: 14pt;
}
.font3hrt{
  color: #FF5500;
  font-size: 14pt;
}

.font3hbn{
  color: #FFDD00;
  font-size: 14pt;
}
.font3dbn{
  color: #CC9900;
  font-size: 14pt;
}
.font3dbl{
  color: #00EEFF;
  font-size: 14pt;
}
.font3hbl{
  color: #CCFFFF;
  font-size: 14pt;
}
.font3gn{
  color: green;
  font-size: 14pt;
}
.font3hgn{
  color: #99FF00;
  font-size: 14pt;
}
.font3gb{
  color: #FFFF99;
  font-size: 14pt;
}
.font3sw{
  color: #000000;
  font-size: 14pt;
}
.font4rt{
  color: red;
  font-size: 16pt;
}
.font4sw{
  color: #000000;
  font-size: 16pt;
}
.font4hgn{
  color: #00FF00;
  font-size: 16pt;
}
.font4dbn{
  color: #CC9900;
  font-size: 14pt;
}
.font4gb{
  color: #FFFF99;
  font-size: 16pt;
}
.font4hbn{
  color: #FFDD00;
  font-size: 16pt;
}
.font4{
  color: #FFFFFF;
  font-size: 16pt;
}
.font5{
  color: #FFFFFF;
  font-size: 20pt;
  font-weight: bold;
}
.font5sw{
  color: #000000;
  font-size: 20pt;
  font-weight: bold;
}
.font5dbl{
  color: #0099FF;
  font-size: 14pt;
  font-weight: bold;
}
.font5hbl{
  color: #00FFFF;
  font-size: 20pt;
  font-weight: bold;
}

.img-holder {
        background: url("http://www.heidugger.ch/images/ladebalken.gif") no-repeat 50% 50%;
}

/* Fuer verschieden grosse Bilder benoetigst Du verschieden grosse Container. Deswegen die zweite Klasse, die die Groesse regelt. */

.size1 {
        width: 752px;
        height: 500px;
}



/* Container für Popup Fenster */
#pop {
  position: fixed;
  top: 130px; 
  left: 50%;
  margin-left: -415px; 
}

#popmobile {
  position: absolute;
  top: 130px;
  left: 50%;
  margin-left: -235px;
}

.popup {
  padding: 15px;
  background: #fff;
  border-radius: 8px;
  width: 440px;
  height: auto;
  position: relative;
  transition: all 5s ease-in-out;
  overflow: auto;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
}
.popup .close {
  position: absolute;
  top: 8px;
  right: 10px;
  transition: all 200ms;
  font-size: 35px;
  font-weight: bold;
  text-decoration: none;
  color: #b00;
}
.popup .close:hover {
  color: #fff;
  background-color: #F00;
}
.popup .content {
  overflow: auto;
  width: 440px;
}
.video {
  margin-top: -350px;
  margin-right: -345px;
  width: 360px;
  float: right;  
}