body { background: #330000;
       font-family: Verdana,Arial,sans-serif;
       color: #FFFFFF;
     }



* { margin: 0;
    padding: 0;
    /* font-size: 1em; /* fuer IE5/Win */
    /* voice-family: "\"}""; */
    voice-family: inherit;
    font-size: 1em; /* fuer konforme Browser */
  }
html>* { /* fuer Opera */
         font-size: medium;
       }




p { color:#FFFFFF;
    font-size: 95%;
  }



b  { font-size: 100%;
   }



/* etwas kleinerer Text */
.smaller { font-size: 85%;
         }


/* kleiner Text */
.small { font-size: 75%; 
         color:#FFFFFF; }


/* Link klein, nicht unterstrichen */
.link_small { text-decoration: none;
              font-size: 70%;
              margin-left: 10px;
              color: #990000;
            }


/* Link normale Groesse, nicht unterstrichen */
.link_normal { text-decoration: none;
              color: #990000;
            }


/* Ueberschrift 1 */
h1 { color:#FFFFFF;
     margin-left: 20px;
     /* margin-right: 10px; */}



/* Ueberschrift 2 */
h2 { color:#FFFFFF;
     font-size: 110%;
     text-decoration: none;
     margin-left: 10px;
     margin-right: 10px;
     /* margin-right: 10px; */}



/* farbiger Text */
.color { color: #ff6633;
       }


a:link {color:#CCCCCC; text-decoration: underline;}
a:visited {color:#FFFFFF}
a:active {color:#FFFFFF}






/* ----------------------------- */
/* Farbige Raender zur Kontrolle */
/* ----------------------------- */
/*

#headline { border: 1px solid yellow; }
#navi_left { border: 1px solid #CCCCCC; }
#container_inside { border: 1px solid white; }
#logo { border: 1px solid green; }
#news { border: 1px solid red; }
#pics_bottom { border: 1px solid blue; }
*/







/* ----------------------------- */
/* Definition des Layout-Rasters */
/* ----------------------------- */



/* die äußere Tabelle sorgt dafür, dass die innere Tabelle immer in der Mitte ist */

#main_table  { width: 100%;
               height: 100%;
               border: 0;
               cellpadding: 0;
               cellspacing: 0;
             }





/* die folgenden Angaben sind in JEDER HTML-Seite festgelegt,
   da sie aus irgend einem Grund über eine externe CSS-Datei nicht funktionieren.

   #main_table_td  { align: center;
                     valign: middle; }
*/






/* die innere Tabelle sorgt dafuer dass der Footer immer am unteren Rand bleibt */

#table { background: #000000;
         cellspacing: 0px;
         cellpadding: 0px;
                           }


#table_row2  { vertical-align: bottom;        
             }





/* ohne Angabe einer Breite in Pixeln ist der MAINFRAME so breit wie sein Inhalt */

/* die Angabe float:left beim MAINFRAME ist nur fuer den Firefox wichtig, da er
   sonst die BORDER nicht korrekt anzeigt. Fuer alle anderen Browser ist float
   hier nicht noetig. */


#mainframe { float: left;
             /* width: 100%; */
             background: #000000 url(../graphics/Background_Image3.gif) bottom left no-repeat;
             border: 1px solid #FFFFFF;
           }



#headline { background: #000000;
            /* width: 900px; */
            height: 126px;
            padding-top: 5px;
            padding-left: 5px;
            padding-right: 0px;
            margin-bottom: 5px;
          }



          /* position: fixed unterstuetzt der IE nicht */
#footer { /* position: fixed; bottom:10px; 50%;*/           
          height: 55px;
          color: #000000;
          background: #000000 url(../graphics/Logo_IG_ROCK__SW_bunt.gif) top right no-repeat;
          border: 1px solid #CCCCCC;
        }





#navi_left { /* display: inline; */
             float: left;
             width: 220px;
             margin-left: 15px;
             margin-top: 25px;
           }


#navi_left_kalender { /* display: inline; */
                         float: left;
                         width: 20px;
                         margin-left: 15px;
                         margin-top: 25px;
                   }




#container_inside { background: #000000;
                    /* display: inline; */
                    float: right;
                    width: 625px;
                    margin: 0px;
                    padding-right: 0px;
                    padding: 0px;
                    }

#container_inside_kalender { background: #000000;
                             /* display: inline; */
                             float: right;
                             width: 900px;
                             margin: 0px;
                             padding-right: 0px;
                             padding: 0px;
                           }




