.blucaptionmen:hover {
	color: #6093CE; 
}



.sandwich {
	    margin-top:5px;
		display:block;
		width: 45px;
		height: 45px;
		background-image: url(/e107_themes/BLU_V2/images/menu0.png);
		background-repeat: no-repeat;
		background-position: left;
		background-size: 45px 45px;
		cursor: pointer;
}	

.sandwich:hover {
		margin-top:5px;
		display:block;
		width: 45px;
		height: 45px;
		background-image: url(/e107_themes/BLU_V2/images/menu1.png);
		background-repeat: no-repeat;
		background-position: left;
		background-size: 45px 45px;
}	


nav {
	display: none;
}
nav ul {
 	width: 200%;
 	padding: 8px;
 	margin: 0px;
	float: right;
	border: 0px dotted #808080;
	position: relative; left: 10px; top:3px;
}
/* Untermenüpunkte */
nav ul li {
	font-family: "Arial", sans-serif;
	font-size: 20px;
	list-style-type: none;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 2px;
	top: 4px;
	left: 0px;
	background-color: #F9F9F9;
	border: 1px solid #FFFFFF;
	line-height: 32px;
	vertical-align:center;
}


nav ul li:hover {
	font-family: "Arial", sans-serif;
	font-size: 20px;
	list-style-type: none;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 2px;
	top: 4px;
	left: 0px;
	background-color: #F2F2F2;
	border: 1px solid #FFFFFF;
	line-height: 32px;
	vertical-align:center;
}



input#open-menu {
	display: none;
}

input[type=checkbox]:checked ~ nav {
    display: block;
}
	
label.open-menu-label {
	background: #FFFFFF; /* Sandwichbutton-Lage */
	padding: 0px 0px;
	border: 1x dotted #808080;
	display: block;
	color: #000000;
	font-family: "Arial", sans-serif;
	font-size: 40px;
	float: right;
}


/* KLEIN (Handy) */
@media screen and (min-width: 0px) and (max-width: 799px) {
	.SEITENMENU {
		display:none;
	}	
	.blulogo {
		padding:0px;
		display:block;
		width: 150px;
		height: 50px;
		background-image: url(/e107_themes/BLU_V2/images/BLU_logo1.png);
		background-repeat: no-repeat;
		background-position: left;
		background-size: 150px 50px;
		margin-top:5px;
	}

	label.open-menu-label {
	background: #FFFFFF; /* Sandwichbutton-Lage */
	padding: 0px 0px;
	border: 1x dotted #808080;
	display: block;
	color: #000000;
	font-family: "Arial", sans-serif;
	font-size: 40px;
	float: right;
	}
	
}

/* MITTEL (ipad) */
@media screen and (min-width: 800px) and (max-width: 1099px) {
	.SEITENMENU {
		display:none;
	}

	.blulogo {
		padding:0px;
		display:block;
		width: 187px;
		height: 70px;
		background-image: url(/e107_themes/BLU_V2/images/BLU_logo1.png);
		background-repeat: no-repeat;
		background-position: left;
		background-size: 187px 70px;
		margin-top:1px;
	}
	
	label.open-menu-label {
	background: #FFFFFF; /* Sandwichbutton-Lage */
	padding: 4px 0px;
	border: 1x dotted #808080;
	display: block;
	color: #000000;
	font-family: "Arial", sans-serif;
	font-size: 45px;
	float: right;
	}
	

}

/* GROSS (PC) */
@media screen and (min-width: 1100px) {

	.SEITENMENU {
	display:block;
	position: relative; top:32px;
	}	
	.blucaptionmen {
	font: 18px verdana, tahoma, arial, sans-serif;
	margin: 0px;
	color: #000000;
	padding-left:20px;
	}
	.blulogo {
	width:300px;
	height:96px;
	background-image: url(/e107_themes/BLU_V2/images/BLU_logo1.png);
	background-repeat: no-repeat;
    background-position: left;
	background-size: 300px 96px;	
	}
	
	nav {
		display: inline;
		text-align: right;
		padding: 0px;
		background: #FFFFFF; 
		color: #000000;
		position: relative;
		left: 0px;
		display: none;
	}

	nav ul li {
	font-family: "Arial", sans-serif;
		display: none;
	}
	
	/** Sandwichbutton wird ausgeblendet **/
	label.open-menu-label {
		display: none;
	}
}