/* CSS Document */
div.label {
		background:#666666; width:970px; height:20px; cursor:pointer;
		font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FFF; text-align:left;
}
td.label {
	color:#FFF; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:left; letter-spacing:1px;
}
table.boxes { border-collapse:separate;
}
td.boxes {
		background:#b68576; width:120px; height:120px; text-align:center; font-weight: bold; cursor: pointer;
		font-size:11pt; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
td.boxes:hover{ background:#7d6366; color:#FFF
}
td.boxes_spac{ width:120px;
}

div.menu_box {
	background:url(/static/img/kub1.gif);
	background-image:url(../img/kub1.gif);
	background-repeat:no-repeat;
	display:block;
	width:20px;
	height:20px;
	z-index:9;
	cursor: pointer;
}
td.menulink {
	color:#FFF;
	cursor: pointer;
	z-index:9;

}
#m_link_1 {height:20px;}
/* real links inside the old click-cells keep the cell's look */
td.label a, td.menulink a { color: inherit; text-decoration: none; }
td.menulink a { display: block; }

/* narrower than the 970px layout: the menu wraps under the name */
@media (max-width: 989px) {
	div.label { width:auto; height:auto; }
	div.label table, div.label tbody { display:block; }
	div.label tr { display:flex; flex-wrap:wrap; align-items:center; padding:4px 6px 2px; }
	div.label td { display:block; }
	div.label td:first-child, div.label td.spacer { display:none; }
	div.label td.label { flex:0 0 100%; padding:4px 0 6px; }
	div.label td.menulink { margin-right:12px; }
	td.menulink a { padding:6px 0; }
	#m_link_1 { height:auto; }
}