/* RESET */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td, hr { margin: 0; padding: 0; } 

img{border: 0;}
p{line-height:18px;}

html, body { 
   margin:0;
   padding:0;
   height:100%;
   width: 100%;
}

.spacer_right { float: right; }

body {
	width: 100%;
	height: 100%;
	background-color: #e0e5e6;
	background-image: url(../img/body_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#container {
	width: 969px;
	margin: auto;
	background-image:url(../img/container_bg.gif);
	background-repeat: repeat-y;	
}

div#container div#top {
	height: 80px;
	width: 100%;
	background-image: url(../img/top_bg.jpg);
	background-repeat: no-repeat;
}

div#container div#top div#noscript_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding: 33px 0px 0px 37px;
}


/* NOSCRIPT-SETIT */

div#container div#top div#noscript_menu .noscript_link { padding-right: 21px; }
div#container div#top div#noscript_menu a:link { color: #fff; text-decoration: none; }
div#container div#top div#noscript_menu a:visited { color: #fff; text-decoration: none; }
div#container div#top div#noscript_menu a:hover { color: #00ddfe; text-decoration: none; }

div#container div#left div#top_flash_content div#topflash_noscript {
	padding: 40px 0px 0px 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 150%;
	color: #fff;
}
div#container div#left div#top_flash_content div#topflash_noscript a:link { color:#ccc; text-decoration: underline; }
div#container div#left div#top_flash_content div#topflash_noscript a:visited { color:#ccc; text-decoration: underline; }
div#container div#left div#top_flash_content div#topflash_noscript a:hover { color:#fff; text-decoration: underline; }

/**/


div#container div#top div#kielivalinta {
	float: right;
	width: 85px;
	height: 64px;
	padding-top: 16px;
}


/* kieli-rolloverit */

div#container div#top div#kielivalinta div.suomeksi {
	width: 85px; height: 23px;
	background-image: url(../img/kieli_suomi.gif);
	background-repeat: no-repeat;
	background-position: -85px 0;
}
div#container div#top div#kielivalinta a.suomeksi {
	display: block;
	width: 85px; height: 23px;
	background-image: url(../img/kieli_suomi.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#container div#top div#kielivalinta a.suomeksi:hover { background-position: -85px 0; }


div#container div#top div#kielivalinta div.in_english {
	display: block;
	width: 85px; height: 23px;
	background-image: url(../img/kieli_englanti.gif);
	background-repeat: no-repeat;
	background-position: -85px 0;
}
div#container div#top div#kielivalinta a.in_english {
	clear: both;
	display: block;
	width: 85px; height: 23px;
	background-image: url(../img/kieli_englanti.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#container div#top div#kielivalinta a.in_english:hover { background-position: -85px 0; }

/**/


div#container div#top div#logo {
	float: left;
	width: 290px;
	height: 80px;
	background-image: url(../img/top_logo.gif);
	background-repeat: no-repeat;
}

div#container div#top div#menu { float: left; width: 475px; height: 80px; overflow: hidden; }

div#container div#left {
	float: left;
	width: 661px;
	height: 100%;
}

div#container div#left div#top_flash_content {
	height: 344px;
	width: 100%;
	background-image: url(../img/top_flash_content_test.jpg);
	background-repeat: no-repeat;
}
	
	
div#container div#left div#middle_promotion_content {
	height: 182px;
	width: 100%;
	background-color: #000;
	background-image: url(../img/promotion_2014.jpg);
	background-repeat: no-repeat;
}
	
	div#container div#left div#middle_promotion_content a {
		float: left;
		height: 182px;
		width: 100%;
	}
	

div#container div#left div#middle_promotion_content_english {
	height: 182px;
	width: 100%;
	background-color: #000;
	background-image: url(../img/promotion_clube_latino_en.jpg);
	background-repeat: no-repeat;
}



div#container div#left div#left_bottom_header {
	background-image: url(../img/bottom_content_header_bg.jpg);
	background-repeat: no-repeat;
	height: 36px;
	padding-left: 20px;	
}

div#container div#left div#left_bottom_header div.header_palvelut_tapahtumat {width: 200px; height: 36px; background-image: url(../img/header_palvelut_tapahtumat.jpg); background-repeat: no-repeat; }

div.header_palvelut_tapahtumat_en {width: 200px; height: 36px; background-image: url(../img/header_palvelut_tapahtumat_en.jpg); background-repeat: no-repeat; }

