
/*
	Alternatives Menü für Weitere Geräte (Liste)
	Version: Desktop
*/
.desktop#crossGeraete a {
	border: none: !important; 
    display: inline-block !important;
    margin: 2px !important;
    padding: 4px !important;
    width: auto !important;
    height: auto !important;
    line-height: 29px !important;
}

.desktop#fx_cross_nav {
	position:relative;
	width:620px;
	margin:0 auto;
}

.desktop#fx_cross_nav ul.fx_cross_navigation {
	margin:0px auto;
	position:relative;
	float:left;
}

.desktop#fx_cross_nav ul.fx_cross_navigation li {
	display:inline;
	font-size:12px;
	font-weight:bold;
	margin:0;
	float:left;
	position:relative;
	height: 30px;
	width: 320px !important;
}

.desktop#fx_cross_nav ul.fx_cross_navigation li .cross_geraet_liste {
	font-size:10px;
}

.desktop#fx_cross_nav ul.fx_cross_navigation li a{
	padding:0px 10px !important;
	color:#616161;
	text-decoration:none;
	display:inline-block;
	background: #e4e4e4;
	width: 320px !important;
	
	-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;	
}

.desktop#fx_cross_nav ul.fx_cross_navigation li a:hover {
	color:#282828;
	width: 320px !important;
}

.desktop#fx_cross_nav ul.fx_cross_navigation li:hover > a {
	background:#e4e4e4;
}

.desktop#fx_cross_nav ul.fx_cross_navigation li ul li a {
	background:#f5f5f5;
}
.desktop#fx_cross_nav ul.fx_cross_navigation li ul li a.active {
	background:#e47911 !important;
	color: white !important;
}
.desktop#fx_cross_nav a.inactive {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	background: #ffeeee !important;
	color: #ccc !important;
}

.desktop#fx_cross_nav a.inactive:hover {
	color: #ccc !important;
}

.desktop#fx_cross_nav a.inactive2 {
	font-weight:normal;
}

.desktop .fx_cross_navigation li a img{
    padding: 0px !important;
    margin: 0px 0 0 0px !important;
    height: 30px !important;
	width: auto !important;
}

/* Drop-Down Navigation */
.desktop .fx_cross_navigation li:hover > ul
{
	visibility:visible;
	opacity:1;
}

.desktop ul.fx_cross_navigation ul {
	list-style: none;
    margin: 0;
    padding: 0;    
	visibility:hidden;
    position: absolute;
    z-index: 99999;
	width:180px;
	opacity:0;
	width: 345px;
	height: 200px;
	overflow-x: hidden;
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	
}

.desktop ul.fx_cross_navigation ul {
    top: 28px;
    left: -2px;
}


.desktop ul.fx_cross_navigation ul li {
	clear:both;
	width:100%;
}



/* -------------------------------------------------------------------------- */
/*
	Alternatives Menü für Weitere Geräte (Liste)
	Version: Mobile
*/
.mobile#mfx_cross_nav {
	width:100%;
	margin:30px 0 50px 0 !important;
	display: block;
}

.mobile#mfx_cross_nav ul.fx_cross_navigation {
	margin:0px auto;
	border-top: none !important;
}

.mobile#mfx_cross_nav ul.fx_cross_navigation li {
	display:block;
	font-size:12px;
	font-weight:bold;
	margin:0 !important;
	/* float:left; */
	position:relative;
	height: 30px;
	width: 100% !important;
}

.mobile#mfx_cross_nav ul.fx_cross_navigation li a{
	padding:10px 10px !important;
	color:#616161;
	text-decoration:none;
	display:inline-block;
	background: #e4e4e4;
	width: 100% !important;
	height: 50px;
	line-height: 50px;
	margin: 0 !important;
	font-size: 40px;
	
	-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;	
}

.mobile#mfx_cross_nav ul.fx_cross_navigation li a:hover {
	color:#282828 !important;
}

.mobile#mfx_cross_nav ul.fx_cross_navigation li:hover > a {
	background:#e4e4e4;
}

.mobile#mfx_cross_nav ul.fx_cross_navigation li ul li a {
	background:#f5f5f5;
	border: 1px solid #ccc !important;
}

.mobile#mfx_cross_nav ul.fx_cross_navigation li ul li a.active {
	background:#e47911 !important;
	color: white !important;
}

/* Drop-Down Navigation */

/* :focus = iPhone-Hack 1*/
.mobile ul.fx_cross_navigation li:hover > ul,
.mobile ul.fx_cross_navigation li:focus > ul
{
	visibility:visible !important;
	opacity:1 !important;
}


.mobile ul.fx_cross_navigation ul {
	list-style: none;
    margin: 0;
    padding: 0;    
	visibility:hidden;
    position: absolute;
    z-index: 99999;
	opacity:0;
	height: 30px;
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	
}

.mobile ul.fx_cross_navigation ul {
    top: 60px;
    left: -2px;
	width: 100%;
}


.mobile ul.fx_cross_navigation ul li {
	clear:both;
	width:100%;
}

#crossBoxMobile .mobile ul.fx_cross_navigation li a img{
    padding: 20px !important;
    margin: -30px 0 0 10px !important;
    height: 70px !important;
}


