﻿body
{
	font-family:Verdana, Verdana, Geneva, sans-serif;
	font-size:11px;
}
h1
{
	font-family:Verdana, Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
}
h2
{
	font-family:Verdana, Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
}
h3
{
	font-family:Verdana, Verdana, Geneva, sans-serif;
	font-size:13px;
	font-weight:bold;
}
h3.subtle
{
	font-family:Verdana, Verdana, Geneva, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:Gray;
}

h4
{
	font-family:Verdana, Verdana, Geneva, sans-serif;
	font-size:13px;
	font-weight:normal;
	font-style:italic;
	
}

.products
{
	font-family:Verdana, Verdana, Geneva, sans-serif;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
}

.productTable
{
    /*-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;*/
    border:1px solid #000;
    border-right:none;
    outline:none;
    /*text-shadow:-1px 1px 1px #000;*/
    -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 40px;
     -moz-border-radius-bottomright: 5px;
     -moz-border-radius-bottomleft: 40px;
     -webkit-border-radius: 5px 40px 5px 40px;
     border-radius: 5px 40px 5px 40px; 
    width:97%;
    background-color:white; /*#E9EDF8 #FEFFD6 */
    -webkit-box-shadow: 5px 5px 5px 3px rgba(100, 100, 100, 0.5);
     -moz-box-shadow: 5px 5px 5px 3px rgba(100, 100, 100, 0.5);
     box-shadow: 5px 5px 5px 3px rgba(100, 100, 100, 0.5); 
}

.dotted
{
	border-top:dotted 2px Black;
	border-bottom:dotted 2px Black;
}
.sivuotsikko
{
	height:93px;
	padding-left:120px;
	padding-top:50px;
	font-size:24px;
	font-weight:100;
	line-height:30px;
	background-image:url('img/sisaltoPala_vs.jpg');
	background-repeat:no-repeat;
	background-position:left top;	
}

.sivuotsikko1
{
	height:93px;
	padding-left:120px;
	padding-top:50px;
	font-size:24px;
	font-weight:100;
	line-height:30px;
	background-image:url('img/sisaltoPala_p.jpg');
	background-repeat:no-repeat;
	background-position:left top;	
}
.sivuotsikko2
{
	height:93px;
	padding-left:120px;
	padding-top:50px;
	font-size:24px;
	font-weight:100;
	line-height:30px;
	background-image:url('img/sisaltoPala_v.jpg');
	background-repeat:no-repeat;
	background-position:left top;	
}
.sivuotsikko3
{
	height:93px;
	padding-left:120px;
	padding-top:50px;
	font-size:24px;
	font-weight:100;
	line-height:30px;
	background-image:url('img/sisaltoPala_s.jpg');
	background-repeat:no-repeat;
	background-position:left top;	
}
.sivuotsikko4
{
	height:93px;
	padding-left:120px;
	padding-top:50px;
	font-size:24px;
	font-weight:100;
	line-height:30px;
	background-image:url('img/sisaltoPala_o.jpg');
	background-repeat:no-repeat;
	background-position:left top;	
}
.sivuotsikko5
{
	height:93px;
	padding-left:120px;
	padding-top:50px;
	font-size:24px;
	font-weight:100;
	line-height:30px;
	background-image:url('img/sisaltoPala_vs.jpg');
	background-repeat:no-repeat;
	background-position:left top;	
}
.sivuotsikko6
{
	height:93px;
	padding-left:120px;
	padding-top:50px;
	font-size:24px;
	font-weight:100;
	line-height:30px;
	background-image:url('img/sisaltoPala_k.jpg');
	background-repeat:no-repeat;
	background-position:left top;	
}
.Otsikko1
{
	font-family:Verdana, Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:normal;
	font-style:normal;
	background-color:#E9EDF8;
	color:Gray;
	padding:7px;
	margin-left:10px;
	width:150px;
	/*height:20px;*/
}
.Otsikko2
{
	font-family:Verdana, Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:normal;
	font-style:normal;
	background-color:#E9EDF8;
	color:Gray;
	padding:7px;
	/*margin-left:10px;
	width:150px;
	height:20px;*/
}

.popOut
{
    font-size:16px;
	font-weight:bold;
    }

.nappi

{
	color:White;
	background-color:White;
	border-color:Silver;
	border-width:1px;
	background-image:url("img/btn_bg.gif");
	background-repeat:repeat-x;
	margin:2px;
	
}

