@-moz-keyframes    blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}}  /* Firefox */
@-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}}  /* Webkit */
@keyframes         blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}}  /* Opera and prob css3 final iteration */

a					{ font-family:         Calibri, Arial, sans-serif;
					  font-size:           12px;
					  text-decoration:     none;
					  color:               #fff;
					}

a:link, a:visited, a:active
                   { text-decoration:     none; 
                   }

a:hover            { font-weight:         bold;
                   }

a.more             { position:            relative;
                     top:                 5px; 
                     color:               #808080;
	                 display:             inline;
                   }
                   
a.nomore           { display:             none;
                   }

.block             { background-image:    url(../img/block1050x60.png);
                     background-repeat:   no-repeat; 
                     background-position: 290px 0px;
                   }
                   
body               { font-family:         Calibri, Arial, Helvetica, sans-serif;
                     font-size:           12px;
                     color:               #000;
                   }
                   
#box               { position:            absolute;
                     left:                0px;
                     top:                 0px;
                     padding-left:        5px;
                     padding-right:       5px;
                     border:              solid 1px #808080;
                     max-height:          295px;
                     display:             none;
                     overflow-y:          auto;
                   }
                   
#box a             { color:               #000;
				   }  

.brick[selected=selected]
                   { font-weight:         bold;
                     color:               #ffffff;
                     background-color:    #191970;
                   } 
                   
.brick a           { outline:             0;
                   }
                   
button             { font-family:         Calibri, Arial, Helvetica, sans-serif;
                     font-size:           12px;
                     color:               #000;
                     background-color:    transparent;
                     border:              none;
                     cursor:              pointer;
                   }

button::-moz-focus-inner    
                   { border:              0;
                     outline:             0;
                   }
	               
button img         { width:               32px;
                   }
                   
button img.small   { width:               24px;
                   }
                   
button img.blink   { -moz-animation:      blink normal 2s infinite ease-in-out;
                     -webkit-animation:   blink normal 2s infinite ease-in-out;
                     -ms-animation:       blink normal 2s infinite ease-in-out;
                     animation:           blink normal 2s infinite ease-in-out;
                   }                   
                                     
#bgfooter          { height:              100px !important;
                   }
                   
#calendar         
                   { position:            absolute;
                     background-color:    #fff; 
                     border:              solid 1px #808080; 
                     width:               400px; 
                     z-index:             999; 
                     display:             none;
                     overflow:            hidden;
                     /* overflow-y:          scroll; */
                   }


.clip              { font-family:         'Segoe UI Symbol', Calibri, sans-serif;
				     font-size:           12px;
					 position:            absolute;
				     top:                 0px; 
				     right:               0px; 
				     text-align:          center; 
				     vertical-align:      middle;
				     padding-top:         5px;
				     padding-right:       1px;
				     display:             none;
				   }

.vell              { font-family:         'Segoe UI Symbol', Calibri, sans-serif;
				     font-size:           14px;
					 position:            absolute;
				     top:                 0px; 
				     right:               0px; 
				     width:               16px; 
				     height:              16px; 
				     text-align:          center; 
				     vertical-align:      middle;
				     padding-top:         2px;
				     display:             none;
				   }

.col0              { background-color:    #e2e2e2;
                     width:               30px;
                   }                  
                   
.col1              { background-color:    #e2e2e2;
                     width:               250px;   
                   }
                   
.col2              { width:               20px;
                   }
                   
.col3              { overflow:            hidden; 
                     white-space:         nowrap;
				     width:               1350px !important;
				   }
				   
.column				{	
						/*margin-left: 2px;*/
						width:	10px !important;
                     	background-color:    #191970;
                     	vertical-align: top !important; 
                     	
                     
					}
                   
#data              { position:            absolute; 
                     left:                75px; 
                     top:                 180px;
				     user-select:         none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; 
				   } 
                   
#data table        { width:               1350px;
				   }
				   
#data table.listPerson
                   { width:               1050px;
                   }
                   
#data table tr:first-child
                   { vertical-align:      top;
                   }
                   
#data table tr td:first-child
                   { padding-left:        5px;
                   }
               
