/* Farben:            */
/* #d0d19d  helleres Grün, z.B. oberer Kasten */
/* #d0d19d  mittleres Grün, z.B. BG Überschrift 1 */
/* #999966  dunkleres Grün, z.B. Linien, Hintergrund */




body
{
   background: #999966;
   margin: 0; 
}


/******************************************************
/* Definitionen (Über-)Schriften:
/******************************************************/

p
{ 
   color: #000000;
   font: 12px Verdana, sans-serif;
}

p.kleiner_block { margin: 0; }

h1
{
   background: #d0d19d;  
   border-bottom: solid 1px #999966;
   font: 16px 'Bodoni MT Black', Verdana, sans-serif;
   margin: 0 0 0 0;
   padding: 0 5 0 5;
   text-align: center;
}

h2
{ 
   font: bold 14px Verdana, sans-serif;
   margin: 0 0 0 0;
}

h3
{ 
   border-bottom: solid 1px #dedebe;
   font: bold 14px Verdana, sans-serif;
   margin: 20px 0px 5px 0px;
}

h4 { font: bold 12px Verdana, sans-serif; }

/* überschrift in textblock neben bild, zur ausrichtung etwas nach unten verschoben */
h4.neben_bild                      
{ 
   font: bold 12px Verdana, sans-serif;
   padding-top: 8px;
}

h4.kleiner_block
{
   font: bold 12px Verdana, sans-serif;
   margin-bottom: 0px;
}



/******************************************************
/* Definitionen für die Links:
/******************************************************/

a
{
   color: #808080; 
   font: 12px Verdana, sans-serif;
   text-decoration: none;
}
                       

/* Bilder als Links - ohne Rahmen */
a img { border: none; }


/* Link normaler Text, grau, mit Pfeil vornedran */
a.text
{ 
   font: 12px Verdana, sans-serif;
   text-decoration: none;
}

a.text:hover { text-decoration: underline; }


/* Einzeln stehender Link, betont, mit Pfeil vornedran */
a.einzeln
{ 
   background: url(images/seitengestaltung/pfeil_rechts_grau.gif) no-repeat left top;
   font: 12px Verdana, sans-serif;
   padding: 2px 0 0 7px;
   text-decoration: none;
}

a.einzeln:hover { text-decoration: underline; }


/******************************************************
/* Definitionen vom Seitenaufbau:
/******************************************************/

/* Clear nach floatenden Elementen */

.clearfix:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


div#seite
{                                                     
   background: #ffffff; //#dedebe; 

   border-top: solid 1px #dadab6; 
   border-right: solid 1px #999966;
   border-bottom: solid 1px #3C3C2A;
   border-left: solid 1px #dadab6; 
   
   margin-top: 10px;
   margin-right: 4%;
   margin-bottom: 10px;
   margin-left: 4%;
   
   min-width: 760px;
   text-align: left;                                  
}

/* Für Schatteneffekt */

div#seite_rahmen
{
   border-top: solid 1px #999966;
   border-right: solid 1px #3C3C2A;
   border-bottom: solid 1px #999966;
   border-left: solid 1px #999966;
}

/* Kopfzeile mit Logo und Bildern */
div#head
{
   background: #ffffff; 
   border-bottom: solid 1px #999966;
   color: #000000;
   font: bold 12px Verdana, sans-serif;
   height: 140px;
   text-align: center;
}

div#head #headinhalt
{
   width: 750px;
   margin: 0 auto 0 auto;
}

div#head img
{
   margin: 25 1 1 1;
   border: solid 1px #999966;
}

div#head img.logo
{
   float: left;
   border: none;
   margin-top: 5;
}


div#copyright
{
   clear: both;
   background-color: #d0d19d; 
   border-top: solid 1px #999966;
   padding-top: 1px;
   padding-bottom: 1px;
   text-align: center;
   font: 10px Verdana, sans-serif;
   color: #000000;
}

div#aktuelles
{
   float: right;
   font: 12px Verdana, sans-serif;
   width: 170px;
}

div#aktuelles #aktuelles_inhalt
{
   margin: 10 5 10 5;
}

