html, body
{
  width: 100%;
  height: 100%;
  margin: 0px;
  background-color: #F0F0F0;
  z-index: -10;
  font-family: "Ubuntu", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
}

font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url('/fonts/ubuntu.ttf') format('truetype');
}

.laatikko {
background-color: #FFFFFF;
z-index: 3;
overflow: visible;
display: flex;
display: -webkit-flex;
min-width: 100%;
}

.container {
/* z-index: 3; */
}

.fill {
    width:100%;
    min-height:100%;
    padding: 0px;
    display: block;
    overflow: auto;
    position: relative;
    z-index: 5;
}

.row {
/* z-index: 3; */
  position: relative;
  background-color: #FFFFFF;
} 

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

/*

a:hover {
        color: #000000;
        font-weight: bold;
}

*/

h1, h2, h3, h4, h5, h6 {

font-family: "Ubuntu", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.h1, .h2, .h3, .h4, .h5, .h6 {

font-family: "Ubuntu", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.paivansoitetuin {
	display: inline;
}

.footercontainer {
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 16px;
}

.mainos200 {
	margin-top: 17px;
}

.logo {
	width: 347px;
	position: relative;
	float: left;
	height: 100px;
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-left: 5px;
	margin-right: 55px;
}

.marginylaala {
	margin-top: 10px;
	padding-bottom: 0px;
}

.ylamargin {
	margin-top: 10px;
}

.ylamargin10 {
	margin-top: 10px;
}

.ylamargin16 {
	margin-top: 16px;
}

.ylamargin20 {
	margin-top: 20px !important;
}

.ylamargin30 {
	margin-top: 30px !important;
}

.ylamargin10xs {
	margin-top: 10px !important;
}

.ylamargin20xs {
	margin-top: 20px !important;
}

.boksi20 {
	height: 20px;
}

.etusivuylamargin {
/*	margin-top: 10px; */
	padding-top: 10px;
	padding-bottom: 16px;
/*        margin-bottom: 16px; */
}

.alamargin {
	margin-bottom: 10px;
}

.alamargin10 {
	margin-bottom: 10px;
}

.etusivulistamargin {
	margin-top: 15px;
	margin-bottom: 21px;
}

.pystyviiva {
/*	border-left-width: 1px;
	border-right-width: 1px;
	border-left-color: #ddd;
	border-right-color: #ddd;
	border-left-style: solid;
	border-right-style: solid; */
}

.nuolialas {
	position: absolute;
	margin-top: 40px;
	height: 70px;
	display: table-cell;
	vertical-align: bottom;
	text-align: left;
}

.ylapalkki {
	float: left;
	height: 80px;
/*	padding-top: 10px; */
	background-color: #9E8264;
	color: inherit;
	width: 100%;
	display: table;
}

.ylamainos {
	width: 728px;
	height: 90px;
	float: left;
	margin-left: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}

.oikeamainos {
	margin-top: 15px;
	margin-bottom: 20px;
	margin-right: -1px;
	float: right;
}

.oikeamainos2 {
	margin-top: 25px;
	margin-bottom: 10px;
	float: right;
}

.oikeamainos3 {
	margin-top: 20px;
	margin-bottom: 10px;
	display: table;
	position: relative;
	float: right;
}

.oikeamainos4 {
	margin-top: 76px;
	margin-bottom: 20px;
	float: right;
}

.oikeamainos5 {
	margin-top: 62px;
	float: right;
}

.oikeamainos6 {
	margin-top: 72px;
	margin-bottom: 10px;
	display: table;
	position: relative;
	float: right;
}

.table > tbody > tr > td {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid rgb(221, 221, 221);
}

.biisitdiv {
	width: 100%;
	float: left;
	position: relative;
}

table.biisit {
        border: none;
        border-collapse: collapse;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 10px;
	float: left;
}

td.radiokanava {
        width: 150px;
        height: 50px;
        padding-left: 10px;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        text-align: left;
	vertical-align: middle !important;
	padding-top: 20px;
}

td.radiokanava2 {
        width: 150px;
}

td.radiokanava3 {
        width: 130px;
        max-width: 130px;
}

.radiokanava4 {
        width: 150px;
        max-width: 150px;
}

/* 

td.radiokanava:hover {
        background-color: #9E917D;
}

*/

.radiokanava a:link, .radiokanava a:active, .radiokanava a:visited {
        color: #000000;
        text-decoration: none;
}

/*

.radiokanava a:hover {
        color: #000000;
        font-weight: bold;
}

*/

td.soittokerrat {
	width: 50px;
	text-align: right;
}

td.soittoaika {
	width: 50px;
	text-align: right;
}

td.soittoaika2 {
	width: 150px;
	text-align: right;
}

td.kappale2 {
	display: block;
        text-overflow: ellipsis;
	text-align: left;
	table-layout: fixed;
	white-space: nowrap;
}

td.playnappula {
	width: 110px;
	text-align: right;
}

td.playnappula2 {
	width: 100px;
	text-align: right;
}

td.nytsoikappale {
	table-layout: fixed;
	white-space: nowrap;
}

.kappalelinkki {
	color: #404040;
	font-weight: bold;
}

.infoteksti {
	text-align: justify;
	margin-top: 10px;
	position: relative;
	min-width: 560px;
}

.facebooknappi {
	margin-left: 20px;
	width: 65px;
	height: 63px;
	float: left;
	position: relative;
	display: block;
}

.etusivuesittelyalaboksi {
	width: 570px;
	margin-top: 0px; 
	margin-bottom: 18px;
	float: left;
	position: relative;
}

.esittelytekstibanneri {
	float: left;
        width: 100%;
	height: 60px;
	display: block;
	position: relative;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	bottom: 0px;
}

.asemannimi {
	position: relative;
	float: left;
}

.soitetuinkappaleennimi {
	width: 145px;
	height: 46px;
	position: relative;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	background-color: #F0FD4E;
        font-size: 18px;
        text-align: center;
	text-overflow: ellipsis;
}

.soitetuinkappaleennimi2 {
	width: 406px;
	max-width: 406px;
	height: 46px;
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	background-color: #F0FD4E;
	text-overflow: ellipsis;
	overflow: hidden;
}

.soitetuinkappaleennimi3 {
	width: 370px;
	height: 46px;
	position: relative;
	float: left;
	padding-left: 5px;
	text-align: center;
	background-color: #F0FD4E;
	text-overflow: ellipsis;
}

.soitetuinkappaleennimi4 {
	width: 550px;
	height: 46px;
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: center;
	background-color: #F0FD4E;
	text-overflow: ellipsis;
}

.soitetuinkappaleennimi5 {
	width: 471px;
	height: 46px;
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: center;
	background-color: #F0FD4E;
	text-overflow: ellipsis;
}

.soitetuinkappaleennimi6 {
	width: 80px;
	height: 46px;
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	background-color: #F0FD4E;
	text-overflow: ellipsis;
}

.soittokerratteksti {
	width: 473px;
	position: relative;
	float: left;
	font-size: 12px;
	margin-top: 10px;
}

.esittelyteksti {
	display: block;
	float: left;
	position: relative;
	margin-top: 0px;
        text-align: justify;
}

.esittelytekstisoitetuimmat {
        text-align: justify;
        height: 236px;
}

.nytsoi {
	float: left;
	margin-top: 10px;
}

.nytsoitable {
	font-size: 15px;
	table-layout: fixed;
	width: 570px !important;
}

.palautetable {
	font-size: 15px;
	table-layout: fixed;
	width: 570px !important;
}

.kappaletable {
	table-layout: fixed;
	width: 250px !important;
	font-size: 14px;
	margin-bottom: -20px;
}

.tanaansoineet {
	margin-top: 15px;
	font-weight: bold;
	float: right;
}

.youtubeembed-tyhja {
	width: 550px;
	height: 331px;
	background-image: url('/img/youtubeembed-tyhja.png');
	vertical-align: middle;
	display: table-cell;
	text-align: center;
}

.youtubeembed-tyhja-kappale {
	width: 648px;
	height: 366px;
	background-image: url('/img/youtubeembed-tyhja-648x366.png');
	vertical-align: middle;
	display: table-cell;
	text-align: center;
}

.asemavalinta {
	float: right;
	margin-bottom: 10px;
}

.ylavalikkodropdown {
	width: 105px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.kappaledropdown {
	float: right;
	width: 200px;
	text-transform: uppercase;
}

.asemasivudropdown {
	width: 165px;
}

.etusivudropdown {
	width: 145px;
}

.etusivudropdown2 {
	width: 152px;
	margin-right: -20px;
}

.spotifylogo {
margin-top: 11px;
margin-right: 20px;
}

.kaikillaasemilla {
	position: relative;
	float: left;
	margin-bottom: 16px;
	text-transform: uppercase;
}

.muutasemat {
	float: right;
}

.perusdropdown {
	font-size: 16px;
	width: 197px;
	text-transform: uppercase;
}

.btn-asemavalikko { 
  color: #000000; 
  background-color: #F0F0F0; 
  border-color: #FFFFFF; 
} 
 
.btn-asemavalikko:hover, 
.btn-asemavalikko:focus, 
.btn-asemavalikko:active, 
.btn-asemavalikko.active, 
.open .dropdown-toggle.btn-asemavalikko { 
  color: #000000; 
  background-color: #9E8264; 
  border-color: #FFFFFF; 
} 
 
.btn-asemavalikko:active, 
.btn-asemavalikko.active, 
.open .dropdown-toggle.btn-asemavalikko { 
  background-image: none; 
} 
 
.btn-asemavalikko.disabled, 
.btn-asemavalikko[disabled], 
fieldset[disabled] .btn-asemavalikko, 
.btn-asemavalikko.disabled:hover, 
.btn-asemavalikko[disabled]:hover, 
fieldset[disabled] .btn-asemavalikko:hover, 
.btn-asemavalikko.disabled:focus, 
.btn-asemavalikko[disabled]:focus, 
fieldset[disabled] .btn-asemavalikko:focus, 
.btn-asemavalikko.disabled:active, 
.btn-asemavalikko[disabled]:active, 
fieldset[disabled] .btn-asemavalikko:active, 
.btn-asemavalikko.disabled.active, 
.btn-asemavalikko[disabled].active, 
fieldset[disabled] .btn-asemavalikko.active { 
  background-color: #9E8264; 
  border-color: #FFFFFF; 
} 
 
.btn-asemavalikko .badge { 
  color: #88ADD1; 
  background-color: #000000; 
}

.btn-asemannimi { 
  color: #000000; 
  background-color: #88ADD1; 
  border-color: #2B757A; 
} 
 
.btn-asemannimi:hover, 
.btn-asemannimi:focus, 
.btn-asemannimi:active, 
.btn-asemannimi.active, 
.open .dropdown-toggle.btn-asemannimi { 
  color: #000000; 
  background-color: #3B81AD; 
  border-color: #2B757A; 
} 
 
.btn-asemannimi:active, 
.btn-asemannimi.active, 
.open .dropdown-toggle.btn-asemannimi { 
  background-image: none; 
} 
 
.btn-asemannimi.disabled, 
.btn-asemannimi[disabled], 
fieldset[disabled] .btn-asemannimi, 
.btn-asemannimi.disabled:hover, 
.btn-asemannimi[disabled]:hover, 
fieldset[disabled] .btn-asemannimi:hover, 
.btn-asemannimi.disabled:focus, 
.btn-asemannimi[disabled]:focus, 
fieldset[disabled] .btn-asemannimi:focus, 
.btn-asemannimi.disabled:active, 
.btn-asemannimi[disabled]:active, 
fieldset[disabled] .btn-asemannimi:active, 
.btn-asemannimi.disabled.active, 
.btn-asemannimi[disabled].active, 
fieldset[disabled] .btn-asemannimi.active { 
  background-color: #88ADD1; 
  border-color: #2B757A; 
} 
 
.btn-asemannimi .badge { 
  color: #88ADD1; 
  background-color: #000000; 
}

.btn-asemannimi2 {
  color: #000000;
  background-color: #88ADD1;
  border-color: #2B757A;
}

/*
.btn-asemannimi2:hover,
.btn-asemannimi2:focus,
.btn-asemannimi2:active,
.btn-asemannimi2.active,
.open .dropdown-toggle.btn-asemannimi2 {
  color: #000000;
  background-color: #3B81AD;
  border-color: #2B757A;
}
*/

.btn-asemannimi2:active,
.btn-asemannimi2.active,
.open .dropdown-toggle.btn-asemannimi2 {
  background-image: none;
}

.btn-asemannimi2.disabled,
.btn-asemannimi2[disabled],
fieldset[disabled] .btn-asemannimi2,
.btn-asemannimi2.disabled:hover,
.btn-asemannimi2[disabled]:hover,
fieldset[disabled] .btn-asemannimi2:hover,
.btn-asemannimi2.disabled:focus,
.btn-asemannimi2[disabled]:focus,
fieldset[disabled] .btn-asemannimi2:focus,
.btn-asemannimi2.disabled:active,
.btn-asemannimi2[disabled]:active,
fieldset[disabled] .btn-asemannimi2:active,
.btn-asemannimi2.disabled.active,
.btn-asemannimi2[disabled].active,
fieldset[disabled] .btn-asemannimi2.active {
  background-color: #88ADD1;
  border-color: #2B757A;
}

.btn-asemannimi2 .badge {
  color: #88ADD1;
  background-color: #000000;
}

.youtubewrapper {
}

.youtubewrapper2 {
}

.ylavalikkonappi {
	width: 115px;
	text-align: center;
}

.etusivuasemannimi {
	margin-left: -5px;
	width: 170px;
	text-align: left;
	border-radius: 0px 0px 0px 0px;
}

.btn-etusivuasemannimi { 
  color: #000000; 
  background-color: #FFFFFF; 
} 
 
.btn-etusivuasemannimi:hover, 
.btn-etusivuasemannimi:focus, 
.btn-etusivuasemannimi:active, 
.btn-etusivuasemannimi.active, 
.open .dropdown-toggle.btn-etusivuasemannimi { 
  color: #F0F0F0; 
  background-color: #9E8264; 
} 
 
.btn-etusivuasemannimi:active, 
.btn-etusivuasemannimi.active, 
.open .dropdown-toggle.btn-etusivuasemannimi { 
  background-image: none; 
} 
 
.btn-etusivuasemannimi.disabled, 
.btn-etusivuasemannimi[disabled], 
fieldset[disabled] .btn-etusivuasemannimi, 
.btn-etusivuasemannimi.disabled:hover, 
.btn-etusivuasemannimi[disabled]:hover, 
fieldset[disabled] .btn-etusivuasemannimi:hover, 
.btn-etusivuasemannimi.disabled:focus, 
.btn-etusivuasemannimi[disabled]:focus, 
fieldset[disabled] .btn-etusivuasemannimi:focus, 
.btn-etusivuasemannimi.disabled:active, 
.btn-etusivuasemannimi[disabled]:active, 
fieldset[disabled] .btn-etusivuasemannimi:active, 
.btn-etusivuasemannimi.disabled.active, 
.btn-etusivuasemannimi[disabled].active, 
fieldset[disabled] .btn-etusivuasemannimi.active { 
  background-color: #9E8264; 
} 
 
.btn-etusivuasemannimi .badge { 
  color: #000000;
  background-color: #9E8264; 
}

.etusivu46860banneri {
        width: 100%;
        margin-left: 50px;
}

.etusivuylabanneri {
	width: 234px;
	position: relative;
	float: left;
}

.oikealle {
	float: right;
}

.btn-soittokerrat { 
  color: #000000; 
  background-color: #C8D9EB; 
  border-color: #B6DBDE; 
} 

/* 
.btn-soittokerrat:hover, 
.btn-soittokerrat:focus, 
.btn-soittokerrat:active, 
.btn-soittokerrat.active, 
.open .dropdown-toggle.btn-soittokerrat { 
  color: #000000; 
  background-color: #BFD5E3; 
  border-color: #B6DBDE; 
} 
*/
 
.btn-soittokerrat:active, 
.btn-soittokerrat.active, 
.open .dropdown-toggle.btn-soittokerrat { 
  background-image: none; 
} 
 
.btn-soittokerrat.disabled, 
.btn-soittokerrat[disabled], 
fieldset[disabled] .btn-soittokerrat, 
.btn-soittokerrat.disabled:hover, 
.btn-soittokerrat[disabled]:hover, 
fieldset[disabled] .btn-soittokerrat:hover, 
.btn-soittokerrat.disabled:focus, 
.btn-soittokerrat[disabled]:focus, 
fieldset[disabled] .btn-soittokerrat:focus, 
.btn-soittokerrat.disabled:active, 
.btn-soittokerrat[disabled]:active, 
fieldset[disabled] .btn-soittokerrat:active, 
.btn-soittokerrat.disabled.active, 
.btn-soittokerrat[disabled].active, 
fieldset[disabled] .btn-soittokerrat.active { 
  background-color: #C8D9EB; 
  border-color: #B6DBDE; 
} 
 
.btn-soittokerrat .badge { 
  color: #C8D9EB; 
  background-color: #000000; 
}

.padding0 {
	padding-left: 0px;
	padding-right: 0px;
}

.kappalevasenoikeaboksi {
	position: relative;
	float: left;
	margin-top: 10px;
	margin-left: 27px;
	margin-right: -5px;
	width: 200px;
}

.soittoajankohdat {
	position: relative;
	float: left;
	overflow: scroll;
	width: 330px;
	height: 300px;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow-x: hidden;
}

.hakutable {
	position: relative;
	float: left;
	width: 100%;
/*	overflow: scroll; 
	height: 477px;
	overflow-x: hidden; */
	margin-right: -10px;
}

.hakutable2 {
	width: 100%;
	table-layout: fixed;
}

.kappale3 {
	min-width: 320px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
}

.ylamarginkappale {
	margin-top: 0px;
	margin-bottom: 0px;
}

.alamarginkappale {
	margin-bottom: 20px;
}

.asemakohtaisesti {
	margin-top: 0px;
	margin-bottom: 0px;
	text-transform: uppercase;
}

.btn-kappaleennimi {
  color: #000000;
  background-color: #F0AD4E;
  border-color: #EEA236;
}

/*
.btn-kappaleennimi:hover,
.btn-kappaleennimi:focus,
.btn-kappaleennimi:active,
.btn-kappaleennimi.active,
.open .dropdown-toggle.btn-kappaleennimi {
  color: #000000;
  background-color: #ED9C28;
  border-color: #EEA236;
}
*/

.btn-kappaleennimi:active,
.btn-kappaleennimi.active,
.open .dropdown-toggle.btn-kappaleennimi {
  background-image: none;
}

.btn-kappaleennimi.disabled,
.btn-kappaleennimi[disabled],
fieldset[disabled] .btn-kappaleennimi,
.btn-kappaleennimi.disabled:hover,
.btn-kappaleennimi[disabled]:hover,
fieldset[disabled] .btn-kappaleennimi:hover,
.btn-kappaleennimi.disabled:focus,
.btn-kappaleennimi[disabled]:focus,
fieldset[disabled] .btn-kappaleennimi:focus,
.btn-kappaleennimi.disabled:active,
.btn-kappaleennimi[disabled]:active,
fieldset[disabled] .btn-kappaleennimi:active,
.btn-kappaleennimi.disabled.active,
.btn-kappaleennimi[disabled].active,
fieldset[disabled] .btn-kappaleennimi.active {
  background-color: #F0AD4E;
  border-color: #EEA236;
}

.btn-kappaleennimi .badge {
  color: #F0AD4E;
  background-color: #000000;
}

.ylavalikko {
	margin-right: 0px;
	margin-bottom: 10px;
	padding-right: 0px;
}

.soitetuinkappaleennimi2 a:link, .soitetuinkappaleennimi2 a:active, .soitetuinkappaleennimi2 a:visited {
        color: #000000;
}

.soitetuinkappaleennimi2 a:hover {
        color: #000000;
}

.soitetuinkappaleennimi5 a:link, .soitetuinkappaleennimi5 a:active, .soitetuinkappaleennimi5 a:visited {
        color: #000000;
	text-decoration: none;
}

.soitetuinkappaleennimi5 a:hover {
        color: #000000;
	text-decoration: none;
}

.vaakamainosetusivu {
	display: block;
	float: left;
	position: relative;
	width: 970px;
	height: 90px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: -10px;
	padding-right: 0px;
}

.vasenboksietusivu {
	display: block;
	position: relative;
	float: left;
	width: 207px;
	height: 82px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

.etusivuwrapper {
	float: left;
	position: relative;
	display: block !important;
	clear: both;
/*	margin-left: -5px; */
}

.vaakamainos {
	display: table;
	position: relative;
	width: 728px;
	height: 90px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.vaakamainos2 {
	display: table;
	width: 728px;
	height: 90px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.vaakamainos3 {
	display: table;
	width: 728px;
	height: 90px;
	margin-top: 10px;
	margin-bottom: 40px;
	margin-right: 5px;
	position: relative;
	float: right;
/*	margin-left: auto;
	margin-right: 20px;
        position: absolute;
        top: 340px;
        right: 0px; */
}

.vaakamainos4 {
	display: table;
	width: 728px;
	height: 90px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.vaakamainos5 {
	float: left;
	width: 728px;
	height: 90px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.vaakamainos6 {
	float: left;
	width: 468px;
	height: 60px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.vaakamainos7 {
	float: left;
	width: 468px;
	height: 60px;
	margin-top: 16px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.vaakamainos8 {
	display: table;
	position: relative;
	width: 728px;
	height: 90px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.vaakamainos9 {
	display: table;
	position: relative;
	width: 728px;
	height: 90px;
	margin-top: -10px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.vaakamainos10 {
	display: table;
	position: relative;
	width: 728px;
	height: 90px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

/* img.googleplay { 
	vertical-align: top; 
}

*/

.googleplay {
	position: relative;
	float: left;
	margin-left: 10px;
	margin-right: 0px;
}

.pieninappi {
	width: 70px;
}

.btn-soitetuinkappaleennimi { 
  color: #000000; 
  background-color: #88ADD1; 
  border-color: #2B757A; 
} 
 
.btn-soitetuinkappaleennimi:hover, 
.btn-soitetuinkappaleennimi:focus, 
.btn-soitetuinkappaleennimi:active, 
.btn-soitetuinkappaleennimi.active, 
.open .dropdown-toggle.btn-soitetuinkappaleennimi { 
  color: #000000; 
  background-color: #3B81AD; 
  border-color: #2B757A; 
} 
 
.btn-soitetuinkappaleennimi:active, 
.btn-soitetuinkappaleennimi.active, 
.open .dropdown-toggle.btn-soitetuinkappaleennimi { 
  background-image: none; 
} 
 
.btn-soitetuinkappaleennimi.disabled, 
.btn-soitetuinkappaleennimi[disabled], 
fieldset[disabled] .btn-soitetuinkappaleennimi, 
.btn-soitetuinkappaleennimi.disabled:hover, 
.btn-soitetuinkappaleennimi[disabled]:hover, 
fieldset[disabled] .btn-soitetuinkappaleennimi:hover, 
.btn-soitetuinkappaleennimi.disabled:focus, 
.btn-soitetuinkappaleennimi[disabled]:focus, 
fieldset[disabled] .btn-soitetuinkappaleennimi:focus, 
.btn-soitetuinkappaleennimi.disabled:active, 
.btn-soitetuinkappaleennimi[disabled]:active, 
fieldset[disabled] .btn-soitetuinkappaleennimi:active, 
.btn-soitetuinkappaleennimi.disabled.active, 
.btn-soitetuinkappaleennimi[disabled].active, 
fieldset[disabled] .btn-soitetuinkappaleennimi.active { 
  background-color: #88ADD1; 
  border-color: #2B757A; 
} 
 
.btn-soitetuinkappaleennimi .badge { 
  color: #88ADD1; 
  background-color: #000000; 
}

.soitetuinkappaleennimi:hover,
.soitetuinkappaleennimi:focus,
.soitetuinkappaleennimi:active,
.soitetuinkappaleennimi.active,
.open .dropdown-toggle.soitetuinkappaleennimi {
  color: #000000;
  background-color: #88ADD1;
  border-color: #2B757A;
}

.soitetuinkappaleennimi3:hover,
.soitetuinkappaleennimi3:focus,
.soitetuinkappaleennimi3:active,
.soitetuinkappaleennimi3.active,
.open .dropdown-toggle.soitetuinkappaleennimi3 {
  color: #000000;
  background-color: #88ADD1;
  border-color: #2B757A;
}

.soitetuinkappaleennimi6:hover,
.soitetuinkappaleennimi6:focus,
.soitetuinkappaleennimi6:active,
.soitetuinkappaleennimi6.active,
.open .dropdown-toggle.soitetuinkappaleennimi6 {
  color: #000000;
  background-color: #88ADD1;
  border-color: #2B757A;
}


.btn-soitetuinkappaleennimi2 { 
  color: #000000; 
  background-color: #88ADD1; 
  border-color: #2B757A; 
} 
 
.btn-soitetuinkappaleennimi2:hover, 
.btn-soitetuinkappaleennimi2:focus, 
.btn-soitetuinkappaleennimi2:active, 
.btn-soitetuinkappaleennimi2.active, 
.open .dropdown-toggle.btn-soitetuinkappaleennimi2 { 
  color: #000000; 
  background-color: #3B81AD; 
  border-color: #2B757A; 
} 
 
.btn-soitetuinkappaleennimi2:active, 
.btn-soitetuinkappaleennimi2.active, 
.open .dropdown-toggle.btn-soitetuinkappaleennimi2 { 
  background-image: none; 
} 
 
.btn-soitetuinkappaleennimi2.disabled, 
.btn-soitetuinkappaleennimi2[disabled], 
fieldset[disabled] .btn-soitetuinkappaleennimi2, 
.btn-soitetuinkappaleennimi2.disabled:hover, 
.btn-soitetuinkappaleennimi2[disabled]:hover, 
fieldset[disabled] .btn-soitetuinkappaleennimi2:hover, 
.btn-soitetuinkappaleennimi2.disabled:focus, 
.btn-soitetuinkappaleennimi2[disabled]:focus, 
fieldset[disabled] .btn-soitetuinkappaleennimi2:focus, 
.btn-soitetuinkappaleennimi2.disabled:active, 
.btn-soitetuinkappaleennimi2[disabled]:active, 
fieldset[disabled] .btn-soitetuinkappaleennimi2:active, 
.btn-soitetuinkappaleennimi2.disabled.active, 
.btn-soitetuinkappaleennimi2[disabled].active, 
fieldset[disabled] .btn-soitetuinkappaleennimi2.active { 
  background-color: #88ADD1; 
  border-color: #2B757A; 
} 
 
.btn-soitetuinkappaleennimi2 .badge { 
  color: #88ADD1; 
  background-color: #000000; 
}

.btn-soitetuinkappaleennimi3 { 
  color: #000000; 
  background-color: #88ADD1; 
  border-color: #2B757A; 
} 
 
.btn-soitetuinkappaleennimi3:hover, 
.btn-soitetuinkappaleennimi3:focus, 
.btn-soitetuinkappaleennimi3:active, 
.btn-soitetuinkappaleennimi3.active, 
.open .dropdown-toggle.btn-soitetuinkappaleennimi3 { 
  color: #000000; 
  background-color: #4893C2; 
  border-color: #2B757A; 
} 
 
.btn-soitetuinkappaleennimi3:active, 
.btn-soitetuinkappaleennimi3.active, 
.open .dropdown-toggle.btn-soitetuinkappaleennimi3 { 
  background-image: none; 
} 
 
.btn-soitetuinkappaleennimi3.disabled, 
.btn-soitetuinkappaleennimi3[disabled], 
fieldset[disabled] .btn-soitetuinkappaleennimi3, 
.btn-soitetuinkappaleennimi3.disabled:hover, 
.btn-soitetuinkappaleennimi3[disabled]:hover, 
fieldset[disabled] .btn-soitetuinkappaleennimi3:hover, 
.btn-soitetuinkappaleennimi3.disabled:focus, 
.btn-soitetuinkappaleennimi3[disabled]:focus, 
fieldset[disabled] .btn-soitetuinkappaleennimi3:focus, 
.btn-soitetuinkappaleennimi3.disabled:active, 
.btn-soitetuinkappaleennimi3[disabled]:active, 
fieldset[disabled] .btn-soitetuinkappaleennimi3:active, 
.btn-soitetuinkappaleennimi3.disabled.active, 
.btn-soitetuinkappaleennimi3[disabled].active, 
fieldset[disabled] .btn-soitetuinkappaleennimi3.active { 
  background-color: #4F84B8; 
  border-color: #2B757A; 
} 
 
.btn-soitetuinkappaleennimi3 .badge { 
  color: #4F84B8; 
  background-color: #000000; 
}

.soitetuinkappaleennimi2 a:link, .soitetuinkappaleennimi2 a:active, .soitetuinkappaleennimi2 a:visited {
        color: #000000;
        text-decoration: none;
}

.soitetuinkappaleennimi2 a:hover {
        color: #000000;
}

.hakutietoja {
	width: 167px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.marginleft {
	margin-left: 2px;
}

.tietojamargin {
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
}

.dropdown-toggle {
  border-radius: 0px 0px 0px 0px !important;
}

.dropdown-menu {
  border-radius: 0px 0px 0px 0px !important;
  z-index: 10000 !important;
/*  position: absolute !important; */
}

textarea.form-control {
  border-radius: 0px 0px 0px 0px !important;
}

.alert {
  border-radius: 0px 0px 0px 0px !important;
}

.alert-info {
  border-radius: 0px 0px 0px 0px !important;
  background-color: #B19B83 !important;
  border-color: #8E7C69 !important;
  color: #404040;
}

span.input-group-addon {
  border-radius: 0px 0px 0px 0px !important;
}

.input-group .form-control {
  border-radius: 0px 0px 0px 0px !important;
}

.btn {
  border-radius: 0px 0px 0px 0px !important;
}

.btn-palaute {
/*  border-radius: 5px 5px 5px 5px !important; */
  border-radius: 0px 0px 0px 0px !important;
  width: 111px;
  height: 76px;
}

.btn-haku {
/*  border-radius: 5px 5px 5px 5px !important; */
  border-radius: 0px 0px 0px 0px !important;
}

.radiokanavat-dropdown > li > a {
  display: table-cell;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  font-size: 14px;
  line-height: 2;
  white-space: nowrap;
/*  width: 182px; */
  width: 364px;
  color: #000000;
  background-color: #F0F0F0;
  text-transform:none;
}

.radiokanavat-dropdown > li > a:hover, .radiokanavat-dropdown > li > a:focus {
  color: #F0F0F0;
  background-color: #9E8264 !important;  
}

.soitetuimmat-dropdown > li > a:hover, .soitetuimmat-dropdown > li > a:focus {
  color: #F0F0F0;
  background-color: #9E8264 !important;  
}

.radiokanavat-dropdown {
/* background-color: #9E8264; */
background-color: #F0F0F0 !important;
border: 0px;
/* border-radius: 0px;
-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
box-shadow: 0 0px 0px rgba(0, 0, 0, 0); */
padding: 0px;
}

.soitetuimmat-dropdown > li > a {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  font-size: 14px;
  line-height: 2;
  white-space: nowrap;
  width: 189px;
  border: 0px;
  color: #000000;
  background-color: #F0F0F0;
  text-transform:none;
}

.soitetuimmat-dropdown {
background-color: #9E8264;  
border: 0px;
/* border-radius: 0px;
-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
box-shadow: 0 0px 0px rgba(0, 0, 0, 0); */
padding: 0px;
}

#radiokanavatitem-xs {
width: 125px;
/* width: 250px; */
}

#radiokanavatitem-sm {
width: 173px;
/* width: 346px; */
}

#radiokanavatitem-md {
min-width: 222px;
width: 222px;
max-width: 222px;
/*
min-width: 444px;
width: 444px;
max-width: 444px;
*/
}

#radiokanavatitem-lg {
min-width: 242px;
width: 242px;
max-width: 242px;
/*
min-width: 484px;
width: 484px;
max-width: 484px;
*/
}

#soitetuimmatitem-xs {
width: 125px;
}

#soitetuimmatitem-sm {
width: 182px;
}

#soitetuimmatitem-md {
min-width: 222px;
width: 222px;
max-width: 222px;
}

#soitetuimmatitem-lg {
min-width: 250px;
width: 250px;
max-width: 250px;
}

#tanaansoineet {
padding-top: 10px !important;
}

.apuvalikkoitem {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #000000;
  background-color: #FFFFFF;
}

.soitinitem {
  padding-left: 15px;
  padding-right: 0px;
  padding-top: 15px;
  padding-bottom: 10px;
  color: #000000;
  background-color: #FFFFFF;
}

.newwindowitem {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 8px;
  color: #000000;
  background-color: #FFFFFF;
}

.soitinpopupitem {
  font-family: "Ubuntu", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 40px;
  position: relative;
  text-align: center;
  width: 250px;
  margin: 0 auto 0 auto;
}

.soitinpopupflash {
  display: block; 
  margin-left: 58px;
  width: 134px; 
  height: 26px;
}

.apuvalikkoitem2 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  color: #000000;
  background-color: #FFFFFF;
  text-overflow: ellipsis;
  max-width: 595px !important;
  white-space: nowrap;
  overflow: hidden;
}

.navbar-nav > li > a {
/*  padding-top:27px !important; 
  padding-bottom:27px !important; */
 /* padding-left:12px !important; 
  padding-right:12px !important; */
  min-height: 60px !important;
  line-height: 60px;
  margin-left: 0px;
  margin-right: 0px;
}

.navbar-nav > li {
/*  padding-top:27px !important; 
  padding-bottom:27px !important; */
 /* padding-left:12px !important; 
  padding-right:12px !important; */
  min-height: 60px !important;
  line-height: 60px;
  margin-left: 0px;
  margin-right: 0px;
}

.navbar-nav {
/*  padding-top:27px !important; 
  padding-bottom:27px !important; */
 /* padding-left:12px !important; 
  padding-right:12px !important; */
  min-height: 60px !important;
  line-height: 60px;
  margin-left: 0px;
  margin-right: 0px;
}

.nav-justified > li > a {
/*  padding-top:27px !important; 
  padding-bottom:27px !important; */
 /* padding-left:12px !important; 
  padding-right:12px !important; */
  min-height: 60px !important;
  line-height: 60px;
  margin-left: 0px;
  margin-right: 0px;
}

.paavalikko {
/*  padding-top:27px !important; 
  padding-bottom:27px !important; */
 /* padding-left:12px !important; 
  padding-right:12px !important; */
  min-height: 60px !important;
  line-height: 60px;
  margin-left: 0px;
  margin-right: 0px;
  height: 80px;
  padding-left: 0px;
  padding-right: 0px;
  float: left;
  background-color: #9E8264;
  width: 100%;
  z-index: 10;
  position: relative;
}

.apuvalikko {
/*  padding-top:27px !important; 
  padding-bottom:27px !important; */
 /* padding-left:12px !important; 
  padding-right:12px !important; */
  min-height: 60px !important;
  line-height: 60px;
  margin-left: 0px;
  margin-right: 0px;
  height: 80px;
  padding-left: 0px;
  padding-right: 0px;
  float: left;
  position: relative;
  z-index: 9;
  display: block !important;
}

#paavalikko-nav-xs {
float: left;
}
#paavalikko-nav-sm {
float: left;
}
#paavalikko-nav-md {
float: left;
}
#paavalikko-nav-lg {
float: left;
width: 1170px;
}

