#featured{ 
	width:400px; 
	padding-right:250px; 
	position:relative; 
	border:5px solid #ceced3; /*orig #eee*/
	height:250px; 
	overflow:hidden;
	background:#fff;
	}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:400px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; height:250px;
	overflow:auto;
	overflow-x:hidden;
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; 
    font-family: 'Raleway', sans-serif;	
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; text-decoration:none;
	color:#333;  background:#fff; 
	line-height:20px; outline:none;
	font-family: 'Raleway', sans-serif;	
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected, #featured li.ui-tabs-active{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px;
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	bottom:0; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}
#featured .ui-tabs-panel .info a.hideshow{
	position:absolute; 
	font-size:11px; 
	font-family:'Raleway', sans-serif; 
	color:#f0f0f0; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333;
}
#featured .info h2{ 
	font-size:1.2em; 
	font-family: 'Raleway', sans-serif;	
	color:#fff; padding:5px; margin:0; font-weight:normal;
	overflow:hidden; 
}


#featured .info p{ 
	margin:0 5px; 
	font-family: 'Raleway', sans-serif; 
	font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}


/* Breakpoint von 0 bis 1024px*/


@media only screen and (max-width:1024px) {
		
		
	#featured{ 
	width:750px;
	margin:auto;
	}
	
	#featured ul.ui-tabs-nav{ 
	width:350px;
	}

}


/**Breakpoint von 0 bis 766px*/

@media only screen and (max-width: 766px) {	

	#featured{ 
	width:400px;
	}
	
	#featured ul.ui-tabs-nav{ 
	display:none;	
	}	

} 

/**Breakpoint von 0 bis 780px*/

@media only screen and (max-width: 480px) {
		
	/*#featured{ 
	display:none;
	}*/
	
	#featured{ 
	width:250px;
	height:250px;
	}
	
	#featured .ui-tabs-panel .info{ 
	width:60%;	
	background: url('images/transparent-bg.png'); 
	font-size:0.9em;	
	margin-bottom:8px;
	}	
			
	#featured .ui-tabs-panel img{ 
	width:65%;
	}
	
}