div.header_ohjelma {width: 271px; height: 36px; background-image: url(../img/header_ohjelma.jpg); background-repeat: no-repeat; }
div.header_yritys {width: 271px; height: 36px; background-image: url(../img/header_yritys.jpg); background-repeat: no-repeat; }
div.header_yhteystiedot {width: 271px; height: 36px; background-image: url(../img/header_yhteystiedot.jpg); background-repeat: no-repeat; }
div.header_info {width: 271px; height: 36px; background-image: url(../img/header_info.jpg); background-repeat: no-repeat; }

div.header_ohjelma_en {width: 271px; height: 36px; background-image: url(../img/header_ohjelma_en.jpg); background-repeat: no-repeat; }
div.header_yritys_en {width: 271px; height: 36px; background-image: url(../img/header_yritys_en.jpg); background-repeat: no-repeat; }
div.header_yhteystiedot_en {width: 271px; height: 36px; background-image: url(../img/header_yhteystiedot_en.jpg); background-repeat: no-repeat; }
div.header_info_en {width: 271px; height: 36px; background-image: url(../img/header_info_en.jpg); background-repeat: no-repeat; }

div#container div#left div#left_bottom_content {
	width:  601px;
	padding: 20px 30px 30px 30px;
	font-size: 11px;
	line-height: 130%;
}

div#container div#right {
	float: right;
	width: 308px;
	height: 100%;
}

div#container div#right div#right_header {
	height: 36px;
	background-image:url(../img/right_header_bg.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
}

div#container div#right div#right_header div.header_ohjelma { width: 100px; height: 36px; background-image: url(../img/header_ohjelma.jpg); background-repeat: no-repeat; }

div.header_ohjelma_en { width: 200px; height: 36px; background-image: url(../img/header_ohjelma_en.jpg); background-repeat: no-repeat; }



div#container div#right div.right_content {
	padding: 15px;
	font-size: 11px;
	line-height: 130%;	
}

/* artistikuvan thumbnailin varjo */
.artisti_thumb {
	padding: 0px 3px 3px 0px;
	background-image:url(../img/right_img_bg.gif);
	background-repeat: no-repeat;
	}

div#footer {
	clear: both;
	margin: auto;
	height: 100px;
	width: 969px;
	background-image:url(../img/footer_bg.png);
	background-repeat: no-repeat;
	font-size: 11px;
	color: #000;
}
div#footer .copyright { padding: 54px 0px 0px 17px; color: #000; } .copyright a {color: #000;} .copyright a:hover {color: #000;}

hr.clear {
	clear: both;
	display: block;
	visibility: hidden;
	width: 969px;
}

div#otsikkolinkki a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00a8c0;
	font-weight: bold;
	background: url("../img/arrow.gif") no-repeat;
	background-position: 0px 2px;
	padding-left: 15px;
	line-height: 18px;
	text-transform: uppercase;
	text-decoration: none;
}

div#otsikkolinkki a:hover{text-decoration: underline;}

div#teksti{
	font-family: Arial, Helvetica, sans-serif;
	size: 11px;
	color: #555555;
	padding-left: 15px;
	padding-bottom: 10px;
	line-height: 15px;
}

div#teksti h1{
	font-size: 16px;
	color: #00a8c0;
	font-weight: bold;
	background: url("../img/arrow.gif") no-repeat;
	background-position: 0px 4px;
	padding-left: 15px;
	line-height: 18px;
	text-transform: uppercase;
}

div#teksti a{
	color: #00a8c0;
	text-decoration: none;
}

div#teksti b{
	font-weight: bold;
}

div#teksti a:hover{
	text-decoration: underline;
}

div#hr_palvelut{width: 608px; height: 3px; background: url("../img/hr_palvelut.gif") no-repeat;}
div#hr_ohjelma{width: 268px; height: 3px; background: url("../img/hr_ohjelma.gif") no-repeat;}
div#hr_artisti{width: 268px; height: 3px; background: url("../img/hr_artisti.gif") no-repeat; margin-top:5px; padding-bottom:5px;}
div#hr_otsikko{width: 608px; height: 3px; background: url("../img/hr_otsikko.gif") no-repeat; margin-top: 10px;}

td#lkuva{padding-right: 20px;}
.thumb{padding: 6px; border: 1px solid #ccc; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; background-color: #fff;