.banneri
{	
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	
	width:960px;
	height:267px;
	/*background-color:Aqua;*/
	/*border:solid 1px black;*/
	background-image:url("img/header.jpg");
	text-align:right;
}
.headeri
{	
	background-repeat:no-repeat;
	position:relative;
	left:0px;
	top:0px;
	
	width:953px;
	height:150px;
	/*background-color:Aqua;
	border:solid 1px black;
	background-image:url("img/header.jpg");*/
	text-align:right;
}

.kello
{
	position:absolute;
	left:750px;
	top:80px;
}

.valikko
{	
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:410px;
	padding-top:10px;
	padding-left:10px;
	color:White;
	font-family:Verdana, Verdana, Geneva, sans-serif;
	font-size:15px;
	width:950px;
	height:23px;
	/*background-color:Aqua;*/
	/*border:solid 1px black;*/
	background-image:url("img/menu_pelkkaTausta.jpg");
	-moz-box-shadow:0px 5px 10px #222;
    -webkit-box-shadow:0px 5px 10px #222;
    box-shadow:0px 5px 10px #222;
}

.otsikko
{
	position:absolute;
	left:0px;
	top:300px;
	width:960px;
	height:143px;
	/*border:solid 1px black;
	background-color:Aqua;*/
	z-index:1;
	/*background-image:url("img/nuoli.jpg");
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:230px;
	padding-top:12px;*/
}

.sisalto
{
	position:absolute;
	left:0px;
	top:450px;
	width:960px;
	/*height:500px;
	border:solid 1px black;
	background-image:url("img/tausta.jpg");
	background-repeat:no-repeat;
	background-position:right top;*/
	/*padding-left:20px;*/
	padding-top:0px;
	overflow:hidden;
}

.sisaltoVasenKolumni
{
	/*height:470px;
	border:solid 1px black;
	background-image:url("img/tausta.jpg");
	background-repeat:no-repeat;
	background-position:right top;*/
	/*padding-left:20px;
	padding-top:80px;*/
	overflow:auto;
	line-height:15px;
	padding-left:8px;
	padding-right:5px;
}

.uutiset
{
	/*position:absolute;
	left:10px;
	top:230px;*/
	width:120px;
	/*height:200px;*/
	/*background-color:Aqua;
	border:solid 1px black;
	background-repeat:no-repeat;*/
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
}
.tuotteet
{
	/*position:absolute;
	left:10px;
	top:230px;*/
	width:160px;
	/*height:200px;*/
	/*background-color:Aqua;
	border:solid 1px black;
	background-repeat:no-repeat;*/
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}
.huomio
{
	position:absolute;
	left:10px;
	top:550px;
	width:170px;
	height:100px;
	background-color:#FFFFC0;
	border:dotted 1px black;
	background-repeat:no-repeat;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	margin-left:9px;
}

.kumppanit
{
	position:absolute;
	left:970px;
	top:230px;
	width:180px;
	height:260px;
	/*background-color:Aqua;
	border:solid 1px black;*/
	/*background-image:url("img/kumppanit.jpg");*/
	background-repeat:no-repeat;
	
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;
}

.alabanneri
{
	position:absolute;
	/*top:720px;
	left:248px;
	height:20px;*/
	width:960px;
	background-image:url("img/alabanneri2.jpg");
}


.lomake
{
	position:absolute;
	right:200px; /*20px*/
	top:180px;
	width:350px; /*350px*/
	/*height:300px;*/
	/*background-image:url("img/yhteydenottoikkuna.png");*/
	background-repeat:no-repeat;
	/*background-color:#F2EFCC;
	filter:alpha(opacity=80);
	opacity:0.8;*/
	padding:10px;
	border:dotted 1px Black;
}

.odotaIlmo
{
	position:relative;
	left:80px;
	top:-20px;
}

.uutinen
{
	/*text-indent:6px;*/
	font-size:11px;
	page-break-before:avoid;
}
tuote
{
	/*text-indent:6px;*/
	font-size:11px;
	page-break-before:avoid;
    text-align:center;
    float:right;
    border:1px solid black;
}

.uutisOtsikkoPvm
{
	color:Gray;
	font-style:italic;
	width:200px;
}

.uutisLinkki
{
	color:#0097C4;
	font-size:10px;
	text-decoration:none;
}
.uutisLinkki:hover
{
	text-decoration:none;
	color:silver;
}

.MenuLink
{
	color:White;
	font-family:Verdana, Verdana, Geneva, sans-serif;
	font-size:15px;
	text-decoration:none;
}
.MenuLink:hover
{
	color:#E9EDF8;
}


img
{
	border:0px;
}
.aikateksti
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	font-weight:100;
}
.NoStyle, NoStyle:hover, NoStyle:visited
{
	text-decoration:none;
	color:Black;
}
.perusLinkki
{
	color:#0097C4; /*0283C4;*/
	text-decoration:none;
}
.perusLinkki:hover
{
	text-decoration:none;
	color:silver;
}

