@charset "UTF-8";
/* CSS Document */

body {
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:15px;
	line-height:20px;
	background-image:url(../images/bg.jpg);
	background-color:#000000;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	color:#cccccc;
	background-size:cover;
	background-position:top center;
	-webkit-text-size-adjust:100%;
	-webkit-animation-delay: 0.1s;
	-webkit-animation-name: fontfix;
	-webkit-animation-duration: 0.1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	margin:0;
	overflow-y: scroll;
	overflow-x: hidden;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

.clearfix {
	clear:both;
}

img {
	border:0;
	border-style: none;
	outline:0;
}

a:link, a:visited, a:active {
	color:#aac844;
	text-decoration:none;
}

/* NAVIGATION */

#nav {
	width:980px;
	height:25px;
	color:#EEEEEE;
	font-size:13px;
	text-align:center;
	text-transform:uppercase;
	background: rgba(170, 200, 68, .3);
	padding-top:5px;
}

.nav-ind{
	margin:0px 27px;
}

.nav-ind:hover, .nav-ind-sub:hover {
	color:#e6fe97;
	cursor:pointer;
}

/* NAVIGATION end */

/* ECARD */

#ecard-m {
	width:980px;
	margin:auto;
}

#ecard {
	width:980px;
	height:570px;
	background: rgba(255, 255, 255, .1);
	border:1px solid #444444;
	margin:30px auto 10px;
	position:relative;
}

#main {
	width:980px;
	height:540px;
	overflow:hidden;
}

.main-c {
	width:920px;
	margin:auto;
	position:relative;
}

.logo-orfeo {
	width:85px;
	margin:15px 0px 0px 30px;
}

.yellow {
	color:#ffd71a;
}

.green {
	color:#aac844;
}

.sup-t {
	font-size:10px;
}

.m20 {
	margin-top:20px;
}

.m30 {
	margin-top:30px;
}

.m5 {
	margin-top:5px;
}

.footer {
	font-size:11px;
	text-align:center;
}

/* HOME */

#home {
	width:980px;
	display:block;
	position:absolute;
	top:55px;
	left:0px;
}

.home-c {
	width:845px;
	margin:auto;
}

.home-l {
	width:410px;
	text-align:center;
	float:left;
	margin:15px 0px 0px;
}

.home-r {
	width:385px;
	float:left;
	margin:45px 0px 0px
}

.divider {
	width:35px;
	float:left;
	margin:15px 15px 0px 0px;
}

.title {
	width:320px;
	margin:13px auto;
}

.audio-p {
	width:285px;
	margin:5px auto;
}

/* HOME end */





/* ABOUT */

#about {
	width:980px;
	display:none;
	position:absolute;
	top:25px;
	left:0px;
}

#vonEinem {
	display:block;
	position:absolute;
	top:60px;
	left:0px;
}

#works {
	display:none;
	position:absolute;
	top:60px;
	left:0px;
}

.nav-about-m {
	color:#EEEEEE;
	font-size:13px;
	line-height:18px;
	text-align:right;
	text-transform:uppercase;
	background: rgba(170, 200, 68, .3);
	padding:5px 30px 5px 10px;
	position:absolute;
	top:0px;
	right:0px;
}

.nav-ind-sub{
	margin:0px 15px;
}

.artist-pic {
	width:250px;
	float:left;
	margin-top:5px;
}

.bio {
	width:650px;
	float:left;
	margin-left:20px;
}

.bio-s {
	width:650px;
	text-align:center;
	margin:auto;
}


/* ACCORDION */

/* Acordeon styles */
.tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #fff;
  overflow: hidden;
}
input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  color:#aac844;
  font-weight: 500;
  line-height:50px;
  border-bottom:1px solid #444444;
  cursor: pointer;
}
.tab-content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
}
.tab-content p {
  margin: 1em;
}
/* :checked */
input:checked ~ .tab-content {
  max-height: 17em;
}
/* Icon */
label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
input[type=checkbox] + label::after {
  content: "+";
}
input[type=radio] + label::after {
  content: "\25BC";
}
input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}

/* ACCORDION end */

/* ABOUT end */





/* TRACKLIST */

#tracklist {
	width:980px;
	display:none;
	position:absolute;
	top:15px;
	left:0px;
}

/* TRACKLIST end */




/* ARTIST */

#artist {
	width:980px;
	display:none;
	position:absolute;
	top:15px;
	left:0px;
}

.nav-artist-m {
	font-size:13px;
	line-height:20px;
	text-align:right;
	text-transform:uppercase;
	background: rgba(170, 200, 68, .3);
	padding:5px 30px 5px 10px;
	position:absolute;
	top:0px;
	right:0px;
}

#raimondi {
	display:block;
	position:absolute;
	top:110px;
	left:0px;
}

#apkalna {
	display:none;
	position:absolute;
	top:110px;
	left:0px;
}

#boldoczki {
	display:none;
	position:absolute;
	top:110px;
	left:0px;
}

#vpo {
	display:none;
	position:absolute;
	top:110px;
	left:0px;
}

#welser {
	display:none;
	position:absolute;
	top:110px;
	left:0px;
}

#viennasingverein {
	display:none;
	position:absolute;
	top:110px;
	left:0px;
}

/* ARTIST end */




/* TRACKLIST */

#tracklist {
	width:980px;
	font-size:14px;
	display:none;
	position:absolute;
	top:15px;
	left:0px;
}

.half {
	width:440px;
	float:left;
}

.track-title {
	font-size:15px;
	color:#aac844;
	font-weight:500;
	margin-top:15px;
}

.track-m {
	width:480px;
	font-size:14px;
	line-height:18px;
	margin-top:5px;
}

.track {
	width:405px;
	float:left;
	margin-right:10px;
}

.dur {
	width:40px;
	text-align:right;
	float:left;
}

.num {
	width:15px;
	text-align:center;
	font-size:12px;
	line-height:15px;
	background-color:#657331;
	padding:2px 0px;
	float:left;
	margin-right:10px;
}

/* TRACKLIST end */





/* RECOMMENDED */

#recommended {
	width:980px;
	display:none;
	position:absolute;
	top:15px;
	left:0px;
}

.album-h {
	width:125px;
	float:left;
	margin:0px 15px;
}

.album-h img, .album-o img {
	border:1px solid #444444;
}

.album-o {
	width:100px;
	float:left;
	margin:0px 15px;
}

.catno {
	font-size:13px;
	line-height:15px;
	text-align:center;
	margin-top:5px;
}

.flag {
	width:80px;
	padding:2px 3px;
	font-size:12px;
	text-align:center;
	color:#EEE;
	font-weight:500;
	background-color:#00729d;
	border-radius:2px;
	position:absolute;
	top:-25px;
	left:63px;
}


/* RECOMMENDED end */


/* ECARD end */