/* =================================
    1. Kalibrierung und allgemeine Styles
 ==================================*/
* {
    margin: 0; padding: 0;
    /* schaltet die Vorgaben des Browsers ab */
}
body {
   font-family: sans-serif;
}

img {
  border: none;
}
h1 {
  margin-bottom: 20px;
}
h2 {
  margin-bottom: 15px;
}
h3 {
  margin-bottom: 10px;
}


p {
  margin-bottom: 5px;
}

.small_italic {
  font-size: 0.8em;
  font-style: italic;
}


/* =================================
    2. Layout
 ==================================*/



 #header {
    background-image:url(GenPics/BannerHintergrund.gif);
    background-repeat:repeat-x;
 }
 #header img {
   margin-left:50px;
 }

 #heading {
   position: absolute;
   top: 50px;
   left: 300px;
   font-weight: bold;
   font-size: 400%;
   font-style: italic;
   color: white;
 }

 #navigation {
   width: 230px;
   float: left;
 }
 #content {
   margin-left: 250px;
   margin-right: 50px;
 }

 .clear {
   clear: both;
 }




 /*- Menu Tabs Fechten--------------------------- */

    #fechten_navigation {
      float:left;
      width:100%;
      background:#FFFFFF;
      font-size:90%;
      line-height:normal;
	  border-bottom:1px solid #DD740B;
      margin-bottom: 15px;
      }
    #fechten_navigation ul {
	  margin:0;
	  padding:10px 10px 0 0px;
	  list-style:none;
      }
    #fechten_navigation li {
      display:inline;
      margin:0;
      padding:0;
      }
    #fechten_navigation a {
      float:left;
      background:url("GenPics/tableftI.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #fechten_navigation a span {
      float:left;
      display:block;
      background:url("GenPics/tabrightI.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #fechten_navigation a span {float:none;}
    /* End IE5-Mac hack */
    #beinarbeit #beinarbeitNav a span,
    #verteidigung #verteidigungNav a span,
    #angriff #angriffNav a span,
    #einladungen #einladungenNav a span,
    #fechten #allgemeinNav a span,
    #glossar #glossarNav a span,
    #fechten_navigation a:hover span {
      color:#000;
      background-position:100% -42px;
      font-weight: bold;
    }
    #beinarbeit #beinarbeitNav a,
    #verteidigung #verteidigungNav a,
    #angriff #angriffNav a,
    #einladungen #einladungenNav a,
    #fechten #allgemeinNav a,
    #glossar #glossarNav a,
    #fechten_navigation a:hover {
      background-position:0% -42px;
      }
   /* #fechten_navigation a:hover span {
      background-position:100% -42px;
      }*/




/* =================================
    3. Spezifisches
 ==================================*/
 /* -------- Tabellen ------------ */

 table {
   border-collapse: collapse;
   border: 2px solid #777777;
 }
 th {
    padding: 5px;
 }
 table .header {
   background-color: #777777;
   color: #FFFFFF;
   font-weight: bold;
 }


 td {
   border: 1px solid #777777;
   padding: 5px;
 }


 /* Tabelle für den Vereinscup */

 table.vc  {
   border: none;
 }

 td.vc {
   border: none;
 }
 td.vc_name {
   border: none;
 }
 td.vc_p {
   border: none;
   text-align: right;
   padding-left: 50px;
 }

 .table_layout {
      border: none;
      vertical-align: top;
      padding-right: 0px;
 }
 td.table_layout {
   padding-right: 0px;
 }
 /* -------- Aktuell ------------------- */
  .aktuell {
   padding: 10px;
   border-bottom: 1px solid grey;
   overflow: hidden;
 }

.tabelle_aktuell {
    border: none;
    border-bottom:  1px solid grey;
    margin-bottom: 10px;
 }

 .tabelle_aktuell td{
    border: none;
    vertical-align: top;
 }

.tabelle_aktuell_vorlage {
  visibility: none;
  border: none;
  padding: 0px;
  margin: 0px;
}

.tabelle_aktuell_vorlage td{
    border: none;
    padding: 0px;
    margin: 0px;
 }

.tabelle_aktuell_vorlage div {
    border: none;
    padding: 0px;
    margin: 0px;
 }

/* -------- Definitionsliste (Glossar) ------------ */
dt {
    font-weight: bold;
}
dd {
  margin-left: 50px;
  margin-bottom: 5px;
}
dt.inner {
   font-weight: bold;
   margin-left: 50px;
}
dd.inner {
   margin-left: 100px;
   margin-bottom: 5px;
}





/* -------- kontakt ------------ */
.kontakt {
  padding: 10px;
  margin: 10px;
  border: 1px solid black;
  background-color: #DDDDDD;
  width: 300px;
}

.image {
   padding: 10px;
   margin: 10px 10px 10px 0px;
   border: 1px solid #aaa;
}

.image_left {
   padding: 10px;
   margin: 10px 10px 10px 0px;
   border: 1px solid #aaa;
}

.floating_image_left {
   float: left;
   padding: 10px;
   margin: 10px 10px 10px 0px;
   border: 1px solid #aaa;
}
.floating_image_right {
   float: right;
   padding: 10px;
   margin: 10px 0px 10px 10px;
   border: 1px solid #aaa;
}
.illustration {
   margin: 10px 10px 10px 0px;
}
.illustration_with_caption {
    margin: 10px 10px 5px 0px;
}
.div_illustration {
    margin: 10px 10px 10px 0px;
}

.yellow {
  background-color: #FFFF33;
}

.link_logo {
  vertical-align:middle;
}


#index_img_1 {
  width: 254px;
  margin-top: 0px;
}
#index_img_2 {
  width: 500px;
  height: 300px;
}
#index_img_3 {
  width:  400px;
  clear:both;
}
#beinarbeit_img_1 {
  width: 500px;
}
#beinarbeit_img_2 {
  width: 600px;
}
.vorlage {
    display: none;
}

/* =================================
    4. Popup
 ==================================*/
/*
//normales Popup
*/
#popup {
    position: absolute;
    left: 550px;
    top: 250px;
    background-color: #FFFFFF;
    border: 5px solid #CE0633;
    visibility: ;
    z-index: 2;
    width: 300px;
}

/* grosses Popup
#popup {
    position: absolute;
    left: 200px;
    top: 150px;
    background-color: #FFFFFF;
    border: 5px solid #CE0633;
    visibility: ;
    z-index: 2;
    width: 450px;
}
*/ 

#popup_content {
    padding: 5px;
}
#popup_title {
    text-align: right;
    background-color: #CE0633;
    font-weight: bold;
    color:white;
    cursor: move;
    padding: 2px;
    padding-right: 5px;
    border-top : 2px solid #CD8A99;
    border-right : 2px solid    #3B1F25;
    border-bottom : 2px solid #3B1F25;
    border-left : 2px solid  #CD8A99;
}
#popup_title a {
  text-decoration: none;
  color: white;
}