.apuvalikko > li > a {
/*  padding-top:27px !important; 
  padding-bottom:27px !important; */
 /* padding-left:12px !important; 
  padding-right:12px !important; */
  min-height: 60px !important;
  line-height: 60px;
  margin-left: 0px;
  margin-right: 0px;
  height: 80px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #000000;
  background-color: #FFFFFF;
}

.apuvalikko > li > a:hover {
    color: #000000;
    background-color: #F0F0F0;
}

/*
.apuvalikko > li > a:focus {

    color: #000000;
    background-color: #F0F0F0;
}
*/

.navbar {
  width: 100%;
  letter-spacing: 2px;
  min-height:60px !important;
  border-radius: 0px 0px 0px 0px !important;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 60px;
  text-transform:uppercase;
}

@media (min-width: 769px) and (max-width: 991px) {

.apuvalikkoitem2 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  color: #000000;
  background-color: #FFFFFF;
  text-overflow: ellipsis;
  max-width: 470px !important;
  white-space: nowrap;
  overflow: hidden;
}

.nav > li > a {
  padding-top:10px !important;
  padding-bottom:10px !important;
  padding-left:16px !important;
  padding-right:16px !important;
  min-height: 60px !important;
  line-height: 60px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  height: 80px;
}

.apuvalikko {
    float: left !important;
    margin-left: 31px !important;
}

