/* CSS Document */

body {
	background-image: url(/images/2010/tausta_2.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #000;
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}
.ylalayer {
	width: 992px;
	height: 60px;
	position: fixed;
	z-index: 89;
	top: 0px;
	margin-left: -47px;
}
.ylakuva2 {
position: absolute;
top: 0px;
right: 0px;
margin-right: -334px;
z-index: 90px;
}
.logot {
	width: 786px;
	height: 126px;
	margin-left: -20px;
	margin-top: -80px;
	position: absolute;
	z-index: 1;
	display: none;
}
.bigbandfestivals {
	letter-spacing: 3px;	
	font-size: 23px;
}

h3 {	margin:0px;
	padding: 0px;}

td { vertical-align: top; }
html {
	margin: 0px;
	padding: 0px;
	border: none;
	height: 100%;
}
form {
        margin: 0px;
        padding: 0px;
}

p {     margin: 0px;
        padding: 0px;
	}

div#frame {
        position:relative;
        margin:0px auto;
        height:auto !important;
        height:100%;
        min-height:100%;
        /*background:url('/images/containerbg.jpg') repeat-y center top;*/
		width: 945px;
}
td#header {
	background-color: #f1efed;
	height: 76px;
}
#logo {
	background-color: #f1efed;
	width: 196px;
	height: 76px;
	margin-left: 25px;
	float: left;
}


.yla-alue {
	height: 198px;
	width: 1000px;
	background-image: url(/images/2010/ibbf.png);
	background-repeat: no-repeat;
	background-position: 0px 50px;
	margin-left: -30px;
}

.keski-alue {
	float: left;
}


.keski-alue-taulu {
	width: 944px;

}

.vasen-palsta p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 5px;
}
.ibbf2 td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
}

.menuasettelu {
	position: absolute;
	height: 76px;
	width:930px;
	padding-top: 125px;
	margin-left: 15px;
}

.kieli {
	height: 20px;
	text-align: right;	
	visibility: hidden;
}

.menu2 {
	text-align: right;	
	margin-top: 2px;
}

.menu {
	margin-top:7px;
	margin-left: 40px;
}

.menu a:link, .menu a:visited {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	padding-left: 20px;
}
.menu a:hover, .menu a:active {
	color: #e0922f;
}
 a.valittu:link, a.valittu:visited {
	background-image: url(/images/2010/marker.gif);
	background-repeat: no-repeat;
	background-position: 8px 7px;
	color: #e0922f;
 
 }


.menu2 a:link, .menu2 a:visited {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-left: 20px;
	letter-spacing: 0.1mm;
	}
.menu2 a:hover, .menu2 a:active {
	color: #e0922f;
	text-decoration: none;
}
 a.valittu2:link, a.valittu2:visited  {
	background-image: url(/images/2010/marker.gif);
	background-repeat: no-repeat;
	background-position: 8px 4px;
	text-decoration: none;
	color: #e0922f;
}

.kieli a:link, .kieli a:visited {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	margin-left: 16px;
}
.kieli a:hover, .kieli a:active {
	color: #e0922f;
	text-decoration: underline;
	
}

.musta-laatikko {
	width: 289px;
	z-index: 90;
}

.musta-laatikko1 {
	background-image: url(/images/musta_laatikko1.gif);
	background-repeat: no-repeat;
	width: 289px;
	height: 11px;
	background-position: center bottom;
	}
.musta-laatikko2 {
	background-image: url(/images/musta_laatikko2.gif);
	background-repeat: repeat-y;
	width: 289px;
	background-position: center bottom;
}
.musta-laatikko3 {
	background-image: url(/images/musta_laatikko3.gif);
	background-repeat: no-repeat;
	width: 289px;
	height: 11px;
	background-position: center top;
	margin-bottom: 5px;
}

