html{background-image:url(fotos/bg.jpg);
background-size: 100%;
background-repeat:round;
background-position: center top; 
background-attachment:fixed;}

body{
scrollbar-face-color: #444; 
scrollbar-shadow-color: #333; 
scrollbar-highlight-color: #bbb; 
scrollbar-track-color: #777; 
scrollbar-arrow-color: #e44; 
scrollbar-3dlight-color: #aaa; 
scrollbar-darkshadow-color: #111; 
background-color:#111;
}

*{font-size:12.5pt; font-family:Verdana,sans-serif; line-height:1.4em;}

.menubg{position:fixed;
    height:77px;
    top:13px;
    width:1200px;
    margin-left:50%;
    left:-600px;
    background-color:#222;
    background-image: linear-gradient(to bottom, #aaa 0%, #050505 35%);
    box-shadow: 0px 5px 20px 2px #ddd;
    opacity: 0.9;
    border-radius: 14px 14px 5px 5px;
    z-index:4;}

.menu{position:fixed;
    top:12px;
    width:1000px;
    left:50%;
    margin-left:-490px;
    z-index:6;}

.menua{display:block;
    text-decoration:none; 
    font-weight:bold; 
    height:35px;
    text-align:center;
    padding-bottom:2px;
    font-size:13pt;
    border-radius:5px;
    border:1px #333 solid;}

a:link    {color:#aaa;}
a:visited {color:#999;}
a:hover   {color:#f55; background-image: linear-gradient(to bottom, #aaa 0%, #050505 35%);transition: background-image,color 1s;}
a:active  {color:#d22;}
a:focus   {color:#e88;}

#inhalt{position:absolute;
    left:50%;top:33px;
    margin-left:-505px;
    width:1010px;
    background: #fff;
    background: rgba(255,255,255,0.1);
    box-shadow: 0px 6px 16px #ddd;
    z-index:2;}

.logo{float:left;margin:-9px 10px 0 7px; transform: rotate(0deg);transition: 3s;}
.logo:hover{transform:rotate(20deg); transform: rotate(1440deg);transition: 2s;}
#logo_gr{position:absolute;margin:-20px 0px 0px 450px; transform: scale(0.7);transition: 3s;}
#logo_gr:hover{transform:rotate(20deg); transform: scale(1.4);transition: 2s;}
.bild{position:relative;left:5px;z-index:3;}
.fogal{border: 1px solid #111; padding: 2px; margin-bottom:7px;}

.text{position:absolute;
    top:110px;
    width:964px;
    left:9px;
    margin:8px;
    color:#111;
    background:#c8c8c8;
    background: rgba(200,200,200,0.79);
    box-shadow: 5px 5px 7px #000;
    border: 2px dashed #ddd;
    border-radius: 15px;
    z-index:4;}

.link{display:inline;background:rgba(200,200,200,0.8);padding:5px 7% 5px 7%;margin-left:8px;transition: background,color 2s;}
.abi{display:none;}
#hz{display:none;}
#geb{display:none;}
#geb:hover{}
.link:hover{background:rgba(100,200,100,0.8);transition: background 1.6s;}
.link:hover+.abi{display:block;position:absolute;background: rgba(100,200,100,0.8);padding-top:25px;margin-top:3px;
 border-radius:0px 9px 9px 9px;border:1px #ccc solid;border-top:none;transition: background 1.6s;}
.link:hover+#hz{display:block;position:absolute;background: rgba(100,200,100,0.8);padding-top:25px;margin-top:3px;
 border-radius:0px 9px 9px 9px;border:1px #ccc solid;border-top:none;}
.link:hover+#geb{display:block;position:absolute;background: rgba(100,200,100,0.8);padding-top:25px;margin-top:3px;
 border-radius:0px 9px 9px 9px;border:1px #ccc solid;border-top:none;}


table{width:825px;}
table.tec{width:100%;}
p{margin:8px;padding:8px;color:#111;text-align:justify;}
td{padding:0 10px 0 10px;}

h1,h2,h3{font-family: Verdana, sans-serif;text-shadow: 0 -1px 1px #fff, 0 1px 1px #333;}
h1{font-size:23pt;color:#c00;margin:4px;}
h2{font-size:20pt;color:#a00;background: rgba(230,230,230,0.35);padding:2px 0 3px 8px;}
h3{font-size:16pt;color:#911;background: rgba(230,230,230,0.25);padding:0px;margin:0px;
   border-radius:9px 9px 0 0;
   border:1px #ccc solid;border-bottom:none;}