.youtubewrapper {
    margin-left: 20px;
}

.nytsoiwrapper {
    margin-left: 20px;
}

.radiokanavat-dropdown {
  width: 400px;
  background-color: #F0F0F0 !important;
}

.radiokanavat-dropdown > li > a {
  display: table-cell;
  padding: 3px 5px;
  clear: both;
  font-weight: normal;
  font-size: 14px;
  line-height: 2;
  white-space: nowrap;
  width: 200px;
/*  width: 173px; */
/*  width: 346px; */
  color: #000000;
  background-color: #F0F0F0;
  text-transform: uppercase;
}

.soitetuimmat-dropdown > li > a {
  display: block;
  padding: 3px 5px;
  clear: both;
  font-weight: normal;
  font-size: 14px;
  line-height: 2;
  white-space: nowrap;
  width: 182px;
  border: 0px;
  color: #000000;
  background-color: #F0F0F0;
  text-transform: uppercase;
}

}

@media (min-width: 992px) and (max-width: 1200px) {

.fb-boksi-kappale {
margin-top: 0px;
margin-right: 57px !important;
width: 100px;
float: right;
}

.nav > li > a {
  padding-top:10px !important;
  padding-bottom:10px !important;
  padding-left:5px !important;
  padding-right:5px !important;
  min-height: 60px !important;
  line-height: 60px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  height: 80px;
}

.radiokanavat-dropdown {
  width: 500px;
  background-color: #F0F0F0 !important;
}

.radiokanavat-dropdown > li > a {
  display: table-cell;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  font-size: 14px;
  line-height: 2;
  white-space: nowrap;
  width: 250px;
/*  width: 222px; */
/*  width: 444px; */
  color: #000000;
  background-color: #F0F0F0;
  text-transform: uppercase;
}

.soitetuimmat-dropdown > li > a {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  font-size: 14px;
  line-height: 2;
  white-space: nowrap;
  width: 222px;
  border: 0px;
  color: #000000;
  background-color: #F0F0F0;
  text-transform: uppercase;
}

#b-logo-md {
width: 112px;
}