div#aktuelles a
{
   color: #808080; 
   font: bold 10px Verdana, sans-serif;
}

div#aktuelles a:hover { text-decoration: underline; }


div#hauptteil
{
   min-width: 350px;
   margin: 0 170 0 170;
   border-left: solid 1px #999966;
   border-right: solid 1px #999966;
}
/* 3-Pixel-Bug-Fix - Hide from IE5-mac \*/
* html #hauptteil
{ 
   margin: 0 167px 0 167px;
   display: inline-block;
} 
/* End hide from IE5/mac */

div#hauptteil a:hover { text-decoration: underline; }


/* Farbig unterlegter Bereich mit Überschrift und Bild */

div#headline_box
{
   background: #dedebe; 
   height: 170px; 
   padding: 10px 10px 10px 10px; 
}

div#headline_box img
{
   float: right;
   margin-left: 5px;
}


div#inhalt
{
   padding: 5px 10px 10px 10px;
   font: 12px Verdana, sans-serif;
}




/******************************************************
/* Definitionen für die Inhalte der Navigations-Spalte:
/******************************************************/

div#navigations_spalte
{
   float: left;
   width: 170px;
}
* html div#navigations_spalte   /* für IE */
{
   margin-right: -3px;
}

ul.navigation
{
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   font: bold 12px Verdana, sans-serif;
}


ul.navigation li
{
   list-style: none;
   margin: 0 0 0 0;
}
* html ul.navigation li   /* für IE */
{
   margin: -2px 0 -2px 0;
}

ul.navigation a
{
   display: block;                
   min-height: 17px;
   text-decoration: none;
   margin: 0 0 0 0;
   padding: 1px 5px 0 8;
   font: bold 11px Verdana, sans-serif;
   color: #666633;
   border-bottom: 1px solid #cccc99;
}
* html ul.navigation a   /* für IE */
{
   height: 18px;
   width: 173px;
}


ul.navigation a:hover
{
   background-color: #dedebe; 
}

ul.navigation a.selected
{
   border-left: 5px solid #cccc99; 
   padding: 1 5 0 3;
}


ul.navigation_untermenu
{
   padding: 0 0 0 0;
   margin: 0 0 10px 15px;
   font: bold 10px Verdana, sans-serif;
}

ul.navigation_untermenu li
{
   list-style: none;
   margin: 0 0 0 0;
}
* html ul.navigation_untermenu li   /* für IE */
{
   margin: -3px 0 -3px 0;
}


ul.navigation_untermenu a
{            
   border-left: 1px solid #cccc99;
   color: #666633;
   display: block;                
   font: bold 10px Verdana, sans-serif;
   min-height: 16px;
   margin: 0 0 0 0;
   padding: 0 0 0 8px;
   text-decoration: none;
}
* html ul.navigation_untermenu a /* für IE */
{
   height: 16px;
   width: 158px;
}

ul.navigation_untermenu a.selected
{
   border-left: 5px solid #cccc99; 
   padding: 0 5px 0 3px;
}



/******************************************************
/* Weitere Seitenbestandteile
/******************************************************/

/* Bild links ausgerichtet mit Abstand zum umfliessenden Text */
.bild_im_fliesstext  
{
   border: none;
   float: left;
   margin: 0 15px 15px 0;
}


/* Feld für Bild 160 x 160, Bildunterschrift und Lupe zum Vergrößerungs-Link */

.bildfeld            
{
   float: left;
   font: 10px Verdana, sans-serif;
   height: 180px;
   margin: 10px 10px 0 0;
   width: 160px;
}

/* Bildunterschrift */
.bildfeld p          
{
   margin: 1px 0 0 0;
   font: 10px Verdana, sans-serif;
}


/* Lupen-Image = Vergrößerungs-Link */
.bildfeld img.lupe   
{
   float: right;
   margin-top: 1px;
}


/* Image als Icon, mittig vor Text mit etwas Abstand */
img.icon             
{
   margin-right: 5px;
   vertical-align: middle;
}


