
body { background:url(../images/body_internet_raita.gif) repeat-x; }

#navi2{	border-bottom:1px solid #99CA3C; }

#content-container{
	width: 960px;
	padding-top:5px;
}

#content ol, #content ul {margin-left:20px; margin-top: 10px; margin-bottom: 10px;}
#content p, #content h1, #content blockquote {margin-bottom:10px;}

#content .img-right {float: right; margin-left: 15px; margin-bottom: 15px;}
#content .img-left {float: left; margin-right: 15px; margin-bottom: 15px;}

#content{
	background:url(../images/content_white_top_green2.gif) no-repeat;
	padding:10px 0 20px 0;
}

#content-a{
	width:400px;
	float:left;
	padding-left:7px;
	margin-right:5px;
}
#content-a-wide{
	width:560px;
	float:left;
	padding-left:7px;
	margin-right:5px;
}

#logo h1 {background:url(../images/lumo_i_logo.gif) left top no-repeat;text-indent:-3000em;}

#navi{
	background:url(../images/navi_raita_i.gif) repeat-x;
	height:65px;
	border-bottom:6px solid #99CA3C;
}

#main1 a{
	background:url("../images/navi_i_portaali.gif");
	width:120px;
}
#main2 a{
	background:url("../images/navi_i_internet.gif");
	width:115px;
}
#main3 a{
	background:url("../images/navi_i_digitv.gif");
	width:126px;
}

#navi3 .sel a { background-image:url(../images/navi3_internet_hili.gif); }

.box-blue-arrow h3, .box-blue-plain h3 { color:white; padding:5px 6px 6px 6px; }
#content .box-blue-arrow h3, #content .box-blue-plain h3 { padding: 5px 6px 6px; color: white;  font-size: 12px; }
.box-blue-arrow h4, .box-blue-plain h4, #content .box-blue-arrow h4, #content .box-blue-plain h4 { margin: 2px 0; padding: 4px 0; }
#content .box-blue-arrow p, #content .box-blue-plain p { font-size: 11px; margin: 2px; padding: 4px; }

.box-blue-arrow {
	background:url(../images/box_green_top_arrow.gif) no-repeat;
	width:290px;
	margin-bottom:5px;
}
.box-blue-plain {
	background:url(../images/box_green_top_plain.gif) no-repeat;
	width:290px;
	margin-bottom:5px;
}

.box-blue-content{
	background:url(../images/box_green_content.gif) repeat-y;
	padding:4px 0;
}

.internet-ad{
	padding:4px 7px;
}

.internet-rss{
	padding:10px 0 0 0;
}

.internet-rss p{ 
	padding:4px 4px;
	margin:0 2px;
}

.box-blue-bottom{
	background:url(../images/box_green_bottom.gif) bottom left no-repeat;
	text-align:right;
	padding-right:4px;
	padding-top:4px;
	padding-bottom:4px;
}

.nosto{
	background:url(../images/header_grey_plain.gif) no-repeat;
	padding:7px 2px 7px 7px;
}
.nosto-arrow{
	background:url(../images/header_grey_arrow.gif) no-repeat;
	padding:7px 2px 7px 7px;
}
.nosto h3, .nosto-arrow h3{
	color:#3F7506;
	margin-bottom:10px;
}
.nosto p.hili, .nosto-arrow p.hili{
	background-color:#ECF9FE;
}
.nosto p, .nosto-arrow p{
	padding:4px 2px;
}

.sahkoposti{
	padding:2px;
}
.sahkoposti div{
	padding:6px;
}

.sahkoposti a{
	color:#EE1596;
	text-decoration:none;
}
 a.irto{
	margin-top:6px;
	display:block;
}
.sahkoposti .hili{
	background-color:#F0F0F0;
}

.tietoturva-nyt{
	color:#666;
	padding:0 6px;
}

.tietoturva-nyt h4{
	color:#333;
	margin-top:5px;
}
.tietoturva-nyt p{
	margin-top:2px;
	line-height:18px;
}

.tietoturvanosto p{
	padding:0;
	margin-bottom:10px;
	line-height:18px;
}
.tietoturvanosto a{
	color:#666;
}

.peruspalvelut p{
	line-height:18px;
	color:#666;
}
.peruspalvelut a{
	color:black;
	font-size:12px;
	font-weight:bold;
}


.faq{
	padding:0 8px;
	line-height:18px;
}
.faq a{
	text-decoration:none;
	color:#666;
}
.faq a.bold{
	font-weight:bold;
	color:black;
}
.faq p{
	margin-bottom:10px;
}

#footer{
	padding:3px 10px;
	background-color:#99CA3C;	
	color:white;
}
#footer a{
	color:white;
	text-decoration:none;
}