/* JOULU

#b-logo-md {
width: 112px;
background-image: url('/img/b-lakki.png');
background-repeat: no-repeat;
background-position: 16px -4px;
}

*/

#hakuitem-md {
width: 119px;
}
#tietojaitem-md {
width: 144px;
}
#palauteitem-md {
width: 151px;
}

}
@media (min-width: 1201px) {

.radiokanavat-dropdown {
  width: 500px;
  background-color: #F0F0F0 !important;
}

.radiokanavat-dropdown > li > a {
  display: table-cell;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  font-size: 14px;
  line-height: 2;
  white-space: nowrap;
  width: 250px;
/*  width: 242px; */
/*  width: 484px; */
  color: #000000;
  background-color: #F0F0F0;
  text-transform: uppercase;
}

.soitetuimmat-dropdown > li > a {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  font-size: 14px;
  line-height: 2;
  white-space: nowrap;
  width: 250px;
  border: 0px;
  color: #000000;
  background-color: #F0F0F0;
  text-transform: uppercase;
}

#b-logo-lg {
width: 148px;
}

/* JOULU

#b-logo-lg {
width: 148px;
background-image: url('/img/b-lakki.png');
background-repeat: no-repeat;
background-position: 34px -4px;
}

*/

#hakuitem-lg {
width: 146px;
}
#tietojaitem-lg {
width: 188px;
}
#palauteitem-lg {
width: 196px;
}

}

