@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
}
#navRepCd ul {
	margin-top: 1.0em;
	margin-bottom: 0.6em;
	display: flex;
	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 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start; 
    align-items: center;
	padding-top: 2.0em;
	border-top: 0.1em solid white;
}
#CD{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
#imgCD{
	width:12.0em;
}

#main_right img{
		margin-bottom:1.4em;
		text-align: center;
}
/* 20190104 Gro: Liste der CD-Titel zu lang für Page */
/* Daher Aufteilung songs in 2 Bereiche           */
#songs{
	display: flex;
	flex-direction: row;
	padding-left:2.0em;
}

#songs_left{
	padding-left:2.0em;
}

#songs_right{
	padding-left:2.0em;
}

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

#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-direction: column;
		justify-content: flex-start; 
		align-items: flex-start;
		padding-top: 0.0em;
		border-top: 0.0em;
	}
	#main_right h1{
		margin-bottom:1.8em;
	}
	#main_right img{
		margin-bottom:1.4em;
	}
	#CD{
		width: 98%;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;		
	}
	#imgCD{
		width: 12em;
		padding-right:1.0em;
	}
	#songs {
		flex: 1;
		display: flex;
		flex-direction: column;
		padding-left:3.0em;
	}
	#songs_16 {
		flex: 1;
		display: flex;
		flex-direction: row;
		padding-left:3.0em;
	}
	#songs_right{
		flex: 10;
		display: flex;
		flex-direction: column;
		padding-left:2.0em;
	}
	#songs_left{
		flex: 11;
		display: flex;
		flex-direction: column;
		padding-left:0.0em;
	}
}