body
{
 font-family:Verdana;
 font-size:12px;
 color:#222245;
 background-color:#222245;
 text-align:center;
 margin:0;
}
h1 {font-size:18px;color:#000000;margin-bottom:0px;}
h2 {font-size:16px;color:#000000;}
h3 {font-size:14px;color:#000000;}

#glowtext{filter:glow(color=FFFF00,strength=3);width:100%;}

p {
margin:0;
padding:0;
}
tr, th {
 text-align:center;
 padding:2px;
}

a:link, a:visited, a:active, a:hover
{
  text-decoration:underline;
  font-weight:normal;
  color:#0000A0;
  font-size:12px;
}
a:active, a:hover
{
  color:#8080FF;
}
a.menu, a.upd {
 display:block;
 padding:3px;
 border-top:0px solid #000;
 text-align:center;
 color:#eeeeee;
 text-decoration:none;
 }
a.menu:link, a.menu:visited
{
  color:#eeeeee;
 text-decoration:none; font-weight:bold;
}
a.menu:active, a.menu:hover
{
  color:#222245; font-weight:bold;
}

#main {
background-image:url(../img/Hintergrund.jpg);
width:800px;
height:600px;
margin:5px auto;
text-align:left;
border:2px solid #000000;
}

#main_index {
background-image:url(../img/I_Hintergrund.jpg);
width:800px;
height:600px;
margin:5px auto;
text-align:left;
border:2px solid #000000;
}

#left {
margin-top:20px;
float:left;
border:0px solid #000000;
}

.menucontainer {
border:0px solid #000;
width:105px;
margin-left:8px;
margin-top:28px;
}
.impressum {
margin-top:240px;
margin-left:8px;
width:105px;
border:0px solid #000;
}
#content {
border:0px solid #efeff7;
width:560px;
margin-top:120px;
margin-left:12px;
float:left;
padding:0px 5px;
}
.image {position:relative;
        top:0;
        left:5px;
}
#ImageMenu {
  height: 400px;
  width: 430px;
}

#menu_1 a {
position: absolute; left:200px; top:200px;
  text-decoration: none;
  }

#menu_1 a i { visibility: hidden; }


a#aikido       { top:  48px; left: -26px; height:  72px; width: 158px; }
a#verein       { top:  19px; left: 192px; height:  81px; width:  92px; }
a#zeiten       { top:  97px; left: 330px; height: 111px; width: 104px; }
a#kalender     { top: 265px; left: 317px; height: 126px; width: 108px; }
a#galerie      { top: 365px; left: 204px; height:  82px; width: 100px; }
a#downloads    { top: 305px; left:  56px; height:  92px; width: 114px; }
a#links        { top: 150px; left:  78px; height: 114px; width: 160px; }

a#aikido:hover   { background-image: url(../img/1_1.gif);}
a#verein:hover   { background-image: url(../img/2_1.gif); }
a#zeiten:hover   { background-image: url(../img/3_1.gif); }
a#kalender:hover { background-image: url(../img/4_1.gif); }
a#galerie:hover  { background-image: url(../img/5_1.gif); }
a#downloads:hover{ background-image: url(../img/6_1.gif); }
a#links:hover    { background-image: url(../img/7_1.gif); }

a#aikido:hover,
a#verein:hover,
a#zeiten:hover,
a#kalender:hover,
a#galerie:hover,
a#downloads:hover,
a#links:hover  { border: none; }

/* ----- Formatierung für die Kopfzeile ----- */
.kopfzeile {font-size:12pt; color:#222245; font-weight:bold;}
/* -------------------------------------------------- */

/* ----- Formatierung für die horizontale Linie oben und unten ----- */
hr { color:#222245;}//display: none;}
/* -------------------------------------------------- */

/* ----- Tabellenzellen für die Galerieübersicht und die Vorschauseite ----- */
table.overview td {border-width:0px; border-style:solid; border-color:#444444;}
.overview td {color:#222245; font-weight:normal; font-size: 10px;}
/* -------------------------------------------------- */

/* ----- Formatierung für die Links in der Galerieübersicht ----- */
.overview a:link {font-size:11px; text-decoration:none; color:#336E99; border-bottom: 1px dotted rgb(180, 180, 180); }
.overview a:visited {font-size:11px; text-decoration:none; color:#336E99; border-bottom: 1px dotted rgb(180, 180, 180);}
.overview a:hover {font-size:11px; text-decoration:none; color:#336E99; border-bottom: 1px dotted rgb(180, 180, 180);}
.overview a:active {font-size:11px; text-decoration:none; color:#336E99; border-bottom: 1px dotted rgb(180, 180, 180);}

/* ---- Schrift in der Vorschau wenn kein Bild vorhanden (gleicher Text wie in der Galerieübersicht) ---- */
font.kein_bild {font-size:11px; text-decoration:none; color:#336E99; border-bottom: 1px dotted rgb(180, 180, 180);}
/* -------------------------------------------------- */

/* ----- Formatierung für die aktuelle Seitenzahl in der Vorschau (abhängig von den "übrigen Links") ----- */
font.blaetern {font-size:9pt; text-decoration:none; color:222245; font-weight:bold;}
/* -------------------------------------------------- */
table.contentOver td {padding: 1px; margin: 0px;}

.tooltip {
        position: absolute;
         margin-left:-108px;
        display: none;
        background-color: #eeeeee;
        padding: 5px;
        border-right: 1px solid #36648B;
        border-bottom: 1px solid #36648B;
        -moz-border-radius-bottomright: 10px;
}

a.upd:link,a.upd:visited {
        font-size: 9px;
        color: #ffffff;
        text-decoration: none;
}

a.upd:hover,a.nav {
        font-size: 9px;
        color: #104E8B;
}

a.upd:active {
        color: #104E8B;
}

a.upd .pop {
        text-align:center;
        font-size: 9px;
        visibility:hidden;
        position: absolute;
        width:105px;
        margin-left:-98px;
        margin-top:10px;
        }

a.upd:hover .pop {
         visibility:visible;
}