/* CSS Document */



/* Basics

----------------------------------------------- */

html, body {

	margin: 0;
	padding: 0;
        height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}



body {

        background: #fff url(/files/clearchannel/images/body_bg_grey.gif) top center repeat-y;

}

   

body, p, td, th, div, blockquote, dl, ul, ol {	
        font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

td, th {

	vertical-align: top;

}

img {

	border: 0;
	display: block;

}



/* Header

----------------------------------------------- */



#head_outer {

    width: 100%;
    height: 114px;
    background: #fff url(/files/clearchannel/images/gm_bg.gif) center repeat-x;	
    z-index: 1;

}



#head_inner {

    width: 888px;
    height: 114px;
    margin: 0 auto;
    background: #e1e1e1 url(/files/clearchannel/images/gm_inner_bg.gif) top 5px repeat-x;	
    z-index: 2;

}



#header {
    position: relative;
    width: 880px;
    height: 81px;
}



#lang_selection {

   width: 85px;
   height: 19px;
   float: right;
}  



/* Structure

----------------------------------------------- */

#container {

        position: relative;
        top: -114px;
        margin: 0 auto;
	width: 880px;
        height: 100%;
	background: #fff;
        z-index: 3;

}

 



#navcontainer {

	width: 880px;
	height: 30px;
	background: #6494B4;

}



#subnavcontainer {

        width: 200px;
        margin-top: 15px;
        padding-right: 18px;

}



#newscontainer {

        width: 200px;
        margin-top: 15px;
        padding-right: 18px;

}



#main {

        width: 878px;
	height: 504px;
	padding: 1px;
	background: #fff;

}



#main_ala {

        width: 878px;
	margin: 0 auto;
	background: #bfd4e3;
        margin-top: 1px;

}



#main_media {
        width: 879px;
	padding: 1px 0px 1px 1px;
	background: #fff;
        height: 100%;

}



#main_top_1 {

    position: relative;
    float: left;
    width: 656px;
    height: 327px;
    background: #fff url(/files/clearchannel/images/tausta.jpg) top left no-repeat;
}

#main_top_content {
    position: absolute;
    left: 135px;
    top: 30px;
    width: 400px;
    height: 160px;
    background: transparent;
}

#pikkuotsikko {
     padding-left: 5px;
     color: #005391;
     font-weight: bold;
     font-size: 14px;
}

#iso-otsikko {
     padding-left: 40px;
     color: #005391;
     font-weight: bold;
     font-size: 46px;
}

#teksti {
     padding: 0px 40px;
     font-weight: bold;
     font-size: 14px;
}

#main_top_2 {
        position: relative;
        float: left;
        width: 197px;
        height: 330px;
        margin-left: 1px;
        padding: 0px 10px;
}

#main_top_2 h1 {
  margin: 10px 0px 10px 0px;
  color: #6494B4;
}

#main_bottom_1 { 
        float: left;
        position: relative;
        width: 218px;
	height: 176px;
	margin-top: 1px;
        font-size: 14px;
}



#main_bottom_2 {	 
        float: left;
        position: relative;
        width: 218px;
	height: 176px;
	margin-top: 1px;
	margin-left: 1px;
	border-left: 1px solid #6698bb;
}

#main_bottom_3{

        float: left;
        position: relative;
        width: 219px;
	height: 176px;
	margin-top: 1px;
	margin-left: 1px;
	border-left: 1px solid #6698bb;

}



.bottom {

        padding: 20px  8px;
}

.bottom h2 {
        font-size: 14px;
        font-weight: bold;
}


#main_bottom_4{
        float: left;
        position: relative;
        width: 216px;
        color: #7fac1a;
	height: 176px;
	margin-top: 1px;
	margin-left: 1px;
	border-left: 1px solid #7fac1a;
}

#main_bottom_5{
        float: left;
        position: relative;
        width: 218px;
        color: #7fac1a;
height: 176px;
margin-top: 1px;
margin-left: 1px;
border-left: 1px solid #6698bb;
}


.bottom_header {
    background: #fff url(/files/clearchannel/images/main_bottom_head_bg.gif) top repeat-x;	 
    height: 23px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 0px 0px 9px;
}

.bottom_header2 {
    background: #fff url(/files/clearchannel/images/main_bottom_head_bg_green.gif) top repeat-x;	 
    height: 23px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 0px 0px 9px;
}







#media_left {

    float: left;

    width: 217px;

    height: 100%;

    background: #7fac1a;

    color: #fff;

    overflow: hidden;
}



.media_left_header {

    height: 21px;

    border-bottom: 1px solid #fff;

    padding: 9px 0px 0px 10px;

    font-size: 14px;

    font-weight: bold;

    background: #7fac1a;

    color: #fff;

}



