@charset "UTF-8";
/* Ensisijainen tyylitiedosto */

body, html 
{
	margin:0;
	padding:0;
}

body
{
	background-color:black; background-image:url('../images/stars.jpg');	
}

#wrapper 
{
	width:1000px;
	height: 700px;
	margin:0 auto;
	background:transparent;
	position: relative;
}

a:active { outline: none;}
a:focus { -moz-outline-style: none;}

#header
{
	height: 140px;
	background: transparent;
}

#header #logo
{
	position:absolute;
	left: 10px;
	top: 15px;
}

#header #naytokset
{
	position: absolute;
	width:425px;
	height:75px;
	right: 20px;
	top: 15px;
	/* background-image:url('../images/naytokset.png');
	background-repeat:no-repeat; */
}

#header #naytokset a
{
	position: absolute;
	width:70px;
	height:19px;
	left: 310px;
	bottom: -1px;
	background-image:url('../images/osta_liput.png');
	background-repeat:no-repeat;
}

#flyer_link { position: absolute; width:119px; height:23px; right: 20px; top: 15px; background-image:url('../images/flyer_link.png'); background-repeat:no-repeat; }
#edut_link { position: absolute; width:161px; height:19px; right: 150px; top: 19px; background-image:url('../images/edut_link.png'); background-repeat:no-repeat; }

#naytokset a img, #flyer_link img, #edut_link img  { border-width:0; }
#naytokset a:hover {background-image:url('../images/osta_liput.png'); background-position: -70px 0; background-color:transparent;}
#flyer_link:hover { background-position: -119px 0; background-color:transparent;}
#edut_link:hover { background-position: -161px 0; background-color:transparent;}
#sidebar 
{
	float:left;
	width:250px;
	height:550px;
	background:transparent;
	position: relative;
	padding:0;
}

#sidebar #navigation {position:absolute; padding:0; margin:0; left:20px; top:40px; width:155px; height:317px; background-image:url('../images/navigation.png'); }
#navigation li {margin:0; padding:0; list-style:none;}
#navigation li{height:33px;}
#navigation a {height:100%;display:block;}

#navigation #etusivu{width:92px;}
#navigation #lippukauppa{position:absolute; top:48px; width:155px;}
#navigation #hahmot{position:absolute; top:96px; width:100px;}
#navigation #tyoryhma {position:absolute; top:137px; width:124px; height:41px;}
#navigation #teaser {position:absolute; top:191px; width:85px;}
#navigation #kumppanit {position:absolute; top:238px; width:122px;}
#navigation #speksi {position:absolute; top:281px; width:157px; height:37px;*/} 

#sidebar #navigation li a img {border-width:0; }

#page1 #navigation #etusivu a {background-image:url('../images/navigation.png'); background-position: -156px 0; background-color:black;}
#page2 #navigation #lippukauppa a {background-image:url('../images/navigation.png'); background-position: -156px -48px; background-color:black;}
#page3 #navigation #hahmot a {background-image:url('../images/navigation.png'); background-position: -156px -96px; background-color:black;}
#page4 #navigation #tyoryhma a {background-image:url('../images/navigation.png'); background-position: -156px -137px; background-color:black;}
#page5 #navigation #teaser a {background-image:url('../images/navigation.png'); background-position: -156px -191px; background-color:black;}
#page6 #navigation #kumppanit a {background-image:url('../images/navigation.png'); background-position: -156px -238px; background-color:black;}
#page7 #navigation #speksi a {background-image:url('../images/navigation.png'); background-position: -156px -281px; background-color:black; background-repeat:no-repeat;}

#navigation #etusivu a:hover {background-image:url('../images/navigation.png'); background-position: -156px 0; background-color:black;}
#navigation #lippukauppa a:hover {background-image:url('../images/navigation.png'); background-position: -156px -48px; background-color:black;}
#navigation #hahmot a:hover {background-image:url('../images/navigation.png'); background-position: -156px -96px; background-color:black;}
#navigation #tyoryhma a:hover {background-image:url('../images/navigation.png'); background-position: -156px -137px; background-color:black;}
#navigation #teaser a:hover {background-image:url('../images/navigation.png'); background-position: -156px -191px; background-color:black;}
#navigation #kumppanit a:hover {background-image:url('../images/navigation.png'); background-position: -156px -238px; background-color:black;}
#navigation #speksi a:hover {background-image:url('../images/navigation.png'); background-position: -156px -281px; background-color:black; background-repeat:no-repeat;}

/*#etusivu{width:92px; background:url('../images/navigation.png') 0 0;}
#lippukauppa{width:154px; background:url('../images/navigation.png') 0 -48px;}
#navigation #hahmot{width:97px; background:url('../images/navigation.png') 0 -96px; margin-bottom:9px;}
#tyoryhma a{width:124px; height:37px; background:url('../images/navigation.png') 0 -139px;}
#blogi{width:92px; background:url('../images/navigation.png') 0 -192px;}
#navigation #kumppanit{width:122px; background:url('../images/navigation.png') 0 -240px; margin-bottom:9px;}
#speksi a{width:155px; height:37px; background:url('../images/navigation.png') 0 -283px; background-repeat: no-repeat;}*/

