@charset "utf-8";


/* CSS Document */

        .lifted {
            -moz-border-radius:4px; 
                 border-radius:4px;
        }
        
        .lifted:before,
        .lifted:after { 
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
            max-width:300px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
               -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                -ms-transform:rotate(-3deg);   
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }
        
        .lifted:after {
            right:10px; 
            left:auto;
            -webkit-transform:rotate(3deg);   
               -moz-transform:rotate(3deg);  
                -ms-transform:rotate(3deg);  
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);
        }

        .curled {
            border:1px solid #efefef; 
            -moz-border-radius:0 0 120px 120px / 0 0 6px 6px;    
                 border-radius:0 0 120px 120px / 0 0 6px 6px;
        }
      
        .curled:before,
        .curled:after {
            bottom:12px;
            left:10px;
            width:50%;
            height:55%;
            max-width:200px;
            -webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
               -moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
                    box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
            -webkit-transform:skew(-8deg) rotate(-3deg);
               -moz-transform:skew(-8deg) rotate(-3deg);
                -ms-transform:skew(-8deg) rotate(-3deg);
                 -o-transform:skew(-8deg) rotate(-3deg);
                    transform:skew(-8deg) rotate(-3deg);
        } 
      
        .curled:after { 
            right:10px; 
            left:auto;
            -webkit-transform:skew(8deg) rotate(3deg); 
               -moz-transform:skew(8deg) rotate(3deg);     
                -ms-transform:skew(8deg) rotate(3deg);     
                 -o-transform:skew(8deg) rotate(3deg); 
                    transform:skew(8deg) rotate(3deg);
        }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #000;
	text-decoration: none;
	margin: 0px;
	background: #FFF url(../images/bg-footer.png) repeat-x fixed left top;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: underline;
}

a:link {
	color: #C10100;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color: #C10100;
}
a:active {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	text-decoration: none;
	color: #850001;
}


.otsikot {
	font-size: 22px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
}
.alaotsikot {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
}
.alatekstit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: center;
	line-height: 18px;
	text-decoration: none;
	padding-top: 11px;
	padding-bottom: 11px;
	background-color: #CCCCCC;
	border: 2px solid #000;
	width: 954px;
	margin: 0 auto 0 auto;
}

.tb-body {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	font-style: normal;
}
.tb-main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222;
	text-decoration: none;
	line-height: 17px;
	font-weight: normal;
	width: 960px;
}
.logotekstit {
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f5f5f5;
	text-decoration: none;
	font-weight: normal;
	vertical-align: bottom;
	padding: 20px;
}
.content1 {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	vertical-align: top;
	background-color: #FFFFFF;
	color: #000;
	border: 2px solid #999;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}



.content2 {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-color: #FFFFFF;
	color: #000;
	border: 2px solid #999;
	list-style-type: square;
	list-style-position: inside;
	vertical-align: top;
	width: 330px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.content3 {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	vertical-align: top;
	background-color: #FFFFFF;
	color: #000;
	border: 2px solid #999;
}

.blogicontent {
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	text-decoration: none;
	vertical-align: top;
	background-color: #000;
	color: #fff;
	border: 2px solid #999;
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.blogikuva-vasen {
	float: left;
	border: 1px solid #f5f5f5;
	margin-right: 30px;
	margin-bottom: 15px;
}

.blogikuva-oikea {
	float: right;
	margin-bottom: 20px;
	margin-left: 30px;
	border: 1px solid #f5f5f5;
}
.Kuva {
	background-color: #f5f5f5;
	border: 2px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: none;
}
.kuva-harmaakehys {
	text-decoration: none;
	vertical-align: top;
	background-color: #000;
	color: #fff;
	border: 1px solid #555;
	line-height: 17px;
	margin-bottom: 5px;
}
.kuva-vasen {
	float: left;
	background-color: #f5f5f5;
	border: 3px solid #555;
}

.kuva-oikea {
	float: right;
	margin-bottom: 20px;
	margin-left: 30px;
}
li {
	list-style: url(../images/red-dot.png);
	margin: 0px 15px;
}

.float-left {
	float: left;
}
.float-right {
	float: right;
}






.div-text-kapeampi {
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	text-decoration: none;
	text-align: left;
}
.div-kuvat-left {
	text-decoration: none;
	text-align: left;
	background-color: #e6dac0;
	padding-left: 20px;
}
.kuvakehys {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	vertical-align: top;
	border: 2px solid #999;
	background-color: #f5f5f5;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}


.div-text-left {
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	text-decoration: none;
	text-align: left;
	background-color: #f5f5f5;
}
.div-text-left-smallerfont {
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	text-decoration: none;
	text-align: left;
	background-color: #e6dac0;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: normal;
	line-height: 14px;
}



.div-text-otsake {
	padding-left: 80px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-style: italic;
	background-color: #F5F5F5;
	font-weight: bold;
	padding-right: 0px;
	text-align: left;
}
.div-text-otsake2 {
	padding-left: 10px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-style: italic;
	background-color: #F5F5F5;
	font-weight: bold;
	padding-right: 20px;
	text-align: left;
}
.äänisoitin {
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #B30808;
	font-weight: bold;
	line-height: 22px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 2px solid #999;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #F5F5F5;
}
.video-tr1 {
	background-color: #000;
	color: #fff;
	text-align: left;
	vertical-align: top;
	padding-bottom: 20px;
	padding-left: 50px;
	padding-top: 20px;
	border: 1px solid #555;
	font-size: 11px;
	text-decoration: none;
	text-transform: none;
}

.div-vahvimmat {
	text-decoration: none;
	background-color: #444;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	border: 5px solid #222;
}


.videosoitin {
	border: 2px solid #999;
	width: 956px;
	margin: 5px auto;

}
.videosoitinkarmi {
	color: #f5f5f5;
	border: 3px solid #555;
	background-color: #F5F5F5;
}
.videoinfo {
	width: 726px;
	background-color: #f5f5f5;
	padding-bottom: 20px;
	text-decoration: none;
	text-align: left;
}