html, body
{
  margin: 0px; padding: 0px;
  font-family: Verdana, Arial, "Tahoma", sans-serif;
  font-size: 14px; line-height: 18px;
  color: #009F00;
  background-image: url(layout/bergow_tankstellen_hg.jpg);
}

#div1
{
  /* RAHMEN */
  position:relative; top:5px; left:0px; z-index:10;
  margin: 20px 0px 0px 0px; padding: 0px;
  width: 990px; min-width:990px; max-width:990px;
  height:auto; min-height:700px;
  background-color:#FFFFFF;
  background-image: url(layout/pixel_w.gif);
}


#div2
{
  /* Bilder oben */
  position:relative; top:0px; left:0px; z-index:20;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  width:960px; min-width:960px; max-width:960px;
  height:140px; min-height:140px; max-height:140px;
}

#div3
{
  /* MENU Links */
  position:relative; top:0px; left:0px; z-index:30;
  margin:0px 0px 0px 0px;
  padding:0px 0px 20px 0px;
  width:960px; min-width:960px; max-width:960px;
  height:600px; min-height:600px;
  background-image: url(layout/hg_rahmen_unten.jpg);
  background-position: bottom; background-repeat: repeat-x;
  text-align:justify;
}

ul
{ list-style-type: square; }


/* MENU */
#menu, a.menu, a.menu:link, a.menu:visited, a.menu:active, a.menu:focus
{ color:#005F00; font-weight:normal; text-decoration:none; font-size:18px; cursor:pointer; }
a.menu:hover
{ color:#FF9F00; text-decoration:underline; visibility: hidden; }

/* BildHOVER */
.thumbnail
{ position: relative; }

.thumbnail:hover
{ background-color: transparent; z-index: 101; }

.thumbnail span
{ position: absolute; color: #FF9F00; text-decoration: none; visibility: hidden; z-index: 101;}

.thumbnail span img
{ border-width: 0; padding: 2px; }

.thumbnail:hover span
{ visibility: visible; top: 0px; left: 0px; z-index: 101;}

h1
{
  font-size: 20px;
}

.klein, #klein
{
 font-size: 10px; line-height: 14px;
   text-align:justify;
}

a
{
  color: #009F00;

}