html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
	background-color:#660000;
	background-image:url(../images/tausta.png);
	background-repeat:no-repeat;
	background-position: left top;
	background-attachment: absolute;
}
#wrapper { 
 margin: 0 auto;
 width: 900px;
 padding: 0px 0px 0px 0px;
}

#header {
 width: 900px;
 padding: 0px;
 height: 70px;
 margin: 0px 0px 0px 0px;
 background-color: #CC0000;
 background-image: url(../images/header2.png);
 background-position: left top;
 background-repeat: no-repeat;
 position:absolute;
 z-index:9999;
 
 }
 
 #topnavi {
 width: 898px;
 padding: 0px 0px 0px 0px;
 height: 22px;
 margin: 0px 0px 0px 0px;
 background: #660000;
 background-image: url(../images/navitaus.png);
 background-position: left top;
 background-repeat: no-repeat;
 border-left:1px;
 border-left-style: dotted;
 border-left-color: #cc0000;
 border-right:1px;
 border-right-style: dotted;
 border-right-color: #cc0000;
 position: absolute;
 top:70px; 
 z-index:9999;
 
 }

#topnavi A {color: #ffffff; font-weight:bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px 0px 0px 20px; }
#topnavi A:hover {color: #999999; font-weight:bold; text-decoration: none;}
#topnavi A:active {color: #cccccc; font-weight:bold; text-decoration: none;}
div.topnavi {margin: 3px 10px 10px 120px; width:700px; max-width:700px;}

#center{
 width: 898px;
 height: 174px;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 float: left;
 background: #660000;
 background-image:url(../images/show.jpg);
 background-repeat: no-repeat;
 background-position: left top;
 border-left:1px;
 border-left-style: dotted;
 border-left-color: #cc0000;
 border-right:1px;
 border-right-style: dotted;
 border-right-color: #cc0000;
 position: absolute;
 top:92px;
 z-index:9999;

}