@media (min-width: 768px) and (max-width: 1200px) {

#tanaansoineet {
padding-top: 0px !important;
}

.radiokanavaitem {
}

.radiokanavat-dropdown > li > a:hover, .radiokanavat-dropdown > li > a:focus {
  color: #F0F0F0;
  background-color: #9E8264 !important;
}

.soitetuimmat-dropdown > li > a:hover, .soitetuimmat-dropdown > li > a:focus {
  color: #F0F0F0;
  background-color: #9E8264 !important;
}

.ylapalkki {
float: left;
height: 80px;
}

.paavalikko {
height: 80px;
background-color: #9E8264;
width: 100%;
}

.nav {
height: 80px;

}

.navbar-nav {
height: 80px;

}

.navbar-md {
  min-width: 600px;
  height: 80px;
  letter-spacing: 1px;
  min-height:60px !important;
  border-radius: 0px 0px 0px 0px !important;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  line-height: 60px;
  text-transform:uppercase;
  font-size: 16px !important;
  white-space: nowrap;
}

.nav > li {
  padding-top:0px !important;
  padding-bottom:0px !important; 
  padding-left:0px !important;
  padding-right:0px !important; 
  min-height: 60px !important;
  line-height: 60px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
  height: 80px;
}

.apuvalikko > li {
  margin-top: 0px !important;
  padding-top: 0px !important;
  line-height: 80px;
  margin-left: 5px;
}

.apuvalikko > li > a {
  margin-top: 0px !important;
  padding-top: 0px !important;
  line-height: 80px;
}

.apuvalikko {
  padding-left: 5px !important;
  padding-right: 20px !important;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #000000;
  background-color: #FFFFFF;
}

.apuvalikkoitem {
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 10px !important;
  padding-bottom: 0px;
  color: #000000;
  background-color: #FFFFFF;
}

}
@media (min-width: 622px) and (max-width: 767px) {

/* 20180727 edit begin */

html, body
{
  width: 100%;
  height: 100%;
  margin: 0px;
  background-color: #F0F0F0;
  z-index: -10;
  font-size: 20px !important;
  font-family: "Ubuntu", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
}

font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url('/fonts/ubuntu.ttf') format('truetype');
}

.etusivukanava {
    max-width: 682px !important;
}

.etusivusoittoaika {
    width: 60px !important;
}

#soitetuinkappaleennimiteksti {
    font-size: 20px !important;
}

