.tabscrolling {
	scrollbar-width:thin;padding-right:20px;height:500px;overflow:auto;
}

#tabmenu {
    position: relative;
    margin: auto;
    width: 940px;
	background:#ddd;
	padding:20px;
    height: 580px;
}

#tabmenu [type="radio"] { display: none; }

#tabmenu [for^="tab"] {
    position: absolute;
    top: 0px;
    width: 225px;
    background: #f4f1f1;
	padding:10px;
	text-align:center;
	font-family: roboto;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
color: #bfbbbb;
font-size: 14px;
	
}

#tabmenu [for^="tab"]:hover {
	cursor:pointer;
}


#tabmenu [for="tab-1"] { left: 0px; }
#tabmenu [for="tab-2"] { left: 245px; }
#tabmenu [for="tab-3"] { left: 490px; }
#tabmenu [for="tab-4"] { left: 735px; }

#tabmenu .tab-content {
    position: absolute;
    box-sizing: border-box;
    top: 65px;
    width: 940px;
   height: 540px;
    opacity: 0;
	padding:20px;
	padding-right:0px;
	background:#eae8e8
}

#tabmenu input:checked + label {
   font-weight: bold;
	background-color:#bfbbbb;
	color:#f4f1f1;
}

#tabmenu input:checked + label + .tab-content {
    z-index: 1;
    opacity: 1;
}