div.show_spot {margin: 0px 0px 0px 0px; width:898; height: 69px; padding: 0px 0px 0px 0xp; max-width:898px; background-image: url(../images/spot.png); background-position: center top; background-repeat: no-repeat;}
div.show_etusivu {margin: 0px 0px 0px 0px; width:898; height: 187px; padding: 0px 0px 0px 0xp; max-width:898px; background-image: url(../etusivu/images/isokuva/etusivu.png); background-position: center bottom; background-repeat: no-repeat;}
div.show_kalenteri {margin: 0px 0px 0px 0px; width:898; height: 187px; padding: 0px 0px 0px 0xp; max-width:898px; background-image: url(../kalenteri/images/isokuva/kalenteri.png); background-position: center bottom; background-repeat: no-repeat;}
div.show_ohjelmisto {margin: 0px 0px 0px 0px; width:898; height: 187px; padding: 0px 0px 0px 0xp; max-width:898px; background-image: url(../ohjelmisto/images/isokuva/ohjelmisto.png); background-position: center bottom; background-repeat: no-repeat;}
div.show_liput {margin: 0px 0px 0px 0px; width:898; height: 187px; padding: 0px 0px 0px 0xp; max-width:898px; background-image: url(../liput/images/isokuva/liput.png); background-position: center bottom; background-repeat: no-repeat;}
div.show_tilat {margin: 0px 0px 0px 0px; width:898; height: 187px; padding: 0px 0px 0px 0xp; max-width:898px; background-image: url(../tilat/images/isokuva/tilat.png); background-position: center bottom; background-repeat: no-repeat;}
div.show_henkilot {margin: 0px 0px 0px 0px; width:898; height: 187px; padding: 0px 0px 0px 0xp; max-width:898px; background-image: url(../henkilot/images/isokuva/henkilot.png); background-position: center bottom; background-repeat: no-repeat;}
div.show_yhteystiedot {margin: 0px 0px 0px 0px; width:898; height: 187px; padding: 0px 0px 0px 0xp; max-width:898px; background-image: url(../yhteystiedot/images/isokuva/yhteystiedot.png); background-position: center bottom; background-repeat: no-repeat;}
div.show_media {margin: 0px 0px 0px 0px; width:898; height: 187px; padding: 0px 0px 0px 0xp; max-width:898px; background-image: url(../media/images/isokuva/media.png); background-position: center bottom; background-repeat: no-repeat;}
div.show_tuotanto1 {margin: 0px 0px 0px 0px; width:898; height: 187px; padding: 0px 0px 0px 0xp; max-width:898px; background-image: url(../tuotannot/tuotanto1/images/isokuva/tuotanto1.png); background-position: center bottom; background-repeat: no-repeat;}
div.show_tuotanto2 {margin: 0px 0px 0px 0px; width:898; height: 187px; padding: 0px 0px 0px 0xp; max-width:898px; background-image: url(../tuotannot/tuotanto2/images/isokuva/tuotanto2.png); background-position: center bottom; background-repeat: no-repeat;}
div.show_tuotanto3 {margin: 0px 0px 0px 0px; width:898; height: 187px; padding: 0px 0px 0px 0xp; max-width:898px; background-image: url(../tuotannot/tuotanto3/images/isokuva/tuotanto3.png); background-position: center bottom; background-repeat: no-repeat;}
div.show_tuotanto4 {margin: 0px 0px 0px 0px; width:898; height: 187px; padding: 0px 0px 0px 0xp; max-width:898px; background-image: url(../tuotannot/tuotanto4/images/isokuva/tuotanto4.png); background-position: center bottom; background-repeat: no-repeat;}
div.show_tuotanto5 {margin: 0px 0px 0px 0px; width:898; height: 187px; padding: 0px 0px 0px 0xp; max-width:898px; background-image: url(../tuotannot/tuotanto5/images/isokuva/tuotanto5.png); background-position: center bottom; background-repeat: no-repeat;}
div.show_tuotanto6 {margin: 0px 0px 0px 0px; width:898; height: 187px; padding: 0px 0px 0px 0xp; max-width:898px; background-image: url(../tuotannot/tuotanto6/images/isokuva/tuotanto6.png); background-position: center bottom; background-repeat: no-repeat;}
div.show_banneri1 {margin: 0px 0px 0px 0px; width:898; height: 187px; padding: 0px 0px 0px 0xp; max-width:898px; background-image: url(../bannerit/banneri1/images/isokuva/banneri1.png); background-position: center bottom; background-repeat: no-repeat;}
div.show_banneri2 {margin: 0px 0px 0px 0px; width:898; height: 187px; padding: 0px 0px 0px 0xp; max-width:898px; background-image: url(../bannerit/banneri2/images/isokuva/banneri2.png); background-position: center bottom; background-repeat: no-repeat;}
div.show_banneri3 {margin: 0px 0px 0px 0px; width:898; height: 187px; padding: 0px 0px 0px 0xp; max-width:898px; background-image: url(../bannerit/banneri3/images/isokuva/banneri3.png); background-position: center bottom; background-repeat: no-repeat;}
div.show_banneri4 {margin: 0px 0px 0px 0px; width:898; height: 187px; padding: 0px 0px 0px 0xp; max-width:898px; background-image: url(../bannerit/banneri4/images/isokuva/banneri4.png); background-position: center bottom; background-repeat: no-repeat;}
div.show_arkisto {margin: 0px 0px 0px 0px; width:898; height: 187px; padding: 0px 0px 0px 0xp; max-width:898px; background-image: url(../arkisto/images/isokuva/arkisto.png); background-position: center bottom; background-repeat: no-repeat;}

#alanavi {
	background: #660000;
	width: 898px;
	padding: 0px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-left: 1px;
	border-left-style: dotted;
	border-left-color: #cc0000;
	border-right: 1px;
	border-right-style: dotted;
	border-right-color: #cc0000;
	border-bottom:1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
	background-image: url(../images/navitaus2.png);
	background-position: left top;
	background-repeat: no-repeat;
	position: absolute;
	top:266px;
	z-index:9999;
	

 
 }

#alanavi A {color: #ffffff; font-weight:bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px 0px 0px 20px; }
#alanavi A:hover {color: #999999; font-weight:bold; text-decoration: none;}
#alanavi A:active {color: #cccccc; font-weight:bold; text-decoration: none;}
div.alan {margin: 3px 2px 2px 235px; width:50%; max-width:500px;}
 