#data table.col3, table.list   
				   { width:               1045px !important;
                   }
                   
      table.list tbody tr:first-child:hover, table.list2 tbody tr:first-child:hover, table.list2 tbody tr:nth-child(2):hover      
                   { background-color:    transparent;
                   } /* does not work with IE. also implemented in javascript */

      table.list tbody tr:hover, table.col3 tbody[id^=study_] tr[id^=e]:hover
                   { background-color:    #e2e2e2;
                   } /* does not work with IE. also implemented in javascript */

#data table tbody.grid tr:hover td:nth-child(2)      
                   { font-weight:         bold;
                   } /* does not work with IE. also implemented in javascript */

#data table tbody.grid tr:hover span.spanGray      
                   { color:               #808080;
                   } /* does not work with IE. also implemented in javascript */
                   
#data table.list tr th
                   { font-weight:         normal;
                     text-align:          left;
                   }                   

#data table tr td  { height:              28px;
					
                   }
#data table tr td.col {
					vertical-align: top;
					padding-left: 1px !important;
					}                       	
                   
#data table.col3 tr td, #data table.list tr td  
                   { height:              20px;
                   }
 
#data table tr td a, #daight a
                   { color:               #000;
                   }
                   
#daight div.brick span
                   { display:             none;
                   }
                   
#data #divGray.spanGray
				   { position:            absolute;
				     left:                400px;
				     z-index:             -1;
				     /* background:          #e2e2e2; */   
					 background-color:    #e2e2e2;
                     opacity:             0.8; 
                  /* filter:              opacity(80%); */
                     padding-left:        5px;
				     padding-right:       5px;
				     height:              30px;
				   }
				   
#data #divGreen.spanGray
				   { position:            absolute;
				     left:                400px;
				     z-index:             98; 
				     background:          transparent; 
				     padding-left:        5px;
				     padding-right:       5px;
				     height:              30px;
				     user-select:         none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; 
				     cursor:              e-resize;  
				   }
				   
#data #divRed.spanGray
                   { position:            absolute;
					 left:                400px;
					 z-index:             99; 
					 background:          transparent;
					 padding-left:        5px;
					 padding-right:       5px;
					 height:              30px;
                     user-select:         none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; 
                     cursor:              move;
				   }
				   
#divCal            { user-select:         none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; 
                   }

div.seatsRegular   { position:            absolute;
                     top:                 37px;
                     display:             block;
                     cursor:              pointer;
                   }			   
                   
div.seatsExam      { position:            absolute;
                     top:                 37px;
                     display:             none;
                     cursor:              pointer;
                   }			   
                                      
.dg0, .dg1         { border-style:        solid; 
                     border-width:        1px 0 0 0; 
                     border-color:        #fff;
                     font-weight:         bold;
                     padding-top:         8px !important;
                   } /* data group, col 0, 1 */
                   
.dg0tbl, .dg1tbl   { border-style:        solid; 
                     border-width:        1px 0 0 0; 
                     border-color:        #fff;
                     font-weight:         bold;
                     padding-top:         8px !important;
                     /* padding-bottom:      8px !important; */
                     vertical-align:      top;
                   } /* if col is tbl... */
                   
.dg0tog, .dg1tog   { font-weight:         bold;
                     padding-top:         8px !important;
                   } /* data group, col 0, 1 */
                   
.dg0tog a, .dg0 a, .dt0 a, .dg0tbl a  
                   { padding-left:        10px;
                   }
                   
.dg1tog a, .dg1 a, .dg1tbl a  
                   { color:               #000;
                   }
                   
.dg3               { border-style:        solid; 
                     border-width:        1px 0 0 0; 
                     border-color:        transparent;  /*#191970; */
                     font-weight:         normal;
                     padding-left:        5px;
                     padding-top:         8px !important;
                   } /* data group, col 3 */
                   
.dg9               { padding-top:         8px;
                   }
                   
.dg9bold           { padding-top:         8px;
                     font-weight:         bold;
                   }
                   
.dh3               { border-style:        solid; 
                     border-width:        1px 0 0 0; 
                     border-color:        transparent; 
                     font-weight:         normal;
                     padding-left:        5px;
                     padding-top:         8px !important;
                   } /* data group first item (head), col 3 */