#numerotausta {
	background-repeat: no-repeat;
	width: 279px;
	height: 44px;
}
#numerotausta a {
	outline-width:0;
}
.numerotausta26 {
	background-image: url('/images/ohjelmapaivat/ohjelmapaivat.jpg');
	background-position: 0px -336px;
}
.numerotausta27 {background-image: url('/images/ohjelmapaivat/ohjelmapaivat.jpg');
	background-position: 0px -288px;
}
.numerotausta28 {background-image: url('/images/ohjelmapaivat/ohjelmapaivat.jpg');
	background-position: 0px -240px;
}
.numerotausta29 {background-image: url('/images/ohjelmapaivat/ohjelmapaivat.jpg');
	background-position: 0px -192px;
}
.numerotausta30 {background-image: url('/images/ohjelmapaivat/ohjelmapaivat.jpg');
	background-position: 0px -144px;
}
.numerotausta1 {background-image: url('/images/ohjelmapaivat/ohjelmapaivat.jpg');
	background-position: 0px -96px;
}
.numerotausta2 {background-image: url('/images/ohjelmapaivat/ohjelmapaivat.jpg');
	background-position: 0px -48px;
}
.numerotausta3 {background-image: url('/images/ohjelmapaivat/ohjelmapaivat.jpg');
	background-position: 0px 0px;
}

.musta-laatikko p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-left: 20px;
	margin-right: 10px;
	padding-top: 5px;
}	
.musta-laatikko td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}	
.musta-laatikko a:link, .musta-laatikko a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
}	
.musta-laatikko a:hover, .musta-laatikko a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.musta-laatikko .otsikko {
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;}
.musta-laatikko .otsikko2 {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;}
	
.uutiskirje {
	background-image: url(/images/laatikko.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 77px;
	width: 124px;
	padding-top: 12px;
	padding-left: 15px;
}
.uutiskirje p {
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	line-height: 18px;
}
.uutiskirje a:link, .uutiskirje a:visited {
	color: #ffffff;

}
.uutiskirje a:hover, .uutiskirje a:active {
	color: #ffffff;
	text-decoration:underline;

}

.youtubespotify {
margin-right: 5px;
}

.mainostaulu td {
	padding-top: 5px;
	padding-bottom: 2px;
}

.mainostaulu .over:hover{
	margin-bottom: 1px;
}

.mainostaulu .over {
	min-height: 16px;
	padding-bottom: 0px;
}
.mainostaulu .over:hover {
	clear: both;
	padding-bottom: 0px;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

/* PÄIVITETTYÄ TAVARAA *//* PÄIVITETTYÄ TAVARAA *//* EDITOITU TAVARAA *//* PÄIVITETTY TAVARAA *//* MUOKATTU TAVARAA */

a:link, a:visited {
	color: #FF7629;
	text-decoration:none;
	outline: none;
}
a:hover, a:active {
	text-decoration:underline ;
}
.sisa_tekstialue img {
	padding-right: 0px;
	padding-left: 0px;
}
.sivukartta img {
	margin: 0px;
	padding: 0px;

}	

#esiintyjapopup {
	position: absolute;
	left: 382px;
	z-index: 80;
	display: none;
	padding-top: 70px;

}
.ajax_tekstialue {
	margin-left: 40px;
	padding-top: 40px;
	width: 580px;
}

.ajax_tekstialue img {
	float:right;
	margin-left: 5px;
}


.ajax_tekstialue p {	
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;
	line-height: 20px;
}

#esiintyjapopup h2 {
	font-weight: normal;
	font-size: 18px;
}
a.esiintyja_sulje {
	float:right;
	margin-right: 40px;
	margin-top: 30px;
	color: #525252;
	font-size: 14px;
	background-image: url(/images/sulje.jpg);
	background-repeat: no-repeat;
	height: 24px;
	width: 65px;
	background-position: right;	
	padding-top: 8px;
	position: absolute;
	right: 0px;
}


img.bottom {
	margin: 0px;
	padding: 0px;
}
#esiintyja_sisalto {
	background-image:url(/images/2010/artisti_popup2.png);
	width: 672px;

}


.tiedoitteet {
	width: 400px;
}


.ohjelmalista {
	width: 416px;
	color: #fff;
	margin-bottom: 5px;
}

.ohjelmalista  p {
	margin: 0px;
	margin: 0px;
}
.ohjelmalista  h2 {
	font-size: 14px;
	margin: 0px;
	margin: 0px;
	color: #000;
}

.tapahtumataulu {
	width: 416px;
	}