#bannercolum {
	width: 900px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: #4d4d4d;
	position: absolute;
	top:286px;
	z-index:9999;

}

div.bannerl {font:Geneva, Arial, Helvetica, Sans-Serif; font-size:12px; color:#cccccc; margin: 7px 0px 0px 4px; width:90%; padding: 0px 0px 0px 0xp; max-width:249px}

#bannercolum_left {
 width: 249px;
 padding: 0px;
 height: 32px;
 margin: 0px 0px 0px 0px;
 background: #cccc99;
 float: left;
 background-image:url(../images/b1.png);
 background-repeat: repeat-x;
 background-position: left top;
 border-left:1px;
 border-left-style: dotted;
 border-left-color:#4d4d4d;
 border-right:1px;
 border-right-style: dotted;
 border-right-color:#4d4d4d;;
 border-bottom:1px;
 border-bottom-style: dotted;
 border-bottom-color: #666666;
 
 }

div.bannerl {font-family:Trebuchet MS, Georgia, Times, serif; font-size:13px; color:#cccccc; margin: 7px 0px 0px 4px; width:90%; padding: 0px 0px 0px 0xp; max-width:249px}
 

 
#bannercolum_center {
 width: 398px;
 padding: 0px;
 height: 32px;
 margin: 0px 0px 0px 0px;
 background: #cccc99;
 float: left;
 background-image:url(../images/b1.png);
 background-repeat: repeat-x;
 background-position: left top;
 border-bottom:1px;
 border-bottom-style: dotted;
 border-bottom-color: #666666;
  
}

#bannercolum_right {
 width: 249px;
 padding: 0px;
 height: 32px;
 margin: 0px 0px 0px 0px;
 background: #cccc99;
 float: left;
 background-image:url(../images/b1.png);
 background-repeat: repeat-x;
 background-position: left top;
 border-left:1px;
 border-left-style: dotted;
 border-left-color:#4d4d4d;
 border-right:1px;
 border-right-style: dotted;
 border-right-color:#4d4d4d;
 border-bottom:1px;
 border-bottom-style: dotted;
 border-bottom-color: #666666;

}


#b1 {
	margin-bottom: 0px;
	min-height: 650px;
	float:left;
	background: #cdcaaf;
	position: absolute;
	top:320px;
	height: 512px;
	
 
}


#bt {
	margin-bottom: 0px;
	width: 900px;
	min-height: 650px;
	float:left;
    background: #cdcaaf;
	position: absolute;
	top:318px;
	

}


div.tuotannot{margin: 0px 0px 0px 0px; width:248; padding: 0px 0px 0px 0xp; max-width:248px;} 
#tuotanto1{background-color:#cdcaaf; margin: 0px 0px 0px 0px; width:99; height: 140px; padding: 0px 0px 0px 0xp; max-width:99px; background-image: url(../tuotannot/tuotanto1/images/tuotanto1_pieni.png); background-position: left top; background-repeat: no-repeat; } 
#tuotanto2{background-color:#cdcaaf; margin: 0px 0px 0px 0px; width:99; height: 140px; padding: 0px 0px 0px 0xp; max-width:99px; background-image: url(../tuotannot/tuotanto2/images/tuotanto2_pieni.png); background-position: left top; background-repeat: no-repeat; } 
#tuotanto3{background-color:#cdcaaf; margin: 0px 0px 0px 0px; width:99; height: 140px; padding: 0px 0px 0px 0xp; max-width:99px; background-image: url(../tuotannot/tuotanto3/images/tuotanto3_pieni.png); background-position: left top; background-repeat: no-repeat; } 
#tuotanto4{background-color:#cdcaaf; margin: 0px 0px 0px 0px; width:99; height: 140px; padding: 0px 0px 0px 0xp; max-width:99px; background-image: url(../tuotannot/tuotanto4/images/tuotanto4_pieni.png); background-position: left top; background-repeat: no-repeat; } 
#tuotanto5{background-color:#cdcaaf; margin: 0px 0px 0px 0px; width:99; height: 140px; padding: 0px 0px 0px 0xp; max-width:99px; background-image: url(../tuotannot/tuotanto5/images/tuotanto5_pieni.png); background-position: left top; background-repeat: no-repeat; } 
#tuotanto6{background-color:#cdcaaf; margin: 0px 0px 0px 0px; width:99; height: 140px; padding: 0px 0px 0px 0xp; max-width:99px; background-image: url(../tuotannot/tuotanto6/images/tuotanto6_pieni.png); background-position: left top; background-repeat: no-repeat; } 

