*
{
margin: 0;
padding: 0;
text-align:left;
}
/*öäö*/
html {
vertical-align:top;
margin-bottom :1px;
margin-top:0px;
padding-top:0px;
text-align: center;
overflow-y: scroll;
height: 98%;
}

body {
margin: 0;
vertical-align:top;
text-align: center;
font: 12px arial, sans-serif, verdana;
background-color: #000;
min-height:95%;
background: #000 url(template/bodytausta.jpg) 50% 0px repeat-y;
}

#bottomlayerbg, #bottomlayerbg2{
position: fixed;
bottom: 0px;
width: 100%;
display:block;
z-index:-1;
}
#bottomlayerbg.sm{
background:transparent url(template/tunkki400.png) no-repeat bottom left;
height: 270px;
}
#bottomlayerbg.large{
background:transparent url(template/tunkki600.png) no-repeat bottom left;
height: 600px;
z-index:-1;
}
#bottomlayerbg2.large2{
background:transparent url(template/jakoavain400.png) no-repeat bottom right;
height: 400px;
z-index:-2;
}


#topbar{
width:100%;
display:block;
clear:both;
background-color:#e20000;
height:18px;
}

#navcont{
position:relative;
display:table;
width:675px;
margin:0px auto 10px auto;
height:31px;
z-index:12;
}
.topvalr{
width:32px;
height:31px;
display:inline-block;
clear:none;
float:left;
}
#valleft{
background:transparent url(template/topvalreunat.png) 0px 0px no-repeat;
}

#valright{
background:transparent url(template/topvalreunat.png) -32px 0px no-repeat;
}


#logopalkki{
margin:0px auto 0 auto;
width:960px;
display:block;
clear:both;
}
#logokuva{
border:none;
}

#sivualue{
width:815px;
min-height:210px;
margin:10px auto 0 auto;
border:none;
clear:none; /* lisätty */
z-index:4;
background:transparent;
/*
display:block;
position:relative;
*/
}

#content{
position:relative;
display:block;
/* overflow:hidden; */
clear:both;
width:815px;
font: 14px arial, verdana, sans-serif;
padding:0px;
z-index:6;
}

.shadowbox{
-moz-box-shadow: 1px 2px 4px #777;
-webkit-box-shadow: 1px 2px 4px #777;
box-shadow: 1px 2px 4px #777;
}
#tekstialuetop{
clear:both;
width:815px;
position:relative;
height:56px;
display:block;
background:transparent url('template/txttop.png') top left no-repeat;
z-index:4;
}
#tekstialuebottom{
clear:both;
width:815px;
position:relative;
height:57px;
display:block;
background:transparent url('template/txtbottom.png') top left no-repeat;
}
#linktotop{
float:right;
font-size:11px;
margin-right:20px;
}

#tekstialue{
z-index:7;
clear:both;
width:815px;
display:block;
margin-top:0px;
background:transparent url('template/txtmiddle.png') top left repeat-y;
}


#alatausta{
clear:both;
width:100%;
height:24px;
display:block;
text-align:center;
}


#alatausta a, #alatausta a:visited{
color:#777;
}

#alatausta a.secfooter, #alatausta a.secfooter:visited{
color:#555;
margin-left:40px;
}


#alatausta a:hover,#alatausta a.secfooter:hover,#alatausta a:active{
text-decoration:underline;
color:#ddd;
}


#alatausta p{
margin:3px auto 0px auto;
color:#888;
text-align:center;
}

#etusivunlaatikko{
float:left;
clear:none;
width:300px;
/*height:420px;*/
margin-left:5px;
margin-top:40px;
display:block;
}

#tekstialuepadding{
color:#222;
clear:both;
margin:0px 0px 0px 18px;
min-height:280px;
width:778px;
z-index:15;
}


#yhteyspalaute{
float:left;
display:block;
width:320px;
position:relative;
clear:none;
}

#palauteenoikea{
float:right;
text-align:left;
width:370px;
height:270px;
display:block;
}


h1{
font: 20px arial, sans-serif, verdana;
/* color:#747579; */
color:#f20000;
font-weight:bold;
margin-top:0.2em;
margin-bottom:0.5em;
clear:both;
}
#tekstialue h2{
font: 18px arial, sans-serif, verdana;
color:#f20000;
font-weight:bold;
clear:after;
}

#tekstialue h1.firsth2, #tekstialue h2.firsth2{
position:absolute;
top:22px;
margin-top:0px;
z-index:200;
}

#tekstialue h3{
color:#f20000;
}
.tekstivasen{
width:415px;
float:left;
}

.tekstilaatikko b{
color:#fff;
font-size:16px;
}
#tekstialuepadding a{
color:#2222ff;
text-decoration:underline;
}
#tekstialuepadding a:hover{
color:#0000ff;
text-decoration:underline;
}