.tapahtumataulu .td2 {
	width: 70px;
	text-align:right;
}
.tapahtumataulu .td0 {
	width: 40px;
	text-align:left;
}
.ohjelmalista  h3 {
	font-size: 12px;
	color: #fff;
	margin: 0px;
	margin: 0px;
}
.ohjelmalista .ensimmainen1, .ohjelmalista .ensimmainen4, .ohjelmalista .ensimmainen7 {
	background-color: #000;	
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding: 5px;


}



.ensimmainen1 a, .ensimmainen4 a, .ensimmainen7 a{
	color: #fff;	
}


.ohjelmalista .ensimmainen1 p, .ohjelmalista .ensimmainen1 h2, .ohjelmalista .ensimmainen4 p, .ohjelmalista .ensimmainen4 h2, .ohjelmalista .ensimmainen7 p, .ohjelmalista .ensimmainen7 h2 {
	color: #fff;
}

.ohjelmalista .pvm {

	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.ohjelmalista .pvm h2 {
	font-size: 16px;
	
}

.ohjelmalista .ensimmainen2 {
	background-color: #d200ff;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding: 5px;	

}
.ensimmainen2 p, .ensimmainen2 .td1, .ensimmainen2 .td2, .ensimmainen3 .td2, .ensimmainen3 .td1, .ensimmainen5 .td2, .ensimmainen5 .td1 , .ensimmainen6 .td2, .ensimmainen6 .td1, .ensimmainen8 .td2, .ensimmainen8 .td1, .ensimmainen9 .td2, .ensimmainen9 .td1, .ensimmainen9 .td0, .ensimmainen2 .td0, .ensimmainen3 .td0, .ensimmainen6 .td0, .ensimmainen2 a, .ensimmainen3 a, .ensimmainen5 a, .ensimmainen6 a, .ensimmainen8 a, .ensimmainen9 a,  .ensimmainen2 a
{color: #000;
}


.ohjelmalista .ensimmainen3, .ohjelmalista .ensimmainen6, .ohjelmalista .ensimmainen9 {
	background-color: #d9d9d9;	
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding: 5px;

}

.ohjelmalista .ensimmainen5 {
	background-color: #dc4d14;	
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding: 5px;

}

.ohjelmalista .ensimmainen8 {
	background-color: #ffffff;	
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding: 5px;

}

.ohjelmalista .td2 {
	width: 70px;
	text-align:right;
}


.musta {

	background-color: #000;	
	color: #fff !important;
}
.musta h1 {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	color: #fff;
	padding-left: 5px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	
}

.musta h2 {
	color: #fff;
}
.musta h3 {
	color: #fff;
}

.musta p, .musta a {
	color: #fff;
}

.musta table {
	width: 416px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding: 5px;
	}

.pinkki table {
	width: 416px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding: 5px;
	}

.pinkki {

	background-color:#D200FF;
	color: #000 !important;
}
.pinkki h1 {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	color: #000;
	padding-left: 5px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	
}

.pinkki h2 {
	color: #000;
}
.pinkki h3 {
	color: #fff;
}

.pinkki p, .pinkki a {
	color: #000;
}



.harmaa table {
	width: 416px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding: 5px;
	}

.harmaa {

	background-color:#D9D9D9;
	color: #000 !important;
}
.harmaa h1 {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	color: #000;
	padding-left: 5px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	
}

.harmaa h2 {
	color: #000;
}
.harmaa h3 {
	color: #fff;
}

.harmaa p, .harmaa a {
	color: #000;
}





.oranssi table {
	width: 416px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding: 5px;
	}

.oranssi {

	background-color:#DC4D14;
	color: #000 !important;
}
.oranssi h1 {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	color: #000;
	padding-left: 5px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	
}

.oranssi h2 {
	color: #000;
}
.oranssi h3 {
	color: #fff;
}

.oranssi p, .oranssi a {
	color: #000;
}




.valko table {
	width: 416px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding: 5px;
	}

.valko {

	background-color:#fff;
	color: #000 !important;
}
.valko h1 {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	color: #000;
	padding-left: 5px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	
}

.valko h2 {
	color: #000;
}
.valko h3 {
	color: #fff;
}

.valko p, .valko a {
	color: #000;
}






.musta .cbcms_menutaulukko {	
	width: 160px !important;
}

.musta .cbcms_menutaulukko a {	
color:#FF7629;
outline:medium none;
text-decoration:none;
}



.hint {
	text-align:right;
	width: 90px;
}
.esiintyjalista {
	background-color: #d9d9d9;	
	width: 414px;
}

.esiintyjalista td {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;	
	line-height: 25px;
	padding-left: 6px;
	padding-right: 6px;
}
.esiintyjalista td:hover {
	background-color: #d200ff;	
	
}

.esiintyjalista a {
	height: 25px;
	display: block;
	color: #000000
}
.esiintyjalista a:hover {
	text-decoration: none;
}

li, ul {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
}

.galleria_sisasivu img {
	padding-left: 20px;

}

img {
	border: 0px;
	display: block;
}

	
h2 {
	margin:0px;
	padding: 0px;
	margin-bottom: 8px;
	margin-top: 0px;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ff7629;
	font-weight: bold;
	}
	
	
h2.tiedoteotsikko {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}
h2.tiedoteotsikko:hover {
	color: #ff7629;
}
h2.active {
	color: #ff7629;
	font-size: 22px;
	

}

td.tiedoteotsikko {
	font-weight: bold;
}



h1 {
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
	padding: 0px;
	margin-top: 3px;
	color: #ff7629;
	font-size: 22px;
	font-weight: bolder;
	line-height: 24px;
	margin-bottom: 20px;
	}
.palsta1 {
	width:375px;
	padding-left: 20px;
	float:left;
	margin-top: 20px;
	}
.palsta2 {
	margin-left: 20px;
	padding-left: 20px;
	margin-top: 20px;
	float:left;
	width:195px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ff7629;
}

.sisa_valikko .taso1 {
	height: 24px;
}
.sisa_valikko_div p {
	display: none;

}

.taso1 a:link, .taso1 a:visited   {
	padding-left: 15px;
	margin-right: 20px;
	margin-top: 15px;
	min-height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #d200ff;
	text-decoration: none;
	display: block;
	font-weight: bold;
}
.taso1 a:hover, .taso1 a:active  {
	color: #ed4e00;
}

.taso1 a.active {
	color: #ed4e00;
	text-decoration: underline;
}

.taso2 a:link, .taso2 a:visited   {
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d200ff;
	text-decoration: none;
	display: block;
	font-weight: bold;
	padding-bottom: 2px;
	line-height: 18px;
	
}
.taso2 a:hover, .taso2 a:active  {
	color: #ed4e00;
}
.taso2 a.active {
	color: #ed4e00;
	text-decoration: underline;
}

.footer, .footer-sisasivu {
	width: 1036px;
	height: 55px;
	clear: both;
	background-image: url(/images/2010/footer.png);
	background-repeat: no-repeat;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	z-index: 20;
}

.footerimage {
	position: absolute;
	bottom: 42px;
	right: 45px;
	z-index: 20;

}

.footer .teksti, .footer-sisasivu .teksti  {
	margin-top: 30px;
	margin-left: 50px;
	position:absolute;
}
.footer .teksti p, .footer-sisasivu .teksti p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}

