body {
       margin-left:0px;
       margin-right:0px;
       margin-top:0px;
       margin-bottom:0px;
       font-family: Arial, sans-serif;
       font-size: 13px;
       line-height: 16px;
       font-style: normal;
       font-weight: normal;
       color:#000000;
       background-image: url(top3_1.jpg);
       background-repeat:no-repeat;
       background-position:  top left;
       background-color: #D2D2D2;
}

#topline {
       position: absolute;
       height: 99px;
       width: 528px;
       top: 70px;
       right: 5%;
       background-image: url(judowirbel.gif);
       background-repeat:no-repeat;
       background-position:  top right;
       margin-right:10%;
}


#maincontainer {
       position: relative;
       top: 52px;
       left: 80px;
       margin-right: 160px;
       padding-top: 30px;
       border: 1px solid #808080;
       background-image: url(bottom2.jpg);
       background-repeat:no-repeat;
       background-position:  bottom right;
       min-height: 900px;
}

* html  #maincontainer {
       height: 900px;
}
#content {
       padding-top: 70px;
       margin-left: 10px;
       padding-left: 180px;
       padding-right: 180px;
       padding-bottom: 80px;
}
#menucontainer {
       float:  left;

       top: 0px;
       left: 0px;
       width: 150px;
       min-height: 480px;
       margin: 100px 20px 10px 10px;
       padding: 5px;
       padding-top: 25px;
       background-image: url(ju-do.gif);
       background-repeat:no-repeat;
       background-position:  bottom right;
       border: 1px solid #808080;
}
* html  #menucontainer {
       height: 480px;
}
#newscontainer {
       float:  right;
       right: 0px;
       width: 180px;
       min-height: 480px;
       margin: 122px 10px 10px 10px;
       background-image: url(ju-do2.gif);
       background-repeat:no-repeat;
       background-position:  bottom right;
       border: 1px solid #808080;
       padding: 3px;
       background-color:#FFFFFF;
}
* html  #newscontainer {
       height: 480px;
}
#footer {
      position: relative;
      bottom: 0px;
      text-align: center;
      width: 100%;
}

#bildcontainer1 {
       float:  right;
       right: 0px;
       width: 200px;
       height: 361px;
       margin: 410px 10px 10px 10px;
       border: 1px solid #808080;
       padding: 3px;
}

#bildcontainer2 {
       float:  right;
       right: 0px;
       width: 150px;
       height: 361px;
       margin: 80px 10px 10px 10px;

       padding: 3px;
}
#bildcontainer3 {
       float:  right;
       right: 0px;
       width: 150px;
       height: 361px;
       margin: 00px 10px 10px 10px;

       padding: 3px;
}

#bildcontainer4 {
       float:  right;
       right: 0px;
       width: 150px;
       height: 661px;
       margin: 00px 10px 10px 10px;

       padding: 3px;
}
#bildcontainer5 {
       float:  right;
       right: 0px;
       width: 400px;
       height: 325px;
       margin: 00px 10px 10px 10px;

       padding: 3px;
}







table
       {
        font-family: Arial, sans-serif;
        font-size: 12px;
        line-height: 16px;
        font-style: normal;
        font-weight: normal;

       }
h1      {
        font-family: Arial, sans-serif;
        font-size: 16px;
        line-height: 16px;
        font-style: normal;
        font-weight: bold;
        color:#BF0000;
        background-color: #D2D2D2;
        margin-left: 20px;
        margin-top: 30px;
        padding: 3px;

        }

h2      {
        font-family: Arial, sans-serif;
        font-size: 16px;
        line-height: 16px;
        font-style: normal;
        font-weight: bold;
        color:#000000;
        background-color: #D2D2D2;

        margin-top: 5px;


        }

h3      {
        font-family: Arial, sans-serif;
        font-size: 13px;
        line-height: 16px;
        font-style: normal;
        font-weight: bold;
        color:#000000;
        background-color: #D2D2D2;
        margin: 5px 0 0 0;

        }
h4      {
        font-family: Arial, sans-serif;
        font-size: 16px;
        line-height: 16px;
        font-style: normal;
        font-weight: bold;
        color:#000000;

        margin: 5px;
        }
 h5      {
        font-family: Arial, sans-serif;
        font-size: 16px;
        line-height: 16px;
        font-style: normal;
        font-weight: bold;
        color:#000000;
        margin: 0px;
        padding: 5px;
        height: 30px;
background-image: url(../rss-logo.png);
 background-repeat: no-repeat;
 background-position: right top;
        width: 170px;
 }

p {
   background-color:#d2d2d2;
   padding: 1px;
}

