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

html, body {height:100%; width:100%}

body
{
margin:0;
background: url("../img/body/body_gradient.jpg") repeat-x top left #dddddd;
font-family:Verdana, Arial, sans-serif;
color:#000000;
line-height:1.3;
text-align:left;
font-size:100%;
height:100%;
}

p, li {font-size:12px; margin:10px 0 0 10px;}
.gray {font-size:10px; margin:10px 0 0 10px; color:#666666;}
h1 {font-size:14px; font-weight: bold; color:#008ed3; margin:0 0 5px 10px;}
h2 {font-size:13px; font-weight: bold; color:#008ed3; margin:20px 0 5px 10px;}
h3 {font-size:13px; font-weight: bold; color:#660099; margin:20px 0 5px 10px;}
.smallFont {font-size:10px};


.navi
{ background: url("../img/body/bg_nav.jpg") repeat-x; width:980px; height:33px; border-top:1px solid #000000; border-bottom:1px solid #000000; margin:0}

#container { width:980px; margin-left: auto; margin-right: auto; background:#ffffff; height:auto;}
#header_flash { margin:0; float:left;}
#menu {margin:0; clear:both; width:980px; height:33px;}
#content {width:940px; padding:20px }


.sd_logo {margin: 0 0 7px 7px;}
.header {width:980px; clear:both; margin:10px 0 5px 0;}
.left {float:left; width:600px; padding: 0 20px 0 0;}
.left_big {width:920px; padding: 0 10px 0 0;}
.left_medium {float:left; width:670px; padding: 0 10px 0 0;}
.left_mainos {float:left; width:650px; padding: 0 10px 0 0;}
.right {float:left; width:300px; margin:0 0 0 10px; }
.right_medium {float:left; width:230px; margin:47px 0 0 0; }
.right_content {padding: 0 10px 0 10px;}
.clear {clear:both;}
.box_content {padding: 0 20px;}
.nuoli {margin: 3px 4px 0 0;}
.otsikko {margin: 0 0 15px 10px}
.nosto_kuvaOikea {margin: 0 0 10px 0; float:right;}
.nosto_kuvaVasen {margin: 0 10px 10px 0; float:left;}
.nosto_teksti {margin: 10px 0 0 0; }
.nostoboxi {border-top: 1px dotted #000000; margin: 25px 0 0 0;}
.linkki_iso {font-size:14px; margin: 5px 0}
#lista li { list-style-type: circle; font-size:12px; margin:10px 0 0 0; }
#lista li li { list-style-type: disc; font-size:12px; margin:10px 0 0 0; }
.check li {font-size:12px; margin:10px 0 0 30px; list-style-image:url('../img/body/check.jpg'); }
.alignLeft {float:left;}
.yhteystiedot {display: table-cell; margin-top:15px; text-align:left;}
.margin0 {margin:0;}
.margin_yt {margin-left:25px;}
.mainosMenu {float:left; width:270px; margin:0; }
.marginTop10 {margin-top:10px}
.footer_text {color:#ffffff; margin:0 0 10px 0; padding: 10px 0 0 0; font-size: 10px; text-align: center;}
#bg_footer {background: #0f0f0f;}
.mainosesimerkki10 {margin: 0 0 5px 10px;}
.floatleft {float:left; margin: 10px 0 10px 10px; }
.mainos_otsikko { float:left; width: 500px; }
.sisennys {margin: 0 0 5px 20px; font-size:11px;}
.linkinvari {color:#08638c}


.tuote_box {
width:293px; 
height:187px;
top: 0; left:0;
padding:0; 
background:url("../img/body/tuote_box.jpg") left top no-repeat; 
overflow:visible; 
float:left;
display: table;
}

.yt_box {
width:223px; 
height:339px;
padding:0;
margin:0;
background:url("../img/body/yt_box.jpg") left top no-repeat; 
overflow:visible; 
float:left;
display: table;
}

.keskitetty_kuva {display: block; margin-left:auto; margin-right:auto; margin-top:15px}
.keskitetty_kuva_yt {display: block; margin-left:auto; margin-right:auto; margin-top:15px;}
.keskitetty_text {display: table-cell; text-align: center;}


a:link     {color:#08638c; text-decoration: underline; }
a:visited  {color:#08638c; text-decoration: underline; }
a:hover    {color:#9900cc; text-decoration: underline; }
a:active   {color:#08638c; text-decoration: underline; }

.links {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
	height:33px;
	background:url("../img/body/bg_nav.jpg") center top repeat-x;
	line-height:33px;
	text-align:center;
	font-size:12px;
	text-decoration:none;
	padding: 0 7px;
	color: #ffffff;
	font-weight:bold;
	border-right: 1px solid #333333;
}

.links:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
	height:33px;
	background:url("../img/body/bg_nav.jpg") center top repeat-x;
	line-height:33px;
	text-align:center;
	font-size:12px;
	text-decoration:none;
	padding: 0 7px;
	color: #ffffff;
	font-weight:bold;
	border-right: 1px solid #333333;
}
.links:visited  {color: #ffffff; text-decoration:none;}
.links:hover { background:url("../img/body/bg_nav2.jpg") center top repeat-x; color: #ffffff; text-decoration:underline;}
.links:active { background:url("../img/body/bg_nav2.jpg") center top repeat-x; color: #ffffff; text-decoration:underline;}

.currentlink {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
	height:33px;
	background:url("../img/body/bg_nav2.jpg") center top repeat-x;
	line-height:33px;
	text-align:center;
	font-size:12px;
	text-decoration:none;
	padding: 0 7px;
	color: #ffffff;
	font-weight:bold;
	border-right: 1px solid #333333;
}

.currentlink:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
	height:33px;
	background:url("../img/body/bg_nav.jpg") center top repeat-x;
	line-height:33px;
	text-align:center;
	font-size:12px;
	text-decoration:none;
	padding: 0 7px;
	color: #ffffff;
	font-weight:bold;
	border-right: 1px solid #333333;

}

.currentlink:visited  {color: #ffffff; text-decoration:none;}
.currentlink:hover { background:url("../img/body/bg_nav2.jpg") center top repeat-x; color: #ffffff; text-decoration:underline;}
.currentlink:active { background:url("../img/body/bg_nav2.jpg") center top repeat-x; color: #ffffff; text-decoration:underline;}
	
#navcontainer { margin:0; }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer li { margin: 10px 0 0 0; font-size:13px; font-weight: bold; color:#660099; }

#navcontainer a
{
background-color: transparent;
padding: 5px 0 0 15px;
text-decoration: none;
color:#660099;
}

#navcontainer a:hover
{
padding: 5px 0 0 15px;
background-image: url('../img/body/arrow_nav.gif'); background-repeat: no-repeat; background-position: 0 .5em; 
}

#navcontainer ul ul
{
margin-left: 10px;
padding: 0;
list-style-type: none;
}

#navcontainer li li 
{
margin: 5px 0;
text-decoration: none;
font-size:12px; font-weight:100; color:#000000;
}

#navcontainer li li a {color:#08638c;}