@charset "iso-8859-1";
@import url("reset.css");
@import url("forms.css");
/*------------------------------------------------------
	Hakukonemediat Blue Template
	Author: Blowback web-design
	Copyright: Hakukonemediat/Blowback 2008
--------------------------------------------------------- */
html  {height:100%;}
body {
	font: 14px/21px Arial, Helvetica, sans-serif;
	color: #222;
	background: #e7ebed url('../img/body.jpg') 0 0 repeat-x;
	height:100%;
}
/*
	Boksit
---------------------------------------------------- */
#wrapper {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%; 
	width: 810px; 
	margin: 0 auto -50px;
}
#footer {height:50px; width:100%; background: url('../img/footer.jpg') 0 0 repeat-x;}
#footerPush {height:50px;}
#footerInner {width:810px; margin:0 auto; position:relative; top:15px; color:#fff; font-size:85%; font-weight:600;}
#footerInner p {padding: 0 5px;}
#copy {font-weight:normal;}
#header {
	position:relative;
	height: 150px;
}
#contentWrapper { 	
	float: left;
	width: 100%;
}
#contentBox { 
	position:relative;
	margin-right: 240px;
}
#rightBox { 
	position:relative;
	float: left;
	width: 216px;
	margin-left: -216px;
}
#rightContent {
	position:absolute;
	top: -60px;
	padding: 30px 5px 0;
	background: url('../img/right-bg.jpg') left top no-repeat;
	text-align: right;
}
/*
	Logo ja Navi
---------------------------------------------------- */
#logo {
	position:absolute;
	top:0; left:-6px;
}
#navi {
	position:absolute;
	top:55px; right:-15px;
}
#navi li {
	float: left;
	margin-right: 10px;
}
#navi a {
	text-decoration: none;
	color: #fff;
	font-size:120%; font-weight:600;
}
#navi a:hover {
	border-bottom:solid 1px #37aee5;
}
#navi a#open {
	color: #37aee5;
	border:none;
}
/*
	General Classes
---------------------------------------------------- */
h1 {font: 600 18px/27px Arial, Helvetica, sans-serif; color:#37aee5; margin: 0 0 10px 0;}
h2 {font: 600 15px/21px Arial, Helvetica, sans-serif; color:#37aee5;}
#rightBox h2 {color:#fff;}

p, table, #contentBox ul {margin: 0 0 20px 0;}
strong {font-weight:600;}

.tube {padding: 0 10px;}
.tube2 {padding: 0 30px 0 10px;}
.clear {clear: both;}
.top {margin-top: 30px;}
.tila {margin-top: 15px;}
.center {text-align:center;}
.zero {margin:0; padding:0;}
.kuva {position:relative; top:-10px;}
.left {float:left; margin-right:50px;}

#contentBox a {text-decoration:underline; color:#333;}
#contentBox a:hover {text-decoration:none;}
#contentBox li {list-style-type:square; margin-left:25px;}

#footer a {text-decoration:none; color:#fff;}
#footer a:hover {text-decoration:underline;}
/*
	Yhteystiedot
---------------------------------------------------- */
.contact {margin-left:350px;}
.col1 {width:52%; padding-right:10px;}

.titteli {font-size:90%; color:#666; position:relative; top:-.25em;}

#kartta {position:absolute; top:5px; left:10px;}