.media_left_info {

    background: #7fac1a url(/files/clearchannel/images/ff_button.gif) top left no-repeat;	

    padding: 2px 11px 0px 26px;

    font-size: 12px;

    color: #fff;

    height: 79px;

    border-bottom: 1px solid #fff;

}





#media_main {

    float: left;

    margin-left: 1px;

    width: 660px;

    background: #fff;

}





.media_main_header {

    width: 649px;

    height: 22px;

    background: #6698bb;

    padding: 8px 0px 0px 10px;

    border-bottom: #fff 1px solid;


    color: #fff;   

    float: left;

}



.media_main_kategoria {

    position: relative;

    width: 420px;

    height: 101px;

    background: #6698bb;

    border-bottom: #fff 1px solid;

    color: #fff;   

    padding: 4px 10px 0px 229px;

    overflow: hidden;

}



.media_main_kategoria h1 {

    color: #fff;

}





#alasivu_main {

    float: right;

    width: 659px;

    padding-left: 1px;

    padding-bottom: 20px;

    background: #fff;

    min-height: 600px;

}



#alasivu_left {

    float: left;

    width: 218px;

    height: 100%;

    background: #bfd4e3;

    color: #fff;

}



#kuva_header {

    float: right;

    padding: 0px 0px 0px 1px;

    width: 659px;

    overflow: hidden;

    background: #fff;

}



#kuva_header img{

    border: 0px; 

    margin: 0px 0px 00px 0px;

}



#ala_head {

    float: left; 

    width: 639px;

    padding: 10px 10px 0px 10px;

    background: #fff;

    overflow: hidden;

}






#palsta1, #palsta2 {

    width: 280px;

    float: left;

    font-size: 12px;

    padding: 0px 10px 0px 10px;

    background: #fff;

}



#palsta2{

    margin-left: 20px;

}



.kategoria_link a, .kategoria_link a:visited{

  position: absolute;

  top: 91px;

  left: 564px;

  width: 70px;

  text-align: right;

  display: block;

  background: transparent url(/files/clearchannel/images/media_button.gif) right bottom no-repeat;	

  color: #fff;

  font-weight: bold;

  text-decoration: none;

  padding: 1px 25px 3px 0px;

}



.kategoria_link a:hover {

   color:: #fff;

   text-decoration: none;

}



.media_ymparisto {

    width:219px;

    height:240px;

    float:left; 

    margin-right: 1px;

}



.media_ymparisto p {

    margin: 10px 0px 0px 10px;

}



#footer {

    height: 25px;

    width: 860px; 

    padding: 16px 9px;

    color: #000;

    font-size: 11px;

    letter-spacing: 0;

    border-top: 1px solid #6494B4;

    margin: 0 auto;

}



#footer a {

   color: #004576;

}



/* Nav

----------------------------------------------- */



#navcontainer ul

{

    float: left;

    padding: 0px;  

    margin: 0px;

    background-color: #6494B4;

    color: #FFFFFF;

    font-weight: bold;

    font-size: 13px;

    list-style-type: none;

}



#navcontainer ul li {display: inline;}



#navcontainer ul li a {

   float: left;

   padding: 7px 11px 7px 11px;

   background-color: #6494B4;

   color: #fff;

   text-decoration: none;

   border: 1px black solid:

}



#navcontainer ul li a:hover {

   background: #1e71ac;

   text-decoration: none;

   padding: 7px 11px 7px 11px;

   border: 1px black solid:

}





#navlist a:link#current, #navlist a:visited#current {

   background: #1e71ac;

}





#subnavcontainer ul

{

   padding: 0px;  

   margin: 0px;

   list-style-type: none;

}



#subnavcontainer ul li {display: block; margin-bottom: 7px;}



#subnavcontainer ul li.taso3 {

   background: none;

   padding-left: 20px;

   font-size: 12px;

   margin-bottom: 2px;

} 



#subnavcontainer ul li a.taso3a, #subnavcontainer ul li a.taso3a:hover, #subnavcontainer ul li a.taso3a:link#current, #subnavcontainer ul li a.taso3a:visited#current  {

   background: none;

   padding: 0px;

   font-size: 12px;

}



#subnavcontainer ul li a {

   padding-left: 10px;

   background: transparent url(/files/clearchannel/images/arrow_subnav_off.gif) 0px 3px  no-repeat;	

   color: #6494B4;

   text-decoration: none;

}



#subnavcontainer ul li a:hover {

padding-left: 10px;

background: transparent url(/files/clearchannel/images/arrow_subnav_on.gif) 0px 3px no-repeat;	