.footer .facebook, .footer-sisasivu .facebook {
	margin-top: 25px;
	margin-left: 645px;
	position:absolute;
}
.footer .myspace, .footer-sisasivu .myspace {
	margin-top: 28px;
	margin-left: 742px;
	position:absolute;}
.footer .sivukartta, .footer-sisasivu .sivukartta {
	margin-top: 18px;
	margin-right: 60px;
	position:absolute;
	right: 0px;
	}
.footer .sivukartta a:link, .footer .sivukartta a:visited, .footer-sisasivu .sivukartta a:link, .footer-sisasivu .sivukartta a:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0.4mm;
	}
.footer .sivukartta a:hover, .footer .sivukartta a:active, .footer-sisasivu .sivukartta a:hover, .footer-sisasivu .sivukartta a:active  {
	text-decoration: underline;
	}
	
.footer a:link, .footer	 a:visited {
	color: #ffffff;
	text-decoration: none;

}
.footer a:hover, .footer a:active {
	text-decoration: underline;

}

.ostaliputtasta {
	display: block;
	background-image: url(/images/2010/ostaliputtasta.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	width: 139px;
	height: 89px;
	float: left;
	margin-left: 5px;
}
.tilaauutiskirje {
	display: block;
	background-image: url(/images/2010/tilaauutiskirje.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	width: 139px;
	height: 89px;
	float: left;
	margin-left: 5px;
}
.kerros {
	display: block;
	height: 89px;
}
.mustaloota {
	background-image: url(/images/2010/mustaloota.png);
	background-repeat: repeat-y;
	background-position: left top;	
	display: block;
	width: 286px;
	margin-top: 20px;
	margin-left: 5px;
	color: #ffffff;
	padding-top: 10px;

}
.mustaloota p {
	padding-left: 20px;
	padding-right: 20px;
	
}
.mustaloota ul {
	margin: 0px;
	padding: 0px;
	margin-left: 40px;
}
.mustaloota li {
	color: #fff;
}

.mustaloota form {

	padding-left: 20px;
	padding-right: 20px;
	
}
#valinnat label {
	width: 100px;
	height: 30px;
	display: block;
	float:left;
	
}

#osoitetiedot label {
	width: 200px;
	display: block;
	float:left;
	margin-top: 5px;
	
}
#osoitetiedot input {
	width: 200px;

}
.vastausnappi {
	margin-top: 20px;
}


