/*  
Theme Name: Hannet
Theme URI: 
Description: 
Version: 1.0
Author: Komia Design Oy - Petri Tiihonen
Author URI: 
*/

* {
	margin: 0px;
	padding: 0px;
	}
body {
    background: transparent url("kuvat/body_bg.gif");
	color: #000;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}
img {
	border: 0px;
	}
	
#isotausta	{
	width: auto;
	height: 715px;
    background: url("kuvat/isotausta.png") no-repeat top center;
	}
	
#cnt {
	width: 804px;
	margin: 0px auto 0px auto;
	background: transparent url("kuvat/page_bg.png") repeat-y;
	padding-top: 0px;
	overflow: hidden;
	}

a, strong a {
	color: #5bb21b;
	text-decoration:none;
	outline: none;
}

a:hover, strong a:hover {
	text-decoration: underline;
}

#content .alignright {float:right;}

.lmargin     {
margin-left: 20px; !important
}

/* ------------------------------------------------------------------------------
								header 								             
------------------------------------------------------------------------------ */

#header {
width: 800px;
height: 180px;
background: #ffffff url("kuvat/topbanner1.jpg");
background-repeat: no-repeat;
margin: 0px auto 0px auto;
}

#header2 {
width: 800px;
height: 180px;
background: #ffffff url("kuvat/topbanner2.jpg");
background-repeat: no-repeat;
margin: 0px auto 0px auto;
}



#header3 {
width: 800px;
height: 180px;
background: #ffffff url("kuvat/topbanner3.jpg");
background-repeat: no-repeat;
margin: 0px auto 0px auto;
}

#header4 {
width: 800px;
height: 180px;
background: #ffffff url("kuvat/topbanner4.jpg");
background-repeat: no-repeat;
margin: 0px auto 0px auto;
}

#header5 {
width: 800px;
height: 180px;
background: #ffffff url("kuvat/topbanner5.jpg");
background-repeat: no-repeat;
margin: 0px auto 0px auto;
}

#header6 {
width: 800px;
height: 180px;
background: #ffffff url("kuvat/topbanner6.jpg");
background-repeat: no-repeat;
margin: 0px auto 0px auto;
}

#header7 {
width: 800px;
height: 180px;
background: #ffffff url("kuvat/topbanner7.jpg");
background-repeat: no-repeat;
margin: 0px auto 0px auto;
}

#blogiheader {

width: 800px;
height: 50px;
background: #ffffff url("kuvat/blogi_banner.gif");
background-repeat: no-repeat;
margin: 0px auto 0px auto;
}


.BannerWrap {
	height: 325px;
	background: salmon;
	display: block;
	margin:0 2px;
	background: #ffffff url("kuvat/bannerBg.jpg") no-repeat bottom center;
	position: relative;
	overflow: hidden;
}

.videoWrap {
	width: 517px;
	height: 293px;
	background: #ffffff;
	border: 1px solid #dedede;
	margin: 0px auto 0px auto;
}

.video {
	background: #ffffff;
	display: block;
	margin: 7px;
	height: 279px;
}



/* ------------------------------------------------------------------------------
								search		

	position: absolute;
	bottom: 30px;
	left: 144px;								
------------------------------------------------------------------------------ */

#etsi {
	margin-left: 15px;
	margin-right: 6px;
	margin-bottom: 20px;
}

#s {
	border:1px solid #d1d1d1;
	width: 135px;
	padding: 1px;
}

#searchsubmit {
	background: url(kuvat/etsi-btn.gif) no-repeat left top;
	width: 34px;
	height:23px;
	border:none;
	color:#FFFFFF;
	font-size: 11px;
	font-weight: bold;
	outline: none;

}

#searchsubmit:hover{
	background: url(kuvat/etsi-btn.gif) no-repeat left bottom;
	width: 34px;
	height:23px;
	border:none;

}


/* ------------------------------------------------------------------------------
								Menu							             
------------------------------------------------------------------------------ */

#mainmenu {
width: 800px;
background-color:#FFFFFF;
height: 70px;
margin: 0px auto 0px auto;
position: relative;
}

#mainmenu img {
float: left;
margin-top: 12px;
margin-left: 20px;
}

#menu {
float: right;
margin-top: 36px;
font-size: 10px;
}

#menu .current_page_item a {color:#27c400;}
#menu .current_page_parent a{color:#27c400;}

#menu ul {
padding: 0; 
list-style-type: none; list-style-image: none;
}

#menu li {
display: inline; 
padding-left: 8px;
padding-right: 12px;
background: url(kuvat/mainmenu_dot.gif) no-repeat right 5px;
border: 0px solid;
float:left;
}

#menu a {
color:#2b2b2b;
font-weight: bold;
text-decoration:none;
letter-spacing: 2px;
}

#menu a:hover {
color: #27c400; 
}

#musta {
width: 800px;
background-color:#000;
height: 5px;
margin: 0px auto 0px auto;
}


#submenu {
width: 800px;
background-color:#000;
height: 22px;
margin: 0px auto 0px auto;
}


#menu2 {
float: left;
margin-top: 1px;
margin-left: 15px;
font-size: 12px;
}

