@charset "UTF-8";

body,html{
  font-family:Arial, Helvetica, sans-serif;
  height:100%;
  width:100%;
  margin-left:-0.2px;
  margin-top:-0.2px;
 
  overflow:scroll;
  /*color:#CCC;
      background-color:azure;
     
    */
background-color:#FEFFFC;
   
   
  	color:#333;
   
 
}

a:link {color:cadetblue; text-decoration: none;}      /* unvisited link */
a:visited {color:cadetblue; text-decoration: none;}  /* visited link */
a:hover {color:#006;text-decoration: none;}  /* mouse over link */
a:active {color:#0000FF;text-decoration: none;}  /* selected link */


#menu{
    position: fixed;
    left: 10px;
    top: 10px;
    font-size: 26px;
    background-color:aliceblue;
    padding-left: 20px;
    padding-right: 20px;
     border-radius: 5px;
    z-index: 100;
    
    
}

#menurek{
    position: fixed;
    left: 10px;
    bottom: 10px;
    font-size: 26px;
    background-color:#fefe22;
    padding-left: 20px;
    padding-right: 20px;
     border-radius: 5px;
    z-index: 100;
    
    
}


#menu2{
    position: fixed;
    right: 10px;
    bottom: 10px;
    font-size: 26px;
    background-color:aliceblue;
    padding-left: 20px;
    padding-right: 20px;
     border-radius: 5px;
    z-index: 100;
    text-align: right;
    
    
}


body h1{
    padding-left: 20%;
    padding-right: 20%;
    font-size:46px;
    letter-spacing: 10px;
    margin-top:15%;
    margin-bottom:10%;
    
}

#container{
	
	
	overflow-x:hidden;
	overflow-y:scroll;
	height:100%;
    width: 90%;
    text-align: center;
}

#container2{
	
	/*font-family:Arial, sans-serif;*/
	
	font-family:Helvetica, sans-serif;
	
	line-height:40px;
	width:1000%;
	overflow-x:scroll;
	overflow-y:scroll;
	height:100%;
}

#container h1{
	line-height:60px;
}




#content{

	margin:15px auto;
	width:auto;
	height:auto;
	min-width:320px;
	position:relative;
	display:inline-block;
	margin-left:10%;
	margin-right:9%;
	
	/*font-size:13px;*/
	text-align:justify;
	
	font-size:24px;
	/*float:left;*/
	padding-bottom:15%;
	vertical-align:middle;

}


#content22{

	margin:15px auto;
	width:auto;
	height:auto;
	min-width:320px;
	position:relative;
	display:inline-block;
	margin-left:15%;
	margin-right:14%;
	
	text-align:center;
	vertical-align:middle;

}


#banner{
	width:100%;
	margin-top:50px;
	margin-bottom:50px;
	
}

#banner img{
	max-width:100%;
	width:45%;
	height:auto;
	margin:1%;
	vertical-align:middle;
	
	
}

#banner2{
	width:100%;
	margin-top:0px;
	margin-bottom:50px;
	opacity:1;
    font-size: 1.3em;

}

#banner2 img{
	max-width:100%;
	width:90%;
	height:auto;

}

#banner2 b{
	font-size: 2em;  

}



#banner2x{
	width:100%;
	margin-top:0px;
	margin-bottom:50px;
	opacity:1;
    text-align: center;
    font-size: 1.3em;

}

#banner2x img{
	max-width:100%;
	width:60%;
	height:auto;

}

#banner2x b{
	font-size: 2em; 

}




#bannerp2{
	text-align:center;
	width:100%;
	margin-top:0px;
	margin-bottom:50px;
	opacity:1;

}

#bannerp2 img{
	max-width:100%;
	width:100%;
	height:auto%;

}


#bannerbio{
	text-align:center;
	width:100%;
	margin-top:0px;
	margin-bottom:50px;
	opacity:1;

}

#bannerpbio{
	max-width:40%;
	width:40%;
	height:auto%;

}


#banner3{
	text-align:left;
	width:auto;
	margin-top:50px;
	margin-bottom:50px;
	float:left;

}

#banner3 img{
	max-width:100%;
	width:100%;
	height:auto;
	display:inline;
}