div.bannerit{margin: 0px 0px 0px 0px; width:248; padding: 0px 0px 0px 0xp; max-width:248px;} 
#banneri1{background-color:#cdcaaf; margin: 0px 0px 0px 0px; width:200; height: 60px; padding: 0px 0px 0px 0xp; max-width:200px; background-image: url(../bannerit/banneri1/images/banneri1_pieni.png); background-position: left top; background-repeat: no-repeat; } 
#banneri2{background-color:#cdcaaf; margin: 0px 0px 0px 0px; width:200; height: 60px; padding: 0px 0px 0px 0xp; max-width:200px; background-image: url(../bannerit/banneri2/images/banneri2_pieni.png); background-position: left top; background-repeat: no-repeat; } 
#banneri3{background-color:#cdcaaf; margin: 0px 0px 0px 0px; width:200; height: 60px; padding: 0px 0px 0px 0xp; max-width:200px; background-image: url(../bannerit/banneri3/images/banneri3_pieni.png); background-position: left top; background-repeat: no-repeat; } 
#banneri4{background-color:#cdcaaf; margin: 0px 0px 0px 0px; width:200; height: 60px; padding: 0px 0px 0px 0xp; max-width:200px; background-image: url(../bannerit/banneri4/images/banneri4_pieni.png); background-position: left top; background-repeat: no-repeat; } 

#tervehdys{
 width: 100%;
 max-width:650px;
 padding: 0px;
 height: 100%
 margin: 0px 0px 0px 0px;
 float: left;
 background-color:#cdcaaf;
 border-bottom:1px;
 border-bottom-style: dotted;
 border-bottom-color:#4d4d4d;
}

