BODY{
color: gray;

background-color: transparent;
font-family: impact;
font-size: 12px;
text-align: left;
}

/* a:link {  color:gray; text-decoration:none; }
a:visited { color:black; text-decoration:none; }
a:focus {  color:red; text-decoration:underline; }
a:hover {  color:orange; text-decoration:none; }
a:active {  color:lime; text-decoration:underline; }

h1:focus { background-color:red; }
h1:hover { background-color:silver; }
h1:active { background-color: orange; }
 */

.main{
position: relative;
margin-left:auto;
margin-right:auto;
margin-bottom: auto;
margin-top: 10px;
background-image: url(bg.png);
background-color: transparent; 
background-repeat:no-repeat;
width: 1024px;
height: 768px;
display: block;
z-index: 5;
}
.menu{
position: absolute;
background-color:  transparent;
left: 235px;
top: 107px;
height: 66px;
width: 459px;
background-color: transparent;
}
.content{
position: relative;
margin-left: auto;
margin-right: auto;
top: 200px;
margin-top: auto;
margin-bottom: auto;
background-color: tranzparent;
z-index: 22;
height: 300px;
width: 600px;
}
.ubers{
color: gray;
font-size: 40px;
font-family: impact;
text-align: left;
display: block; 
font-weight: bold;
}
.text{
color: Gray;
font-family: impact;
font-size: 22px;
/* font-weight: bold; */
display: block;
top: 250px;
}
.angebote{
  width: 153px;
  height: 66px;
  display: block;
  background: url(angebote.png) no-repeat;
}
.angebote:hover{
  background: url(angeboteh.png) no-repeat;
}
.angeboteh{
  width: 153px;
  height: 66px;
  display: block;
  background: url(angeboteh.png) no-repeat;
}
.kontakt{
  width: 153px;
  height: 66px;
  display: block;
  background: url(kontakt.png) no-repeat;
}
.kontakt:hover{
  background: url(kontakth.png) no-repeat;
}
.kontakth{
  width: 153px;
  height: 66px;
  display: block;
  background: url(kontakth.png) no-repeat;
}
.uberuns{
  width: 153px;
  height: 66px;
  display: block;
  background: url(uberuns.png) no-repeat;
}
.uberuns:hover{
  background: url(uberunsh.png) no-repeat;
}
.uberunsh{
  width: 153px;
  height: 66px;
  display: block;
  background: url(uberunsh.png) no-repeat;
}