.halfmoon{

}

.halfmoon ul{
padding: 3px 9px 2px 5px;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
list-style-type: none;
text-align: left;
}

.halfmoon li{
display: inline;
margin: 0;
}

.halfmoon li a, .halfmoon li strong{
text-decoration: none;
padding: 3px 9px 2px 5px;
margin: 0;
margin-right: 1px;
color: black;
background: #660033;
}

.halfmoon li strong{
	color:#9d1d21;
	padding-bottom:3px;
	background-color:#fff;
}
.halfmoon li a:visited{
color: black;
}
.halfmoon li a:focus, .halfmoon li a:active{
	color:#fff;
	background-color:#666;
}
.halfmoon li a:hover{
background-color: #CDDADA;
color: navy;
}

/*Navi vertikal*/
#mainnav, #mainnav ul{
	list-style-type:none;
}
#mainnav a, #mainnav strong{
	outline:0;/*keine gestrichelte Linie beim Anklicken.*/
	background:#660033;
	display:block;
	color:#fff;
	padding:0.25rem 1rem;
	text-decoration:none;
}
#mainnav strong{
	background:#660033;
	color:#f09;
}
#mainnav a:focus, #mainnav a:hover {
	background-color: #660033;
}
#mainnav a:active{
	background-color: #660033;
	color:#f09;
}


@media screen and (max-width: 700px){
  .halfmoon ul{
		overflow:hidden;
	}
	.halfmoon li{
		float:left;/*Bugfix Opera*/
	}
	.halfmoon li a, .halfmoon li strong{
		line-height: 2.5;/*2,5 Zeilen*/
		margin-right:0.4rem;
		background:#fff;
		
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		-moz-border-radius:0.25rem;
		-webkit-border-radius:0.25rem;
		border-radius:0.25rem;
		
		-webkit-box-shadow: 3px 3px 4px #666;
    -moz-box-shadow:  3px 3px 4px #666;
    box-shadow:  3px 3px 4px #666;
		-webkit-box-shadow: 0.1875rem 0.1875rem 0.25rem #666;
    -moz-box-shadow: 0.1875rem 0.1875rem 0.25rem #666;
    box-shadow: 0.1875rem 0.1875rem 0.25rem #666;
	}
}