.mustaloota #osalistu {
	display: block;
	clear: both;
	margin-left: 20px;
}
.mustaloota h3 {
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	margin-top: 5px;
}

.mustaloota h2 {
	margin: 0px;
	padding: 0px;
	padding-left: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	margin-top: 5px;
}
.mustaloota .alapuoli {
	background-image: url(/images/2010/mustaloota.png);
	background-repeat: repeat-y;
	background-position: left bottom;	
	display: block;
	width: 286px;
	height: 10px;
	float:left;

}
.kuuntelejakatsele {
	background-image: url(/images/2010/kuuntelejakatse.jpg);
	background-repeat: no-repeat;	
	width: 286px;
	height: 222px;
	display: block;
	margin-left: 5px;
	margin-top: 20px;

}
.kuvagalleria {
	background-image: url(/images/2010/kuvagalleria.jpg);
	background-repeat: no-repeat;	
	width: 139px;
	height: 89px;
	display: block;
	margin-left: 5px;
	float: left;
}
.bbshop {
	background-image: url(/images/2010/bigbandshop.jpg);
	background-repeat: no-repeat;	
	width: 139px;
	height: 89px;
	display: block;
	margin-left: 5px;
	float: left;
}
.yhteistyo {
	margin-top: 110px;
	margin-left: 5px;
}
.yhteistyo img {
	margin-left:15px;
	margin-top:5px;
	}
	

/*************** KARUSELLI ******************//*************** KARUSELLI ******************//*************** KARUSELLI ******************/


.ohjelmakaruselli {
	width: 286px; 
		height: 161px;
	margin-left: 5px;
	display: block;
	margin-top: 0px;
	
}
.ohjelmakaruselli a {
	outline: 0px;
}

.ohjelmakaruselli .my-glider {
	overflow: hidden;		
	width: 286px; 
		height: 161px;
	position: relative;
	margin-top: 10px;
	float:left;	
	background-image: url(/images/2010/karuselli/kehys.png);
	background-repeat: no-repeat;

}




.ohjelmakaruselli div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	

	width: 286px; 
		height: 161px;
	overflow: hidden;
	
	}
	.ohjelmakaruselli div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
			
	width: 286px; 
	height: 161px;
	overflow:hidden;
	float:left;
	
	background-repeat: no-repeat;
	background-position: 2px 2px;	
	
	
	
		}
		
	div.section a:link, div.section  a:visited {
	color: #ffffff;	
	}	
	div.jazzcavalcade a:link, div.jazzcavalcade a:visited {
	color: #000000;		
	}
	.ohjelmakaruselli div.scroller div.content {
		width: 10000px;
		}



