/* CSS-Datei für Tankstellen.html Dateien
   auch für Honsel-tankstelle.de
   #beginn, werden mit <div="xyz"> ... </div> eingebunden 
   .beginn, werden mit <span class="xyz"> ... </span> eingebunden 

   TS 800
*/

html,body{
	background-color: #0080C0;
	margin: 0;
	color:#FFFFFF;
                	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	font-style: normal;
}

body {
padding: 1% 1%;
}
/* Links */
a:link { color:#FFFF00; }
a:visited { color:#00FFFF; }
a:hover {background-color:#FFFFFF;
         text-decoration: none;
         color: #000000 ;}


a:active { color:#FFFFFF; }

#logo{
    position : absolute;
    top : 30px;
    left : 30px;
    z-index : 50;
}

/* Um das Logo an die gewünschte Stelle zu setzen, verwende ich eine absolute
  (und keine relative) Positionierung. Hierbei werden alle anderen Elemente auf der Seite
   ignoriert und das Element anhand der angegebenen Werte positioniert, d. h.
   aus dem Dokumentenfluss ausgegliedert.
   Damit das Logo immer ganz oben erscheint, unabhängig davon, was im Browser passiert,
   habe ich einen z-Index (Stapelreihenfolge) vorgeschrieben.
*/
/* Bild der Tankstelle */
#tankstelle{
    position : absolute;
    top : 200px;
    left : 30px;
    z-index : 51;
}

/* Um das Bild der Tankstelle immer an die gewünschte Position zu setzen,
   verwende ich eine absolute (und keine relative) Positionierung. 
	Siehe oben..
*/
#adresse{
	position: absolute;
	top: 30px;
	left: 165px;
	z-index: 52;
}

#offen{
	position: absolute;
	top: 30px;
	left: 400px;
	z-index: 52;
}
#karten{
	position: absolute;
	top: 30px;
	left: 570px;
	z-index: 52;
}
#produkte{
	position: absolute;
	top: 30px;
	left: 720px;
	z-index: 52;
}

#sonst{
	position: absolute;
	top: 200px;
	left: 550px;
	z-index: 52;
}

#finden{
		position: absolute;
	top: 450px;
	left: 550px;
	color: Lime;
	font-size: 16px;
	
}

#unten{
	position: absolute;
	top: 520px;
	left: 400px;
	z-index: 53;
}
#datum{
	position: absolute;
	top: 520px;
	left: 30px;
	color: white;
	font-size: 12px;
}


.weis{
	color: White;
	font-weight: bold;
}

.weis_u{
	color: White;
	font-weight: bold;
 text-decoration: underline;

}

.rot {
font-weight: bold;
color: red;
}
.gelb{
font-weight: bold;
color: yellow;
}
.gelb_g{
font-weight: bold;
color: yellow;
font-size:18px;
}
.gross{
 font-size:18px;
}
.schwarz { color:#000000 ;
         }
.schwarz_s { color:#000000 ;
              font-size:xx-small;}


.gasinfo1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: black;
}