@charset "utf-8";
/* CSS Document */
#main_flex{
	display: flex;
	flex-direction: column;
	justify-content: center; 
    align-items: center;
	margin-bottom: 3.0em;
}
#navRepCd {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center; 
    align-items: center;
	font-size:1em;
	margin-bottom:1em
}
#main_right {
	display: flex;
	flex-direction: column;
	justify-content: flex-start; 
    align-items: flex-start;
	padding-top: 2.0em;
	border-top: 0.1em solid white;
}

#main_right img{
	margin-top:1.4em;
	margin-bottom:1.4em;
}
#songs_left{
	flex: 1;
}
#songs_left ul li {
	padding-top: 0.5em;
}
#songs_right{
	flex: 1;
}
#songs_right ul {
	margin-bottom: 0.5em;
}
#songs_right ul li {
	padding-top: 0.5em;
}
#navRepCd ul {
	margin-top: 1.0em;
	margin-bottom: 0.6em;
	display: flex;
	/*! flex: 1; */
	flex-flow: row wrap;
	justify-content: space-evenly;
}

#navRepCd ul li{
	list-style-type:none;
	text-align: center;
	font-size:1.2em;
	padding-bottom:0.2em;
	margin-right: 0.2em;
	border: 1px solid #aaa;
	border-radius: 0.6em;
	padding-right: 0.6em;
	margin-bottom: 0.6em;
	padding-left: 0.6em;
	padding-top: 0.2em;
}

#main_right h2{
	font-size:1.4em;
	font-weight:normal;
	color:#FFCC00;
}

#main_right li{
	font-size:1.2em;
	list-style-position:inside;
}

#navRepCd ul li a:link{
	text-decoration:none;
	color:#aaa;
}

#navRepCd ul li a:visited{
	text-decoration:none;
	color:#c82323;
}

#navRepCd ul li a:hover{
	text-decoration:none;
	color:#FFCC00;
}

#navRepCd ul li a:active{
	text-decoration:none;
	color:#FFCC00;
}

.aktivLink{
	color:#FFCC00;
}

@media all and (min-width : 45em) {
	#main_flex{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start; 
    align-items: flex-start;
	}
	#navRepCd{
		flex: 1;
		display: inline;
	}
	#navRepCd ul li{
		list-style-type:none;
		font-size:1.2em;
		padding-left: 0.0em;
		padding-top: 1.0em;
		text-align: left;
		margin-bottom: 0.0em;
		border: none; 
	}
	#navRepCd ul{
		display: inline;
	}
	h1{
		padding-bottom: 0.6em;
	}				 
	#main_right{
		flex: 2;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start; 
		align-items: flex-start;
		padding-top: 0.0em;
		border-top: 0.0em;
	}
}