@charset "UTF-8";
/* CSS Document */


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

/*KUVA TAUSTANA  - NYT KÄYTÖSSÄ*/
background: url('img/background.jpg') 0 0 repeat; 

/*TURKOOSI TAUSTA
background-color:#33cccc;*/

/*OLIIVIN VIHREA TAUSTA
background-color:#cccc99;*/

/*PINKKI TAUSTA
background-color:#ff9999;*/

/*ORANSSI TAUSTA
background-color:#ffcc66;*/

/*VIHREÄ TAUSTA
background-color:#99ff66;*/

/*SININEN TAUSTA
background-color:#66ccff;*/

/*VAALEA VIOLETTI TAUSTA
background-color:#ffccff;*/

/*VAALEA VIOLETTI TAUSTA
background-color:#ffccff;*/

font-family : Helvetica, Arial, sans-serif, Verdana;
font-size : 13px;
color : #OOOOOO;
}

#backwrap {
width : 1060px;
margin:0 auto;

z-index:1;
}

img#backimg{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:-1000;
}

img#archive{
width:150px;
}

a {
text-decoration : none;
color : #003399;
outline:none;
}

a:hover {
text-decoration : underline;
}

img {
border : 0px solid #7E006A;
}

/*
#header{
width : 810px;
height : 20px;
margin : 0;
}
*/

#header p{ 

margin : 0; 
color: #00458A;
}

#header p a {
text-decoration : none;
color : #000000;
}

#header p a:hover {
text-decoration : underline;
color : #000000;
}

#main{
width : 1060px;
height : auto;
margin : 80px 0 0 0;
}

#mailForm{margin : 80px 150px 10px 150px; text-align:center;}

#flash_tulossa{margin:5px 0 0 55px;}

img#logo{
margin : 20px 0 10px 20px;
width : 400px;
}

/*MUU LOGO VASEN YLAREUNA*/
#muuLogo_up{width: 120px; margin: 50px 0 50px 50px;}

#onairBut{
text-align: center;
width:230px; 
height:50px;
margin : 0 0 0 110px;
font-weight: bold
}

#listenBut{
text-align: center;
width:80px; 
height:90px;
margin : 0 0 0 190px;
font-weight: bold
}


#logoText{margin : 0 50px 0 90px;}
#logoText p{margin : 0 0 0 0; text-align:left;}
#logoText p a{font-weight:bold;}

#thumbs{margin: 50px 0 10px 30px;}

#event_text p{
text-align: left;
padding: 1px;
color:#000000;
background-color:/*#CC9966*/;
outline:#FFFFFF;
outline-style:dotted;
outline-width:thin;
margin :  0 0 5px 0;
}

#event_text:hover p{
text-align: left;
padding: 1px;
color:#003399;
text-decoration:underline;
background-color:#ffffff;
outline:#FFFFFF;
outline-style:solid;
outline-width:thin;
margin : 0 0 5px 0;
}


#mainInfo{
float : left;
width : 280px;
margin : 120px 0 0 30px;
}

/*#mainInfo p{
text-align: justify;
}*/
#mainInfoA{
float : right;
width : 280px;
margin :  auto;
}
#mainTextCenter{
text-align: center;
margin :  0 0 0 0 ;
font-weight: bold;
}

#mainTextCenterNormal{
text-align: center;
margin :  0 0 0 0 ;
font-weight: normal;
}

#textCenter{
text-align: center;
margin :  0 50px 0 50px;
}

#mainTextJust{
margin : 0 10px 0 10px;
text-align: left;
}

#left_mainTextCenter{
text-align: center;
margin :  10px 0 0 10px;
font-weight: bold;
}

#left_mainTextCenterNormal{
text-align: center;
margin :  10px 0 0 10px;
}

#left_textCenter{
text-align: center;
margin :  0 0 0 20px;
}

#left_mainTextJust{
margin :  10px 20px 0 30px;
text-align: left;
}

/* muu esittelyteksti OIKEA YLANURKKA*/
#left_mainTextJustMin{
margin :  12px 20px 50px 30px;
text-align:left;
font-size: 80%;
}

#mainArcTextCenter{
text-align: center;
margin :  10px 20px 0 10px;
font-weight: bold;
}

#textArcCenter{
text-align: center;
margin :  0 20px 0 10px;
}

#mainArcTextJust{
margin :  10px 20px 0 10px;
text-align: left;
}

#mainTextCenterMAIL{
text-align: center;
margin :  0 0 -10px 500px ;
font-weight: normal;
}

#mainTextCenterMAIL a{
text-decoration:none;
color:#000000;
}

#mainTextCenterMAIL a:hover{
text-decoration:underline;
color:#000000;
}

#arcBut{
text-align: center;
width:80px; 
height:40px;
margin : auto;
font-weight: bold
}



#player{
margin :  10px 0 0 50px;
}

#arcPlayer{
margin :  10px 0 0 0px;
}

#listenWith {font-weight:normal; color : #00458A; font-size: 90%; font-style: italic; margin:0px 0px 0px 200px;}

#page {
width : 810px;
margin : 0 auto;
}

#sidebar {
float : right;
width : 200px;
padding : 0 20px 0 0;
border-right : 1px dotted #dcdcdc;
}

/* ROLL OVER BUTTON */

a.roll_fi {
	position: absolute;
	display: block;
	margin-top:0px;
	margin-left:125px;
	width: 170px;
	height: 190px;
	text-decoration: none;
	background: url("pic/tuneBut_fi.png");
	z-index:;
	}
a.roll_fi:hover {
	background-position: -170px 0;
	}
	
a.roll_en {
	position: absolute;
	display: block;
	margin-top:0px;
	margin-left:125px;
	width: 170px;
	height: 190px;
	text-decoration: none;
	background: url("pic/tuneBut_en.png");
	z-index:;
	}
a.roll_en:hover {
	background-position: -170px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

/* ROLL OVER BUTTON PÄÄTTYY*/

.hidden { display: none; }
.unhidden { display: block; }

#pikkuinenTop {
background-image:url("img/pikkuinenTop.png");
background-repeat:no-repeat;
background-position:0 12px ; 
}

#pikkuinen {
background-image:url("img/pikkuinen.png");
background-repeat:repeat-y;
}

#pikkuinenBot {
background-image:url("img/pikkuinenBot.png");
height:20px;
background-repeat:no-repeat;
background-position:0 0;
}



#footer {
margin : 50px auto;
/*width : 810px;
height : 99px;
background : url(img/footer.png) no-repeat;*/
}


#nordenLogo{width: 120px; margin:30px 0 0 0;}

#muuLogo{width: 120px; margin: 18px 0 0px 20px;}

#footerText {width : 650px; font-weight:normal; font-size: 90%; font-style: italic; margin:20px 0px 0px 50px;}