#navigation_top  { 
                   float: right; 
                   width: 95%;
                   height: 25px;
                   background: #000000;
                   /* border-bottom: 1px solid #ff6633; */
                   padding-left: 5px;
                   margin: 0px; }


#content_box { clear: top;
               float: right; 
               width: 95%;
               height: 450px;
               background: #000000 url(../graphics/Background_Content_Box.gif) no-repeat; left;
               overflow: auto;
               border-top: 1px solid #993300;
               border-left: 1px solid #993300;
               padding-top: 10px;
               padding-left: 10px;
               padding-right: 10px;
             }

#content_box_table { table-layout: fixed;
                     width: 400;
                     border: 1px solid yellow; }






/* -------- */
/* HEADLINE */
/* -------- */



#headline p { font-size: 75%;
              font-style: italic;
            }


#headline_content { list-style: none;
                  }



#logo_rv { float: left;
         }

#rv { float: left;
    }



#logo { float: left;
        width: 120px;
        height: 120px;
        background:  url(../graphics/RV_logo_100px.gif) no-repeat; left 50%;
      }

        
#rv h1 { font-size: large;
         color:#FFFFFF; 
         margin: 0px;
         padding: 0px; }


#news { width: 250px;
        max-height: 100px;
        float: right;
        padding: 0px;
      }


#news h1 { 
           background: #CCCCCC url(../graphics/Background_Aktuelles.gif) repeat-x;
           color: #000000;
           font-size: 70%;
           font-weigth: bold;
           padding: 3px 0px 3px 3px;
           margin: 0px; }





/* ---------------- */
/* Navigation links */
/* ---------------- */
   


.box {         
       /* background: url(../graphics/NaviBox_01_right.gif) bottom right no-repeat; */
       background: url(../graphics/NaviBox_BG_01.gif) top left no-repeat;
       border: 1px solid #993300;
     }


.box a { display: block;
         color: #CCCCCC;
         padding-left: 10px;
         padding-right: 10px;
         text-decoration: none;
         line-height: 150%;
       }


.box_table { 
             padding-top: 10px;
             /* background: url(../graphics/NaviBox_01_left_larger.gif) top left no-repeat; */
           }




.box a:hover { background: #FF6633;
               color: #FFFFFF; }








/* -------------- */
/* Navigation Top */
/* -------------- */


.navi_list_top tr { 

                   }


.navi_list_top_table td { height: 25px;
                          float: left;
                          font-size: 75%;
		          margin: 0px 5px -2px 5px;
                          padding: 1px 5px 0px 5px;
                          /* background: #330000; */
                          border-top: 1px solid #993300;
                          border-left: 1px solid #993300;
 		          border-right: 1px solid #993300;
                        }


.navi_list_top_table a { 
                         display:block;
                         color: #CCCCCC;
                         padding: 1px 5px 0px 5px;
                         text-decoration: none; }


.navi_list_top_table a:hover { 
                               background: #FF6633;
               		       color: #FFFFFF;
                               font-style: bold;
                             }





/* ---------- */
/* Fussleiste */
/* ---------- */

#footer_list {  
                list-style: none;
                margin: 5px 10px 0px 0px;
                padding: 0px; }


#footer_list a { color: #999999;
                 font-size: 75%;
                 text-decoration: none;
                 padding: 0px 10px 0px 10px; }

#footer_list li:hover a { color: #FFFFFF;
                          text-decoration: underline; }


#Kontakt {float: left; }

#Disclaimer {float: left; }

#Impressum {float: left; }

#mySpace { float: left; }

#intern { float: left; }


#intern a { color: #993300;
            font-style: italic;
          }






/* ------------------------ */
/* Tabellen (Band, Events)  */
/* ------------------------ */



#bands_frame  { border: 1px solid #993300;
                background: #330000;
                margin-left: 10px;
              }


#bands_frame .logo  { float: left;
                      border-right: 1px solid #993300;
                      border-bottom: 1px solid #993300;
                      margin-right: -1px;
                    }





#bands { /* border-left: 1px solid #993300; */
         /* padding-left: 10px; */
         margin-right: 10px;
         float: right;
       }


#bands .links { background: #660000;
                font-size: 100%;
               padding-left: 5px;
               padding-right: 5px;
               padding-top:5px;
               padding-bottom: 5px;
               color: #CCCCCC;
             }




#events { /* border-left: 1px solid #993300; */     
        }


#events a { color: #FFFFFF;
            text-decoration: none;
            font-weight: bold;
          }

