*{margin:0;padding:0;}
img{border:0;}
table{border-collapse:collapse}
ul{	padding:0;}
body{font:normal 11px Arial, Helvetica, sans-serif;color:#666666;}
h1{font:bold 16px Arial, Helvetica, sans-serif;}
h2{font:bold 15px Arial, Helvetica, sans-serif;}
h3{font:bold 13px Arial, Helvetica, sans-serif;}
h4{font:bold 12px Arial, Helvetica, sans-serif;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
small{font:normal 10px Arial, Helvetica, sans-serif;color:black;}

.accessibility {display:none;}

.banner-container{
	background:#F0F0F0 url(../images/banner_raita.gif) repeat-x;
	height:92px;
	text-align:center;
}
.banner-container img{
	margin:0 auto;
}

#header-container {position:relative;}

#navi-weather {position:absolute;top:5px;left:600px;width:135px;height:60px;}

#logo {position:absolute;top:0;left:0;width:150px;height:65px;}
#logo a {width:150px;height:65px;display:block;}

#navi ul, #navi2 ul, #navi3 ul{
	list-style:none;
}
#navi ul{
	padding-top:34px;
	padding-left:195px;
}


#navi li, #navi2 li{
	float:left;
}
#navi a{
	height:31px;
}

#navi2{
	background:url(../images/navi2_raita.gif) repeat-x;
	height:19px;
}

#navi3 a { /width:173px; /height:1%; }
#navi3 li li a { /width:165px; }
#navi3 li li li a { /width:150px; }
#navi3 a { font:bold 12px Arial, Helvetica, sans-serif; color:black; display:block; padding:5px 0 6px 22px; text-decoration:none; }
#navi3 .sel a { background:url(../images/navi3_hili.gif) no-repeat; color:white; }
#navi3 .sel li a { background:none; color:black; }
#navi3 li li a { font:normal 12px Arial, Helvetica, sans-serif; padding:2px 0 2px 30px; }
#navi3 li li.cur a { font-weight:bold; }
#navi3 li li.cur li a { font-weight:normal; }
#navi3 li li.cur li.cur a { font-weight:bold; }
#navi3 li ul { margin-bottom:10px; }
#navi3 ul ul ul { margin-left:15px; }

#navi2 a, #navi a {
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
	text-indent:-10000px;
	text-decoration:none;
}


#navi2 a{
	height:19px;
}
#n1 a{
	background:url("../images/navi2_webmail.gif");
	width:70px;
}
#n2 a {
	background:url("../images/navi2_asiakassivut.gif");
	width:101px;
}
#n3 a {
	background:url("../images/navi2_hyotylinkit.gif");
	width:90px;
}
#n4 a {
	background:url("../images/navi2_palaute.gif");
	width:67px;
}
#n5 a {
	background:url("../images/navi2_omatasetukset.gif");
	width:121px;
}
#n6 a {
	background:url("../images/navi2_huvilinkit.gif");
	width:79px;
}


#wtm-image {
	float:left;
	width:0;
	height:0;
}


#col1{
	width:195px;
	float:left;
	margin-right:5px;
}

#col2{
	width:590px;
	float:left;

}
#col2-wide{
	width:750px;
	float:left;
}
#col2a{
	margin-right:2px;
	width:290px;
	float:left;

}
#col2b{
	width:290px;
	float:left;
	margin-left:3px;
}
#col2a-news{
	margin-right:2px;
	width:390px;
	float:left;
}
#col2b-news{
	width:190px;
	float:left;
	margin-left:3px;
}


#col3{
	width:160px;
	float:left;
	text-align:center;
}

.clear{
	clear:left;
}

select.sitemap{
	margin:10px;
	width:150px;
}

/*  box elements */

.header-col1{
	background:url(../images/header_red.gif) no-repeat;
	padding:2px 10px 5px 10px;
	margin-left:1px;
	margin-top:5px;
}
.header-col1 h3{
	color:#FF0033;
	margin-bottom:10px;
}


