/* Tab Menü */

#tab-menu {
padding: 8px;
width: 100%; display:table;
}
#tab-menu ul { list-style:none}
.tab-menu {
margin-bottom: 5px
}
.tab-menu span a {
background: none repeat scroll 0% 0% #7AAA33;
border-bottom: 5px solid #f2f2f2;
color: #fff !important;
text-decoration: none;
font-weight: bold;
font-size: 14px;
padding: 10px 20px;
display: inline-block;
}
.tab-menu span a.aktif {
background: none repeat scroll 0% 0% #4B6820;
color: #FFF !important;
border-bottom: 5px solid #D8D8D8;
}
.tabmenuContent {
background: #fff;
padding: 10px;
border: 1px solid #ececec; 
width: 100%; display:table;
}
.tabmenuContent ul {list-style:none}

@media only screen and (max-width: 758px) {
	
	#tab-menu {
padding: 5px;
width: 90%; display:table;
}
#tab-menu ul { list-style:none}
.tab-menu {
margin-bottom: 5px
}
.tab-menu span a {
background: none repeat scroll 0% 0% #660000;
border-bottom: 5px solid #E5E5E5;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 12px;
padding: 10px 4px;
display: inline-block;
}
.tab-menu span a.aktif {
background: none repeat scroll 0% 0% #c40000;
color: rgb(255, 255, 255);
border-bottom: 5px solid #D8D8D8;
}
.tabmenuContent {
background: #fff;
padding: 10px;
border: 1px solid #ececec; 
width: 100%; display:table;
}
	
}

@media only screen and (min-width: 759px) and (max-width: 1024px) {
	
		#tab-menu {
padding: 5px;
width: 93%; display:table;
}
.tab-menu {
margin-bottom: 5px
}
#tab-menu ul { list-style:none}
.tab-menu span a {
background: none repeat scroll 0% 0% #660000;
border-bottom: 5px solid #E5E5E5;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 14px;
padding: 10px 10px;
display: inline-block;
}
.tab-menu span a.aktif {
background: none repeat scroll 0% 0% #c40000;
color: rgb(255, 255, 255);
border-bottom: 5px solid #D8D8D8;
}
.tabmenuContent {
background: #fff;
padding: 10px;
border: 1px solid #ececec; 
width: 100%; display:table;
}
	
}