/*****************/
/* body und page */
/*****************/

body { margin:0px; padding:0px; width:1049px; height:1361px; display:block;
       background-image:url(back.jpg); background-repeat:no-repeat;
       background-color:#FFD902; }
#page { position:absolute; top:20px; left:97px; width:681px;
        background-color:#FFFFFF;
        border-top-width:5px;
        border-left-width:5px;
        border-right-width:5px;
        border-bottom-width:5px;
        border-style:solid;
        border-color:#FFD902;
}

/****************************/
/* schaltflaechen als liste */
/****************************/

#navi    { float:left; width:187px; margin:0px; padding:0px; list-style:none;}

/* box model: width+2*padding=197, height+2*padding=117 */

.sf { width:187px; display:block;
      height:107px;
      padding-top:5px;
      padding-bottom:5px;
      padding-left:5px;
      padding-right:5px;
      background-repeat:no-repeat; border:none; margin:0px;
      position:relative;
      top:-11px;
}

.sf#sf1 {       background-image:url(sf-salsa-tanzkurse.png);
}
.sf#sf1:hover { background-image:url(sf-salsa-tanzkurse-st.png);
}

.sf#sf2 {       background-image:url(sf-tanzveranstaltungen.png);
}
.sf#sf2:hover { background-image:url(sf-tanzveranstaltungen-st.png);
}

.sf#sf3 {       background-image:url(sf-lokale.png);
}
.sf#sf3:hover { background-image:url(sf-lokale-st.png);
}

.sf#sf4 {       background-image:url(sf-frankfurt.png);
}
.sf#sf4:hover { background-image:url(sf-frankfurt-st.png);
}

.sfs { width:187px; height:31px; display:block;
      text-align:left;
      font-family:'Times New Roman',Times,serif;
      font-variant:small-caps;
      font-weight:bolder;
      text-indent:0px;
      text-decoration:none;
      padding-left:5px;
      padding-right:5px;
      padding-top:5px;
/*      padding-bottom:5px; */
      background-repeat:no-repeat; border:none; margin:0px;
      position:relative;
      margin-bottom:10px;
}
/*
.sf { width:187px; display:block;
      height:107px;
      padding-top:5px;
      padding-bottom:5px;
      padding-left:5px;
      padding-right:5px;
      background-repeat:no-repeat; border:none; margin:0px;
      position:relative;
      top:-11px;
*/

.sfs#sfs1 {       background-color:#291fd8;
                 color:#9ad6f0; font-size:15pt;}
.sfs#sfs1:hover { background-color:#4142ff; }

.sfs#sfs2 {       background-color:#81c21c;
                color:#058633; font-size:15pt;}
.sfs#sfs2:hover { background-color:#a7fc23; }

.sfs#sfs3 {       background-color:#600024;
                color:#fe8008; font-size:15pt;}
.sfs#sfs3:hover { background-color:#7a0230; }

.sfs#sfs4 {       background-color:rgb(255,211,168);
                color:#94006b; font-size:15pt;}
.sfs#sfs4:hover { background-color:rgb(255,236,218); }

/************/
/* info box */
/************/

div.info { margin-left:227px; width:428px; position:relative; top:-12px} 

div.heading { text-align:left;
              font-family:'Times New Roman',Times,serif;
              font-variant:small-caps;
              font-weight:bolder;
              font-size:15pt;
              text-indent:0px;
              margin:0px;
              padding:10px;
}

div.heading i { font-style:normal }
div.btext {background-color:rgb(255,236,218);
           margin:0px; padding:5px; text-indent:0pt;
}

/*
div.btext2 {background-color:rgb(255,255,255);
           margin:0px; padding:5px; text-indent:0pt;
}
*/
div.btext2 { margin:0px; padding:5px; text-indent:0pt;
}

div.btext a         {color:#94006b; }
div.btext a:visited {color:#e67814; }
div.btext b         {font-variant:small-caps;}
div.btext i b       {font-variant:normal;}
div.btext2 a         {color:#94006b; }
div.btext2 a:visited {color:#e67814; }
div.btext2 b         {font-variant:small-caps;}
div.btext2 i b       {font-variant:normal;}


/************************/
/* datum und disclaimer */
/************************/

#disclaim { text-align:left;color:#fe8008;
            font-family:'Times New Roman',Times,serif;
            font-size: 7pt;
            text-indent:0px;
            margin:0px;
            padding:3px;
            margin-left:227px;float:left;
}

#date { text-align:right;color:#fe8008;
        font-family:'Times New Roman',Times,serif;
        font-size: 7pt;
        text-indent:0px;
        margin-right:25px;
        padding:3px;
        float:right;
}

/*************/
/* fusszeile */
/*************/

#foot { background-color:#600024 ;
        margin:0px;
        padding:4px;
}
#foot a {text-align:left;color:#fe8008;
        font-family:'Times New Roman',Times,serif;
        font-variant:small-caps;
        font-weight:bold;
        font-size:8pt;
        text-indent:0px;
        text-decoration:none;
}
#foot a:hover {text-decoration:underline;}
#foot a:active {text-decoration:underline;}