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

/*--------------------------------------------------------------------------------------- */
#container {
           height: 99%;
           text-align: left;
           margin:5 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;
           margin-left: 3px;
           text-align:center;
           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;
}
/* 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;	*/
}

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

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


 /* --------------------- Navigation ----------------------------------------------*/
 
#navigation {
   /* border:1px solid red;*/
   background-color:#BBBBCC; 
   width:19%; 
   height:auto;
   vertical-align:top;
   z-index:99;
}
* 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:#E2E2EF;
 }


#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 : 0;
}
#inhalt p img {
   padding : 0 0 1em 1em ;
   float : right;
}

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




.greenbutton, .tgreenbutt {
 background-color:#70FF70;   /*#00B73C; */
 font-weight:500;
 cursor: pointer;
 }
 
 .redbutton, .tredbutt {
 background-color:#FF8080;
 font-weight:500;
 cursor: pointer;
 }
.yellowbutton, .tyellowbutt  {
 background-color:#FFB73C;
 font-weight:500;
 cursor: pointer;
 }
.lyellowbutton  {
 background-color:#FBF479;
 font-weight:500;
 cursor: pointer;
 }

 .orangbutton, .torangbutton {
 background-color:#FF9030;
 font-weight:500;
 cursor: pointer;
 }
 .bluebutton, .tbluebutton {
 background-color:#5599FF;
 font-weight:500;
 cursor: pointer;
 }
 .lilabutton, .tlilabutton {
 background-color:#FA8FF8;
 font-weight:500;
 cursor: pointer;
 }
 .syellowbutton {
 background-color:#FFFF00;
 font-weight:600;
 color:red;
 cursor:pointer;
 }
 .graybutton {
 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;
 }

/*
.syellowbutton:hover , .graybutton:hover
{
	font-size:1.1em;
}	 */
 
.daybutton {
 padding:0px;
 width:15px;
 height:15px;
 vertical-align:middle;
 text-align:center;
 font-size:1.2em;
 font-weight:bold;
 cursor: pointer;
 } 

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

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

 
 /* ---- 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 */
 {
 	height:20px;
	width:100%;
	margin: 0 0 0 0;
	padding: 0px 0 0 0;
	background-color:#BED1CA; 
 	font-size:19px;
  font-weight:600;
 	color:#000055;
	text-align:center;
  vertical-align:middle;
 }
 
 .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; 
}

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

#serachtab1 {
   width:59%;
   float:left;
   /*min-height:20em; */
}
#serachtab2 {
   width:39%;
      /*min-height:20em; */
}
/* ----------------------------------------------------------------------------------------*/
.grayfldb , .greenfldb , .orangfldb , .bluefldb, .yellowfldb, .redfldb, .lilafldb, .greenfldbUC
{
    text-align:center;
    height:auto;
    font-weight:600;
    font-size:1.1em;
    border-style:none;
 } 
.grayfld , .greenfld , .orangfld , .bluefld, .yellowfld, .redfld, .lilafld, .orangfldUC
{
    text-align:center;
    height:auto;
    font-weight:500;
    font-size:1.1em;
    border-style:none;
 } 
 .grayfld, .grayfldb { background-color:#BCC2C5; } 
 .greenfld, .greenfldb, .greenfldbUC { background-color:#77FFB0; }
 .orangfld, .orangfldb, .orangfldUC { background-color:#FFD78C; } 
 .bluefld, .bluefldb { background-color:#B7FFFF; } 
 .yellowfld, .yellowfldb { background-color:#FFFFB3; } 
 .redfld, .redfldb { background-color:#FFCCCC; } 
 .lilafld, .lilafldb { background-color:#D9B3FF; } 

.greenfldbUC, .orangfldUC
{
text-transform: uppercase;
}

.plfeld , .plfeld2 , .plfeld3 , .lilafield{
    text-align:center;
    height:auto;
    font-weight:600;
    font-size:15px;
    border-style:none;
 } 
 .plfeld { background-color:#FFD5D5; }  /* #FFD280 */
 .plfeld2 { background-color:#5CFFA0; } 
 .plfeld3 { background-color:#FFB895; } 
 .lilafield { background-color:#CF9FFF; } 
 .bluesel { background-color:#C8DEEE; }
 .orangesel { background-color:#FDD08C; }
 
.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;
 }
 .dayfeld {        /* 17.01.2010 */
    width:11px;
    text-align:center; 
    background-color:#FFD17D;
    font-weight:600;
    font-size:13px;
    border-style:none;
 }

.datefeld {  /* 17.01.2010 */
    width:80px;
    text-align:center; 
    font-weight:600;
    font-size:14px;
 } 

.timefeld {  /* 17.01.2010 */
    width:55px;
    text-align:center; 
    font-weight:500;
    font-size:15px;
 } 
.timetitle {  /* 03.11.2014 */
    color:#555555;
    padding:5px 0px 0px 0px;
 } 

.dayform {
color:#061BA8;
font-size:0.9em;
font-weight:70;
}

.orangbg {
 background-color:#FCAD74;
}

.lgraybg {
 background-color:#CCCCCC;
}

.errorfield {
 background-color:red;
}

.pnlbutton {                 /* Buttons used in  PNL KQ 03.04.2010 */
text-align:center;
font-weight:bold;
width:60px;
margin:1px;
cursor:pointer;
} 

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

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


/*  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; 	 	
}

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

#fuss {
   background-color:#846D5E;   /*  kq blau #2C508B  #223771 344D72 799FC6 green 73887D*/
   color:#E7E0DC;
   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:#D7E6FF;
}

/* ******************************************************************************************* */
.yredbutton {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0c911), color-stop(1, #f2ab1e) );
	background:-moz-linear-gradient( center top, #f0c911 5%, #f2ab1e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e');
	background-color:#f0c911;

	text-indent:3px;
	border:1px outset #CCC;
	display:inline-block;
	color:#AA2200;
	font-family:Arial;
	font-size:13px;
	text-align:center;
}
.yredbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2ab1e), color-stop(1, #f0c911) );
	background:-moz-linear-gradient( center top, #f2ab1e 5%, #f0c999 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ab1e', endColorstr='#f0c911');
	background-color:#f2ab1e;
	
}.yredbutton:active {
	position:relative;
	top:1px;
}

.wlilabutton {
	-moz-box-shadow:inset 0px 1px 1px 1px #d197fe;
	-webkit-box-shadow:inset 0px 1px 1px 1px #d197fe;
	box-shadow:inset 0px 1px 1px 1px #d197fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a53df6), color-stop(1, #7c16cb) );
	background:-moz-linear-gradient( center top, #a53df6 5%, #7c16cb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a53df6', endColorstr='#7c16cb');
	background-color:#a53df6;

  border:1px outset #CCC;
	text-indent:0px;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:normal;
	text-align:center;
}
.wlilabutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c16cb), color-stop(1, #a53df6) );
	background:-moz-linear-gradient( center top, #7c16cb 5%, #a53df6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c16cb', endColorstr='#a53df6');
	background-color:#7c16cb;
}.wlilabutton:active {
	position:relative;
	top:1px;
}