@charset "UTF-8";
body {
background:url(layout/bg_red_green.jpg);
background-repeat:repeat-y;
background-position:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:13pt;
}

p {
margin-top:3px;
}

li {
margin-left:-10px;
}

li.alavalikko a:link {text-decoration: none; color:black;}
li.alavalikko a:visited {text-decoration: none; color:black;}
li.alavalikko a:active {text-decoration: none; color:black;}
li.alavalikko a:hover {text-decoration: underline; color: red;}

#scroller {
height:419px;
overflow-x: hidden;
}

pre{
padding:0px;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}

.pre2{
padding:0px;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

img {
border:none;
}

.magazine{
border-width:1px;
border-style:solid;
border-color:LightGray;
}
.magazine:hover{
border-width:1px;
border-style:solid;
border-color:red;
}

.float_left {
	float:left;
	margin-right:9px;
}

.float_right {
	float:right;
	margin-left:9px;
}

.lippu{
padding-top:4px;
padding-right:4px;
float:left;
}

.table1 tr td{
border-width:1px;
border-color:#CCCCCC;
border-style:solid;
padding:4px;
}
.table1 th{
text-align:left;
background:url(layout/bg_tile1.gif);
font-weight:100;
border-width:1px;
border-color:#CCCCCC;
border-style:solid;
padding:4px;
}
.table2 td{
border-width:0px;
border-color:#CCCCCC;
border-style:solid;
padding:6px;
}
.table2 th{
text-align:left;
background:url(layout/bg_tile1.gif);
font-weight:100;
border-width:1px;
border-color:#CCCCCC;
border-style:solid;
padding:4px;
}


.otsikko1 {
color:#ffffff;
font: bold 11px verdana, sans-serif;
 /*font-weight:bold;*/
display:block;
width:auto;
height:17px;
background-image:url(layout/otsikko1_bg.jpg);
padding: 4px 0px 0px 5px;
margin-bottom:5px;
/*margin-right:5px;*/
}

.main_div {
position:absolute;
background:url(layout/maindiv_bg.jpg);
width:872px;
height:682px;
left: 50%;
top: 50%;
margin-left: -436px; /* half of width */
margin-top: -370px;  /* half of height  for BG height*/
}

.navi_div {
position:absolute;
top:156px;
left:80px;
width:885px;
height:25px;
text-align:center;
/*background-color:#0066CC;*/
}

.second_navi_div a:link{text-decoration:none; color:black;}
.second_navi_div a:visited{text-decoration:none; color:black;}
.second_navi_div a:active{text-decoration:none; color:black;}
.second_navi_div a:hover{color:red;}

.second_navi_div {
position:absolute;
background:url(layout/second_navi_bg.jpg);
background-repeat:no-repeat;
top:183px;
left:12px;
width:171px;
height:453px;
text-align:left;
font-size:11px;
padding-top:6px;
padding-left:4px;
line-height:18px;
/*display:block;*/
/*background-color:#6266CC;*/
}

.indoor_product_banner {
background-image:url(layout/bg_tile1.gif);
padding:6px;
/*width:210px;*/
height:600px;
border-color:#CCCCCC;
border-width:1px;
border-style:solid;
margin-top:4px;
}

.indoor_product_text {
display:inline-block;
float:right;
background-image:url(layout/bg_tile1.gif);
padding-left:7px;
padding-right:7px;
margin-right:3px;
width:228px;
min-height:200px;
border-color:#CCCCCC;
border-width:1px;
border-style:solid;
margin-top:4px;
}

.fitness_content:hover {
border-bottom-style:solid;
border-width:1px;
border-color:red;
}

.fitness_banner{
background-color:#FFFFFF;
background-image:url(images/fitness/fitness_banner.jpg);
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
width:465px;
height:245px;
margin-bottom:8px;
}

.fitness_content{
display:inline-block;
background-position:bottom right;
width:211px;
height:50px;
background-color:#FFFFFF;
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
padding-left:15px;
vertical-align:middle;
margin-bottom:4px;
text-decoration:none;
color:#000000;
}

.fitness_content_text{
display:table-cell;
vertical-align:middle;
height:50px;
line-height:11pt;
}
.fitness_content_text span{
display:block;
font-size:12px;
margin-bottom:5px;
}

.font_size_div{
position:absolute;
top:30px;
right:9px;
width:270px;
height:14px;
/*background-color:#6266CC;*/
text-align:right;
color:#FFFFFF;
font-size:10px;
}

.logo_link_div {
/*position:absolute;
/*display:block;
width:90px;
height:36px;
left:92px;
top:9px;*/

}

li {
padding-left:-60px;
list-style-image:url(layout/list.gif);
}

.alavalikko {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:8px;
outline: none; /* hide dotted outline in Firefox */
}

/*.content_div img{
border-width:1px;
border-color:#CCCCCC;
border-style:solid;
}*/

.content_div a:link{color:red;}
.content_div a:visited{color:red;}
.content_div a:active{color:red;}
.content_div a:hover{color:red;}

.content_div {
position:absolute;
top:190px;
left:194px;
width:488px;
height:439px;
/*background-color:#6266CC;*/
}

.text_content_div{
padding:2px 5px 0px 2px;
width:478px;
overflow:auto;
height:auto;
}

.content_image{
position:absolute;
top:183px;
right:13px;
width:170px;
height:460px;
/*background-color:#339966;*/
}

.intro_content_one_div {
position:absolute;
top:185px;
left:14px;
width:844px;
height:280px;
overflow:auto;
overflow-x: hidden;
/*background-color:#6266CC;*/
}
.intro_content_two_div {
position:absolute;
top:471px;
left:14px;
width:279px;
height:170px;
overflow:auto;
overflow-x: hidden;
}
.intro_content_three_div {
position:absolute;
top:471px;
left:296px;
width:279px;
height:170px;
overflow:auto;
overflow-x: hidden;
}
.intro_content_four_div {
position:absolute;
top:471px;
left:579px;
width:279px;
height:170px;
overflow:auto;
overflow-x: hidden;
}

.copyright_div {
position:absolute;
top:656px;
left:9px;
width:900px;
height:20px;
/*background-color:#6266CC;*/
line-height: 10pt;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
}

.copyright_div a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
}



