.takenlijst{ float:left; height: 500px; width: 335px; overflow-x: scroll; overflow-y:scroll; } .dagenlijst{ float:left; height: 500px; width: 605px; overflow-x:scroll; border-left:1px solid #ebebeb; } .gTable{ table-layout:fixed; border-collapse:collapse; border-spacing:0px; padding:0; margin-bottom:0px; white-space: nowrap; } .gColHeader { min-width: 5px; height: 38px; background-color:#975796; color:#ffffff; font-weight: normal; font-size:0.8em; } .gColHeader2 { min-width: 5px; height: 20px; background-color:#975796; color:#ffffff; border-right: 1px solid #975796; font-weight: normal; font-size:0.8em; text-align:center; } .gColHeader3{ min-width: 5px; height: 20px; background-color:#975796; color:#ffffff; font-weight: normal; font-size:0.8em; text-align:center; } .gColHeader4{ height: 20px; color:#ffffff; overflow-x:hidden; } .gCellM { min-width: 5px; height: 32px; border-bottom: 1px solid #eee; font-weight:normal; font-size:0.8em; text-align:center; } .gCell { border-bottom: 1px solid #eee; border-right: 1px solid #eee; height: 32px; font-size:0.9em; overflow: hidden; padding:3px 2px; } .gHead{ height: 20px; background-color:#975796; color: #ffffff; font-weight: normal; font-size:.8em; text-align: center; } .gMonthCell { overflow: hidden; padding:4px 2px; border-right:1px solid #ffffff; font-size:.8em; } td.pijlhead{ text-align: center; } tr.pijlhead{ background-color:#d4cfcb; } tr.pijlhead .selected{ background-color:#d4b9d3;; } tr.bg{ background-color:#bababa; } tr.ganttselected{ border:1px solid #d4b9d3; background-color:#d4b9d3; } .holyH{ background-color: #b283b2 ; } .holy{ background-color: #efecef; } div.tbKlas{ position:absolute; height:23px; margin-top:3px; z-index:50; border:1px dotted #975796; /* background-color:#f7f7f7; */ background-color:#f74299; opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } div.tijdPijler { background-color:#d4cfcb; background-color:#f99443; } .ganttButtonSeparator{ border-left:1px solid #faa461; padding-right:10px; margin-left:10px; font-size: 130% } #todayLine{ border-left:2px solid green; position:absolute; left: 10px; top: 42px; min-height: 440px; width: 2px; z-index: 55; } #todayLineM{ border-left:2px solid green; position:absolute; left: 10px; top: 0px; width: 2px; z-index: 55; } .mensregel{ position: absolute; z-index:30; padding:0px; left: 6px; } .persist-area{ position:relative; } .floatingHeader { position: absolute; top: 300px; left:0px; z-index:55; /*visibility: hidden;*/ }