body  { background-image: url(./HiGru-1-alle.gif); background-repeat: repeat-x; 
				color: #003366; font-size: 94%; font-family: Verdana, Arial, Helvetica, sans-serif; 
				background-color: #ccc;  }
/*div { outline : 2px solid blue;  padding: 10px; }  */
/*nav { outline : 2px solid red; }			             */

.container-overall {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}
.column {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}
.row {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.inhalte {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
 		align-items: flex-start; 
 		background-color: #ccc;
}
.praesenzen {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}
.praes-row {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
}
.praes-A {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    text-align: left; 
}
.table-A {
   text-align: left; 
}

.geschichte {
    width: 250px;
}
.geschichte-bilder {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    text-align: left; 
}
.geschichte-links   { 
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
		justify-content: left; 
		background-color: #d8d8d8;  
		width: 120pt; }

.genau {
	-webkit-flex-wrap: wrap;
	/* Safari 6.1+ */
	flex-wrap: wrap;
	width: 520pt;
	background-color: #d8d8d8;  
	text-transform: uppercase;  text-decoration: none; padding: 5px 30px 5px 5px;  font-size: 8pt; font-weight: bold;
}

.nav-oben         { 
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
		margin-top: 155px; margin-left: 160px; margin-bottom: 0px; font-weight: bold; width: 100%; }

.pad-Kamin  { padding: 20px; }
.pad60 { padding: 15px 35px 15px 35px; }
.pad-login { padding: 50px; }
.inhalte-A { padding: 0px 30px 10px 30px; justify-content: center; font-size: 8pt; }
#nav-links   	    { 
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
		justify-content: center; 
		background-color: #d8d8d8;  
		width: 100pt; }
.Vorjahre					{ margin-top: 6px; float: left; padding: 20px;  background-color: #d8d8d8; border: 1px green solid;  }
.clubinfo					{ display: -webkit-flex; display: flex; flex-direction: row;  justify-content: center; padding: 0px 60px 10px 30px; }
.clubinfo		a			{
    text-decoration: none;
    margin-left: 0px; 
    font-weight: bold;
    font-size: 10	px;
    padding: 5px 10px 5px 0px;
}
.inhalt						{ padding: 40px; font-size: 1.3em; }
.kamin						{ padding: 30px 130px 30px 130px;  background-color: #d8d8d8; border: 1px green solid; max-width: 1000px; margin-top: 6px; }
.praesenz					{ margin-top: 6px; float: left; padding: 20px;  background-color: #d8d8d8; border: 3px green solid; min-width: 1000px;}
.praesenzihv			{ margin-top: 6px; float: left; padding: 20px;  background-color: #d8d8d8; border: 3px green solid; width: 1300px;}
.sprueche					{ margin-top: 6px; float: left; padding: 100px;  background-color: white; border: 3px green solid; width: 400px; }

.tablestil							{ font-size: 12px; background-color: #ccc; }
.tablestil  tr					{ background-color: #ffff66; }
.tablestil  tr:hover		{ background-color: #f5f5f5; }
.tablestil  { padding: 0px 4px 0px 4px; border-bottom: 1px solid #ddd;}
.tablepraes	{ padding: 1px 0px 1px 0px; border: 1px; border-collapse: separate; font-size: 11px; font-weight: bold; }
.tablepraescell	{  border: 1px solid black;  empty-cells: hide}
.berichte		{ padding: 5px 10px 5px 10px; border: 1px; font-size: 11px; font-weight: bold; white-space: nowrap; }
.anmeldung	{ padding: 1pt 5pt 1pt 5pt; border: 1pt; font-size: 9pt; font-weight: bold; white-space: normal; }
.caption	{ padding: 8pt; font-size: 11pt; font-weight: bold; white-space: normal; }

.links						{ margin-top: 6px; padding: 15px 20px 20px 80px; }
.links			a			{ margin-top: 20px; margin-left: 0px; font-weight: bold; }

/****************************
* Meta- und Drucknavigation *
*****************************/
#nav-links, .nav-oben, .geschichte-links		 { text-transform: uppercase;  text-decoration: none; padding: 5px 30px 5px 5px;  font-size: 8pt; font-weight: bold;  }

.pad80, pad60    { color: #cc1511; display: block;   list-style-type: none;  margin-left: 0px;
	  color: blue;    text-decoration: none;  white-space: nowrap; 
    padding: 0px 5px 10px 5px;
    -moz-transition: background-color 0.25s;
    -webkit-transition: background-color 0.25s;
    -o-transition: background-color 0.25s;
    -ms-transition: background-color 0.25s;
    transition: background-color 0.25s;
}
.pad80 a:link,
.pad80 a:visited  {  color: #003366; }
.pad80 a:hover,
.pad80 a:focus,
.pad80 a.auswahl,
.inhalte-A a:hover,
.inhalte-A a.auswahl {  color: #cc1511;   background-color: white; }

.pad90 a:link,
.pad90 a:visited  {  color: blue; }
.pad90 a:hover,
.pad90 a:focus,
.pad90 a.auswahl {  color: #cc1511;   background-color: white; }

#druck ul li a, 
.menu1-container a,
.menu2-container a {
    text-decoration: none;
    display: block;
    font-weight: bold;
    color: blue;   
    border-left: 2px solid white;
    padding: 5px;
    -moz-transition: background-color 0.25s;
    -webkit-transition: background-color 0.25s;
    -o-transition: background-color 0.25s;
    -ms-transition: background-color 0.25s;
    transition: background-color 0.25s;
}
/* spezielle Angabe für Firefox - dieser stellt die Höhe der Listenpunkte leicht abweichend dar. */
#druck ul li a,  x:-moz-broken {
    padding: 3px 5px 2px 5px;
}
#druck ul li a:hover,
#druck ul li a:focus,
#druck ul li a.auswahl,
.pad80 a:hover,
.pad80 a:focus,
.pad80 a.auswahl,
.menu1-container a.auswahl,
.menu2-container a.auswahl,
.menu-oben ul li a:hover,
.menu-oben ul li a:focus,
.menu-oben ul li a.auswahl {
    color: #cc1511;
    background-color: white;
}
#druck ul li:first-child a,
.menu-oben ul li:first-child a {
    border-left: 0px;
}

#nav-links a {
    text-transform: uppercase;
    text-decoration: none;
    margin-left: 0px; 
    font-weight: bold;
    font-size: 10	px;
    padding: 5px 10px 5px 0px;
}
/***** Rechnungen *******/
.bg01  { background-color: #ffff66;  text-align: center; font-weight: bold; white-space: nowrap;  }
.bg02  { background-color: #ffffcc;  text-align: left; font-weight: bold;	}
.bg02c { background-color: #ffffcc;  text-align: center; font-weight: bold;	text-align: left; }
.bg02n { background-color: #ffffcc;  text-align: left; 	}     
/********* Rallye **************/
.dsFarbe1  { color: #009900; }
.ds1  		 { background-color: #ff9; }
.dsgrau1   { background-color: #CCCCCC;  text-align: center; vertical-align: middle; width: 10px; }
.dsgelb1   { background-color: #FFFF00;  text-align: center; vertical-align: middle; width: 10px; }
.dsgelb2   { background-color: #FFFFCC;  text-align: center; vertical-align: middle; width: 10px; }
.dsblau1   { background-color: #00BFFF;  text-align: center; vertical-align: middle; width: 10px; }
.dsblau2   { background-color: #98F5FF;  text-align: center; vertical-align: middle; width: 10px; }
.dsgruen1  { background-color: #33FF00; text-align: center; vertical-align: middle; width: 10px; }
.dsgruen2  { background-color: #CCFF66; text-align: center; vertical-align: middle; width: 10px; }
.dsrot1    { background-color: #FFE4E1;   text-align: center; vertical-align: middle; width: 10px; }
.dsrot2    { background-color:#FF00FF;   text-align: center; vertical-align: middle; width: 10px; }
.dsR85     { width: 1100px; height: auto; }
.dsR10     { background-color: #000400; width: 244px; }

.ds15			 { font-size: 1.5em; }
.ds16			 { font-size: 1.6em; }
.ds18			 { font-size: 1.8em; }
.ds20			 { font-size: 2em; }
/************************ Funktionslink-Tabelle ******************************/ 
.fl table {width: 95%;}
.fl    th {
        background-color: #666; 
        color: #fff;
      }
.fl   tr {
        background-color: #fffbf0;
        color: #000;
      }
.fl   tr:nth-child(odd) {
        background-color: #e4ebf2 ;
      }
/************************ Ämter-pro-Mitglied ******************************/ 
.AmtBox        { 
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 70.5em;
    background-color: #CCFF66;}
.AmtBoxCol       { 
    display: -webkit-flex;
    display: flex;
    flex-direction: col;
    flex-wrap: nowrap;
    width: 70.5em;
    background-color: #CCFF66;}
.AmtName			{ width: 6.5em; background-color: yellow; text-align: center; vertical-align: middle; border: 0.1em solid grey; }
.AmtItem			{ width: 2.9em; background-color: yellow; text-align: center; vertical-align: middle; border: 0.1em solid grey; font-size: 0.8em; font-weight: bold;}
.AmtBez				{ width: 10.5em; padding: 0.4px; background-color: yellow; text-align: center; font-size: 0.8em; font-weight: bold;}