.ohjelmakaruselli .kehys {
	position: absolute;
}
.ohjelmakaruselli .vasenkehys {
	position: absolute;
}
.ohjelmakaruselli .oikeakehys {
	right: 0px;
	position: absolute;
}
.ohjelmakaruselli .prev {
	background-image: url(/images/2010/karuselli/karusellinnavi.png);
	background-position: left;	
	width: 21px;
	height: 74px;
	position: absolute;
	top: 37px;
	left: 2px;
	opacity:0.7;
	filter:alpha(opacity=70)


}
.ohjelmakaruselli .next {
	background-image: url(/images/2010/karuselli/karusellinnavi.png);
	background-position: right;	
	width: 22px;
	height: 74px;
	position: absolute;
	top: 37px;
	right: 2px;
	opacity:0.7;
	filter:alpha(opacity=70)

}
.ohjelmakaruselli .prev:hover, .ohjelmakaruselli .next:hover {
	opacity:1.0;
	filter:alpha(opacity=100)
}


.ohjelmakaruselli .blackpopeda {
	background-image: url(/images/2010/karuselli/blackpopeda.jpg);
}
.ohjelmakaruselli .pinkcadillac {
	background-image: url(/images/2010/karuselli/pinkcadillac.jpg);
}
.ohjelmakaruselli .soivatvirret {
	background-image: url(/images/2010/karuselli/soivatvirret.jpg);
}
.ohjelmakaruselli .rockexpress {
	background-image: url(/images/2010/karuselli/rockexpress.jpg);
}
.ohjelmakaruselli .swingparade {
	background-image: url(/images/2010/karuselli/swingparade.jpg);
}
.ohjelmakaruselli .jazzcavalcade {
	background-image: url(/images/2010/karuselli/jazzcavalcade.jpg);
}
.ohjelmakaruselli .bluescaravan {
	background-image: url(/images/2010/karuselli/bluescaravan.jpg);
}
.ohjelmakaruselli .groovejam {
	background-image: url(/images/2010/karuselli/groovejam.jpg);
}
.ohjelmakaruselli .beatcarneval {
	background-image: url(/images/2010/karuselli/beatcarneval.jpg);
}
.blackpopeda div {
	color: #FFFFFF;
	margin-left: 42px;
	margin-top: 70px;

}
.pinkcadillac div {
	color: #FFFFFF;
	margin-left: 42px;
	margin-top: 70px;

}
.soivatvirret div {
	color: #FFFFFF;
	margin-left: 42px;
	margin-top: 70px;

}
.rockexpress div {
	color: #FFFFFF;
	margin-left: 42px;
	margin-top: 70px;

}	
.swingparade div {
	color: #FFFFFF;
	margin-left: 42px;
	margin-top: 70px;

}	
.jazzcavalcade div {
	color: #000000;
	margin-left: 42px;
	margin-top: 65px;

}
.bluescaravan div {
	color: #FFFFFF;
	margin-left: 42px;
	margin-top: 70px;

}
.groovejam div {
	color: #FFFFFF;
	margin-left: 42px;
	margin-top: 70px;

}
.beatcarneval div {
	color: #FFFFFF;
	margin-left: 42px;
	margin-top: 70px;

}	
	/*** VIDEOKARUSELLI ***/	/*** VIDEOKARUSELLI ***/	/*** VIDEOKARUSELLI ***/	/*** VIDEOKARUSELLI ***/
	
.videokaruselli {
	height: 225px;
	width: 286px;
	background-image: url(/images/2010/videokaruselli/kasetti.png);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-left: 5px;
}


	
.videokaruselli a {
	outline: 0px;
}

.videokaruselli .my-glider {
	overflow: hidden;
	height: 225px;
	width: 286px;
	position: relative;
	margin-top: 10px;
	float:left;

}

.sisa-keski-alue-taulu {
	width: 944px;

}

.videokaruselli div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		

	height: 225px;
	width: 282px;
	overflow: hidden;
	z-index: 20;
	margin-left: 2px;
	
	}
	.videokaruselli div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
			
	height: 205px;
	width: 258px;
	overflow:hidden;
	float:left;
	z-index: 10;
	padding-left: 28px;
	padding-top: 20px;
	
		}
	.videokaruselli div.scroller div.content {
		width: 10000px;
		}




