/* CSS Document */

body {
	background-color: #00184c; 
	background-repeat: repeat-x;
	font-family: Tahoma, Helvetica, "Trebuchet MS",  Arial, Verdana, sans-serif;
	font-size: 11px;
	margin: 0;
	text-align: center;
        color: #c3efff;
}

A { color: #ff8f0a; text-decoration: none;}
A:hover { color: #ff8f0a; text-decoration: underline;}

img.shade {
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 2px groove black;
  border-bottom: 2px groove black;
}

#container { margin:0 auto; width: 900px; text-align: left; } 

#header {
	width: 900px;
	height: 146px;
	overflow: hidden;
}

#header #logo { width: 200px; height: 116px; padding-top: 0; float: left;}
#header #pikkukivi { width: 205px; height: 90px; float: left; color: #818383;}
#header #liity { width: 205px; height: 45px; float: left; color: #818383; padding-top:5px;}
#header #navicontainer { width: 470px; height: 146px; float: left;}
	
		#header #navicontainer #navi {width: 110px;height: 146px;background-image: url(images/navi_bg.gif);background-repeat: no-repeat;background-position: bottom left;float: left;color: #ffffff;}
	
	#header ul {
		list-style: none;
		padding: 0;
		margin-left: 5px;
		margin-top: 55px;
	}
	

	#header li a {
		display: block;
		width: 95px;
		height: 17px;
		padding-top: 3px;
		text-decoration: none;
		color: #ffffff;
		margin-bottom: 1px;
		padding-left: 5px;
	}
	
	#header li a:hover {
		background-color: #374144;
		display: block;
		width: 95px;
		height: 17px;
		padding-top: 3px;
		text-decoration: none;
		color: #ffffff;
		margin-bottom: 1px;
		padding-left: 5px;
	}
	
	#header li.active a{
		display: block;
		width: 95px;
		height: 17px;
		padding-top: 3px;
		background-color: #9a327b;		
	}
	
#content_front {
	min-height: 400px;
	width: 900px;
	color: #c3efff;
}
	#content_front #banner { 
		float: left; 
		width: 500px; 
		height: 70px; 
		text-align: center;
/*		border: 2px dotted #ffffff; */
	}

	#content_front #banner IMG{ 
		border: 0px;
	}

	#content_front #sponsors { float: left; width: 900px; text-align: center; font-size: 14px; margin-top: 50px;}
	#content_front #left { float: left; width: 580px; /* margin-top: 5px; */ }
	#content_front .galleria IMG { border: 0; }
	#content_front #left #txt {
		margin-top: 5px;
		float: left; 
		width: 410px; 
		min-height: 20px; 
		margin-right: 10px; 
		line-height: 16px; 
		font-size: 12px;
		color: #ffffff;
	}
	#content_front #left #txt P {
		margin-left: 5px;
	}
	#content_front #left #news { 
		float: left;
		margin-top: 15px; 
		width: 550px; 
		border-left: 1px dotted #336070; 
		min-height: 100px;
		padding-left: 10px;
/*		padding-bottom: 20px; */
	}
	
	#content_front #left #news #newsitem {
		padding-bottom: 20px;
	}

	#content_front #newsarchive #newsitem {
		padding-bottom: 20px;
	}

	#content_front #left #news H2 {
		color: #cae4ed; 
		margin: 0px 0px 15px 0px;
}	

	#content_front #left #news #newsitem .newsdate_side { color: #84b5c7; }
	#content_front #left #news #newsitem .newshdr_side { color: #cae4ed; font-weight: bold; }
	#content_front #left #news #newsitem .newstext { color: #76a2b3; line-height: 16px; }

	#content_front #newsarchive #newsitem .newsdate_side { color: #84b5c7; }
	#content_front #newsarchive #newsitem .newshdr_side { color: #cae4ed; font-weight: bold; }
	#content_front #newsarchive #newsitem .newstext { color: #76a2b3; line-height: 16px; }

	
	#content_front #right { 
		float: left; 
		width: 280px; 
/*		background-color: #ffffff;  */
/* 	min-height: 600px; */
		margin-top: 10px;
		text-align: center;
		border: 4 px;
		border-style: dashed;
		padding: 0px 0px 0px 0px;
	}
	#content_front #right img { 
		border: 0;
	}

	#content_front #right h1 { 
		text-align: center;
	}

	#content_front #right_av { 
		float: left; 
		width: 180px; 
		min-height: 20px;
		margin-top: 10px;
		text-align: center;
	}
	#content_front #right_av img { 
		border: 0;
	}