.di0, .di1         { background-color:    #ffd347;
	                 font-weight:         bold;
                   }
                   
.dgi0, .dgi1       { border-style:        solid; 
                     border-width:        1px 0 0 0; 
                     border-color:        #ffffff;
                     background-color:    #ffd347;
	                 font-weight:         bold;
                   }
                   
.dt0, .dt1         { font-weight:         bold;
                   } /* data title, col 0, 1 */
                   
.dt3               { padding-left:        10px;
                   }
                   
.dt3 div           { width:               428px;
					 overflow:            hidden; 
                     text-overflow:       ellipsis; -o-text-overflow: ellipsis; 
                     white-space:         nowrap;
                   }

.di8               { background-color:    #ffd347;
                     font-weight:         bold;
                     padding-top:         8px !important;
                   }

.dt8               { font-weight:         bold;
                     padding-top:         8px !important;
                   } /* data title, col 0, 1 */

.ellipsis         { overflow:            hidden;
                     text-overflow:       ellipsis;
                     white-space:         nowrap;
                    }

.event, .cwPeriod, .scoop
                   { position:            absolute; 
                     /* display:             inline-block; */
                     background-color:    #82b4e6; 
                     vertical-align:      middle;
                     padding-left:        5px; 
                     padding-right:       5px; 
                     z-index:             20;
                     overflow:            hidden; 
                     text-overflow:       ellipsis; -o-text-overflow: ellipsis; 
                     white-space:         nowrap;
                   }

.squeeze
                   { position:            absolute; 
                     /* display:             inline-block; */
                     background-color:    #82b4e6; 
                     vertical-align:      middle;
                     padding-left:        5px; 
                     padding-right:       5px; 
					 text-overflow:       ellipsis; -o-text-overflow: ellipsis; 
                     white-space:         nowrap;
                   }
                   
.more              { position:            relative;
					 top:                 5px; 
					 color:               #808080;
				   }
                   
.period, .tile     { display:             block;
					 border:              solid #fff; 
					 border-width:        0 0 1px 0;
					 padding-left:        5px; 
		             padding-right:       5px; 
		             width:               171px; 
		             height:              20px;
					 overflow:            hidden; 
		             text-overflow:       ellipsis; -o-text-overflow: ellipsis; 
		             white-space:         nowrap;
                   }
                                      
fieldset, .fieldset
                   { border:              none;
 				     padding:             0;
 				     margin:              0;
				   } 
				   
.angle             { font-size:           8pt; 
					 color:               #808080;
					 padding-left:        5px;
					 opacity:             0.5;
                  /* filter:              opacity(50%); */
				   }
				   
form.upload
                   { display:             inline;
                   }
                   				   

td.gap             { background-color:    #fff
                   }  
                   
td.vgap            { border-style:        solid;
                     border-width:        1px 0 0 0; 
                     border-color:        #808080;
 				   }                

td.check           { position:            absolute;
                     display:             inline-block;
                     width:               0px;
                   }
                   
td.check input, td.check label
                   { margin-top:          3px !important;
                   }
                   
td.foreign         { color:               #a0a0a0;
                     display:             none;
                   }
                   
td.grid            { position:            relative;  /* wichtig: muss von static abweichen */
                     display:             inline-block;
                     left:                60px;
                     width:               1045px;
	                 background-image:    url(../img/grid1050x60.png);
                     background-position: -70px -2px;
                     opacity:             0.8; 
                  /* filter:              opacity(80%); */
                     overflow:            hidden;
                   }
                   
#grid tbody:nth-of-type(2) tr:first-child td.grid
                   { background-position: -70px -5px;
                   }
                   
td.vrid            { position:            relative;
                     display:             inline-block;
	                 border-style:        solid;
                     border-width:        1px 0 0 0; 
                     border-color:        #808080; 
                     background-image:    url(../img/grid4x10x60.png);
                     background-position: 0px 9px; 
                     opacity:             0.8; 
                  /* filter:              opacity(80%); */
	                 overflow:            hidden;
                   } 
                   