.videokaruselli .prev {
	background-image: url(/images/2010/videokaruselli/navi.png);
	background-position: left;	
	width: 23px;
	height: 74px;
	position: absolute;
	top: 60px;
	left: 2px;
	opacity:0.7;
	filter:alpha(opacity=70)


}
.videokaruselli .next {
	background-image: url(/images/2010/videokaruselli/navi.png);
	background-position: right;	
	width: 22px;
	height: 74px;
	position: absolute;
	top: 60px;
	right: 2px;
	opacity:0.7;
	filter:alpha(opacity=70)

}
.videokaruselli .prev:hover, .videokaruselli .next:hover {
	opacity:1.0;
	filter:alpha(opacity=100)
}


.ladataan {
	color: #cccccc;
	display: none;
}

.ajax_tekstialue .loaderContainer, .ajax_tekstialue .cbcms_menutaulukko {
	display: none;
}


/*************** /KARUSELLIT ******************/



.date  {
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
div.tiedoite {
	padding-bottom: 10px;
	color: #000000;
}
.tiedoiteteksti {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff7629;	
	padding-bottom: 20px;

}
.tiedoite strong {
	color: #393939;
}
.pvm {
	color: #ccc;
}


.sisa-keski-alue {
	float: left;
}
	
.sisa_valikko_div {
	padding-top: 24px;
	width: 176px;
	height: 509px;
	float: left;
}

.oikea-palsta {
	width: 304px;
	padding-bottom: 160px;
}

.vasen-palsta {
	width: 640px;
	padding-bottom: 50px;
	vertical-align: top;
	background-color:#FFFFFF;
}
	
	
	
	
.blackoverlay {
		position: absolute;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		background-color: black;
		z-index:999;
		-moz-opacity: 0.75;
		opacity:.75;
		filter: alpha(opacity=75);
		position: fixed;
}

.whitecontent {
		position: fixed;
		top: 20%;
		left: 35%;
		width: 480px;
		height: 480px;
		margin: auto auto;
		padding-left: 16px;
		padding-right: 16px;
		padding-bottom: 16px;
		background-color: white;
		z-index:1002;
		overflow: auto;
		padding: 20px;
}	
.sulje {
	margin-top: 5px;
	margin-right: 5px;
	float:right;

}
.uutislinkit {
	float:right;
}
	

h4 {
	margin:0px;
	padding: 0px;
	margin-top: 10px;
	font-weight:bold;
	font-size: 16px; 
	}  	


.otsikkopalkki .date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	width: 400px;
	}	
	


.kuvituskuva {
	margin-bottom: 10px;
}
	
/*************//*************//*************//*************//*************//*************//*************//*************/

.sisa_valikko_div p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-left: 17px;
}
.sisa_valikko {
	width: 100%;
	margin-top: 0px;
}



.sisa_tekstialue img.kuvituskuva {
	padding: 0px;
}

.sisa_tekstialue {
	width: 415px; 
	float:left;
}

.koko_ohjelma {
	margin-top: 10px;
	margin-left: 7px;
	clear: both;}
.koko_ohjelma a:link, .koko_ohjelma a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
}
.koko_ohjelma a:hover, .koko_ohjelma a:active {
	text-decoration: underline;
}
.paiva27 {
}

#bandietsinta .ohjelmasivu_tausta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 2px;
	padding-left: 7px;
	clear:both;
	background-image: url(/images/vaaka_viiva.gif);
	background-repeat: repeat-x;
	background-position: 0px 20px;
}
#bandietsinta .ohjelmasivu_tausta .paikka {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	padding-bottom: 5px;
	font-weight: bold;
	width: 300px;
	font-size: 14px;
}

#bandietsinta .ohjelmasivu_tausta .hinta {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	float: left;
	font-size: 12px;	
	padding-bottom: 5px;
	font-weight: bold;
}
#bandietsinta .ohjelmasivu_tausta p {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
#bandietsinta .ohjelmasivu_tausta .tapahtuma {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	clear: both;
	padding-bottom: 3px;
}
#bandietsinta .ohjelmasivu_tausta .tapahtuma strong {
	color: #000000;
	font-weight: normal;
}
#bandietsinta .ohjelmasivu_tausta .klo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	width: 60px;	
	float: left;
}
#bandietsinta .ohjelmasivu_tausta .esiintyja {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	float: left;
	width: 310px;	
}