.box-tiedotteet{
	width:194px;
	background:url(../images/box_tiedotteet_top.gif) no-repeat;
	margin-bottom:5px;
	margin-left:1px;
}
.box-tiedotteet h3{
	color:white;
	padding:5px 6px 6px 6px;
	/*margin-bottom:3px;*/
}
.box-tiedotteet-content{
	background:url(../images/box_tiedotteet_content.gif) repeat-y;
	padding:3px 6px;	
}
.box-tiedotteet-bottom{
	background:url(../images/box_tiedotteet_bottom.gif) bottom left no-repeat;
	text-align:right;
	padding-right:4px;
	padding-top:4px;
	padding-bottom:4px;
}
.box-tiedotteet p{
	margin-bottom:5px;
}

.flash-container {
	margin-bottom:5px;
}

/*.article*/
#content p, #content ul, #content ol, #content h4, #content h3, #content h2, #content h1  {padding-left:10px;}
#content table {margin-left:10px;}

#content p {font-size:12px;}
#content ul {font-size:12px;}
#content ol {font-size:12px;}

#content h3 {
	color:#0977c2;
	padding-bottom:0.5em;
/*	margin-left:10px; */
}

#content .intro {position:relative;margin-bottom:10px;width:100%;}
/*
#content .intro p.image {width:270px;float:left;}
#content .intro p.text {width:270px;margin-left:280px;}
#content .intro p.link {position:absolute;bottom:0;right:10px;}
*/
#content #article-content p {padding-bottom:1em;}

.uutiset p.hili{
	background-color:#F0F0F0;
}
.uutiset p{
	padding:4px 4px;
	margin:2px;
}
.vinkkeja p{
	background:url(../images/nuoli_vinkit.gif) 16px 50% no-repeat;
	padding:8px 10px 8px 56px !important;
	margin:3px 2px 3px 2px !important;
}

.hili{
	background-color:#ECF9FE;
}
/*.tietoturva{
	padding:0 6px;
	margin-bottom:10px;
}*/
.tietoturva { margin-bottom:10px; padding:0 5px }
.tietoturva p{
	margin:4px 4px;
}
.ajankohtaista{
	position:relative;
	clear:left;
	padding:1px 2px;
	margin:0px 2px;
	height:66px;
	color:#666;
}
.ajankohtaista img{
	float:left;
	margin-right:6px;
}
.ajankohtaista h4{
	color:#333;	
}


.video{
	text-align:center;
}

.box-side-content ul{
	padding-top:5px;
}
.box-side-content ul a{
	padding:8px 30px;
	background:url(../images/grey_arrow.gif) 10px 50% no-repeat;
	color:black;
	display:block;
}
.box-side-content ul li.hili{
	background-color:#F0F0F0;
}

/*Easy clearing method*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}


/*sivukartta*/

#sivukartta{
	background:url(../images/content_white_top.gif) no-repeat;
	padding:50px 10px 50px 50px;
}
#sivukartta h3{
        font-size:28px;
        font-weight: bold;
        color:black;
	padding:5px 5px 5px 5px;
	margin-bottom:20px;
}
.sivukartta-lev1 a{
        font-size:18px;
        font-weight: bold;
        color:black;
	padding:5px 6px 6px 6px;
	margin-bottom:13px;
}
.sivukartta-lev2 a{
	font-size: 14px;
        font-weight: bold;
        color:black;
	padding:5px 6px 6px 6px;
	margin-bottom:8px;
        margin-left:50px;
}
.sivukartta-lev3 a{
        font-size: 12px;
	color:black;
	padding:5px 6px 6px 6px;
	margin-bottom:5px;
        margin-top:5px;
        margin-left:100px;
}
.sivukartta-lev4 a{
        font-size: 12px;
	color:black;
	padding:5px 6px 6px 6px;
	margin-bottom:5px;
        margin-top:5px;
        margin-left:150px;

}
.sivukartta-new-lev1 {
        padding:20px 20px 20px 20px;
}

/* omat asetukset */

.omat-asetukset h1{ background:url(../images/header_grey_long.gif) no-repeat; padding:0px 4px 10px 4px; color:#33CCFF; }
.omat-asetukset{ padding:2px 5px; }
.omat-asetukset p { color:black; margin:5px 0; }
.omat-asetukset h2 { color:black; font-size:12px; text-transform:uppercase; }
.omat-asetukset select { width:100px; }
.asetus-item { margin:20px 10px; }
.asetus-submit input { margin:10px 30px; padding:0 5px; }
#kielivalinta { display: none; }