td.grid:hover      
                   { background-color:    #e2e2e2;
	               }
	              
#data table.col3 tr:first-child td.grid
                   { height:              30px;
                   }	               
	               
#data table.col3 tbody.empty tr:first-child td.grid
                   { height:              20px !important;
                   }

	               
tr:first-child td.grid:hover
                   { background-color:    transparent;
                   }	               
	               
td.grid input[type=checkbox], td.grid input[type=radio]   
                   { margin-top:          3px;
                   }              
                 
img                { border:              none;
                   }
                   
img.login          { height:              300px;
                     display:             block;
                   }
                   
img.slide          { border:              10px solid #ffffff;
	               }
	               
input[type=checkbox]:first-child,
input[type=radio]:first-child
                   { padding:             0;
                     margin-top:          10px;
                     margin-left:         0;
                     cursor:              pointer;
                   }
                   
input[type=text], input[type=password], input[type=file]
                   { font-family:         Calibri, Arial, Helvetica, sans-serif;
                     font-size:           12px;
                     background:          transparent;
                     border-style:        solid;
                     border-width:        1px 1px 1px 1px;
                     border-color:        #fff #fff #808080 #fff;
                     padding-left:        7px;
                     width:               375px;
                   }
                   
input[readonly=readonly]
                   { color:               #808080;
					 user-select:         none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none;             
                   }
                   
.hidden            { display:             none;
	               }
                   
#logo              { white-space:         nowrap;
                   }

marquee            { position:            absolute;
	                 top:                 25px;
	                 width:               215px;
	                 height:              250px;
	                 font-weight:         normal;
	                 color:               #000000;
                   }
                   
marquee.left       { position:            relative;
                     top:                 4px;
                     width:               428px;
                     height:              25px;
                   }
                   
#menufooter        { background-color:    rgba(232, 232, 232, 0.8);  /* #e0e0e0; opacity:0.8; filter:alpha(opacity=80); */
                     position:            fixed; 
                     left:                0px; 
                     right:               0px; 
                     bottom:              0px; 
                     height:              75px; 
				     user-select:         none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; 
                  /* transition:          height 1s ease-in-out; */
                     z-index:             899;
                   }
                   
#menufooter div    { margin-left:         40%;
                     margin-top:          15px;
                   }
                   
#menufooter span   { display:             inline-block;
				     width:               50px;
				   }
                   
#menuheader        { position:            absolute; 
                     top:                 30px; 
                     left:                75px;
				     user-select:         none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; 
                   }
                   
#menuimg div       { position:            absolute; 
                     top:                 -120px; 
                     left:                750px;
                   }
                   
#menuimg div img   { width:               600px;
                   }
                   
#menuimgback       { clip:                rect(100px, 600px, 270px, 0px);
                   }
                   
#menuimgback img   { opacity:             0.2; 
                  /* filter:              opacity(20%); */
                   }
                   
#menuimgfore       { clip:                rect(190px, 600px, 220px, 0px);
                   }
  
#menuitems div     { background-color:    #191970;
                     position:            absolute; 
                     top:                 70px; 
                     left:                0px; 
                     width:               130px; 
                     height:              22px !important;
                     padding-top:         8px !important;
                   }                   
                   
#menusubitems div  { background-color:    #191970; 
                     position:            absolute; 
                     top:                 101px;
                     left:                0px; 
                     width:               130px; 
                     height:              auto !important; 
                     line-height:         22px;
                     padding-top:         5px !important; 
                     padding-bottom:      20px !important; 
                     display:             none;
                     z-index:             999;
                   }
                   
#menuitems div a, #menusubitems div a
                   { margin-left:         10px;
                   }
                   
#menutitle         { position:            absolute; 
                     left:                75px; 
                     top:                 150px;
				     user-select:         none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; 
                   }
                   
#menutitle table       
                   { width:               1280px;
                   }
                   
#menutitle table tr
                   { height:              30px;
                   }
                   
#menumsg           { position:            fixed;
                     left:                40%; 
                     top:                 30%;
                     width:               400px;
                     border:              solid 1px #808080;
                     z-index:             1000;
                     overflow:            hidden;
                     text-overflow:       ellipsis; -o-text-overflow: ellipsis;
                     
                     cursor:              default;
                   }
                   
