/* Tehnyt: Petri I. | petri.ikonen@kuopassa.com | www.kuopassa.com */

/* Yleiset */

* {
	margin: 0;
	padding: 0;
	}

body {
	margin: 0;
	font: 0.8em Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	background: #090 url(../images/taustavari.png);
	}
	
a {
	text-decoration: underline;
	color: #000;
	}
	
a:hover {
	text-decoration: none;
	color: #333;
	}
	
/* Rakenne */

#runko {
	width: 80%;
	margin: 2% auto;
	min-height: 20em;
	height: auto;
	_height: 20em;
	}
	
h1 {
	margin: 0;
	border: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	float: right;
	}
	
h1#logo a {
	display: block;
	height: 199px;
	width: 179px;
	background: url(../images/pois-biz-logo.png) no-repeat 0 0;
	}
	
h4#slogan {
	display: block;
	height: 150px;
	width: 500px;
	margin: 3% 0 0 0;
	padding: 0;
	float: left;
	background: url(../images/se-aito-ja-oikea-kannykkalogojen-poistopalvelu.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	}
	
#middle {
	width: 100%;
	clear: both;
	}
	
#vasen {
	float: left;
	display: inline;
	width: 40%;
	min-width: 300px;
	}
	
#oikea {
	float: right;
	display: inline;
	width: 55%;
	}
	
p, ul, form {
	font-size: 1.1em;
	margin: 5% 2%;
	line-height: 145%;
	}
	
#middle ul li {
	list-style: none;
	padding-left: 15px;
	background: url(../images/luettelomerkki.png) no-repeat 0 0;
	margin: 3% 0;
	}
	
#tyhjennys {
	clear: both;
	}

h2, h3, h4, h5, h6 {
	margin: 5% 0 -10px 0;
	font: 1.8em Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1px;
	color: #FFF;
	}
	
#nyt-lahtee {
	background: url(../images/jep-jep-nyt-lahtee-logo.png) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 36px;
	width: 321px;
	}
	
#hieman-infoa {
	background: url(../images/hieman-infoa-ja-ohjeita.png) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 34px;
	width: 292px;
	}
	
#naiden-liittymista {
	background: url(../images/naiden-liittymista-saa-tilattua.png) no-repeat 0 100%;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 29px;
	width: 398px;
	padding-bottom: 10px;
	}
	
#naissa-toimii {
	background: url(../images/naissa-myos-toimii.png) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 35px;
	width: 268px;
	margin-left: 5%;
	}
	
#nama-mobiilipalvelut {
	background: url(../images/nama-mobiilipalvelut-tarjoaa-mobileghost.png) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 27px;
	width: 352px;
	margin: 3% 0 0 0;
	padding: 0;
	}
	
#yhteystiedot {
	background: url(../images/yhteystiedot.png) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 37px;
	width: 157px;
	}
	
p span.p {
	background: url(../images/p.png) no-repeat 0 0;
	height: 20px;
	width: 11px;
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	}
	
p span.j {
	background: url(../images/j.png) no-repeat 0 0;
	height: 20px;
	width: 13px;
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	}
	
p span.l {
	background: url(../images/l.png) no-repeat 0 50%;
	height: 20px;
	width: 13px;
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	}
	
p span.v {
	background: url(../images/v.png) no-repeat 0 50%;
	height: 20px;
	width: 13px;
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	}
	
p span.t {
	background: url(../images/t.png) no-repeat 0 50%;
	height: 20px;
	width: 13px;
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	}
	
p span.s {
	background: url(../images/s.png) no-repeat 0 50%;
	height: 20px;
	width: 13px;
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	}
	
p em.petri-ikonen {
	background: url(../images/petri-ikonen.png) no-repeat 0 50%;
	width: 105px;
	text-indent: -9999px;
	overflow: hidden;
	display: inline;
	padding: 10px 50px;
	}
	
p em.petri-ikonen span {
	display: none;
	width: 105px;
	}

input, textarea, select, label {
	margin: 1% 0;
	}
	
#navi {
	list-style: none;
	margin: 3% 0;
	}
	
#navi li {
	display: inline;
	}
	
#navi li a {
	float: left;
	}
	
#navi li a#etusivu {
	display: block;
	height: 34px;
	width: 94px;
	background: url(../images/etusivu.png) no-repeat 50% 50%;
	text-indent: -9999px;
	overflow: hidden;
	padding: 10px;
	}
	
#navi li a#toimiiko-minulla {
	display: block;
	height: 34px;
	width: 189px;
	background: url(../images/toimiiko-minulla.png) no-repeat 50% 50%;
	text-indent: -9999px;
	overflow: hidden;
	padding: 10px;
	}
	
#navi li a#info {
	display: block;
	height: 34px;
	width: 58px;
	background: url(../images/info.png) no-repeat 50% 50%;
	text-indent: -9999px;
	overflow: hidden;
	padding: 10px;
	}

abbr, acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
	}
	
h4 {
	color: #000;
	margin-left: +10px;
	}
	
/* Banneri 468x60 */

#banneri {
	margin: 0 20px;
	}