body {
font-size:80%;
font-family:verdana,arial;
background-color:#EEEEEE; 
text-align:center; 
margin-left: 0px auto;
}

/*--------------------------------------------------------------------------------------- */
#container {
           height: 99%;
           text-align: left;
           margin:0 auto;
           background-color:#D3D3D3;  /* #CCCCCC */
     }
#kopf {
           background-color:#E3E3FF;
           	
      }
       
#inhalt {
           background-color:#DFDFDF;
           color: #000000;  /* font color in main window */
           width:81%;
           height:auto;
           padding-left:5px;
           vertical-align:top;
}

.maindiv{
 background-color:#DFDFDF;
 color: #000000;  /* font color in main window */
 width:100%;
 margin-top:0px;
 height:auto;
 padding-left:5px;
 vertical-align:top;
}           

.maindiv p {
   width : 95%;
   padding : 0.2em;
   margin-bottom : 5px;
   margin-top : 0px;
}


/*   Below moved to "style_2022.css"  */
/* KQ, 05Nov18 */
 /* .smoothimg {
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
} */

/* Direction Img*/
/* .dircimg{  
	-webkit-filter: grayscale(100%);
	-webkit-filter: grayscale(1);
	-webkit-transition: .4s ease-in-out;
	filter: grayscale(100%) ;
	transition: .4s ease-in-out; 
}  */

/* .dircimg:hover{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
} */

/* KQ  Nov18*/
/* .actimg {
	  opacity:1 ;
	  -webkit-transform: scale(1);
	  -webkit-transition: .2s ease-in-out;
	  transform: scale(1);
	  transition: .2s ease-in-out;
     cursor: pointer;		
	} */
	
/* Trick for IE, use rotate to let scale work. KQ */
/* .actimg:hover {
	   -webkit-transform: scale(1.2);
	   transform: scale(1.2); /* rotate(0.02deg); 
	}	 */
	 


 /* --------------------- Navigation ----------------------------------------------*/
 
.fkdiv {
 background-color:#E6DABF;
 color:#333333;
 height:47px;
 margin-bottom:3px;
}

#navigation {
   /* border:1px solid red;*/
   background-color:#BBBBCC; 
   width:19%; 
   height:auto;
   vertical-align:top;
}
* html #navigation {
   height:auto;
   }
#navigation ul{
   margin : 0 0 0 0;
   padding : 0;
}
#navigation ul li{
   list-style-type:none;
   margin-bottom:1px;
   background-color:#DDDDFF;
 }


#navigation ul li span.auswahl {
   display:block;
   color: #FF0000;
   font-weight:700;
   text-decoration: none;
   padding:0.5em;
} 

#navigation ul li a {
   padding:0.5em;
   display:block;
   color: #303050;
   font-weight:500;
   text-decoration: none;
}
#navigation ul li a:hover
 {
   display:block;
   color: #0000CC;
   font-weight:500;
   text-decoration: none;
   background-color: #00CC66;   // green
}


#inhalt h1 {
   padding : 0.6em;
   font-size : 1.4em;
   margin : none;
}
#inhalt p {
   width : 37em;
   padding : 0.3em;
   margin-bottom : 5px;
   margin-top : 0px;
}
#inhalt p img {
   padding : 0 0 1em 1em ;
   float : right;
}

.greenbutton, .tgreenbutt {
 background-color:#70FF70;   /*#00B73C; */
 font-weight:500;
 cursor: pointer;
 color:#333;
 }
 
 .redbutton, .tredbutt {
 background-color:#FF8080;
 font-weight:500;
 cursor: pointer;
 color:#333;
 }