#menumsg a         { color:               #000000;
                   }

#menumsg.help
                   { background-color:    #ffffff; /* #e2e2e2; */ /* standardgrau*/
                     cursor:              move;
                   }
                   
#menumsg.clipboard, #menumsg.split, #menumsg.conflict
                   { background-color:    #ffffff; /* #e2e2e2; */ /* standardgrau*/
                     max-height:          500px;
                     overflow-y:          auto;
                     resize:              both;
                   }
                   
#menumsg.info, #menumsg.select, #menumsg.confirm
                   { background-color:    #ffe9a3; /* hellgelb */ /* #e6f0fa; hellstblau */ /* #e2e2e2; standardgrau*/
                     max-height:          500px;
                     overflow-y:          auto;
                   }
                   
#menumsg.warning   { background-color:    #ffe9a3; /* #ffd347; gelb */
                   }

#modal             { display:             none;                                 /* Hidden by default */
                     position:            fixed;                                /* Stay in place */
                     z-index:             900;                                  /* Sit on top */
                     left:                0;
                     top:                 0;
                     width:               100%;                                 /* Full width */
                     height:              100%;                                 /* Full height */
                     overflow:            auto;                                 /* Enable scroll if needed */
                     background-color:    rgb(0,0,0);                           /* Fallback color */
                     background-color:    rgba(232, 232, 232, 0.4);             /* rgba(0,0,0,0.4);  Black w/ opacity */
                   }                                                            /* http://www.w3schools.com/howto/howto_css_modals.asp */

#msgHead           { font-family:         Calibri, Arial, sans-serif;
                     font-size:           12px; 
                     font-weight:         bold; 
                     padding-left:        35px; 
                     padding-top:         10px;
                   }
                   
#msgBody           { font-family:         Calibri, Arial, sans-serif;
                     font-size:           12px; 
                     padding-right:       20px; 
                     padding-left:        35px; 
                     padding-top:         15px; 
                     padding-bottom:      20px;
                   }
                   
#msgD              { font-family:         Calibri, Arial, sans-serif;
                     font-size:           12px; 
                     padding-top:         5px;
                   }

#msgD p            { margin:              2px;
	               }
	               
#msgFoot           { padding-bottom:      10px;
                     text-align:          center; 
                     width:               99%;
                   } 
                   
#msgResize         { position:            absolute;
                     display:             none;
                     right:               6px;
                     bottom:              1px;
                     cursor:              se-resize;
                   }
                   
#menumsg.help #msgResize  
                   { display:             block;
                   }
                   
/*
.qrt               { border-bottom:       1px solid #808080;
                     text-align:          center;
                   }
 */                  
/* 
option[selected=selected]     {
					 color:               #00a000;
					 font-weight:         bold;
}
 */ 
 
#scrollCal         { width:               420px;
					 /* overflow:            hidden; */
					 /* overflow-y:          scroll; */
				   } 
 
select             { font-family:         Calibri, Arial, Helvetica, sans-serif;
                     font-size:           12px;
                     background:          transparent;
                     border-style:        solid;
                     border-width:        0px 0px 1px 0px;
                     border-color:        #fff #fff #808080 #fff;
                     padding-left:        4px;
                     min-width:           150px;
                   }
                   
tbody.grid tr td label
                   { position:            relative; 
                     display:             inline-block;
                     left:                10px; 
                     bottom:              2px;
                     width:               20px;
                     text-align:          right;
                   }
                   
tbody.grid tr:first-child td span.spanGray
		           { position:            absolute;
                     left:                400px; 
                     display:             inline-block; 
                     z-index:             -1;
                     background-color:    #e2e2e2;
                     width:               110px; 
                     height:              30px; 
                     padding-left:        5px; 
                     padding-right:       5px; 
                     user-select:         none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; 
                     cursor:              default;
	               }
                                