p {
    font-size: 20px !important;
}

.tietojamargin {
    font-weight: bold !important;
}

.radiokanavat-dropdown {
}

.paivansoitetuin {
    width: 100%;
    display: block;
}

.etusivukappale1 {
    height: 90px !important;
}

.etusivukappale2 {
    height: 90px !important;
}

.etusivukappalewrapper {
    height: 180px !important;
}

.etusivukappalerivi {
    padding-top: 28px !important;
    height: 90px !important;
    max-height: 90px !important;
}

.etusivuasemannimi2 {
    padding-top: 22px !important;
    height: 90px !important;
    font-size: 32px !important;
}

.etusivukanavawrapper {
    height: 90px !important;
}

/* 20180727 edit end */

.apuvalikkoitem2 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  color: #000000;
  background-color: #FFFFFF;
  text-overflow: ellipsis;
  max-width: 470px !important;
  white-space: nowrap;
  overflow: hidden;
}

.spotifylogo {
margin-top: -5px;
margin-left: 10px;
}

.apuvalikko {
height: 60px !important;
font-size: 14px;
}
#tanaansoineet {
padding-top: 0px !important;
margin-left: 10px !important;
}

#radiokanavatitem-xs {
width: 142px;
/* width: 284px; */
}

#soitetuimmatitem-xs {
width: 150px;
}

.radiokanavaitem {
}

.radiokanavat-dropdown {
  width: 350px !important;
  background-color: #F0F0F0 !important;
}

.radiokanavat-dropdown > li > a {
  display: table-cell;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  clear: both;
  font-weight: normal;
  font-size: 14px;
  line-height: 2 !important;
  white-space: nowrap;
  width: 175px !important;
/*  width: 142px; */
/*  width: 284px; */
  color: #000000;
  background-color: #F0F0F0;
  letter-spacing: 0px;
  text-transform:uppercase;
}

.soitetuimmat-dropdown > li > a {
  display: block;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  clear: both;
  font-weight: normal;
  font-size: 14px;
  line-height: 2 !important;
  white-space: nowrap;
  width: 150px;
  border: 0px;
  color: #000000;
  background-color: #F0F0F0;
  letter-spacing: 0px;
  text-transform:uppercase;
}

.radiokanavat-dropdown > li > a:hover, .radiokanavat-dropdown > li > a:focus {
  color: #F0F0F0;
  background-color: #9E8264 !important;
}

.soitetuimmat-dropdown > li > a:hover, .soitetuimmat-dropdown > li > a:focus {
  color: #F0F0F0;
  background-color: #9E8264 !important;
}

.ylapalkki {
float: left;
height: 60px;
}

.paavalikko {
height: 60px;
/* margin-top: -10px; */
background-color: #9E8264;
width: 100%;
}

.nav {
height: 60px;

}

.navbar-nav {
height: 60px;

}

.navbar-xs {
  min-width: 600px;
  height: 60px;
  letter-spacing: 1px;
  min-height:60px !important;
  border-radius: 0px 0px 0px 0px !important;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  line-height: 60px;
  text-transform:uppercase;
  font-size: 16px !important;
  white-space: nowrap;
  height: 60px;
}

.nav > li {
  padding-top:0px !important;
  padding-bottom:5px !important; 
  padding-left:0px !important;
  padding-right:0px !important; 
  min-height: 60px !important;
  line-height: 60px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  height: 60px;
}

.nav > li > a {
  padding-top:0px !important;
  padding-bottom:0px !important;
  padding-left:8px !important;
  padding-right:8px !important;
  min-height: 60px !important;
  line-height: 60px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  height: 60px;
}

.apuvalikko {
  padding-left: 38px !important;
  padding-right: 0px !important;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #000000;
  background-color: #FFFFFF;
}

.apuvalikkoitem > li {
  padding-left: 15px !important;
  padding-right: 0px !important;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #000000;
  background-color: #FFFFFF;
}

}

@media (min-width: 0px) and (max-width: 621px) {

/* 20180727 edit begin */

html, body
{
  width: 100%;
  height: 100%;
  margin: 0px;
  background-color: #F0F0F0;
  z-index: -10;
  font-size: 20px !important;
  font-family: "Ubuntu", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
}

font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url('/fonts/ubuntu.ttf') format('truetype');
}

.etusivukanava {
    max-width: 682px !important;
}

.etusivusoittoaika {
    width: 60px !important;
}

#soitetuinkappaleennimiteksti {
    font-size: 20px !important;
}

p {
    font-size: 20px !important;
}

.tietojamargin {
    font-weight: bold !important;
}

.radiokanavat-dropdown {
}

.paivansoitetuin {
    width: 100%;
    display: block;
}

.etusivukappale1 {
    height: 90px !important;
}

.etusivukappale2 {
    height: 90px !important;
}

.etusivukappalewrapper {
    height: 180px !important;
}

.etusivukappalerivi {
    padding-top: 28px !important;
    height: 90px !important;
    max-height: 90px !important;
}

.etusivuasemannimi2 {
    padding-top: 22px !important;
    height: 90px !important;
    font-size: 32px !important;
}

.etusivukanavawrapper {
    height: 90px !important;
}

/* 20180727 edit end */

.spotifylogo {
margin-top: -5px;
margin-left: 10px;
}

.apuvalikko {
height: 60px !important;
font-size: 14px;
}

#tanaansoineet {
padding-top: 0px !important;
margin-left: 10px !important;
}

.radiokanavat-dropdown {
  width: 350px !important;
  background-color: #F0F0F0 !important;
}

.radiokanavat-dropdown > li > a {
  display: table-cell;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  clear: both;
  font-weight: normal;
  font-size: 12px;
  line-height: 2 !important;
  white-space: nowrap;
/*  width: 125px !important; */
  width: 175px !important;
  color: #000000;
  background-color: #F0F0F0;
  letter-spacing: 0px;
  text-transform:uppercase;
}

.soitetuimmat-dropdown > li > a {
  display: block;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  clear: both;
  font-weight: normal;
  font-size: 12px;
  line-height: 2 !important;
  white-space: nowrap;
  width: 125px !important;
  border: 0px;
  color: #000000;
  background-color: #F0F0F0;
  letter-spacing: 0px;
  text-transform:uppercase;
}

.ylapalkki {
float: left;
height: 60px;
}

.paavalikko {
height: 60px;
margin-top: 0px;
background-color: #9E8264;
width: 100%;
}

.nav {
height: 60px;
letter-spacing: 0px;
}

.navbar-nav {
height: 60px;
letter-spacing: 0px;
}

.navbar-xs {
  min-width: 600px;
  height: 60px;
  letter-spacing: 0px;
  min-height:60px !important;
  border-radius: 0px 0px 0px 0px !important;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  line-height: 60px;
  text-transform:uppercase;
  font-size: 14px !important;
  white-space: nowrap;
}

.nav > li {
  padding-top:0px !important;
  padding-bottom:5px !important;
  padding-left:0px !important;
  padding-right:0px !important;
  min-height: 60px !important;
  line-height: 60px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  height: 60px;
}

.nav > li > a {
  padding-top:0px !important;
  padding-bottom:0px !important;
  padding-left:5px !important;
  padding-right:5px !important;
  min-height: 60px !important;
  line-height: 60px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  height: 60px;
}

.apuvalikko {
  padding-left: 5px !important;
  padding-right: 0px !important;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #000000;
  background-color: #FFFFFF;
}

.apuvalikkoitem > li {
  padding-left: 15px !important;
  padding-right: 0px !important;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #000000;
  background-color: #FFFFFF;
}

}

.navbar-sm {
  width: 100%;
  letter-spacing: 1px;
  min-height:60px !important;
  border-radius: 0px 0px 0px 0px !important;
  margin-top: -10px;
  margin-bottom: 0px;
  line-height: 60px;
  text-transform:uppercase;
}