#banner4{
	text-align:left;
	width:auto;
	margin-top:50px;
	margin-bottom:50px;


}

#banner4 img{
	max-width:100%;
	width:100%;
	height:auto;
	display:inline;
}


#bannerlisten{
	width:100%;
	margin-top:0px;
	margin-bottom:50px;
	opacity:1;

}

#bannerlisten img{
	max-width:60%;
	width:60%;
	height:auto;

}



.boxsoundcloud {
	overflow:hidden;
	position: relative;
	max-width:100%;
	width:auto;
	height:auto;
	float:left;
	background-color:#FFF;
	display:inline-block;
	
	
	margin-right:5%;
	margin-top:0px;
	
	line-height:40px;
	font-size:20px;
	
	border-radius:5px;
	
	
}

.boxsoundcloud iframe{
	opacity:0.9;

}

.box {
	overflow:hidden;
	position: relative;
	font-size:16px;
	vertical-align:top;
	width:280px;
	height:auto;
	display:inline-block;
	/*text-align:left;*/
	
	margin-right:100px;
	margin-top:10px;
	margin-bottom:20px;
	line-height:20px;
	text-align:justify;
	
	
}

.box img {
	width:70%;
	opacity:0.9;

}



.boxteksti{
	
	padding-left:5px;
	padding-right:10px;
	text-align:left;
	/*color:#333;*/
	display:inline-block;
	height:auto;
	
}

.boxteksti p{
	margin-left:0px;
}

.boxteksti h4{
	font-size:20px;
	margin-top:10px;
	margin-bottom:10px;
	margin-bottom:1px;
	line-height:22px;
	
}


#footer{
height:auto;
width:100%;

clear: both;
position: relative;

padding-top:45px;
padding-bottom:45px;
color:#000;
font-size:12px;
text-align:center;

}


#footer a:link {color:#E9E9E9;}      /* unvisited link */
#footer a:visited {color:#E9E9E9;}  /* visited link */
#footer a:hover {color:#006;}  /* mouse over link */
#footer a:active {color:#0000FF;}  /* selected link */


#videoWrapper {
	
	position: relative;
	/*padding-bottom: 56.25%; /* 16:9 */
	/*padding-top: 25px;*/
	min-height:200px;
	height:600px;
	width:100%;
	display:inline-block;
	/*margin-bottom:56.25%;*/
	padding-top:50px;
	padding-bottom:50px;
	background-color:#FFF;
}



#videoWrapper iframe {
	/*position: absolute;
	top: 0;
	left: 0;*/
	
	width:100%;
	height:98%;
}

#videoWrapperHiap {
	
	position: relative;
	/*padding-bottom: 56.25%; /* 16:9 */
	/*padding-top: 25px;*/
	min-height:200px;
	height:600px;
	width:100%;
	display:inline-block;
	/*margin-bottom:56.25%;*/
	
	background-color:#FFF;
}



#videoWrapperHiap iframe {
	/*position: absolute;
	top: 0;
	left: 0;*/
	
	width:100%;
	height:98%;
}

#videoWrapperLoafer {
	
	position: fixed;
	/*padding-bottom: 56.25%; /* 16:9 */
	/*padding-top: 25px;*/
	min-height:200px;
	height:600px;
	width:100%;
	display:inline-block;
	/*margin-bottom:56.25%;*/
	padding-top:0px;
	padding-bottom:50px;
	background-color:#FFF;
	z-index:1;
}



#videoWrapperLoafer iframe {
	/*position: absolute;
	top: 0;
	left: 0;*/
	
	width:100%;
	height:98%;
}

#loafertext{
	padding-left:30px;
	padding-right:30px;
	font-size:14px;
	font-weight:bold;
	background-color:#FF0400;
	position:absolute;
	top:0px;
	right:0px;
	z-index:10;
	line-height:18px;
	text-align:right;
	opacity:0.8;
}

#loaferbuttons{
	padding-left:30px;
	padding-right:30px;
	font-size:14px;
	font-weight:bold;
	background-color:#FF0400;
	position:absolute;
	top:0px;
	leftt:0px;
	z-index:10;
	line-height:18px;
	opacity:0.8;
}