tbody.grid tr td span.spanGray
		           { position:            absolute;
                     left:                400px; 
                     display:             inline-block; 
                     z-index:             -1;
                     background-color:    #e2e2e2;
                     color:               #e2e2e2;
                     width:               110px; 
                     height:              22px; 
                     line-height:         20px; 
                     vertical-align:      middle; 
                     padding-left:        5px; 
                     padding-right:       5px; 
                     overflow:            hidden; 
                     text-overflow:       ellipsis; -o-text-overflow: ellipsis; 
                     white-space:         nowrap; 
                     user-select:         none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; 
                     cursor:              pointer;
	               }
	               
tbody.empty tr td span.spanGray
                   { position:            absolute;
                     left:                400px; 
                     display:             inline-block; 
                     z-index:             -1; 
                     background-color:    #e2e2e2; 
                     width:               110px; 
                     height:              22px; 
                     padding-left:        5px; 
                     padding-right:       5px; 
                     user-select:         none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; 
                   }
                   
table              { font-family:         Calibri, Arial, Helvetica, sans-serif;
                     font-size:           12px; 
                     color:               #000;
                     table-layout:        fixed; 
                     border-spacing:      0;
                     border-collapse:     collapse;
                     width:               1350px;
                   }
                   
table.calendar
                   { width:               400px !important;
					 margin:              5px 5px 0px 5px;
					 user-select:         none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; 
				   }
				   
table.calendar tr.visible 
				   { visibility:          visible;
				  
				   }
				   
table.calendar tr.invisible 
				   { visibility:          visible /* hidden */;
				   }
				   
table.calendar tr td
				   { text-align:          right;
				     padding-right:       7px;
				     height:              15px !important;
				   }  
				   				   
table.calendar tr td:first-child  				    
				   { color:               #a3a3a3;
				   }

table.calendar tr td select
				   { position:            relative; 
				     top:                 -2px; 
				     margin-right:        5px;
				   }
                   
table.calendar tr td select option
				   { padding-left:        7px;
				   }
				   
table.calendar tr td.day
				   { background-color:    transparent;
				     color:               #000000;
				   }	

table.calendar tr td.holiday
				   { background-color:    #e2e2e2;
				     color:               #000000;
}	

table.calendar tr td.day[onmousedown^=toggleCalDay], 
table.calendar tr td.day[onmousedown^=selectDate], 
table.calendar tr td.holiday[onmousedown^=toggleCalDay], 
table.calendar tr td.holiday[onmousedown^=selectDate],
table.calendar tr td.day[selected=active][onmousedown^=dragstart], 
table.calendar tr td.holiday[selected=active][onmousedown^=dragstart] 
                   { cursor:              pointer;
                   }

table.calendar tr td.light, table.calendar tr td[selected=selected]
				   { background-color:    #82b4e6;
				     color:               #000000;
				     cursor:              pointer;
                   }
				   
table.calendar tr td[selected=active]
				   { background-color:    #191970;
				   	 color:               #ffffff;
				     cursor:              pointer;
                   }

table.calendar tr td[selected=new]
				   { background-color:    #82b4e6;
				   	 color:               #000000;
				     cursor:              pointer;
				   }
				   
table.palette      { position:            relative; 
                     left:                -10px; 
                     width:               auto; 
                     table-layout:        fixed; 
                     border-collapse:     separate; 
                     border-spacing:      10px 0px;
                   }

tbody.day tr td:not(:nth-child(2)) 
				   { border-bottom:       1px solid #808080;
				     padding-top:         8px;
				     padding-left:        5px;
				     text-align:          left;
				   }
				   
tbody.month div:first-child font, 
tbody.board div:first-child font,
tbody.calendarweek div:first-child font
                   { color:               #a3a3a3;
                     display:             inline-block;
                     width:               150px;   
                     height:              12px;
                     overflow:            hidden; 
                     text-overflow:       ellipsis; -o-text-overflow: ellipsis; 
                     white-space:         nowrap;
                   }
	               
tbody.time tr td   { border-bottom:       1px solid #808080;
				     padding-top:         8px;
                     text-align:          center;
				   }     
				   
tbody.time tr td:nth-child(1), tbody.day tr td:nth-child(1),
tbody.time tr td:nth-child(2), tbody.day tr td:nth-child(2), 
tbody.time tr td:nth-child(3), tbody.day tr td:nth-child(3)
				   { border-bottom:       none;
				     text-align:          left;
				   }
              