#menu2 .current_page_item a {color:#27c400;}

#menu2 ul {
padding: 0; 
list-style-type: none; list-style-image: none;
}

#menu2 li {
display: inline; padding: 5px 5px 5px 5px
}

#menu2 a {
color:#fff;
font-weight: bold;
text-decoration:none;
letter-spacing: 1px;
}

#menu2 a:hover {
color: #27c400; 
}



/* ------------------------------------------------------------------------------
								content							             
------------------------------------------------------------------------------ */


#wrp {
width: 804px;
float:left;
}

#wrpblogi {
width: 804px;
float:left;
background: transparent url(kuvat/blogi_bg.gif) repeat-y;
}

#leftcol {
	float:left;
	width: 604px;

}

#widecol {
	float:left;
	width: 100%;
}

#halfcol {
	float:left;
	width: 50%;
}

#content {
margin-top: 25px;
margin-bottom: 25px;
margin-left: 27px;
margin-right: 27px;
line-height: 150%;
overflow: hidden;
}

#content p {
margin-bottom: 10px;
margin-left: 0px;
}

#content img {
}

#content h2 {
color: #5bb21b;
font-size: 15px;
margin-top: 15px;
margin-bottom: 5px;
}



#content h1 {
font-size: 22px;
color: #5bb21b;
padding-top: 10px;
font-weight: normal;
margin-bottom: 25px;
}

#content ul {
list-style-position: outside;
margin-bottom: 20px;
overflow: hidden;
}

#content li {
margin-left: 12px;
}

.navigation .alignleft {
text-align: left;
float: left;
}

.navigation .alignright {
text-align: right;
float: right;
}

#sivunartikkeli {
clear: both;
float: left;
margin-top: 10px;
width: 100%;
}

#kapea {
float: left;
margin-top: 10px;
width: 400px;
}



#kapea2 {
color: #4f4f4f;
float: right;
margin-top: 10px;
width: 300px;
margin-bottom: 20px;
text-align: justify;
}

#kapea h4 {
font-size: 15px;
margin-left: 0px;
color: #5bb21b;
}


#kapea ul{
list-style: none;
margin-top: 10px;
margin-left: -10px;
margin-right: 10px;
}


#palvelu {
margin-bottom: 25px;
width: 100%;
float:left;
}

.palvelutlista p{
overflow: hidden;

}

.palvelutlista hr {
clear: both;
border: none;
}

#palvelu img {
float:left;
margin: 0px;
border: #cccccc 5px solid;
}


#palvelu img:hover{
float:left;
margin: 0px;
border: #5bb21b 5px solid;
}

#palvelu #teksti {
color:#666666;
margin-top: 5px;
margin-left: 10px;
width: 300px;
float:left;
}

#palvelu h2 {
color:#5bb21b;
margin-top:0px;
margin-bottom: 5px;
}

#palvelu b {color:#5bb21b;}
#palvelu b:hover {color:#5bb21b; text-decoration:underline;}


#uusimmat {
	float:left;
	margin-top:10px;
	text-align:left;
	width:402px;
	margin-left: 2px;
}

#uusimmat ul{
list-style: none;
margin-top: 3px;
margin-left: 0px;
margin-right: 10px;
}

#uusimmat li {
	margin-bottom: 3px;

}


.frontpageSplit {
	display: block;
	height: 13px;
	clear: both;
	overflow: hidden;
	background: transparent url(kuvat/frontpageBg1.gif) left top repeat-x;
	margin-bottom: 5px;
} 

.serviceWrap {
	overflow: hidden;
	display: block;
	background: transparent url(kuvat/frontpageSplit.gif) center top repeat-y;
}

.serviceWrap li{ margin-left: 17px !important; line-height:17px; line-height: 13px; margin-bottom: 5px;}
.serviceWrap ul ul {margin-top: 5px; margin-bottom: 0px !important;}


.infoBlockWrap {
	padding: 10px;
	background: #fffbe7;
	border: 1px dotted #e8e0b8;
}