.navbar-default {
  float: left;
  background-color: #9E8264;
  border: 0px;
  font-size: 18px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.navbar-default2 {
  background-color: #FFFFFF;
  border: 0px;
  font-size: 18px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
/*  max-width: 1135px; */
}

.navbar-collapse {
  background-color: #9E8264;
  border: 0px;
  font-size: 18px;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.navbar-default .nav-justified > li > a {
    color: #F0F0F0;
}
.navbar-default .nav-justified > li > a:hover,
.navbar-default .nav-justified > li > a:focus {
    color: #000000;
    background-color: #FFFFFF;
}
.navbar-default .nav-justified > .active > a,
.navbar-default .nav-justified > .active > a:hover,
.navbar-default .nav-justified > .active > a:focus {
    color: #000000;
    background-color: #FFFFFF;
}
.navbar-default .nav-justified > .open > a,
.navbar-default .nav-justified > .open > a:hover,
.navbar-default .nav-justified > .open > a:focus {
    color: #000000;
    background-color: #FFFFFF;
}
.navbar-default .nav-justified > .dropdown > a .caret {
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}
.navbar-default .nav-justified > .dropdown > a:hover .caret,
.navbar-default .nav-justified > .dropdown > a:focus .caret {
    border-top-color: #000000;
    border-bottom-color: #000000;
}
.navbar-default .nav-justified > .open > a .caret,
.navbar-default .nav-justified > .open > a:hover .caret,
.navbar-default .nav-justified > .open > a:focus .caret {
    border-top-color: #000000;
    border-bottom-color: #000000;
}

.navbar-default .navbar-brand {
    color: #000000;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #000000;
}
.navbar-default .navbar-nav > li > a {
    color: #F0F0F0;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #000000;
    background-color: #FFFFFF;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #000000;
    background-color: #FFFFFF;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #000000;
    background-color: #FFFFFF;
}
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #000000;
    border-bottom-color: #000000;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #000000;
    border-bottom-color: #000000;
}
.navbar-default .navbar-toggle {
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #FFFFFF;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #000000;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #000000;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #000000;
    }
}

.tietojaboksi {
        position: relative;
	margin-top: 20px;
}

.hakuboksit {
        position: relative;
	margin-top: 20px;
}

.palauteclass {
	width: 600px;
	margin: 0px auto;
}

.vasenpalaute {
        float: left;
        position: relative;
}

.palauteboksit {
        position: relative;
	margin-top: 20px;
}

.oikeapalaute {
	float: left;
	position: relative;
}

img.varmenne {
	margin-top: -2px;
	margin-bottom: -2px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.varmennekoodi {
	float: left;
	position: relative;
	width: 336px !important;
}

.hakusana {
	float: left;
	position: relative;
	width: 356px !important;
}

.laheta {
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: -20px;
}

.laheta2 {
	float: left;
	position: relative;
	margin-left: 24px;
	margin-right: -20px;
}

.radioasemanappi {
	float: left;
	position: relative;
	margin-right: 17px;
	width: 155px;
}

.vasenhaku {
        float: left;
        position: relative;
        width: 400px;
	height: 710px;
}

.oikeahaku {
        float: left;
	display: block;
        position: relative;
        margin-top: 5px;
	margin-left: 20px;
        margin-right: -10px;
        width: 530px;
        height: 300px;
}

.perusteksti {
	float: left;
	position: relative;
	width: 950px;
}

.perusteksti2 {
	margin-left: 0px;
}

.hakuteksti {
	margin-top: 0px;
	float: left;
	position: relative;
}

.hakutekstit {
	width: 430px;
	float: left;
	position: relative;
}

.pvminput11 {
	padding-left: 7px;
	padding-right: 7px;
}

.pvminput22 {
	padding-left: 7px;
	padding-right: 7px;
}

.pvminput1 {
	float: left;
	position: relative;
	width: 197px !important;
	margin-right: 10px;
}

.pvminput2 {
	float: left;
	position: relative;
	width: 210px !important;
	margin-right: 0px;
}

.pvmkentta {
	margin-left: 0px;
	padding-left: 5px;
	margin-right: 0px;
	padding-right: 0px;
	border-radius: 0px 0px 0px 0px !important;
}

.hakukanavat {
	float: left;
	position: relative;
	width: 400px;
}

.esimerkkihakuja {
	float: left;
	position: relative;
}

.asemadropdown {
        float: left;
        position: relative;
        width: 170px !important;
}

.selectpicker {
        width: 170px !important;
	position: absolute;
}

.hakutulosotsikko {
	margin-top: 0px;
	height: 47px;
}

.marginkappaleotsikko {
	margin-left: 0px;
	margin-top: 0px;
	font-family: "Ubuntu", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
}

/*
tr.hakukanava:nth-child(even) > td {
	border: 0px !important;
	margin-top: 0px;
	padding-top: 0px;
}
*/

#asemadropdown3 .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.1;
    color: rgb(51, 51, 51);
    white-space: nowrap;
}


.navbar-collapse {
    padding-left: 8px;
    padding-right: 0px;
}

/*
    padding-right: 0px;
    display: block !important;
    height: auto !important;
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible !important;
}

*/

.navbar-default {
/*   width: 558px !important; */
/*   max-width: 1135px !important;  */
} 

#yhteensa {
  float: left;
  position: relative;
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: bold;
}

.kappaleyla {
	padding-right: 0px;
}

.androidteksti {
   float: left;
   position: relative;
   margin-top: 10px;	 
   margin-bottom: 10px;
   width: 280px;
}

.etusivukanavawrapper {
   float: left;
   padding: 0px;
   min-width: 190px;
   max-width: 750px;
   height: 74px;
}

.etusivukanava {
   max-width: 765px;
   width: 100%;
   float: none;
   position: relative;
/*   padding-top: 8px; */
/*   padding-bottom: 8px; */
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 15px;
   margin-right: 16px;
   padding-left: 0px;
   padding-right: 16px;
   line-height: 1.428571429;
   vertical-align: top;
   border-top: 1px solid #ddd;
}

.etusivusoittotietoinfo {
   max-width: 955px;
   position: relative;
   padding-left: 0px;
   padding-right: 0px;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0px !important;
}

.etusivuasemannimi2 {
	height: 74px;
	margin-top: 0px;
        margin-left: 0px;
        min-width: 170px;
	padding-left: 10px;
	padding-top: 24px;
	font-weight: bold;
        text-align: left;
	border: 0px;
        border-radius: 0px 0px 0px 0px;
}

.etusivukappalewrapper {
   float: left;
   max-width: 780px; 
   padding: 0px;
   height: 74px;
}

.etusivukappale1 {
}

.etusivukappale2 {
}

/* .etusivukappale {
   float: left;
   min-width: 330px;
   position: relative;
   padding: 8px;
   line-height: 1.428571429;
   vertical-align: top;
   border-top: 1px solid #ddd;
}
*/

.etusivukappalerivi {
   float: left;
   position: relative;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 0px;
   padding-right: 0px;
   margin-left: 15px;
   line-height: 1.428571429;
   vertical-align: top;
   border-top: 1px solid #ddd;
   min-width: 400px;
   white-space: nowrap;
   height: 37px;
   max-height: 37px;
}

.etusivukappaleennimi {
   float: left;
   display: block;
   position: relative;
   color: #404040 !important;
   font-weight: bold;
   text-overflow: ellipsis;
   width: 600px;
   min-width: 600px;
   max-width: 600px;
   white-space: nowrap;
   overflow: hidden;
}

.etusivukappaleennimi a:link, .etusivukappaleennimi a:active, .etusivukappaleennimi a:visited {
        color: #404040;
        text-decoration: none;
}

/*

.etusivukappaleennimi a:hover {
        color: #000000;
        font-weight: bold;
}

*/

.etusivusoittoaika {
   float: right;
   display: block;
   position: relative;
   width: 37px;
   margin-left: 10px;
}

.etusivukappalenapit {
   float: right;
   display: block;
   position: relative;
   width: 87px;
   margin-left: 10px;
   margin-top: -2px;
}

.etusivulistacontainer {
}

.etusivulistarivi {
 /* max-width: 980px; */
display: block !important;
}

.soittolistawrapper {
  margin-top: 10px;
}

.valikkomargin {
  margin-bottom: 0px;
}

@media (max-width: 1200px) {

	.spotifylogo {
	margin-top: 11px;
	margin-right: 0px;
	}
	.etusivukanava {
	padding-right: 0px;
	max-width: 694px;
	}
	.soitetuinkappaleennimi3 {
	margin-top: 10px;
	}
	.etusivukappaleennimi {
	width: 600px;
	min-width: 600px;
        max-width: 600px;
	} 
	.etusivumainos468 {
        position: relative;
        display: table;
        width: 468px;
        height: 60px;
        padding-top: 10px;
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
	}
	.etusivukanava {
	padding-right: 0px;
	max-width: 654px;
	}
	.etusivukappaleennimi {
	margin-left: 10px;
	width: 550px;
	min-width: 550px;
        max-width: 550px;
	}

        .etusivukappalerivi:hover,
        .etusivukappalerivi:focus,
        .etusivukappalerivi:active,
        .etusivukappalerivi.active {
        background-color: #F0F0F0;
	padding-right: 5px;
        }
	}

@media (max-width: 740px) {
        .etusivulistamargin {
        margin-left: 10px;
        }
	.etusivukanava {
	padding-right: 0px;
	max-width: 654px;
	}
	.etusivukappaleennimi {
	width: 500px;
	min-width: 500px;
        max-width: 500px;
	}
	}