a, a:visited {
text-decoration:none;
padding-left:2px;
}


#nav{
display:block; /* ie6:lle */
vertical-align:top;
float:left;
height:31px;
margin:0px;
clear:none;
background:#e20000 url('template/navbgbottom.jpg') bottom center no-repeat;
/*width: 748px;*/
width: 590px;
overflow:hidden;
z-index:20;
}
#nav ul{
position:relative;
list-style:none;
display: inline;
width: 590px;
height:31px;
padding:0;
white-space:nowrap;
overflow:hidden;
z-index:25;
}

#nav ul li{
float:left; /*ie6*/
white-space: normal;
clear:none;
display:inline-block;
margin:0;
background:transparent;
position: relative;
overflow:hidden;
}

#nav ul li:first-child{
margin-left:5px !important;
}

#nav a{
color:#ddd;
clear:none;
background:transparent;
text-shadow: -2px -2px 3px #ddd;
text-align:center;
font-size:14px;
display:inline-block;
line-height:30px;
height:30px;
float:left;
/*
font-weight:bold;
font-family: "NovecentowideNormal",Helvetica,Arial,sans-serif;
*/
text-transform:uppercase;
/*font-family:sans-serif;*/
font-family:'Open sans',sans-serif;
overflow:hidden;
padding-left:6px;
padding-right:5px;
white-space:nowrap;
-webkit-text-size-adjust:100%;
}


#nav a:hover, #aktiivi a  {
color:#fff;
background:transparent url('template/topvalhoverbg.png') top left repeat;
text-shadow: 2px 2px 2px #444;
text-decoration:underline;
}


#nav a.val1{width:56px !important;padding-left:2px;}
#nav a.val2{width:78px !important;}
#nav a.val3{width:80px !important;}
#nav a.val4{width:105px !important;}
#nav a.val5{width:108px !important}
#nav a.val6{width:60px !important;padding-right:2px;}
/*.opera9 #nav a.val6{float:left;clear:none;}*/

#virhe{
text-align:left;
padding: 20px;
display: block;
border: 2px red dashed;
background: #fafaea; /*#f3f2b7;*/
color: #ff0000;
width: 300px;
clear: both;
font-size:12px;
font-weight:bold;
}

/* sub menu
.navsub{
*/
#nav ul li ul{
position:absolute;
left:0;
display:none;
margin:39px 0 0 -1px;
padding:0;
list-style:none;
}

#nav ul li ul li, .navsub a{
height:39px;
float:left;
width:175px;
padding:0px;
font-size:0.5em;
padding:0px auto;
}


/* display block will make the link fill the whole area of LI */
#nav ul li ul li a {
display:block;
color:#666;
}





#ilmoitus{
vertical-align:middle;
padding: 20px;
display: block;
border: #000000 dashed 1px;
/*background: #f0f0d0;*/
background-color:#80ff80;
color: #000;
width: 400px;
clear: both;
font-size:14px;
font-weight:bold;
}

.etusivunkuva{
float:left;
}

.handcursor{
cursor:pointer;
cursor:hand;
}
.linkki{
color:#eee;
}
.linkki:hover{
color:#fff;
text-decoration:underline;
}

.luelisaai{
color:#0a12b1;
font-size:0.9em;
}

.slidekuva{
float:left;
clear:none;
display:block;
vertical-align:top;
}



.slidetable{
float:left;
display:block;
}

p.kapeateksti{
width:380px;
display:block;
clear:after;
text-align:left;
margin-left:5px;
margin-right:0px;
/*border:1px yellow solid; */
}
.etusivunteksti{
font-size:16px;
}

#etu{
margin-bottom:3px;
}

.hoverborder:hover{
border:#555 1px solid;
}
.hoverborder{
border:#000 1px solid;
}

.noborders{
border:none;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

* html.clearfix {height: 1%;}
.clearfix {display: block;}


.foikea{
clear:none;
float:right;
margin-left:5px;
margin-top:15px;
margin-right:0px;
}




img.fvasen{
position:relative;
clear:both;
float:left;
margin:5px;
margin-top:15px;
}

.fvasentxt{
clear:none;
display:block;
width:340px;
float:left;
/*text-align:justify;*/
}

img.foikeat{ /*alla*/
position:absolute;
right:10px;
margin:5px;
margin-top:15px;
}
.ajanklink , .ajanklink:visited{
color:#839cff;

}

p.aputeksti {
font-size: 10px;
}

p.aputeksti2 {
font-size: 8px;
color:#888;
}

caption {
font-weight:bold;
background: #eee;
text-align:center;
}


.keski {
width: 170px;
margin: 2px 10px 0px 20px;

}

.lyhyt {
width:auto;
margin: 2px 10px 0px 20px;
padding-left:20px;

}

#palautelomake{
width:98%;
float:left;
}