text-decoration: none;

font-weight: bold;

}





#subnavlist a:link#current, #subnavlist a:visited#current

{

padding-left: 10px;

background: transparent url(/files/clearchannel/images/arrow_subnav_on.gif) 0px 3px no-repeat;	

font-weight: bold;

}





/* Search

----------------------------------------------- */



#search_box_field {

background:transparent url(/files/clearchannel/images/search_box.gif) no-repeat scroll left top;

font-size:0pt;

height:18px;

line-height:1px;

position:absolute;

right:24px;

text-align:right;

top:33px;

width:160px;

}



#search_box {

background: transparent none repeat scroll 0%;

border:0pt none;

color:#666666;

font-size:11px;

left:5px;

padding:0pt;

position:absolute;

top:3px;

width:118px;

}

#search_box_submit {

position:absolute;

right:0pt;

top:0pt;

}



/* Headings

----------------------------------------------- */


h1 {  
  font-size: 17px;
  color: #000000;
  margin: 0px;
  padding: 0px;
}
 
 
 
h2, h3, h4, h5, h6 {
  font-size: 14px;
  color: #000000;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

.top3_a h1 {
  color: #6494B4;
  margin-top: 15px;
}

.top1_b h1 {  

  font-weight: bold; 

  margin: 0px;

  padding-top: 9px;

  font-size: 14px;

  color: #000000;

}

.top1_a h1 {  

  font-weight: bold; 

  margin: 0px;

  font-size: 14px;

  color: #fff;

}

.top1_a h1 {  

  font-weight: bold; 

  margin: 0px;

  font-size: 14px;

  color: #fff;

}

.top3_a h1 {  

  font-weight: bold; 

  margin: 0px;

  font-size: 14px;

  color: #6494B4;

}

.top3_b h1 {  

  font-weight: bold; 

  margin: 0px;

  font-size: 14px;

  color: #6494B4;

}



.kategoria {

        width: 199px;

        height: 32px; 

        background: #bfd4e3 url(/files/clearchannel/images/arrow_small.gif) 10px 4px no-repeat;	

        padding: 0px 0px 0px 20px;

        color: #004f87;

        font-weight: bold;

        font-size: 14px;

        text-decoration: none;

        cursor: pointer;

}

div.sarja {

        width: 199px;

        height: 32px; 

        background: #bfd4e3 url(/files/clearchannel/images/arrow_small.gif) 10px 4px no-repeat;	

        padding: 0px 0px 0px 20px;

        color: #004f87;

        font-weight: bold;

        font-size: 14px;

        text-decoration: none;

        cursor: pointer;

}



/* Lists

----------------------------------------------- */



ul#clearnews {

       padding: 0px; 

       margin: 0px;

       list-style-type: none; 

  }



ul#clearnews li {display: block;

       margin-bottom: 20px;

}



ul#clearnews li a {      

       display: block;

       padding-left: 10px;

       background: transparent url(/files/clearchannel/images/arrow_news_off.gif) 0px 3px no-repeat; 

       font-size: 12px;

       color: #004373;

       text-decoration: none;

}



ul#clearnews li a:hover {

       padding-left: 10px;

       background: transparent url(/files/clearchannel/images/arrow_news_on.gif) 0px 3px no-repeat; 

       text-decoration: underline;

}





/* Forms

----------------------------------------------- */

form {

	margin: 0;

}



.valiotsikko {

   width: 649px;   

   background: #6698bb;

   color: #fff;

   font-size: 14px;  

   font-weight: bold;

   padding-left: 10px;

}



.lomake_input {

  width: 400px;

}



.taulukko_text {

   text-align: right;

   padding-right: 10px;

}



/* Links

----------------------------------------------- */

a, a:visited {

   color: #004373;

   text-decoration: none;

}



a:hover {

  color: #004373;

  text-decoration: underline;

}



.read_more {

 float: right;

 height: 20px;

 background: #fff url(/files/clearchannel/images/arrow_small.gif) right no-repeat;

 padding-right: 7px;

 padding-top: 3px;

 margin-right: 7px;

 position: relative;

 bottom: 0px;

}



.read_more a, .read_more a:visited {

   color: #6494B4;

 text-decoration: none;

 font-weight: bold;

}



.read_more a:hover, 

.read_more_white a:hover {

   text-decoration: underline;

}



.read_more_white {

 position: absolute;

 bottom: 0px;

 left: 229px;

 width: 60px;

 height: 20px;

 background: transparent url(/files/clearchannel/images/arrow_white.gif) right no-repeat;

 padding-right: 2px;

 padding-top: 3px;

 margin-right: 7px;

}