.yellowbutton , .tyellowbutt{
 background-color:#FFB73C;
 font-weight:500;
 cursor: pointer;
 color:#333;
 }
 .orangbutton, .torangbutt {
 background-color:#FF9030;
 font-weight:500;
 cursor: pointer;
 }
 .bluebutton, .tbluebutt {
 background-color:#5599FF;
 font-weight:500;
 cursor: pointer;
 color:#333;
 }
 .lilabutton, .tlilabutt {
 background-color:#FA8FF8;
 font-weight:500;
 cursor: pointer;
 }
 .syellowbutton {
 background-color:#FFFF00;
 font-weight:600;
 color:red;
 cursor: pointer;
 }
  .graybutton, .tgraybutt {
 background-color:#EEEEEE;
 font-weight:600;
 color:#006600;
 cursor: pointer;
 }
 
 .greenbutton, .tgreenbutt, .lyellowbutton, .graybutton,
 .redbutton, .tredbutt , .bluebutton, .tbluebutt,
 .orangbutton, .torangbutton , .yellowbutton, .tyellowbutt 
 {
   border:2px solid #DDD;
   border-style: outset;
   border-radius: 4px;
 }

 .greenbutton:disabled, .tgreenbutt:disabled, .lyellowbutton:disabled, .graybutton:disabled,
 .redbutton:disabled, .tredbutt:disabled , .bluebutton:disabled, .tbluebutt:disabled,
 .orangbutton:disabled, .torangbutton:disabled , .yellowbutton:disabled, .tyellowbutt:disabled 
 {
 background:#EEEEEE;   /*#00B73C; */
 color:#CCCCCC;
 cursor:not-allowed ;
 pointer-events: none;
 }

 .greenbutton:hover, .tgreenbutt:hover, .lyellowbutton:hover, .graybutton:hover,
 .redbutton:hover, .tredbutt:hover , .bluebutton:hover, .tbluebutt:hover,
 .orangbutton:hover, .torangbutton:hover , .yellowbutton:hover, .tyellowbutt:hover 
 {
   box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);
   border: 2px solid #DDD;
 }




 .redgraybutton, .tredgraybutt {
 background-color:#A5B0BE;
 color:red;
 cursor: pointer;
}

.tredgraybutt, .tgraybutt, .tlilabutt, .tbluebutt, .torangbutt, .tyellowbutt, .tredbutt, .tgreenbutt
{
 font-size:0.9em;
 color:#444444;
 padding-right:3px;
 padding-left:3px;
}

.rededgebutt {
	border:2px outset red;
}

.greenedgebutt {
	border:2px outset green;
}

.rededgebutt, .greenedgebutt {
 cursor: pointer;
 color:#333333;
}

.yellowbutton:disabled{
 background-color:#FFDEA6;
 font-weight:500;
 cursor: not-allowed;
 color:#999;
 }



 /* ---- color (format) of navigations' Links. K.Q 17.05.2009 ----- */ 

 .redl {
 background-color:#F7C6C6;  /* red link */
 }
 .yellowl {
 background-color:#FFFFC0;
 }
 .greenl {
 background-color:#CAF7CA;
 }
 .orangl {
 background-color:#FFD7B3;
 }
 .lilal {
 background-color:#E6CCFF;
 }
 .bluel {
 background-color:#CEEEF7;
 }
 /* ---------------------------------------------------------------- */
 
 .rightdiv {
 text-align:right;
 padding-right:20px;
 }
 
 .historypage {
 text-align:left;
 padding-left:0px;
 background-color:#FFFFD9;
 }
 
/* ---------------------------------------------------------------------------------------------- */
/* .pagetitle   KQ 10.08.07   moved to styles_2022*/
 
 .conftitle   /* KQ 06.06.09 */
 {
 	height:22px;
	width:100%;
	margin: 0 0 0 0;
	padding: 0px 0 0 0;
 	font-size:17px;
  font-weight:700;
 	color:#000000;
	text-align:center;
  vertical-align:middle;
 }
 
 .okmsg , .nokmsg, .normsg   /* KQ 25.09.07 */
 {
 	/*height:20px;
	width:100%; */
	background-color:#55DD55; 
 	font-size:17px;
  font-weight:600;
	text-align:center;
 }
.okmsg , .okbg
{
	background-color:#55DD55; 
}
.nokmsg , .nokbg  /* KQ 25.09.07 */
 {
	background-color:#DD5555; 
 }
.normsg , .norbg  /* KQ 25.09.07 */
 {
	background-color:#FFB73C; 
 }		


.lokmsg, .lnokmsg, .lnormsg   /* KQ 27.11.2010 */
{
font-size:1.2em;
font-weight:600;
text-align:center;
}
.lokmsg
{
color:#004200;
}
.lnokmsg
{
color:#830701;
}
.lnormsg
{
color:#5F5829;
}

.lilabold
{
font-weight:bold;
color:#3C075A ;
} 
/* ------------------------------Input fields --------------------------*/
.redtext, .redtextb {
   color:#AA0000;
   display:on;
}
.greentext , .greentextb {
   color:#007000;
   display:on;
}
.orangtext, .orangtextb {
   color:#EE500F;
   display:on;
}
.bluetext, .bluetextb {
   color:#0000BB;
   display:on;
}
.yellowtext, .yellowtextb {
   color:#E6E600;
   display:on;
}
.redtextb, .greentextb, .orangtextb, .bluetextb, .boldfont, .yellowtextb 
{ font-weight:bold;}

