/* body*/
body {
        text-align: left;
        padding: 0px;
        background-color: #FFFFFE;
        font-size: 12px;
        font-family: Verdana, Helvetica, sans-serif;
        color: #515151;
        }
body.gallerie {
       text-align: center;
       font-size: 12px;
       font-family: Verdana, Helvetica, sans-serif;
       padding: 0px;
       background-color: #7f7f7f;
       }
/* DIVs */
/* Div Hauptmenü oben */
div.navigation {
        z-index:3;
        color: #cecece;
        margin: 0px;
        padding: 0px;
        text-align: right;
        display: block;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 1.5px;
        background-color: #8f807f;
        position: absolute;
        top: 54px;
        left: 225px;
        padding-bottom: 1px;
        padding-top: 3px;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 750px;;
        height: 17px;
        }

  /* Div Bildergalerie unter Hauptmenü oben */
div.social_div {
        z-index: 10;
        position: absolute;
        top: 80px;
        padding-top:10px;
        width: 750px;
        left: 225px;
        align: right;
        height:17px;
        vertical-align: middle;
        line-height:17px;
        text-align: right;
        font-weight:bold;
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        color: #8f7f7f;
        }


/* Div Hauptmenü unten rechts*/
div.bottom {
        background-color: #fcc300;
        margin-top: 175px;
        margin-left: 15px;
        text-align: right;
        position: static;
        padding-bottom: 1px;
        padding-top: 3px;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        color: #515151;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 950px;
        height: 17px;
        }
        html>body div.bottom {width: 950px; height: 17px;}
/* Div Untermenüs links */
div.menue {
        z-index: 4;
        position: absolute;
        left: 25px;
        top: 150px;
        width: 150px;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #8f7f7f;
        text-decoration: none;
        }
/* Div Logo links oben */
div.logo {
        z-index:5;
        position: absolute;
        top: 35px;
        left: 35px;
        }
/* Div Mainbereich */
div.main_border {
        position: relative;
        z-index:1;
        }
div.iFu {
        position: relative;
        z-index:1;
        background-image:url(Bilder/Hintergrund_Fussball_s.jpg);
        background-position:315px 50px;
        background-repeat:no-repeat;
        }
div.Graffiti {
        position: relative;
        z-index:1;
        background-image:url(Bilder/Hintergrund_Graffiti.jpg);
        background-position:315px 50px;
        background-repeat:no-repeat;
        }
div.main {
        z-index:2;
        background-color: #fffffe;
        position: relative;
        width: 735px;
        top: 125px;
        left: 175px;
        padding-bottom: 20px;
        padding-top: 0px;
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
        text-align: justify;
        color: #8f7f7f;
        }
div.main_kontakt {
        z-index:2;
        background-color: #fffffe;
        position: relative;
        width: 735px;
        top: 145px;
        left: 215px;
        padding-bottom: 20px;
        padding-top: 0px;
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
        text-align: justify;
        color: #8f7f7f;
        }
div.main_links {
        position: relative;
        z-index:1;
        width: 830px;
        text-align: justify;
        }
div.main_links2 {                        /* div index seite */
        position: relative;
        z-index:1;
        width: 530px;
        text-align: justify;
        }
div.main_rechts2 {                        /* div index seite */
        position: absolute;
        top: -09px;
        left: 555px;
        z-index:1;
        width: 180px;
        text-align: justify;
        voice-family: "\"}\"";
        voice-family:inherit;
        top: -17px;
        }
div.boxen {                      /* div Bildergalerie */
        width: 800px;
        height:800px;
        }
/* inneren Divs Mainbereich Produkte */
div.main_Handball {
        background-image:none;
        z-index:2;
        background-color: #fffffe;
        position: relative;
        width: 745px;
        top: 145px;
        left: 215px;
        padding-bottom: 20px;
        padding-top: 0px;
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
        color: #8f7f7f;
        }
div.main_iFu {
        background-image:url(Bilder/Hintergrund_Fussball.jpg);
        background-position:100px -95px;
        background-repeat:no-repeat;
        z-index:2;
        background-color: #fffffe;
        position: relative;
        width: 745px;
        top: 145px;
        left: 215px;
        padding-bottom: 20px;
        padding-top: 0px;
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
        color: #8f7f7f;
        }
div.main_Graffiti {
        background-image:url(Bilder/Hintergrund_Graffiti.jpg);
        background-position:100px -95px;
        background-repeat:no-repeat;
        z-index:2;
        background-color: #fffffe;
        position: relative;
        width: 745px;
        top: 145px;
        left: 215px;
        padding-bottom: 20px;
        padding-top: 0px;
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
        color: #8f7f7f;
        }
div.main_iFluid {
        background-image:none;
        background-position:90px -95px;
        background-repeat:no-repeat;
        z-index:2;
        background-color: #fffffe;
        position: relative;
        width: 745px;
        top: 145px;
        left: 215px;
        padding-bottom: 20px;
        padding-top: 0px;
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
        color: #8f7f7f;
        }
div.main_Eishockey {
        background-image:url(Bilder/Hintergrund_Eishockey.jpg);
        background-position:0px -95px;
        background-repeat:no-repeat;
        z-index:2;
        background-color: #fffffe;
        position: relative;
        width: 745px;
        top: 145px;
        left: 215px;
        padding-bottom: 20px;
        padding-top: 0px;
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
        color: #8f7f7f;
        }
/* Links & Verweise */
/* Links Hauptmenü Oben */
ul.navigation a {
        margin: 0px;
        padding: 0px;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        color: #ffffff;
        text-decoration: none;
        letter-spacing: 1.5px;
        }