.language_div {
position:absolute;
top:556px;
right:9px;
width:270px;
height:20px;
/*background-color:#6266CC;*/
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
vertical-align:middle;
border:none;
}

.print_div{
position:absolute;
top:130px;
right:9px;
width:200px;
height:20px;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
vertical-align:middle;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
   /* background: transparent url('layout/bg_button_a2.gif') no-repeat scroll top right;*/
    color: #444;
    display: block;
    float: left;
    font: bold 11px arial, sans-serif;
    min-height: 24px;
    width: 164px;
    margin-right: 3px;
    padding-right: 0px; /* sliding doors padding */
    text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
}

a.button span {
    background: transparent url('layout/bg_button_span3.gif') no-repeat;
    background-position: top left;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 7px;
    outline: none; /* hide dotted outline in Firefox */
}
a.button:active {
    background: transparent url('layout/bg_button_span4.gif') no-repeat;    
    background-position: top left;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background: transparent url('layout/bg_button_span4.gif') no-repeat;
    background-position: top left;
    padding: 6px 0 4px 8px; /* push text down 1px */
}

a.paanavi_button {
    background: transparent url('layout/bg_paanavi_button_a.gif') no-repeat scroll top right;
    color: #333;
	float:left;
    font: bold 11px arial, sans-serif;
	/*letter-spacing: -0.2pt;*/
	height: 27px;
	/*width: 152px;*/
	margin-right: 28px;
    padding-right: 8px; /* sliding doors padding */
    text-decoration: none;
	/*text-shadow:black 0px 0px 3px;*/
}
a.paanavi_button_active {
    background: transparent url('layout/bg_paanavi_button_a.gif') no-repeat scroll top right;
    color: #333;
	float:left;
    font: bold 11px arial, sans-serif;
	/*letter-spacing: -0.2pt;*/
	height: 27px;
	/*width: 152px;*/
	margin-right: 28px;
    padding-right: 8px; /* sliding doors padding */
    text-decoration: none;
	/*text-shadow:black 0px 0px 3px;*/
}

a.paanavi_button span {
    background: transparent url('layout/bg_paanavi_button_span.gif') no-repeat;
    display: block;
    line-height: 16px;
    padding: 6px 0 5px 9px;
}
a.paanavi_button_active span {
    background: transparent url('layout/bg_paanavi_button_span.gif') no-repeat;
    display: block;
    line-height: 16px;
    padding: 6px 0 5px 9px;
}
a.paanavi_button:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.paanavi_button_active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.paanavi_button_active span {
    background-position: bottom left;
    padding: 7px 0 4px 9px; /* push text down 1px */
}
a.paanavi_button:hover span {
    background-position: bottom left;
    padding: 7px 0 4px 9px; /* push text down 1px */
}
.main_div1 {
position:absolute;
background:url(layout/maindiv_bg.jpg);
width:872px;
height:682px;
left: 50%;
top: 50%;

}

.text_content_div1{
padding:2px 5px 0px 2px;
width:100%;
overflow:auto;
height:auto;
}