#festarialue_vasen { width: 410px; float: left; }

	#liput, #klr08_02 {
		width: 350px;
		min-height: 150px;		
		color: #00384c;
		padding: 10px;
		margin-top: 10px;
		float: left;
		padding-left: 50px;
	}
	
	#liput { background: #ffffff }
	#klr08_02 { background: #ffffff }
	
	#saannot, #rules {
		width: 350px;
		min-height: 250px;		
		color: #00384c;
		padding: 10px;
		margin-top: 10px;
		float: left;
		padding-left: 50px;
	}
		
	#saannot { background: #ffffff }
	#rules { background: #ffffff }
	
	#saannot P, #rules P { margin-right: 20px; }
	
#festarialue_oikea { width: 410px; float: left; }

	
	
	#tickets {
		width: 400px;
		min-height: 100px;
		
		color: #00384c;
		padding: 10px;
		margin-top: 10px;
		margin-left: 10px;
		float: left;
		padding-left: 50px;
	}

	#tickets { background: #ffffff }	
	

	#kulkuyhteydet, #transport {
		width: 400px;
		min-height: 250px;		
		color: #00384c;
		padding: 10px;
		margin-top: 10px;
		margin-left: 10px;
		float: left;
		padding-left: 50px;
	}
	
	#kulkuyhteydet { background: #ffffff }	
	#transport { background: #ffffff }

#pressi_vasen { width: 410px; float: left; }

	#pressi_vasen #yhteys {
		width: 380px;
		min-height: 150px;
		background-color: #ffffff;
		color: #00384c;
		padding: 10px;
		margin-top: 10px;
		float: left;
		padding-left: 20px;
	}
	#yhteys h2 { font-size: 16px; margin-top: 5px;}
	#yhteys h3 { font-size: 12px; font-weight: bold; margin-bottom: 2px;}
	
	#pressi_vasen #pressikuvat {
		width: 380px;
		min-height: 250px;
		background-color: #ffffff;
		color: #00384c;
		padding: 10px;
		margin-top: 10px;
		float: left;
		padding-left: 20px;
	}
	#pressikuvat h2 { font-size: 16px; margin-top: 5px;}
	#pressikuvat h3 { font-size: 12px; font-weight: bold; margin-bottom: 2px;}
	
#pressi_oikea { width: 410px; float: left; }

	#pressi_oikea #tiedotteet {
		width: 430px;
		min-height: 100px;
		background-color: #ffffff;
		color: #00384c;
		padding: 10px;
		margin-top: 10px;
		margin-left: 10px;
		float: left;
		padding-left: 20px;
	}
	#tiedotteet h2 { font-size: 16px; margin-top: 5px;}
	#tiedotteet h3 { font-size: 12px; font-weight: bold; margin-bottom: 2px;}
	
	#pressi_oikea #info {
		width: 430px;
		min-height: 250px;
		background-color: #ffffff;
		color: #00384c;
		padding: 10px;
		margin-top: 10px;
		margin-left: 10px;
		float: left;
		padding-left: 20px;
	}
	#info h2 { font-size: 16px; margin-top: 5px;}
	#info h3 { font-size: 12px; font-weight: bold; margin-bottom: 2px;}

#uutiset_vasen {
	width: 400px;
	min-height: 250px;
	background: #ffffff
	color: #00384c;
	padding: 10px;
	margin-top: 10px;
	float: left;
	padding-left: 50px;
}

#uutiset_vasen A {
	color: #333333;
}

#uutiset_oikea {
	width: 300px;
	min-height: 250px;
	background: #ffffff
	color: #00384c;
	padding: 10px;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	padding-left: 50px;
}

#ohjelma {
	width: 800px;
	min-height: 250px;
	background: #ffffff
	color: #00384c;
	padding: 10px;
	margin-top: 10px;
	float: left;
	padding-left: 50px;
}

#klubit_v2 {
	width: 800px;
	min-height: 250px;
	background: #ffffff
	color: #00384c;
	padding: 10px;
	margin-top: 10px;
	float: left;
	padding-left: 50px;
	}

#listalle {
	width: 800px;
	min-height: 250px;
	background-color: #ffffff;
	color: #00384c;
	padding: 10px;
	margin-top: 10px;
	float: left;
	padding-left: 50px;
}