td.link, #data table.list tr th.link   
                   { font-weight:         bold;
                   }
                   
td[onClick]        { cursor:              pointer;
				   } 
				   
td.week            { background:          url(../img/grid48x10x60.png) 0px 9px;
					 vertical-align:      top;
	               }                  
                   
tr.cslist td span + span:before 
				   { content:             ', ';
}
				   
tr.cslist td span
				   { color:               #808080;
				     cursor:              pointer;
				   }
				   
tr[unnecessary]    { display:             none;	
				   }
				   
textarea           { font-family:         Calibri, Arial, Helvetica, sans-serif;
                     font-size:           12px;
                     background:          transparent;
                     border-style:        solid;
                     border-width:        1px 1px 1px 1px;
                     border-color:        #fff #fff #808080 #fff;
                     padding-left:        7px;
                     width:               375px;
                     height:              1.5em;
                     resize:              vertical;
                   }

				   
.vblock            { position:            absolute;
				     left:                8px;
					 color:               #808080;
				   }	
				   
.vhour             { display:             none;
				   }			   
				   
#vhour1            { position:            absolute;
					 top:                 3px;
				     left:                15px;
				   }            

#vhour2            { position:            absolute;
					 top:                 8px;
					 left:                8px;
					 line-height:         40px;
					 color:               #808080;
				   }            

#vhour3            { position:            absolute;
					 top:                 480px;
					 left:                15px;
				   }    

				   
/* test  */

div.cwDay          { position:            relative; }

.x-axis			   { height:              50px !important;
					 border-top:          0;
  					 border-right:        0;
  					 border-left:         0;
					 border-width:        0 0 0.5px 0 !important;
					 border-color:        #808080;
					 border-style:        solid;
					 margin-left:         5px;
					 margin-right:        2px;
					 padding:             0 !important;
				   }
					
#datepicker		   { background-color:    #fff; 
                     border:              solid 1px #808080; 
                     width:               400px; 
                     z-index:             999; 
                     overflow:            hidden;
}                      

.header				{ width:              130.625px !important;
					  text-align: center;
					}
					
.dynamic			{ height: auto !important;
					}           

.selectable        {    -moz-user-select: all !important;
                        -ms-user-select: all !important;
                        -webkit-user-select:text !important;
                        -webkit-touch-callout:default !important;
                        -webkit-user-select:text !important;
                        user-select:text !important;
                    }
.copybutton         {
                        background-color: #191970;
                        color:white;
                        border: solid 1px #808080;
                        padding: 2px;

                    }

/*CSS für study.html > individuelle stundenpläne*/
#study {
    padding: 1rem;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
}

#study .group,
#study .program-list {
    margin-bottom: 2rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 1rem;
    background-color: #fdfdfd;
}

#study .group-header,
#study .program-header {
    display: flex;
    align-items: center;
    cursor: pointer;
}

#study .group-header img,
#study .program-header img {
    margin-right: 0.5rem;
}

#study .group-body,
#study .program-table {
    margin-top: 1rem;
}

#study .component {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

#study .component label {
    font-weight: bold;
    margin-bottom: 0.25rem;
}

#study .input-wrapper > * {
    padding: 0.5rem;
    max-width: 100%;
    box-sizing: border-box;
}

#study textarea {
    resize: vertical;
    min-height: 4rem;
}

#study .program-row {
    font-weight: bold;
    margin-top: 1rem;
    cursor: pointer;
    padding: 0.25rem 0;
}

#study .event-rows {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-left: 1.5rem;
    padding-left: 0.5rem;
    border-left: 2px solid #ccc;
}

#study .event-check {
    margin-right: 0.5rem;
    margin-top: 0.25rem;
}

#study .event-data a {
    text-decoration: none;
    color: #0077cc;
    word-break: break-word;
}

@media (max-width: 768px) {
    #study .event-rows {
        flex-direction: column;
    }
    #study .component {
        flex-direction: column;
    }
    #study .program-header,
    #study .group-header {
        flex-direction: column;
        align-items: flex-start;
    }
}