#sidebar #icons {position:absolute; top:448px; left:15px; width:211px; height:62px; background-image:url('../images/icons.png'); background-repeat: no-repeat;}
#icons img {border-width:0; }
#icons a {position:absolute; width:52px; height:52px; top:5px; display:block;}
#sidebar #icons #speksi_icon{ width:0; height:0; /*width:100px; height:57px; */}
#icons #facebook_icon {left:2px; }
#icons #twitter_icon {left:60px; }
#icons #speksi_icon {left:115px; }

#icons #facebook_icon:hover {background-image:url('../images/icons.png'); background-position: -2px -64px; }
#icons #twitter_icon:hover {background-image:url('../images/icons.png'); background-position: -60px -64px; }
#icons #speksi_icon:hover {background-image:url('../images/icons.png'); background-position: -115px -64px; background-repeat:no-repeat; }

#content 
{
	float:right;
	width:750px;
	height:550px;
	background:transparent;
	position:relative;
	padding:0; margin:0;
}

#content_header, #content_footer { position:relative; width:750px; height:40px; background-image:url(../images/rounded_top.png); background-repeat:no-repeat; }
#content_header {margin-top: 5px; }
#content_footer { background-image:url(../images/rounded_bottom.png); margin-bottom: 20px; }
.last_p {margin-bottom:0; }
#text_content .red_t {color:#900; font-weight:bold; }

/*#content {filter:alpha(opacity=80); opacity:0.8; }
#content #text_content p, #text_content h2 { filter:alpha(opacity=100); opacity:1.0;}*/

#content p, #content li {color:white; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:17px; background-color:transparent; margin-top:0;}
#content ul {list-style:none; clear:both; text-align:center; }
#content li {float:left; margin-left:20px;}
#content h2 {color:white; font-family:"Lucida Console", monospace; font-size:28px; font-weight:normal; margin-top:0px; top:-20px; position:relative; margin-bottom:0; padding-left:0px;}
#content h2 span {color:#85c547; font-weight:bolder; }
#text_content .bold_t {font-weight:bold; }
#text_content .vertical_l{text-align:left; }
#text_content .vertical_l li {float:none; }
#text_content a {color:white;}

#text_content {width: 690px; background-color:transparent;/*#060606*/; padding: 0px 20px 0px 20px; background-image:url(../images/text_background.png); background-repeat:repeat-y; margin:0px;} 
#text_content .bold_p {font-weight:bold; }

#text_content .links p { /*font-family:"Lucida Console", monospace;*/ font-size:20px; }
#text_content .links a {margin-right: 60px; }
#text_content .greentext {color:#85c547; }
#text_content .greentext a {color:#85c547; }
#text_content .textlink:hover {color:#85c547; }
#text_content .links p a:hover {color:#85c547; }

#text_content .video {margin-left:65px;}

/*Sivukohtaiset määrittelyt alkavat tästä. Etusivu.*/

#content #etusivu_maapallo {position:absolute; left:0px; top:10px;}
#content #etusivu_kuva2 {position:absolute; right:20px; top:40px;}

/*Kumppanit */

.partner_list {float:left; margin:0; padding:0; clear:both; width:690px; background-color:transparent; margin-bottom:20px; }
#text_content .partner_list li {position:relative; float:left; margin:0; width:230px; height:200px; margin-top:20px; }
.partner_list img {border-width:0;}
.partner_list a {float:left; margin:0; }

#partner1 a {margin-top:10px; }
#partner2 a {margin-top:0px; }
#partner3 a {margin-top:55px; }
#partner4 a {margin-left:0px; margin-top:0px; }
#partner5 a {margin-top:50px; }
#partner6 a {margin-top:10px; margin-left:20px; }
#partner7 a {margin-top:50px; margin-left:0px; }
#partner8 a {margin-top:60px; margin-left:0px; }
#partner9 a {margin-top:35px; }

.partner_list #partner4, .partner_list #partner5  {height:100px; }
#text_content .parther_list #partner6, #text_content #partner_list_3 {height:160px; }

#text_content .end_p {color:transparent; }

/* Speksi*/
#text_content #speksi_kuva {margin-bottom: 35px; }
#page7 #text_content p #link1 {margin-right: 120px; }
#page7 #text_content p #link5 {margin-right: 140px; }

/* teaser */

#content #text_content .teaser {margin-left: 25px; }

/* edut */

#hypo_mainos { position:relative; width:690px; height:281px; display:block; margin-top:0px; background-image:url('../images/mainos_hypo_2.jpg'); background-repeat:no-repeat; }
#yit_mainos { position:relative; width:690px; height:281px; display:block; margin-top:15px; background-image:url('../images/mainos_yit.jpg'); background-repeat:no-repeat; }
#union_mainos { position:relative; width:690px; height:281px; display:block; margin-top:15px; background-image:url('../images/mainos_union.jpg'); background-repeat:no-repeat; }
.mainos img {border-width:0; }
.mainos:hover { background-position: 0px -281px; background-color:transparent;}