.infoBlockWrap p {margin-bottom: 5px !important;}
.infoBlockWrap strong {font-size: 14px; font-weight: normal;}
.infoBlockWrap hr{border-bottom: 1px dotted #e8e0b8;}


.oneStepWrap { width: 375px; float: left; background: transparent url(kuvat/One_Step.gif) center top no-repeat;}
	.oneStepContent {margin: 90px 25px 0px 0px;}
		.oneStepContent strong {color: #1463c6;}
		.oneStepContent h4 {color:#1463C6; font-size:18px; font-weight:normal; margin-bottom: 10px;}
		.oneStepContent ul {list-style-image: url(kuvat/One_Step_bullet.gif);}
		

.fibreItUpWrap {	width: 375px; float: left; background: transparent url(kuvat/Fibre_It_Up.gif) center top no-repeat;}
	.fibreItUpContent {margin: 90px 0px 0px 25px;}
		.fibreItUpContent strong {color: #f75d1a;}
		.fibreItUpContent h4 {color:#f75d1a; font-size:18px; font-weight:normal; margin-bottom: 10px;}
		.fibreItUpContent ul {list-style-image: url(kuvat/Fibre_It_Up_bullet.gif);}
	

	
	
/* ------------------------------------------------------------------------------
								Post					             
------------------------------------------------------------------------------ */

.post {
padding-bottom: 10px;

}

.post h2 a {
font-size: 20px;
color: #5bb21;
margin-bottom: 1px;
}

.post h2 a:hover {
color: #5bb21;
}


.post .details .date 
{
	background:url(kuvat/date.gif) no-repeat left center;
	padding-left:20px;
}

.post .details a {color:#666666;}
.post .details a:hover {color:#000000; text-decoration:underline;}
.post .details 	 {color:#666666; font-size: 10px;}


.postmetadata {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
border: #f5f5f5 1px solid;
clear:both;
background: #f5f5f5 url(kuvat/postmetadata_bg.gif) repeat-x left top;
}

.postmetadata a{
color:#666666;
}

.postmetadata a:hover{
color:#000000;
}


.postmetadata .user 
{
	background:url(kuvat/user.png) no-repeat left center;
	padding-left:15px;
	padding-right: 8px;
}

.postmetadata .aihe {
	background:url(kuvat/icon-more.gif) no-repeat left center;
	padding-left:15px;
	padding-right: 8px;
}

.postmetadata .comments 
{
	background:url(kuvat/icon-comments.gif) no-repeat left center;
	padding-left:17px;
	padding-right: 5px;
}

.muokkaa 
{
color: #FFFFFF;
background-color:#288d10;
width: 45px;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 20px;
border: #c2c2c2 1px solid;
}

/* ------------------------------------------------------------------------------
								comments						             
------------------------------------------------------------------------------ */

h3 {
margin-top: 15px;
color: #000000;
font-size: 15px;
}


.commentlist {
margin-top: 15px;
margin-left: -12px;
list-style-type: none;
list-style-image: none;

}



.commentlist .user 
{
	font-size: 13px;
	font-weight: normal;
	color: #990000;
	background:url(kuvat/user.png) no-repeat left center;
	padding-left:15px;
	padding-right: 2px;
}

.commentlist .user a {color: #990000;}
.commentlist .user a:hover {color: #990000; text-decoration: underline;}

.commentlist #aika{
color:#CCCCCC;
font-size: 10px;

}


.commentlist li {

margin-bottom: 15px;
border: #d4d4d4 1px dotted;
padding-left: 5px;
padding-top: 3px;
}

.commentlist p {
margin-top: 5px;
margin-left: 16px;
}

/* ------------------------------------------------------------------------------
								sidebar						             
------------------------------------------------------------------------------ */

#rightcol {
	float:left;
	width: 200px;

}

#viiva{
	border-bottom: #288d10 1px dotted;
	}

#boxtitle {
	height: 32px;
	background-repeat: no-repeat;
	}

#boxtitle h2 {font-size: 17px; color:#5bb21; font-weight: bold; padding-top: 10px; margin-left: 5px;}


#box1 {
	margin-left: 15px;
	margin-right: 6px;
	}

#box1 ul{
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 15px;
	list-style-type: none; list-style-image: none;
	}

#box1 li{
	margin-right: 10px;
	margin-left: 10px;
	list-style-type: none; list-style-image: none;
	line-height: 130%;
	letter-spacing: 1px;
	padding-bottom: 4px;
	}

#box1 li a{
	color: #555555;
	text-decoration: none;
	list-style:none;
}

#box1 li a:visited{
	color: #555555;
	text-decoration: none;
}

#box1 li a:hover{
	text-decoration: underline;
}





/* ------------------------------------------------------------------------------
								footer					             
------------------------------------------------------------------------------ */


#footer {
	width: 804px;
	margin: 0px auto 0px auto;
	overflow: hidden;
	margin-bottom: 20px;
}

.footerBlock {
	height: 7px;
	background: transparent url("kuvat/page_footer_bg.png") repeat-y;
	overflow: hidden;
}

#footercontent {
	color: #7b7b7b;
	font-size: 11px;
	text-align: center;
	overflow: hidden;
	}


#footercontent img {
vertical-align: middle;
margin-left: 5px;
}



.osoiteboksi {
float: left; 
overflow: hidden; 
width: 300px; 
text-align: left;
margin-top: 10px;
margin-left: 10px;
}
	
.kielivalinta {
float: right; 
overflow: hidden; 
text-align: right;
position: absolute;
right: 10px;
top: 5px;
}	

.kielivalinta p {
float: left;
margin-right: 10px;
color: #27C400;
}

.kielivalinta a { color: #000000;}
.kielivalinta a:hover { color: #27C400;}
/* ------------------------------------------------------------------------------
								map								             
------------------------------------------------------------------------------ */

.mapwrap {width: 300px; background-color:#5bb21b; float:right; margin-bottom: 15px;}

.maposoite {margin: 5px 0px 5px 8px; float:left; color: #ffffff;}

div#map_canvas, div#map_canvas2 {width: 298px; height: 200px; float:left; border: #5bb21b solid 1px; background-color:#FFFFFF;}


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