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;}

pre{
font-family:Verdana;
font-size:12px;
}

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:230px;
margin-left:3px;
width:105px;
border:0px solid #000;
}
#content {
border:0px solid #efeff7;
width:560px;
margin-top:120px;
margin-left:12px;
float:left;
padding:0px 5px;
}
#content  input {
  height: 1.8em;
  line-height: 0.1em;
}
#content  select {
  height: 1.5em;
  font-size:1.2em;
}

.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: 10px;
        color: #ffffff;
        text-decoration: none;
}

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

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

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

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

.kalender{   border:2;
             font-family: Bookman Old Style;
             vertical-align:top;
             color: #000000;
         }
.day     {height: 55px; border:1px solid #0a1452;}
.weekend {height: 55px; border:1px solid #0a1452; background-color: #e0e0e0;}
.today   {height: 55px; border:1px solid #0a1452; background-color: #889fca; font-weight: bold;}

.top       {height: 40px; font-size:28px;}
.dayOfWeek {height: 30px; background-color: #E1F4FF; font-size:14px;width:50px}
.dayOfWeekend {height: 30px; background-color: #E1F4FF; font-size:14px; width:150px}

input
{
   vertical-align:super;
   font-size:13px;
}