body { background-color: #E0F2F7; }
/* div { outline : 2px solid blue;  padding: 10px; }	*/
/* nav { outline : 2px solid red; }			           		*/
/* div { outline : 2px solid blue;  padding: 10px; }	*/ 
/* nav { outline : 2px solid red; }			     		    	*/ 
li {  background-color: yellow;  }           		      
.logo { font-size: 0.7em; }
/****************************** Ausflug ************************/ 

.div-row {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
  nav  justify-content: space-between;
    align-items: center;
}
.div-rowstart {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
}
.div-col {
	  position: absolute;
    left: 0.5em;
    width: 140px;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}
.div-col-inhalt {
	  position: absolute;
    left: 11em;
    width: 1400px;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    padding: 0pt 0pt 0pt 0pt;
}
div.hinweis {	color:red; }

#inner {
  display: table;
  margin: 0 auto;
  border: 1px solid black;
}

.tv  {	FONT-WEIGHT: bold; FONT-SIZE: 21px; COLOR: #003366; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION:none; }
.tv1 {	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #003366; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION:none; color: inherit;}
.tv2 {	margin: 5px; padding: 0px 0px 0px 15px;}
.tv3 {	FONT-WEIGHT: bold; FONT-SIZE: 21px; COLOR: #003366; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION:none; padding: 0px 0px 0px 0px; margin: 5px 0px 0px 0px;}
/****************************** width ************************/ 
.width-50p	{ width: 50%; text-align: center;}
.width-160 	{ max-width: 160em; }
/****************************** text-align ************************/ 
.ta-c	{ text-align: center; }
.ta-l	{ text-align: left; }
/****************************** background-Farben ************************/ 
.backgr-white		{ background-color: #ffffff; }
.backgr-yellow 	{ background-color: #F2F5A9; }
.backgr-yellow1	{ background-color: #FFFF00; }
.backgr-blue 	  { background-color: #6699ff;  color: white; font-weight: bold; }
.backgr-blue1		{ background-color: #A9E2F3; }		
.backgr-blue2		{ background-color: #A9BCF5; color: black; font-weight: bold; }		
.backgr-red 	  { background-color: #FF0000; color: white; font-weight: bold; }  
.backgr-green1	{	background-color: #acff33; }
.backgr-green2	{	background-color: #BCF5A9; }
.backgr-green3	{	background-color: #E1F5A9; }
.backgr-pink		{ background-color: #fc888e; }
.backgr-rot1		{ background-color: #f6cece; }
.backgr-rot2		{ background-color: #DF013A; color: #D0FA58; font-weight: bold;  }
.backgr-rosa		{ background-color: #fcb8ea; }	
.backgr-grey1		{ background-color: #BDBDBD; }
.backgr-grey2		{ background-color: #A4A4A4; }
.backgr-black		{ background-color: black; }
.bold  					{	FONT-WEIGHT: bold;  }
/****************************** div-order ************************/ 
.frame-blue 	  { background-color: blue;		color: white; FONT-SIZE: 30px; font-weight: bold;  text-align: center;	}
.frame-red			{ background-color: red;		color: white; FONT-SIZE: 30px; font-weight: bold;  text-align: center;	}
/* .frame-oben			{ background-color: yellow;	color: white; FONT-SIZE: 30px; font-weight: bold;  text-align: left; 		}   */
.frame-oben  { FONT-WEIGHT: bold; FONT-SIZE: 12px; color: blue; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION:none; }
.font-size  { FONT-WEIGHT: bold; FONT-SIZE: 18px; color: blue; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION:none; }

/****************************** border ************************/ 
.border-02 { border: 20px double red;	border-radius: 20px;}
/****************************** border ************************/ 
.tabled {  border: 3px solid #780000; width: 700px; font-size: 21px; font-weight: bold; }         
.table1 {  border: 3px solid #780000; width: 1400px; }                                            
.tdn 		{  font-weight: bold; font-size: 20px;  }                                                 
.tdp10 		{  font-weight: bold; width:  10%; font-size: 12px; text-align: right;}                
.tdp80 		{  font-weight: bold; width: 80%; font-size: 12px; }                                  
.td1 		{  font-weight: bold; width: 280px;  }                                                    
.td1-8  {  font-weight: bold; min-width: 7.8%; border: 2px solid #780000; padding: 0px;  text-align: center; }
.td1-20 {  font-weight: bold; width: 18%; border:  2px solid #780000;  text-align: center; }
.td-buttonA  {  border-spacing: 60px; font-size: 21px; font-weight: bold; width: 8em; height: 2em; border:  2px solid #780000;
						padding: 10px;  background-color: #acff33;  text-align: center; text-decoration: none; }
.td-buttonB  {  border-spacing: 60px; font-size: 21px; font-weight: bold; width: 8em; height: 2em; border:  2px solid #780000;
						padding: 10px; text-align: center; }
.td-buttonC  {  border-spacing: 60px; font-size: 21px; font-weight: bold; width: 8em; height: 2em; border:  2px solid #780000;
						padding: 10px; text-align: center; }
.td-buttonD  {  border-spacing: 60px; font-size: 21px; font-weight: bold; width: 8em; height: 2em; border:  2px solid #780000;
						padding: 10px; text-align: center; }
.td-buttonE  {  border-spacing: 60px; font-size: 21px; font-weight: bold; width: 8em; height: 2em; border:  2px solid #780000;
						padding: 10px;  background-color: #FA5858;  color: white; text-align: center; }
.td-buttonF  {  border-spacing: 60px; font-size: 24px; font-weight: bold; width: 15.5em; height: 0.35em; border:  2px solid #780000;
						padding: 10px;  background-color: #fc888e;  text-align: center; }
.td-buttonH  {  border-spacing: 60px; font-size: 24px; font-weight: bold; width: 15.5em; height: 0.35em; border:  2px solid #780000;
						padding: 10px;  background-color: #9FF781;  text-align: center; }
.buttonF  {  border-spacing: 60px; font-size: 21px; font-weight: bold; width: 8em; height: 2em; border:  2px solid #780000;
						padding: 10px;  background-color: red;  text-align: center; margin: auto; }
.buttonG  {  padding 0px; font-size: 21px; font-weight: bold; width: 8em; height: 2em; border:  2px solid #780000;
						 background-color: red;  text-align: center; margin: auto; }
.tableBerater { font-size: 18px;  font-weight: bold; border-spacing: 8px;  text-align: left; }

.stat   {	 background-color: #666;}
      th { background-color: #666;  color: #fff; }
  		tr { background-color: #fffbf0; color: #000; }
.stattr nth-child(odd) { background-color: #e4ebf2; }

.berater1 {  border: 3px solid blue;   width: 1200px; }
.btd   {   border: 2px solid blue;  color: blue;  font-weight: bold;  font-size: 31px; width: 92.3%;  text-align: center; background-color:white; }
.btd01 {   border: 2px solid blue;  color: blue;  font-weight: bold;  font-size: 21px; width: 15%;  text-align: left; background-color:white; }
.btd02 {   border: 2px solid blue;  color: blue;  font-weight: bold;  font-size: 21px; width: 85%;  text-align: left; background-color:white; }
.btd1 {   border: 2px solid blue;  color: blue;  font-weight: bold;  font-size: 21px; width: 20%;  text-align: center; background-color:white; }
.btd2 {   border: 2px solid blue;  color: blue;  font-weight: bold;  font-size: 21px; width: 5%;  text-align: center; background-color:white; }
.btd3 {   border: 2px solid blue;  color: blue;  font-weight: bold;  font-size: 21px; width: 5%;  text-align: center; }
.p1		{   font-size: 20px; font-weight: bold; text-align: center;   }

.button-green	 { font-family: Arial;  font-weight: bold; font-size: 21px; color:black; background-color: #9FF781; border-color:#000000; height: 2em; width: 8em; border-style: inset; }
.button-blue1	 { font-family: Arial;  font-weight: bold; font-size: 21px; color:black; background-color: #A9E2F3; border-color:#000000; height: 100px; width: 200px; border-style: inset; }
.button-blue2	 { font-family: Arial;  font-weight: bold; font-size: 21px; color:white; background-color: #2E9AFE; border-color:#000000; height: 100px; width: 200px; border-style: inset; }
.button-red		 { font-family: Arial;  font-weight: bold; font-size: 21px; color:white; background-color: red; 	 border-color:#000000; height: 100px; width: 200px; border-style: inset; }
.button-black	 { font-family: Arial;  font-weight: bold; font-size: 21px; color:white; background-color: black; border-color:#000000; height: 100px; width: 200px; border-style: inset; }
.button-grey	 { font-family: Arial;  font-weight: bold; font-size: 21px; color:white; background-color: grey; border-color:#000000; height: 100px; width: 400px; border-style: inset; }
.buttonblue-30 { border: 2px solid blue;  color: blue;  font-weight: bold;  font-size: 21px; width: 30%;  text-align: center; background-color:white; }
.buttonblue-30L{ border: 2px solid blue;  color: white;  font-weight: bold;  font-size: 21px; width: 30%;  text-align: center; background-color:blue; }
.buttonblue-40 { border: 2px solid blue;  color: blue;   font-weight: bold;  font-size: 21px; width: 40%;  text-align: center; background-color:white; }
.buttonblue-40L{ border: 2px solid blue;  color: white;  font-weight: bold;  font-size: 21px; width: 40%;  text-align: center; background-color:blue; }
.buttonblue-mt { border: 2px solid blue;  color: white;  font-weight: bold;  font-size: 100px; width: 30%;  text-align: center; background-color:red; }

a.kopf:link			{ color: white; background-color: blue; TEXT-DECORATION: none }
a.kopf:visited	{ color: white; background-color: blue; TEXT-DECORATION: none }  
a.inh:link			{ color: black; TEXT-DECORATION: none; }
a.inh:visited		{ color: black; TEXT-DECORATION: none; }													
a.ele:link			{ color: black;  color: inherit; TEXT-DECORATION: none }
a.ele:visited		{  							 color: inherit; TEXT-DECORATION: none }	
a.zss:link			{ color: white;  color: inherit; TEXT-DECORATION: none; font-weight: bold; }
a.zss:visited		{ color: white;  color: inherit; TEXT-DECORATION: none; font-weight: bold; }	
/* a:link				{ color: blue; TEXT-DECORATION: none; }		*/
/* a:visited		{ color: blue; TEXT-DECORATION: none; }		*/

.hand { cursor: pointer } 

.panelgrid {
    table-layout: fixed;
    width: 100%;
    max-width: 500px;
    word-wrap: break-word;    
}

hr { width: 100%; height: 2px; margin: 0 auto; color: blue; background: #dfac20; }
                                                            
/* .calout {                                                 */
/* font-family:Tahoma, Geneva, sans-serif;                   */
/* font-size:10px;                                           */
/* text-align:center;                                        */
/* width:150px;                                              */
/* }                                                         */
/*                                                           */
/* .calcellTop {                                             */
/* float:left;                                               */
/* width:100%;                                               */
/* color:#333399;                                            */
/* font-size:14px;                                           */
/* font-weight:bold;                                         */
/* }                                                         */
/*                                                           */
/* .calcellday {                                             */
/* float:left;                                               */
/* width:14%;                                                */
/* font-weight:bold;                                         */
/* }                                                         */
/*                                                           */
/* .calcell {                                                */
/* float:left;                                               */
/* width:14%;                                                */
/* }                                                         */
/*                                                           */
/* .calcellactive {                                          */
/* float:left;                                               */
/* width:14%;                                                */
/* background-color:#CC0000;                                 */
/* color:#FFFFFF;                                            */
/* }                                                         */