.read_more_white a, .read_more_white a:visited {

   color: #ffffff;

 text-decoration: none;

 font-weight: bold;

}





#lang_selection a, #lang_selection a:visited {

  display: block;

  background: #fff url(/files/clearchannel/images/lang_button_on.gif) right no-repeat;	

  color: #6494B4;

  font-weight: bold;

  text-decoration: none;

  padding: 1px 0px 3px 6px;

}



#lang_selection a:hover {



  background: #fff url(/files/clearchannel/images/lang_button_off.gif) right no-repeat;	

}



.link_green a, .link_green a:visited{

  position: absolute;

  bottom: 0px;

  left: 0px;

  width: 194px;

  text-align: right;

  display: block;

  background: transparent url(/files/clearchannel/images/green_button_off.gif) right bottom no-repeat;	

  color: #608707;

  font-weight: bold;

  text-decoration: none;

  padding: 1px 25px 3px 0px;

}



.link_green a:hover {

  background: transparent url(/files/clearchannel/images/green_button_on.gif) right bottom no-repeat;	

  color: #638811;

}



.link_blue a, .link_blue a:visited {

  position: absolute;

  top: 77px;

  left: 0px;

  width: 194px;

  text-align: right;

  display: block;

  background: transparent url(/files/clearchannel/images/blue_button_on.gif) right bottom no-repeat;	

  color: #6494B4;

  font-weight: bold;

  text-decoration: none;

  padding: 1px 25px 3px 0px;

}



.link_blue a:hover, .bottom_link_blue a:hover {

  color: #4c86b0;

  background: transparent url(/files/clearchannel/images/blue_button_off.gif) right  bottom no-repeat;	

}



.link_white a, .link_white a:visited {

  position: absolute;
  top: 53px;
  left: 0px;
  width: 194px;
  text-align: right;
  display: block;
  background: #7fac1a url(/files/clearchannel/images/white_button.gif) right bottom no-repeat;	
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 1px 25px 3px 0px;

}



.link_white a:hover {
  background: #7fac1a url(/files/clearchannel/images/white_button.gif) right bottom no-repeat;	

}



.bottom_link_blue a {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 187px;
  text-align: right;
  display: block;
  background: transparent url(/files/clearchannel/images/blue_button_on.gif) right bottom no-repeat;    
  color: #6494B4;
  font-weight: bold;
  text-decoration: none;
  padding: 1px 31px 3px 0px;
}

.bottom_link_blue2 a {
  position: absolute;
  right: 0px;
  width: 187px;
  text-align: right;
  display: block;
  background: transparent url(/files/clearchannel/images/blue_button_on.gif) right bottom no-repeat;    
  color: #6494B4;
  font-weight: bold;
  text-decoration: none;
  padding: 1px 31px 3px 0px;
}

.bottom_link_green a {

  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 187px;
  text-align: right;
  display: block;
  background: transparent url(/files/clearchannel/images/green_button_off.gif) right bottom no-repeat;	
  color: #7fac1a;
  font-weight: bold;
  text-decoration: none;
  padding: 1px 31px 3px 0px;

}



.bottom_link_green a:hover {
    background: transparent url(/files/clearchannel/images/green_button_on.gif) right bottom no-repeat;	

}







/* Ostoskori

----------------------------------------------- */



table.ostoskoritaulu {

  width: 217px;

  color: #fff;

}



table.ostoskoritaulu th{

  color: #fff; 

  font-size: 12px;

  font-weight: bold;

  padding: 10px;

  border-bottom: 1px solid #bfd68d;

}





table.ostoskoritaulu td {

  border-bottom: 1px solid #bfd68d;

  padding-left: 5px;

  padding-top: 3px;

} 



table.ostoskoritaulu td.left_col {

    background: transparent url(/files/clearchannel/images/arrow_white.gif) left  5px no-repeat;

    width: 132px;

    padding-left: 10px;

    padding-bottom: 10px;

}



.roskis a   {

    float: right;

    margin-right: 3px;

    margin-top: -16px;

    width: 17px;

    height: 18px;

    background: transparent url(/files/clearchannel/images/roskis_off.gif) no-repeat;

}



.roskis a:hover {

    background: transparent url(/files/clearchannel/images/roskis_on.gif) no-repeat;

}





#alennusInput {

background: transparent url(/files/clearchannel/images/ostos_input.gif) no-repeat scroll left top;

text-align:right;

width:51px;

border: 0px;

margin-left: 10px;

margin-right: 10px;

padding-right: 5px;

}



/* Misc

----------------------------------------------- */

.clearer {

	clear: both;

	height: 1px;

	line-height: 0px;

	font-size: 0;	

}

.skip {

	display: none;

}