@charset "utf-8";
/*	Overlays
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
SYBORG Stylesheet: Overlays
Version: aktuell
Aenderung: 05/11/08
Autor: Markus Koeck
Website: http://www.syborg.de/
alle Auszeichnungen werden alphabetisch gelistet
Verwendung: für alle Navigations-, Produkt- und sonstige Overlays (Ebenen, die beim Überfahen von Links eingeblendet werden)
[Hinweis: diese Technik ist auch innerhalb der Produktseiten standardkonform, da divs innerhalb von lis verwendet werden dürfen. In der Navigation werden divs in divs verschachtelt. Sie stehen grundsaetzlich hinter dem Link und werden im Anfangszustand auf "display: none" gesetzt.]
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
/*=====Popups: News etc=====*/
/*=====Pop Up News=====*/
#navnews div {display: none;}
#navnews a:link 
{color: #f03;
text-decoration: none; }
#navnews:hover div 
{background-image: url(bilder/bg_inhalt_rot.gif);
border: 6px solid #f03;
color: #000;
display: block;
letter-spacing: -1px;
line-height: 1.5em;
min-width: 400px;
padding: 1.5em;
position: absolute;
right: 25%; 
top: 8%;
text-align: left;  
word-spacing: 0.1em; 
z-index: 3;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;} 
#navnews a:hover 
{background-color: #f03;
color: #fff;
text-decoration: none; } 
#navnews a:active 
{background-color: #f03;
color: #fff;
text-decoration: none; }
/*=====Pop Ups Rest der Navigation=====*/
/*=====allgemeines Pop Up=====*/
.navhaupt div {display: none;}
.navhaupt a:link 
{color: #198;
text-decoration: none;}
.navhaupt:hover div 
{background-image: url(bilder/bg_inhalt_gruen.gif);
border: 6px solid #039;
color: #039;
display: block;
line-height: 2.5em;
padding: 1.5em;
position: absolute;
right: 25%;
top: 8%;
text-align: left;
z-index: 3;  
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;}
.navhaupt a:hover 
{background-color: #039;
color: #fff;
text-decoration: none; } 
.navhaupt a:active 
{background-color: #039;
color: #fff;
text-decoration: none;}
/*=====Pop Ups Kontakt=====*/
/*=====Pop Up Karte Bexbach=====*/
#karte-bex div {display: none;}
#karte-bex a:link 
{color: #198;
text-decoration: none; }
#karte-bex:hover div 
{background-image: url(bilder/bg_overlay_verlauf.gif);
border: 6px solid #039;
display: block;
padding: 1.0em;
position: absolute;
left: 15%;
top: 13%;
z-index: 3;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;}
#karte-bex a:hover 
{background-color: #039;
color: #fff;
text-decoration: none;}
#karte-bex a:active 
{background-color: #039;
color: #fff;
text-decoration: none; }
/*=====Pop Up Karte Frankfurt=====*/
#karte-ffm div {display: none;}
#karte-ffm a:link 
{text-decoration: none; 
color: #198;}
#karte-ffm:hover div 
{background-image: url(bilder/bg_overlay_verlauf.gif);
border: 6px solid #039;
display: block;
padding: 1.0em;
position: absolute;
left: 15%; 
top: 13%;
z-index: 3;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;}
#karte-ffm a:hover 
{background-color: #039;
color: #fff; 
text-decoration: none;}
#karte-ffm a:active 
{background-color: #039;
color: #fff;
text-decoration: none;}
/*=====Pop Up Produkte=====*/
.produktgrafik div {display: none;}
.produktgrafik a:link 
{color: #198;
text-decoration: none;}
.produktgrafik:hover div 
{background-image: url(bilder/bg_overlay_verlauf.gif);
border: 6px solid #039;
color: #000;
display: block;
padding: 1.0em;
position: absolute;
left: 12%;
top: 13%;
text-align: left;
word-spacing: 0.1em;
z-index: 3;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;}
.produktgrafik a:hover 
{background-color: #039;
color: #fff;
text-decoration: none; }
.produktgrafik a:active 
{background-color: #039;
color: #fff;
text-decoration: none; }
/*=====Pop Up Produkte Tapping=====*/
.tapping div {display: none;}
.tapping a:link 
{color: #198;
text-decoration: none;}
.tapping:hover div 
{background-image: url(bilder/bg_overlay_verlauf.gif);
border: 6px solid #039;
color: #000;
display: block;
padding: 1.0em;
position: absolute; 
left: 40%;
top: -100%;
text-align: left;
word-spacing: 0.1em;
z-index: 3;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;}
.tapping a:hover 
{background-color: #039;
color: #fff;
text-decoration: none; }
.tapping a:active 
{background-color: #039;
color: #fff;
text-decoration: none;}