#events a:hover { text-decoration: underline;
                }


#events .links { background: #660000;
               padding-left: 5px;
               padding-right: 5px;
               padding-top:5px;
               padding-bottom: 5px;
               color: #CCCCCC;
             }


#bands .rechts { font-size: 85%;
                 padding-left: 10px;
               }


#info { clear: both;
        border-top: 1px solid #993300;
        border-right: 1px solid #993300;
        margin: 0px;
        padding-left: 5px;
        width: 100%;
      }


#info p  { font-size: 75%;
           line-height: 135%;
           border-right: 1px solid #993300;
         }


#info .picture  { border-left: 1px solid #993300;

                  margin-left: -3px;
                }




/* ------------------------ */
/* Band-Bilder (MouseOver)  */
/* ------------------------ */



.gallerycontainer  { position: relative;
                     /*Add a height attribute and set to largest image's height to prevent overlaying*/
                   }


.gallerycontainer a  { text-decoration: none;
                       color: #330000; 
                     }


.gallerycontainer a img  { text-decoration: none;
                           border: 0;
                         }



.thumbnail img { margin-left: 3px;
               }



.thumbnail:hover { background-color: transparent;
                 }


.thumbnail:hover img { /* border: 1px solid white; */
                     }


.thumbnail span { /*CSS for enlarged image*/
                  position: absolute;
                  background-color: #660000;
                  padding: 10px;
                  left: -1000px;
                  border: 1px dashed gray;
                  visibility: hidden;
                  color: black;
                  text-decoration: none;
                }


.thumbnail span img { /*CSS for enlarged image*/
                      border-width: 0;
                      padding: 2px;
                    }


.thumbnail:hover span { /*CSS for enlarged image*/
                       visibility: visible;
                       top: -50;
                       left: -250px; /*position where enlarged image should offset horizontally */
                       z-index: 50;
                      }






/* ------------------ */
/* Tabelle Alban Park */
/* ------------------ */


#table_albanpark { border: 1px solid grey;
                   margin-left: 10px;
                                   }


#table_albanpark td { padding: 5px;
                    }


#table_albanpark .kursiv { font-style: italic;
                           font-size: 75%;
                           color: #CCCCCC;
                         }

#table_albanpark .albanpark_band { color: #ff9900;
                                 }



/* ------------------------ */
/* Satzung & Vorstandschaft */
/* ------------------------ */




#satzung dt { color: #ff9900;
              padding-top: 20px;
              padding-bottom: 10px;
            }


#satzung dd { color: #CCCCCC;
              padding-left: 15px;
              margin-left: 35px;
            }


#satzung .highlight { color: white;
                      font-weight: bold;
           }


#satzung dd li {padding-top: 5px;
                padding-bottom: 5px;
               }


#satzung .funktion { padding-left: 30px;
                     color: white;
                     font-style: italic;
                     font-size: 85%;
                   }



/* --------------- */
/* Kontaktformular */
/* --------------- */

#kontaktformular { position: relative;
                   top: -50px;
                 }


#kontaktformular table {
                         cellspacing: 0px;
                         cellpadding: 0px;
                       }




/* --------- */
/* Gästebuch */
/* --------- */


#headline_kasten { width: 200px;
                   background: #990000;
                   font-size: 80%;
                   padding-left: 10px;
                   padding-top: 5px;
                   padding-bottom: 5px;
                 }


#headline_kasten_breit { width: 490px;
                         background: #990000;
                         font-size: 80%;
                         padding-left: 10px;
                         padding-top: 5px;
                         padding-bottom: 5px;
                        }


#guestbook { border: none;
           }


#guestbook table { cellspacing: 0px;
                   cellpadding: 0px;
                   /* border: 1px solid #990000; */
                 }


#guestbook_ausgabe { border: 1px solid #990000;
                     font-size: 90%;
                     width: 525px;
                     cellspacing: 0px;
                     cellpadding: 0px;
                   }

#guestbook_ausgabe_links { width: 165px;
                           background: #990000;
                           padding: 1px;
                         }

#guestbook_ausgabe_rechts { width: 350px;
                            align: left;
                            background: #000000;
                            padding-left: 5px;
                         }
                           

#guestbook_ausgabe2 { border: 1px solid #990000;
                      font-size: 90%;
                      width: 529px;
                      cellspacing: 0px;
                      cellpadding: 0px;
                    }






/* ---------------- */
/* Interner Bereich */
/* ---------------- */


#navi_left ul { list-style: none;
                margin-left: 5px;
              }