a {
        font-family: Arial, sans-serif;
        font-size: 13px;
        line-height: 16px;
        font-style: normal;
        font-weight: bold;
        color:#1B1B1B;
        text-decoration: none;
}
 .rotweiss {
 background-image: url(../hintergruende/pic/rotweiss.gif);
 background-repeat: repeat-y;
 background-position: right;
 padding-right: 100px;
}
 .kano {
 background-image: url(../hintergruende/pic/Kano_Jigoro.jpg);
 background-repeat: no-repeat;
 background-position: 100% 50px;

}
.rss_bereich {
background-image: url(../rss-logo.png);
 background-repeat: no-repeat;
 background-position: right top;


}
a:hover {
        font-family: Arial, sans-serif;
        font-size: 13px;
        line-height: 16px;
        font-style: normal;
        font-weight: bold;
        color:#9F0000;
        text-decoration: none;
        BACKGROUND-COLOR: #FFFFFF;
}


/************************************************
*************FIRST_LEVEL*************************
************************************************/
/*Style-Definition für die First-Level-Navigation*/
DIV.navi a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 116px;
PADDING:3Px;
FONT-FAMILY: arial, sans-serif;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #9F0000;

}
/*Style-Definition für die First-Level-Navigation bei Mouse-Over*/
DIV.navi a:hover
{
COLOR: #FFFFFF;
BACKGROUND-COLOR: #B8C0E8;
}
/*Style-Definition für die First-Level-Navigation bei aktivem Link*/
DIV.navi-level-no
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 116px;
PADDING:3Px;
FONT-FAMILY: arial, sans-serif;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #9F0000;
BACKGROUND-COLOR: #B8C0E8;
}

/************************************************
*************SECOND_LEVEL*************************
************************************************/
/*Style-Definition für die Second-Level-Navigation*/
DIV.navi-level2-no
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 116px;
BORDER: 0px;
MARGIN: 1Px;
FONT-FAMILY: arial, sans-serif;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #000080;
}
/*Style-Definition für die Second-Level-Navigation bei Mouse-Over*/
DIV.secLevel a:hover
{
COLOR: #9F0000;
BACKGROUND-COLOR: #E0D0B0;
}
/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
DIV.navi-level2-act
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 116px;
MARGIN: 1Px;
FONT-FAMILY: arial, sans-serif;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #9F0000;
BACKGROUND-COLOR:#E0D0B0 ;
}

td#kreuzwortraetsel
{
  width: 12px;
  text-align: center;
}
input#raetselfeld
{

  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 10px;
  font-style: normal;
  text-align: center;
  border: thin solid #CED3E1;
}

#woertertafel {
  position: absolute;
  top:27%;
  right: 10%;
  background-color: #F4F4F4;
  padding: 3px;

}

.spiel {
  padding: 5px;
  background-color: #7C9BD6;
  border: 1px solid #0000DF;
}

#guestbook      {
        font-family: Arial, sans-serif;
        font-size: 16px;
        line-height: 16px;
        font-style: normal;
        font-weight: bold;
        color:#fff000;
        height: 20px;
        width: 100%;
        padding-top: 2px;
        margin-bottom: 3px;
       background-image: url(balken.jpg);
              background-repeat:no-repeat;
       background-position: top left;

        }
.ct-marked {
        font-family: Arial, sans-serif;
        font-size: 12px;
        line-height: 16px;
        font-style: normal;
        font-weight: bold;
        color:#BF0000;
}
.button {
        background-color:transparent;
        background-repeat:no-repeat;
        background-position: right;
        color:#000080;
        font-style:italic;
        font-weight:bold;
        text-align: left;
        border-bottom:2px groove #000080;
        width:80px;
        }

.button1 {
        background-color:transparent;
        background-image: url(../pic/pfeilrecht.gif);
        background-repeat:no-repeat;
        background-position: right;
        color:#000080;
        font-style:italic;
        font-weight:bold;
        text-align: left;
        border-bottom:2px groove #000080;
        width: 180px;
        }

.button2 {
        background-color:transparent;
        background-image: url(../pic/pfeilback.gif);
        background-repeat:no-repeat;
        background-position: left;
        color:#000080;
        font-style:italic;
        font-weight:bold;
        text-align: right;
        border-bottom:2px groove #000080;
        width: 180px;
        }
.button3 {
        background-color:transparent;
        background-image: url(../pic/del.gif);
        background-repeat:no-repeat;
        background-position: right;
        color:#000080;
        font-style:italic;
        font-weight:bold;
        text-align: left;
        border-bottom:2px groove #000080;
        width: 180px;
        }

a.info{
    position:relative; /*this is the key*/
    z-index:auto;
    color:#000080;
    font-weight:normal;
    text-decoration:none}

a.info:hover{z-index:24;border: 0px; font-weight:normal; }

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:150px;
    border:1px solid #000080;
    padding:4px;
    background-color:#FFFFFF;
    color:#000080;
    font-weight:normal;
    text-align: left
    }