#tervehdys {margin: 0px 0px 0px 0px; width:100%; padding: 10px 0px 0px 10xp; width: 90%; max-width:398px; border-bottom:1px;border-bottom-style: dotted;border-bottom-color:#4d4d4d;}
div.tervehdys {margin: 0px 0px 0px 0px; width:100%; padding: 0px 0px 0px 0xp; max-width:380px}
.tervehdys{margin: 0px 0px 0px 0px; width:90%; padding: 0px 0px 0px 0xp; max-width:380px; font-family:Trebuchet MS, Georgia, Times, serif;}
.tervehdys a {color: #333333; font-weight:normal; text-decoration: underline; font-size: 12px;}
.tervehdys a:hover {color: #333333; font-weight:normal; text-decoration: none}
.tervehdys a:active {color: #ffffff; font-weight:normal; text-decoration: none}
.tervehdys {color: #333333; font-family:Trebuchet MS, Georgia, Times, serif; font-size: 13px} 
.tervehdys h1 {color: #666666; font-family:Trebuchet MS, Georgia, Times, serif; font-size: 12px; font-style:italic; font-weight:normal;} 
.tervehdys h2 {color: #cc0000; font-family:Trebuchet MS, Georgia, Times, serif; font-size: 15px; font-weight:bold;} 
 
#bt_line {margin: 0px 0px 0px 0px; width:1px; padding: 0px 0px 0px 0xp; max-width:1px; height:100%; background-image: url(../images/line.png); background-position: center top; background-repeat: no-repeat;}

#bt_center {
 width: 396px;
 padding: 0px;
 min-height: 650px;
 margin: 0px 0px 0px 0px;
 background: #cdcaaf;
 float: left;
 
 

}

#content {margin: 0px 0px 0px 0px; width:100%; padding: 10px 0px 0px 10xp; width: 90%; max-width:398px; border-bottom:1px;
 border-bottom-style: dotted;
 border-bottom-color:#4d4d4d;}
div.content {margin: 0px 0px 0px 0px; width:100%; padding: 0px 0px 0px 0xp; max-width:380px}
.content{margin: 0px 0px 0px 0px; width:90%; padding: 0px 0px 0px 0xp; max-width:380px; font-family:Trebuchet MS, Georgia, Times, serif;}
.content a {color: #333333; font-weight:normal; text-decoration: underline; font-size: 12px;}
.content a:hover {color: #00FFFF; font-weight:normal; text-decoration: none}
.content a:active {color: #ffffff; font-weight:normal; text-decoration: none}
.content {color: #333333; font-family:Trebuchet MS, Georgia, Times, serif; font-size: 13px} 
.content h1 {color: #666666; font-family:Trebuchet MS, Georgia, Times, serif; font-size: 12px; font-style:italic; font-weight:normal;} 
.content h2 {color: #cc0000; font-family:Trebuchet MS, Georgia, Times, serif; font-size: 15px; font-weight:bold;} 

div.oikea {margin: 0px 0px 0px 0px; width:240px; padding: 0px 0px 0px 0xp; max-width:80%px;}
.oikea{margin: 0px 0px 0px 0px; width:240px; padding: 0px 0px 0px 0xp; max-width:80&px; font-family:Trebuchet MS, Georgia, Times, serif;}
.oikea a {color: #333333; font-weight:normal; text-decoration: underline; font-size: 12px;}
.oikea a:hover {color: #333333; font-weight:normal; text-decoration: none}
.oikea a:active {color: #ffffff; font-weight:normal; text-decoration: none}
.oikea {color: #333333; font-family:Trebuchet MS, Georgia, Times, serif; font-size: 13px} 
.oikea h1 {color: #666666; font-family:Trebuchet MS, Georgia, Times, serif; font-size: 12px; font-style:italic; font-weight:normal;} 
.oikea h2 {color: #cc0000; font-family:Trebuchet MS, Georgia, Times, serif; font-size: 15px; font-weight:bold;} 

#bt_left {
 width: 248px;
 max-width:248px;
 padding: 0px;
 min-height: 650px;
 margin: 0px 0px 0px 0px;
 background: #cdcaaf;
 float: left;
 padding: 0px 0px 0px 0xp;
}


div.vasen {margin: 0px 0px 0px 0px; width:240px; padding: 0px 0px 0px 0xp; max-width:80%px;}
.vasen{margin: 0px 0px 0px 0px; width:240px; padding: 0px 0px 0px 0xp; max-width:80&px; font-family:Trebuchet MS, Georgia, Times, serif; }
.vasen a {color: #333333; font-weight:normal; text-decoration: underline; font-size: 12px;}
.vasen a:hover {color: #333333; font-weight:normal; text-decoration: none}
.vasen a:active {color: #ffffff; font-weight:normal; text-decoration: none}
.vasen {color: #333333; font-family:Trebuchet MS, Georgia, Times, serif; font-size: 13px} 
.vasen h1 {color: #666666; font-family:Trebuchet MS, Georgia, Times, serif; font-size: 12px; font-style:italic; font-weight:normal;} 
.vasen h2 {color: #cc0000; font-family:Trebuchet MS, Georgia, Times, serif; font-size: 15px; font-weight:bold;} 



#bt_right {
 width: 248px;
 max-width:248px;
 padding: 0px;
 min-height: 650px;
 margin: 0px 0px 0px 0px;
 background: #cdcaaf;
 float: left;
 }


div.text {margin: 0px 0px 0px 0px; width:90%; padding: 10px 0px 0px 10xp; ; max-width:90%}
.text{margin: 10px 10px 10px 10px; width:90%; padding: 0px 0px 0px 0xp; max-width:248px}
.text a {color: #333333; font-weight:normal; text-decoration: underline; font-family: Arial; font-size: 12px;}
.text a:hover {color: #333333; font-weight:normal; text-decoration: none}
.text a:active {color: #ffffff; font-weight:normal; text-decoration: none}
.text {color: #666666; font-family:Arial; font-size: 13px} 
.text h1 {color: #666666; font-family:Arial; font-size: 12px; font-style:italic; font-weight:normal;} 
.text h2 {color: #cc0000; font-family:Arial; font-size: 15px; font-weight:bold;} 

div.bt_right  {margin: 5px 5px 5px 5px; width:100%; padding: 0px 0px 0px 0xp; max-width:249px}