.nodisplay
{
  display:none;
}  
.bagelink
{
  background-color:#FDD995; 
}
.greenlink
{
  background-color:#88DD00; 
}
.dayfield {
color:#933000;
font-size:12px;
font-weight:700;
}

/* ----------------------------------------------------------------------------------------*/

#serachtab1 {
   width:59%;
   float:left;
   /*min-height:20em; */
}
#serachtab2 {
   width:39%;
      /*min-height:20em; */
}
/* ----------------------------------------------------------------------------------------*/
.plfeld , .plfeld2 , .plfeld3 , .lilafield{
    text-align:center;
    height:auto;
    font-weight:600;
    font-size:15px;
    border-style:none;
 } 
 .plfeld { background-color:#FFD5D5; } 
 .plfeld2 { background-color:#5CFFA0; } 
 .plfeld3 { background-color:#FFB895; } 
 .lilafield { background-color:#CF9FFF; } 
 
.greenplfeld, .redplfeld, .lilaplfeld {
    text-align:center;
    height:auto;
    font-weight:600;
    font-size:16px;
    border-style:none;
 } 
.greenplfeld {
    background-color:#FFC75C;
    color:#007000;
 } 
.redplfeld {
    background-color:#FFC75C;
    color:#AA0000;
 }
.lilaplfeld {
    background-color:#CF9FFF;
    color:#AA0000;
 }

.orangbg {
 background-color:#F88607;
}
.redbg {
 background-color:#FF9999;
}

.boldfieldUC {                 /* Field with Uppercase Leters KQ 03.04.2010 */
background-color:#E8F1FF;
text-transform: uppercase;
text-align:center;
height:auto;
font-weight:bold;
} 

/* --------------------------- Payment & E-Ticket  09-2010 --------------------------------*/
.lgreen {
 color:#125A14;
 background-color:#C2E8C1;
}
.lred {
 color:#D81601;
 background-color:#FFC6C6;
}

/* --------------------------- from RW  12-2010 --------------------------------*/

 .dayfeld {        /* 17.01.2010 */
    width:11px;
    text-align:center; 
    background-color:#FFC75C;
    font-weight:600;
    font-size:14px;
    border-style:none;
 }

.datefeld {  /* 17.01.2010 */
    width:85px;
    text-align:center; 
    /* background-color:#FFC75C; */
    font-weight:600;
    font-size:14px;
 } 

.timefeld {  /* 17.01.2010 */
    width:55px;
    text-align:center; 
    /* background-color:#FFECD2; */
    font-weight:600;
    font-size:15px;
 } 
.dayform , olddayform {
font-size:0.9em;
font-weight:570;
}
.dayform {
color:#061BA8;
}
.olddayform {
color:#5555A8;
}


/*  KQ 11.09.2016 */
.watermark, .xldstamp, .delstamp { 
	   position:fixed; 
	   opacity:0.5; 
	   z-index:99; 
	   /* top:175px;  right:5px;  color:red;  font-size: 77px;  font-weight:bold; */
     -webkit-transform: rotate(-25deg);   /* Safari */
     -moz-transform: rotate(-25deg);     /* Firefox */
     -ms-transform: rotate(-25deg);      /* IE */
     -o-transform: rotate(-25deg);       /* Opera */
 }

 .xldstamp {
color:#FF0000;
background:#DDCFCF;
border:4px double red; 	
} 
 
 .delstamp { 
color:#0000FF;
background:#CFCFDD;
border:3px outset #0000FF; 	 	
}


/* .xbutt { color:#EE3333;border:1px solid #AAA; cursor: pointer;}
.xbutt:hover { background:#EE3333; color:#FFF; } */  /* moved to 2022 */

/* ----------------------------------------------------------------------------------------*/

.deletedtxt {
color:#FF1111;
text-align:center;
font-size:1.1em;
font-weight:600;
background-color:#FDFEC0;
text-decoration:line-through; 
}


#fuss {
   background-color:#8C7E77;    /*  kq blau #2C508B    #223771 344D72 799FC6*/
   color:#DDDDDD;
   font-size :0.9em;
   text-align : center;
   padding-top : 0.2em;
   padding-bottom : 0.2em;
}


#fuss p {
   font-size :0.6em;
   font-style:italic;
   color : #7EFFFF;
   width : 99%;
   height: 9px
   margin : auto;
}


#fuss a{
 text-decoration:none; 
color:#F5E9C0;
}