#skabat {
	width: 800px;
	min-height: 250px;
	background: #ffffff
	color: #00384c;
	padding: 10px;
	margin-top: 10px;
	float: left;
	padding-left: 50px;
}

#kkbandi {
	width: 840px;
	min-height: 250px;
	background-color: #ffffff;
	color: #00384c;
	padding: 10px;
	margin-top: 10px;
	float: left;
	padding-left: 15px;
}

	#kkbandi_skaba {
		width: 830px;
		min-height: 500px;
		background-color: #000000;
		background-repeat: no-repeat;
		color: #ffffff;
		margin-top: 10px;
		float: left;
		margin-bottom: 20px;
	}
	
	#kkbandi_skaba #vasen {
		width: 470px;
		margin-left: 15px;
		color: #ffffff;
		/*background-color: #ffffff;*/
		margin-top: 190px;
		float: left;
	}
	
	#kkbandi_skaba #oikea {
		width: 330px;
		color: #ffffff;
		/*background-color: #ffffff;*/
		margin-top: 40px;
		float: left;
	}

#pkr {
	width: 800px;
	min-height: 250px;
	background: #ffffff
	color: #00384c;
	padding: 10px;
	margin-top: 10px;
	float: left;
	padding-left: 50px;
}

#akkreditointi{
	width: 800px;
	min-height: 250px;
	background: #ffffff
	color: #00384c;
	padding: 10px;
	margin-top: 10px;
	float: left;
	padding-left: 50px;
}

#yhteistyossa {
	width: 800px;
	min-height: 250px;
	background: #ffffff
	color: #00384c;
	padding: 10px;
	margin-top: 10px;
	float: left;
	padding-left: 50px;
}

#yhteistyossa img {
	border: 0;
}

.sponssitaulu {
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}

.sponssitaulu_oik {
	border-bottom: solid 1px #ddd;
}

.sponssitaulu_ala {
	border-right: solid 1px #ddd;
}


#pressipalvelut {
	width: 300px;
	min-height: 250px;
	background-color: #ffffff;
	color: #00384c;
	padding: 10px;
	margin-left: 5px;
	float: left;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 2px;
}

#yhteystiedot {
	width: 300px;
	min-height: 250px;
	background-color: #ffffff;
	color: #00384c;
	padding: 10px;
	margin-left: 5px;
	float: left;
}

#banditaulu { float: left; width: 800px; min-height: 300px; }
#bandikuva { float: left; width: 435px; height: 300px; }
#bandiinfo { float: left; width: 360px; height: 300px; padding-top: 20px; }
#bandiinfo P { font-size: 12px; color: #bfe9f8; margin-left: 5px; }
#bandiinfo A { font-weight: bold; }
#bandiinfo .mini { font-size: 9px; }


#pressipalvelut h2,
#bannerit h2 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 2px;
}

#bannerit {
	width: 500px;
	min-height: 400px;
	background-color: #ffffff;
	color: #00384c;
	padding: 10px;
	margin-left: 10px;
	float: left;
}
	
#footer {
	float: left;
	width: 100%;
/*	height: 221px; */
	background-color: #051316;
	text-align: left;
	margin-top: 30px;
}

#footer #footercontent {
/*	height: 134px; */
	width: 900px;
	color: #0e161a;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

#footer #left { width: 450px; height: 134px; color: #467080; font-size: 10px; float: left;}
#footer #left A { color: #467080;}
#footer #left A:hover { color: #ff8f0a; text-decoration: none; }

#footer #right { width: 420px; height: 134px; color: #467080; font-size: 10px; text-align: right; float: left;}
#footer #right A { color: #467080;}
#footer #right A:hover { color: #ff8f0a; text-decoration: none; }


/* -------- Uutiset -------------*/

.newsdate {color:#999999;}
.newshdr {color: #003366; font-size: 16px; font-weight: bold;}
.newstext { font-size: 11px;}

.white { color: #ffffff; }

#sini { background-color: #eeeeee; padding: 10px;}

.blue {
  color: #0000FF;
}

.red {
  color: #FF0000;
}

.redblink {
  color: #FF0000;
    -webkit-animation: blink .75s linear infinite;
    -moz-animation: blink .75s linear infinite;
    -ms-animation: blink .75s linear infinite;
    -o-animation: blink .75s linear infinite;
    animation: blink .75s linear infinite;
}

@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
/* Stylesheet: Radiohami Modified On 2013-07-02 21:14:54 */