img{
border:none;
}

.center{
text-align:center;
width:100%;
display:block;
margin:3px auto 0px auto;
}


#palautedivi{
width:600px;
clear:none;
float:left;
}

.harmaareuna{
border:1px solid #808080;
}

p.kuvateksti{
margin-top:0px;
}

img.henkilokuva{
border:1px solid #555;
}


#ohjelaatikko{
width:260px;
height:170px;
clear:none;
display:block;
float:left;
margin-right:40px;
font-size:11px;
padding-top:10px;
padding-left:10px;
text-align:left;
z-index:10;
}



.btn{
vertical-align:middle;
text-decoration: none;
white-space:nowrap;
text-align:center;
width:106px;
height:31px;
background: #ddd url('template/btnbg.jpg') repeat-x bottom left;
/* url(template/navibgc.gif) no-repeat;*/
border:1px #888 solid;
color:#222;
font-size:14px;
margin-left:35px;
margin-top:10px;
}

.btn:hover{
background: #ddd url('template/btnbg.jpg') 0px -10px repeat;
border:1px #fff solid;
}
.smkuva{
margin:5px;
margin-right:10px;
border:0px;
}
.piilo{
display:none;
visibility:hidden;
width:0;
height:0;
}



#tuunix{
display:block;
float:right;
right:5px;
width:60px;
height:18px;
border:none;
background:transparent url('template/tx.png') right top no-repeat;
z-index:232;
margin-top:-16px;
}

.twocols td{
vertical-align:top;
padding-left:8px;
}
.imagetd{
font-size:11px;
padding-left:0px !important;
padding-right:15px !important;
padding-bottom:15px;
text-align:center;
}
.imagetd img{
margin-bottom:-9px;
}

.harva p{
margin-top:1em;
margin-bottom:1em;
}
.btdimg img{
/* This centers the image */
display: block;
margin-left: auto;
margin-right: auto;
/* This adds the border */
padding:3px;
border:solid;
border-color: #aaaaaa #999999 #999999 #aaaaaa;
border-width: 1px 2px 2px 1px;
background-color:white;
}


#tuunix:hover{
background:transparent url('template/tx.png') right -40px no-repeat;
}



#palaute fieldset{
border:1px solid #555;
padding:5px 2px 10px 10px;
color:#555;
letter-spacing:0.3em;
font-size:14px;
margin-bottom:10px;
}

#palaute fieldset:hover{
background-color:#222;
}

#palaute label{
padding:0px 10px 0px 0px;
color:#555;
font-weight:normal;
letter-spacing:0em;
}

#palaute label:hover{
color:#fff;
}

#hideyhteyslisa label.w1{
width:108px;
display:inline-block;
}

#hideyhteyslisa label.w2{
display:inline-block;
width:160px;
}

#hideyhteyslisa label.w3{
display:inline-block;
width:182px;
}

#yhteyslisa{
font-size:15px;
padding:4px 40px 4px 120px;
letter-spacing:0.1em;
border:1px solid #444;
margin-bottom:5px;
}

#yhteyslisa:hover{
background-color:#222;
}


@media print {
#navcont, #contenttop, #tekstialueshadow, #tekstialuetop, #tekstialuebottom,#logopalkki, #topbar, .laatikko_cnr_top , .laatikko_cnr_bottom, .foikea, #ylakuvabox, .sliderwrapper, #tuunix, #slogan{
display:none;
visibility:hidden;
width:0;
height:0;
}

#page, #content, #sivualue, #tekstialue, #tekstialuepadding{
width:98%;
margin:0;
padding:0;
}

.shadowbox{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

} /* printview */

.col-3 {
	width:24.5%;
	float:left;
	display:inline-block;
	clear:none;
}

/*MOBILE*/

/* styles for desktop */
.tinynav { display: none }

/* styles for mobile */
@media screen and (max-width: 600px) {
    .tinynav { display: block }
    #nav ul#navul { display: none }

	#logopalkkia img {
		max-width:100%;
	}


	#tinynav1 {
		width:90%;
		margin-left:5%;
	}

	#navcont, #nav, #sivualue, #content, #tekstialuetop, #tekstialue, #tekstialuebottom, #tekstialuepadding, .tekstivasen {
		width:100%;
	}

	#tekstialuepadding {
		margin-left:15px;
		margin-right:15px;
		width:auto;
	}

	#tekstialuepadding img {
		clear:both;
	}

	#valleft, #valright, .rallyteamlink {
		display:none;
	}

	.bt-content {
	text-align: left;
	margin-top:20px;
	}

	.karttakuva img {
		max-width:100%;
	}
	#etusivunlaatikko {
		margin-top:40px;
	}

	.col-3 {
		width:45%;
	}
}

}
/*max width 600*/