@media (max-width: 690px) {
	.etusivukanava {
	padding-right: 0px;
	max-width: 594px;
	}
	.etusivukappaleennimi {
	width: 500px;
	min-width: 500px;
        max-width: 500px;
	}
	}

@media (max-width: 640px) {
	.etusivukanava {
	padding-right: 0px;
	max-width: 544px;
	}
	.etusivukappaleennimi {
	width: 450px;
	min-width: 450px;
        max-width: 450px;
	}
	}

@media (max-width: 600px) {
	.etusivukanava {
	padding-right: 0px;
	max-width: 494px;
	}
	.etusivukappaleennimi {
	width: 400px;
	min-width: 400px;
        max-width: 400px;
	}
	}

@media (max-width: 596px) {
	.soitetuinkappaleennimi2 {
	margin-top: 10px;
	margin-left: 0px !important;
	}
	}
	
@media (max-width: 550px) {
	.etusivukanava {
	padding-right: 0px;
	max-width: 444px;
	}
	.etusivukappaleennimi {
	width: 350px;
	min-width: 350px;
        max-width: 350px;
	}
	}

@media (max-width: 490px) {
	.etusivukanava {
	padding-right: 0px;
	max-width: 394px;
	}
	.etusivukappaleennimi {
	width: 300px;
	min-width: 300px;
        max-width: 300px;
	}
	}

@media (min-width: 1200px) {
	.esittelyteksti {
	height: 291px;
	}

	.etusivumainos468 {
        position: relative;
        display: table;
        width: 468px;
        height: 60px;
        padding-top: 29px;
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
	}

       .etusivukappalerivi {
       padding-top: 8px;
       padding-bottom: 8px;
       padding-left: 0px;
       padding-right: 0px;
       margin-left: 15px;
       }

       .etusivukappalerivi:hover,
       .etusivukappalerivi:focus,
       .etusivukappalerivi:active,
       .etusivukappalerivi.active {
       margin-left: 10px;
       padding-left: 5px;
       margin-right: 0px;
       padding-right: 5px;
       border-top: 1px solid #ddd;
       background-color: #F0F0F0;
       }

}

.form-control {
	width: 468px;
}

td.soittolistavaakamainos {
	text-align: center;
        vertical-align: middle !important;
}

td.soittolistavaakamainos2 {
	text-align: center;
        vertical-align: middle !important;
}

.soitetuinta {
	display: block;
	float: left;
	width: 100%;
}

.etusivumainos468pieni {
	position: relative;
        display: table;
        width: 468px;
        height: 60px;
	padding-top: 10px;
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
}

.skyscraper {
        position: relative;
        display: table;
        width: 300px;
        height: 600px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
}

.ongelmahaussa {
	width: 558px;
}

.soitetuinlinkki {
	display: inline-block;
        width: 550px;
        max-width: 550px;
        position: relative;
        text-overflow: ellipsis;
        overflow: hidden;
	vertical-align: top;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
	color: #B0B0B0;
}

.soitetuinkerrat {
	display: inline-block;
	width: 33px;
        position: relative;
	vertical-align: top;
	margin-left: 3px;
}

.soitetuinlinkkikerrat {
	display: inline-block;
	width: 400px;
	overflow: hidden; 
	text-align: center;
        position: relative;
	padding-left: 1px;
	margin-left: 0px;
}

.hakuohje {
	border: 0px;
	background-color: #FFFFFF;
	color: #000000;
	margin-top: 2px;
	padding-top: 0px;
	margin-right: -10px;
	text-align: justify;
}

.hakuotsikko {
	font-size: 18px;
	margin-bottom: 10px;
}

.hakuotsikko2 {
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.hakuohjeboksi {
/* 	margin: 0px; */
	padding: 0px;
}

/* scroll results */
.ui-autocomplete {
    width: 356px;
    max-width: 356px;
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding for vertical scrollbar */
    padding-right: 5px;
    display: block;
    text-overflow: ellipsis;
    text-align: left;
    table-layout: fixed;
    white-space: nowrap;
}
 
.ui-autocomplete li {
    font-size: 14px;
}
 
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 250px;
}

.hakutulokset {
    padding-right: 5px;
}

.margin100 {
    margin-top: 100px;
}

.soittotietoinfo {
    width: 100%;
    text-align: center;
    float: left;
    display: table;
    overflow: hidden;
    position: relative;
    vertical-align: middle !important;
}

#soitetuinkappaleennimiteksti {
   margin-top: 10px;
}

.nytsoikappale {
        display: inline-block;
        width: 550px;
        max-width: 550px;
        position: relative;
        text-overflow: ellipsis;
        overflow: hidden;
        vertical-align: top;
        margin-bottom: 10px;
        text-align: center;
        font-weight: bold;
	color: #B0B0B0;
}

.nettiradio {
        position: relative;
}

.nettiradioteksti {
	display: inline;
        font-weight: bold;
	color: #B0B0B0;
	vertical-align: top;
	line-height: 23px;
	margin-right: 13px;
}

.ylamainosvasen {

position: relative;
display: block;
width: 468px;
height: 60px;
margin-left: 40px;
margin-bottom: 20px;
}

.ylamainosoikea {

margin-top: 13px;
margin-right: 20px;
height: 60px;

}

.sisennys {
position: relative;
padding-left: 15px;
padding-right: 15px;
background-color: #FFFFFF;
}

.container .navbar-header,
.container .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}

/* Undo the collapsing navbar */
.navbar-collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
}

.navbar-toggle {
  display: none;
}
.navbar-collapse {
  border-top: 0;
}

/* Always apply the floated nav */
.navbar-nav {
/*  float: left; */
  margin: 0 auto;
  display: table;
}
.navbar-nav > li {
  float: left;
}
.navbar-nav > li > a {
  padding: 15px;
}

.nav-justified {
/* display: table; */

}

.ui-autocomplete ul {
list-style-type: none;
}

ul {
list-style-type: none;
}

#ui-datepicker-div {
z-index: 10000 !important;
background-color: #F0F0F0 !important;
}

.ui-timepicker-div {
z-index: 10000 !important;
background-color: #F0F0F0 !important;
}

.ui-widget-content {
background: none !important;
}

.ui-autocomplete {
background-color: #FFFFFF !important;
}

#player { 
width: 550px; 
height: 331px;
background-color: #000000; 
}

.fb-boksi-kappale {
margin-top: 0px;
margin-right: -5px;
width: 100px;
float: right;
}

.joulushadow {
  color: #FFFFFF !important;
  text-shadow: 2px 2px 2px #F00, 0px 0px 1px #F00, 0px 0px 2px #F00, 0px 0px 0px #F00, 0px 0px 0px #F00, 0px 0px 0px #F00, 1px 0px 2px #F00, 0px 1px 1px #F00;
}

.btn.btn-etusivuasemannimi.btn-lg.etusivuasemannimi2.joulushadow:hover, .btn.btn-etusivuasemannimi.btn-lg.etusivuasemannimi2.joulushadow:focus, .btn.btn-etusivuasemannimi.btn-lg.etusivuasemannimi2.joulushadow:active {
  background-color: #F0F0F0 !important;
}

#b-logo-sm {
}

/* JOULU

#b-logo-sm {
background-image: url('/img/b-lakki-sm.png');
background-repeat: no-repeat;
}

*/

#b-logo-xs {
}

/* JOULU

#b-logo-xs {
background-image: url('/img/b-lakki-xs.png');
background-repeat: no-repeat;
}

*/

.tooltip
{
	position:absolute;
	background-color:#eeeefe;
	border: 1px solid #aaaaca;
	font-size: smaller;
	padding:4px;
	width: 160px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);	
}

abbr {
  cursor: default !important;
  text-decoration: none !important;
  border-bottom: 0px !important;
}

#message {
 height: 318px;
}

.terms {
  font-size: 14px !important;
  font-weight: bold !important;
/*  color: #ffffff !important; */
  line-height: 30px !important;
  padding-left: 10px !important;
  margin-bottom: 0px !important;
  text-transform: none !important;
  letter-spacing: 0px !important;
/*  background-color: #ffffff !important; */
}

.termsboksi {
/*  border-top: 3px solid #9E8264;
  border-left: 3px solid #9E8264;
  border-right: 3px solid #9E8264;
*/
  float: none !important;
}

.termslinkki {
  color: #ffffff !important;
  text-decoration: underline !important;
}

.termsp {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.termscontainer {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.youtubeicon {
  padding-right: 17px;
}

.spotifyicon {
  padding-right: 12px;
}

.facebooklinkkiteksti {
  font-weight: bold;
  text-decoration: underline;
}