ul.navigation a:visited {
        margin: 0px;
        padding: 0px;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        color: #ffffff;
        text-decoration: none;
        letter-spacing: 1.5px;
        }
ul.navigation a:hover {
        margin: 0px;
        padding: 0px;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        color: #e7b405;
        text-decoration: none;
        letter-spacing:1.5px;
        }
        div.navigation a {text-decoration: none;}
/* Bildergalerie unter Hauptmenü Oben */
ul.navigation_sub a {
        margin: 0px;
        padding: 0px;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        color: #8f7f7f;
        text-decoration: none;
        }

ul.navigation_sub a:visited {
        margin: 0px;
        padding: 0px;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        color: #8f7f7f;
        text-decoration: none;
        }

ul.navigation_sub a:hover {
        margin: 0px;
        padding: 0px;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        color: #8f7f7f;
        text-decoration: none;
        }
/* Links Untermenüs Links */
td.menue a {
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #8f7f7f;
        text-decoration: none;
        }
td.menue a:visited {
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #8f7f7f;
        text-decoration: none;
        }
td.menue a:hover {
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #cecece;
        text-decoration: none;
        }
/* Links auf Seiten und Tabellen mit Bildern */
table.bilder, div.main_border a {
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #515151;
        text-decoration: none;
        }
table.bilder, div.main_border a:visited {
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #515151;
        text-decoration: none;
        }
table.bilder, div.main_border a:hover {
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #e7b405;
        text-decoration: none;
        }
div.iFu a {
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #515151;
        text-decoration: none;
        }
div.iFu a:visited {
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #515151;
        text-decoration: none;
        }
div.iFu a:hover {
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #e7b405;
        text-decoration: none;
        }
div.Handball a {
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #515151;
        text-decoration: none;
        }
div.Handball a:visited {
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #515151;
        text-decoration: none;
        }
div.Handball a:hover {
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #e7b405;
        text-decoration: none;
        }
div.Graffiti a {
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #515151;
        text-decoration: none;
        }
div.Graffiti a:visited {
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #515151;
        text-decoration: none;
        }
div.Graffiti a:hover {
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #e7b405;
        text-decoration: none;
        }
div.iFluid a {
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #515151;
        text-decoration: none;
        }
div.iFluid a:visited {
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #515151;
        text-decoration: none;
        }
div.iFluid a:hover {
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #e7b405;
        text-decoration: none;
        }
div.Eishockey a {
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #515151;
        text-decoration: none;
        }
div.Eishockey a:visited {
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #515151;
        text-decoration: none;
        }
div.Eishockey a:hover {
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        color: #e7b405;
        text-decoration: none;
        }
/* Links Hauptmenü Unten */
div.bottom a {
    margin: 0px;
        padding: 0px;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        color: #515151;
        text-decoration: none;
        }
div.bottom a:visited {
    margin: 0px;
        padding: 0px;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        color: #515151;
        text-decoration: none;
        }
div.bottom a:hover {
    margin: 0px;
        padding: 0px;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        color: #949393;
        text-decoration: none;
        }
/* Listen */
/* Liste Hauptmenü oben */
ul.navigation {
        list-style-type: none;
        margin: 0px;
        margin-left: 0px;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 750px;
        }
        html>body ul.navigation {width: 750px;}
ul.navigation li {
        float: left;
        }
/* Allgemeine Listen */
ul.Listen  {
        list-style-image:url(Bilder/Listenzeichen.gif);
        font-size:13px;
        font-weight: bold;
        }
ul.Listen_klein {
        list-style-image:url(Bilder/Listenzeichen.gif);
        font-size:13px;
        }
/* Tabellen */
table {
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
        color: #8f7f7f;
        }
table.formular {
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
        color: #515151;
        }
table.menue {
        z-index:4;
        background: #fffffe;
        margin: 0px;
        text-align: left;
        padding: 4px;
        position: absolute;
        left: 25px;
        top: 150px;
        width: 160px;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        color: #8f7f7f;
        }
td.menue {
        border-width: 1px;
        border-style: solid;
        border-color: #7F7F7F;
        margin: 0px;
        width: 150px;
        padding-left: 18px;
        padding-top: 8px;
        padding-bottom: 8px;
        }
td.menue_header {
        background-color: #7f7f7f;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        color: #fffffe;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left:18px;
        }
table.bilder {
      border:0;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        color: #8f7f7f;
}
/* Sonstige formatierungen */
h1 {
        font-size: 15px;
        color: #e7b405;
        }
h2 {
        font-size: 15px;
        color: #e7b405;
        }
h3 {
        font-size: 09px;
        color: #e7b405;
        }
h4 {
        font-size: 09px;
        color: #8f7f7f;
        }
h5 {
        font-size: 15px;
        color: #e7b405;
        text-decoration:none;
        }

p {
        font-size: 12px;
        color: #515151;
        padding-left:40px;
        }
u.aktuelleSeite {
        text-decoration: none;
        color: #e7b405;
        }
div.abstand {
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 50px;
        }
div.fahne {
        list-style-type: none;
        margin-top: 3px;
        voice-family: "\"}\"";
        voice-family:inherit;
        }

/* Tagcloud */
div.tagcloud {
        z-index:5;
        position: absolute;
        top: 128px;
        left: 35px;
        border: 0px;
        }


/* Lightbox */
#lightbox{        position: absolute;        left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink, #prevLink:hover, #prevLink:visited:hover { background: url(prevlabel.gif) left 15% no-repeat; }
#nextLink, #nextLink:hover, #nextLink:visited:hover { background: url(nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%        ; }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }