@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:180%;
}

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;
}

img {
border:none;
}

.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{
font-size:11px;
border-width:0px;
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:582px;
left: 50%;
top: 50%;
margin-left: -436px; /* half of width */
margin-top: -290px;  /* half of height */
}

.navi_div {
position:absolute;
top:56px;
left:20px;
width:812px;
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:83px;
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:392px;
top:9px;
/*background-color:#006699;*/
}

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;
	font-weight: bold;
}

/*.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:90px;
left:194px;
width:488px;
height:439px;
/*background-color:#6266CC;*/
}
.content_pre_div {
	position:absolute;
	top:90px;
	left:20px;
	width:832px;
	height:439px;
/*background-color:#6266CC;*/
}

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

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

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

.copyright_div {
	position:absolute;
	top:556px;
	left:109px;
	width:658px;
	height:20px;
	/*background-color:#6266CC;*/
text-align:center;
	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:30px;
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:#009900;
	display: block;
	float: left;
	font: bold 11px arial, sans-serif;
	height: 24px;
	width: 162px;
	margin-right: 3px;
	padding-right: 4px; /* sliding doors padding */
	text-decoration: none;
	text-transform: uppercase;
}

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

a.button:active span {
    background-position: bottom 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: 0px;
    padding-right: 10px; /* 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 11px;
}
a.paanavi_button:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.paanavi_button:hover span {
	background-position: bottom left;
	padding: 7px 0 4px 11px; /* push text down 1px */
	color: #F00;
}
.content_pre_div {
	position:absolute;
	top:90px;
	left:14px;
	width:844px;
	height:439px;
/*background-color:#6266CC;*/
}
.color_verde{color:#336600; font-weight:bold;}
.color_blu{color:#0033FF; font-weight:bold;}
.color_nero{color:#000000; font-weight:bold;}
.color_argento{color:#999999;	font-weight:bold;}
.color_oro{color:#FFCC00; font-weight:bold;}
.color_rosso{ color:#900; font-weight:bold; font-size:18px;}