.tipp_vom_trainer
{
   border: solid 1px #cccc99;
   padding: 5px 5px 0 5px;
}

.tipp_vom_trainer .titel
{
   display: block;
   font: bold 12px Verdana, sans-serif;
   margin: 0;
}


/* Formulare: */

.formular_feld
{
   font: 12px Verdana, sans-serif;
   color: #000000;
   background: #ffffff;
   border: solid 1px #999966;
}
                  
.formular_button
{
   background-color: #dedebe;
   border: 1px solid #999966;
   color: #000000;
   font: 12px Verdana, sans-serif;
   text-align: center;
   width: 120px;
}


/* Tabellen: */

table.linkliste
{
   border-spacing: 0;
   font: 12px Verdana, sans-serif;
   margin: 10px 0 10px 0;
   padding: 10px;
}

td.linkliste_pic
{
   padding: 10px auto 10px auto;
   text-align: center;
   width: 200px;
}

td.linkliste_text
{
   padding: 10px;
}   

table.liste
{
   border: none;
   border-spacing: 0;
   font: 12px Verdana, sans-serif;
   margin: 10px 0 10px 0;
}

td.liste
{
   background: #dedebe;
   border-bottom: 2px solid #ffffff;
   padding: 1px;
}


table.formular
{
   border: none;
   border-spacing: 0;
   font: 12px Verdana, sans-serif;
   margin: 10px 0 10px 0;
}

td.formular
{
   padding: 1px;
   vertical-align: top;
}

table.kalender
{
   border: solid 1px #dedebe;
   border-collapse: collapse;
   border-spacing: 0;
   font: 12px Verdana, sans-serif;
   margin: 10px 0 10px 0;
   width: 100%;
}
* html table.kalender   /* für IE */
{
   width: 94%;
}


table.kalender th
{
   background: #dedebe;
   margin: 0;
}

table.kalender td
{
   background: #ffffff;
   border: solid 1px #dedebe;
   margin: 0;
   padding: 2px;
}

table.kalender td.datum
{
   width: 80px;
}

table.kalender td.sonstiges
{
   width: 115px;
}


p.fehler { font: bold 12px Verdana, sans-serif; }


.bildfeld_startseite            
{
   float: left;
//   font: bold 12px Verdana, sans-serif;
   height: 180px;
   margin: 10px 10px 0 0;
   width: 160px;
}

/* Bildunterschrift */
.bildfeld_startseite p          
{
   margin: 1px 0 0 0;
   font: bold 10px Verdana, sans-serif;
}


/* Lupen-Image = Vergrößerungs-Link */
.bildfeld_startseite img.lupe   
{
   float: right;
   margin-top: 1px;
}


.rahmen_oben_unten
{
   border-top: solid 1px #d0d19d; 
   border-bottom: solid 1px #d0d19d;
}
   


/* Link-Liste für Referenzen */

ul.linkliste
{
   margin: 10px 0 10px 0;
   padding: 0 0 0 0;
   font: bold 12px Verdana, sans-serif;
}

ul.linkliste li
{
   list-style: none;
   margin: 0 0 0 0;
}
* html ul.linkliste li   /* für IE */
{
   margin: -2px 0 -2px 0;
}

ul.linkliste a
{
   background: url(images/seitengestaltung/pfeil_rechts_grau.gif) no-repeat left top;
   display: block;                
   font: 12px Verdana, sans-serif;
   min-height: 16px;
   margin: 0 0 0 0;
   padding: 2px 0 0 8px;
   text-decoration: none;
}
* html ul.linkliste a   /* für IE */
{
   height: 17px;
}


/*----------------------------------------------------------------
 * Abstammungs-Tabelle
 *---------------------------------------------------------------*/   
 
table.abstammungs_tabelle
{
  border-spacing:   0;
  border-collapse:  collapse;
  empty-cells:      show;
  font:             12px Verdana, sans-serif;
  margin-top:       10px;
  margin-bottom:    10px;
  width:            500px;
}

table.abstammungs_tabelle td
{
  border:           1px solid black;
  border:           1px solid #999966;
  padding:          5px;
}