.pikkuLinkki
{
	color:silver;
	text-decoration:none;
}
.pikkuLinkki:hover
{
	text-decoration:none;
	color:#682C2C;
}


.pikkuset
{
	font-size:small;
	background-color:#EAEEF9;
	color:Black;
}

.pikkuLbl
{
	font-size:x-small;
	color:Black;
}


/* Accordion */
.accordionHeader
{
	/*background-image:url("img/bg.jpg");
	background-repeat:repeat-x;
	background-color:#6B2E2F;	*/
    border: 1px solid #2F4F4F;
    color: black;
    /*background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;*/
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}



.accordionHeaderSelected
{
	background-image:url("img/btn_bg.gif");
	background-repeat:repeat-x;
    border: 1px solid #2F4F4F;
    color: white;
    /*background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;*/
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    /*background-color: #D3DEEF;*/
    background-color:#E9EDF8;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}



        /*TÄSSÄ ROTATOR */
        
.rotator{
    background-color:white;
    width:960px;
    height:270px;
    margin:0px auto;
    position:absolute;
    left:0px;
    top:140px;
    font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:-1px;
    border:0px solid #f0f0f0;
    overflow:hidden;
    -moz-box-shadow:0px 7px 10px #222;
    -webkit-box-shadow:0px 7px 10px #222;
    box-shadow:0px 7px 10px #222;
}
img.bg{
    position:absolute;
    top:0px;
    left:0px;
    width:960px;
    height:300px;
}
.rotator ul{
    list-style:none;
    position:absolute;
    right:0px;
    top:0px;
    margin-top:6px;
    z-index:999;
}
.rotator ul li{
    display:block;
    float:left;
    clear:both;
    width:260px;
}

/*Menun linkit*/
.rotator ul li a{
    width:250px;
    float:right;
    clear:both;
    padding-left:20px;
    text-decoration:none;
    display:block;
    height:35px;
    line-height:52px;
    background-color:#00aadd;
    margin:1px -20px 1px 0px ;
    opacity:0.7;
    color:#f0f0f0;
    font-size:20px;
    border:2px solid #000;
    border-right:none;
    outline:none;
    /*text-shadow:-1px 1px 1px #000;*/
    -moz-border-radius:10px 0px 0px 20px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-bottom-left-radius:20px;
    border-top-left-radius:10px;
    border-bottom-left-radius:20px;
}
.rotator ul li a:hover{
      text-shadow:0px 0px 2px #fff;
}
.rotator .heading{
    position:absolute; 
    bottom:60px;
    left:0px;
    width:600px;
}
.rotator .heading h1{
    text-shadow:0px 0px 3px black;
    font-weight:normal;
    font-size:46px;
    padding:20px;
    /*zoom: 1;
    background-color: white;
    zoom: 1;
	background-color: #cccccc;
	filter: progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc)
	        progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#555, Direction=135, Strength=1);
	filter: glow(color=black,strength=1); toimii jotenkuten */ 
	filter: glow(color=black,strength=1), dropshadow(color=black,offX=1,offY=1);
}

.rotator .description{
    width:500px;
    height:80px;
    position:absolute;
    bottom:0px;
    left:0px;
    padding-top:0px;
    padding-bottom:20px;
    padding-left:20px;
    background-color:#222;
    -moz-border-radius:0px 10px 0px 0px;
    -webkit-border-top-right-radius:10px;
    border-top-right-radius:10px;
    opacity:0.7;
    border-top:2px solid #000;
    border-right:2px solid #000;
}
.rotator .description p{
    text-shadow:-1px 1px 1px #000;
    text-transform:none;
    letter-spacing:normal;
    line-height:26px;
    font-size:13px;
}
a.more{
    color:orange;
    text-decoration:none;
    text-transform:uppercase;
    font-size:14px;
}
a.more:hover{
    color:#fff;
}
a.more2{
    color:yellow;
    text-decoration:none;
    text-transform:uppercase;
    font-size:18px;
}
a.more2:hover{
    color:#fff;
}

#largeImage {
		position: absolute;
		padding: 2px;
		background-color:silver;
		/*background-color: #e3e3e3;*/
		border: 0px solid *#bfbfbf;
		z-index:9999;
		-moz-box-shadow:0px 5px 10px #222;
        -webkit-box-shadow:0px 5px 10px #222;
        box-shadow:0px 5px 10px #222;
}

.multicolumn {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
}

  
/*TURHA??
#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}



#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}
*/
