 /* dock */
#dock{margin:0px; padding:0px; list-style:none; position:fixed; top:0px; height:100%; 
	  z-index:100; background-color:#DCDCDC; left:0px;}
#dock {
	margin-top: 30px;
}
#dock > li {width:40px; height:120px; margin: 0 0 1px 0; background-color:#dcdcdc;
			 background-repeat:no-repeat; background-position:left center;}

#dock #links {background-image:url(links.png);}
#dock #files {background-image:url(files.png);}
#dock #tools {background-image:url(tools.png);}

#dock > li:hover {background-position:-40px 0px;}

/* panels */
#dock ul li {padding:5px; border: solid 1px #F1F1F1;}
#dock ul li:hover {background:#D3DAED url(item_bkg.png) repeat-x; border: solid 1px #A8D8EB;}
#dock ul li.header, #dock ul li .header:hover {background:#D3DAED url(header_bkg.png) repeat-x;border: solid 1px #F1F1F1;}

#dock > li:hover ul {display:block;}
#dock > li ul {position:absolute; top:0px; left:-180px;  z-index:-1;width:180px; display:none;
			   background-color:#F1F1F1; border:solid 1px #969696; padding:0px; margin:0px; list-style:none;}
#dock > li ul.docked { display:block;z-index:-2;}

.dock,.undock{float:right;}
.undock {display:none;}
#content {margin: 10px 0 0 60px;}

 /**
     Start Cockpit, nob 15.12.2020
  */
 .mouseover-detail{
	 visibility: hidden;
 }

 .artikelCockpit {
	 display: grid;
	 grid-template-columns: 1fr 1fr 1fr 1fr;
	 grid-template-rows: 0.7fr 1.3fr 1fr;
	 gap: 0px 0px;
	 grid-template-areas:
			 "titel titel bewertungGes bewertungGes"
			 "artikelLager artikelLager ereignisDetail bestand"
			 "artikelLager artikelLager ereignisDetail bestand";
 }

 .artikelCockpit div{
	 padding: 5px;
	 max-height: 600px;
	 min-height: 50px;
	 border: 1px solid black;
	 overflow: hidden;
	 -ms-overflow-style: none;
	 scrollbar-width: none;
	 overflow: scroll;
 }
 .artikelCockpit div::-webkit-scrollbar {
	 display: none;
 }

 .titel { grid-area: titel; }
 .ereignisDetail { grid-area: ereignisDetail; }
 .bewertungGes { grid-area: bewertungGes; }
 .artikelLager { grid-area: artikelLager; }
 .bestand { grid-area: bestand; }