#bandietsinta .ohjelmasivu_tausta .alatila {
	height: 20px;
	float: left;
	clear: both;
	width: 220px;	
}
#bandietsinta .paiva .paiva_otsikko {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	height:30px;
	clear: both;
	display: block;
}
.over {
	min-height: 16px;
	margin-bottom: 1px;
	clear:both;
}
.over:hover {
	clear: both;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.taulukko td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

div#bandInfoLayer {
	position: absolute;
	top: 100px;
	left: 500px;
	z-index: 10;
	width: 500px;
	
	background-color: #fff;
	border: 2px solid #999;
	
}
.artisti-info {
	margin: 10px;
}


.galleria-sisalto {
	width: 600px;
	font-size: smaller;
	padding-left: 20px;
	margin-top: 10px;
}

.block-core-SystemLink a:link, .block-core-SystemLink a:visited   {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
}
.block-core-SystemLink a:hover, .block-core-SystemLink a:active   {
}
.block-core-BreadCrumb {
	color: #cccccc;
}
a.BreadCrumb-1:link, a.BreadCrumb-1:visited, a.BreadCrumb-1:hover, a.BreadCrumb-1:active {
	color: #cccccc; 
 }
.subtopic {
	font-size:16px;
	font-weight:bold;
	margin-top: 5px;
	margin-bottom: 5px;
	}
.smalltext a:link, .smalltext a:visited {
	font-size: 12px;
}

.yhteistyo-otsikko {
	margin-top: 30px;
	width: 400px;
	background-image: url(/images/punaviiva.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	font-weight: bold;		
}
td.topic {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d7591e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

td.leipis, .otsikko { vertical-align: middle; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
td.kpl { vertical-align: top; 
	width: 80px;
}
t.topic  p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;}
	
.festivaalitoimikuntalistaus p {
	float: left;
	width: 200px;
	display: block;
	padding-bottom: 10px;
	min-height: 60px;
}
.festivaalitoimikuntalistaus h4 {
	clear: both;
}

.ibbf2 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;

}

div.thumbnail {
	float: left;
	margin: 5px;
	width: 180px;
	height: 220px;
}

a.thumbnail {
	display: block;
	width: 180px;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
}
a.thumbnail img {
	display: inline;
}
a.thumbnail:hover {

}
a.press_view {
	padding-left: 22px;
	padding-bottom: 4px;
	background-image: url(/images/zoom.gif);
	background-repeat: no-repeat;
}

.ie6varoitus {
	color: red;
	width: 1000px;
	margin: auto auto;
	padding: 10px;
	font-size: 13px;
	background-color: #fff59f;
	border: 1px solid #CCCCCC;
	line-height: 18px;
}
.selaimet {
	margin-top: 2px;	
}
.selaimet a {
	background-color: #f5f5f5;
	margin-left: 25px;
	float: left;
	text-align: center;
	border: 1px solid #CCCCCC;
	padding: 2px;
}


img#kuva_ei_kuvaa {
	margin-bottom: 30px;
}

.gtranslate {
	position: absolute;
	left: 10px;
	z-index: 90;
	background-image: url(/images/2010/gtranslate_layer.png);
	background-repeat: no-repeat;
	width: 227px;	
	min-height: 36px;
	background-position: left bottom;	
}
#gtranslate {
	height: 42px;
}
.goog-logo-link {
	display: none;
}
.gtranslatelink {
	display: block;
	width: 216px;
	height: 20px;
	margin-bottom: 15px; 

}
div.skiptranslate {
	margin-left: 17px;
}

.yhteistyossa a {
	color: #000;
	margin-left: 5px; margin-right: 15px;
}
.addthis_toolbox {
		position: absolute;
		left: 580px;
		top: 25px;
	}
.imatrakylpyla {
	display: block;
	background-image:url(/images/2010/IK_ibbf_banneri.gif);
	background-repeat: no-repeat;
	width: 282px;
	height: 90px;
	margin-top: 20px;
	margin-left: 8px;
}
.dits {
	display: block;
	background-image:url(/images/2010/dits_imatra.jpg);
	background-repeat: no-repeat;
	width: 282px;
	height: 90px;
	margin-top: 20px;
	margin-left: 8px;
}