/* Tabs mit radio-Buttons */
.tabbed figure { 
   	display: block; 
   	margin-left: 0; 
   	clear: both;
	width: 1060px;
}

.tabbed > input,
.tabbed figure > div { display: none; }

.tabbed figure>div {
  padding: 0px;
  width: 100%;
}

nav label {
	display: inline-block;
	color: #ffffff;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: #212121;
	padding: 10px;
}

nav label:hover { background: #000000; }
nav label:active { background: #ffffff; }

#tab1:checked ~ figure .tab1,
#tab2:checked ~ figure .tab2,
#tab3:checked ~ figure .tab3,
#tab4:checked ~ figure .tab4,
#tab5:checked ~ figure .tab5
{ display: block; }

#tab1:checked ~ nav label[for="tab1"],
#tab2:checked ~ nav label[for="tab2"],
#tab3:checked ~ nav label[for="tab3"],
#tab4:checked ~ nav label[for="tab4"],
#tab5:checked ~ nav label[for="tab5"]{
  background: white;
  color: #111;
  position: relative;
  border-bottom: none;
}

#tab1:checked ~ nav label[for="tab1"]:after,
#tab2:checked ~ nav label[for="tab2"]:after,
#tab3:checked ~ nav label[for="tab3"]:after,
#tab4:checked ~ nav label[for="tab4"]:after,
#tab5:checked ~ nav label[for="tab5"]:after{
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: white;
  left: 0;
  bottom: -1px;
}