/* marikoo.com */

* {
	margin: 0;
	padding: 0;
	border:0;
}

img, div { behavior: url(../js/iepngfix.htc)}


body {
	text-align:center;
	font:0.9em "DroidSansRegular", "Trebuchet MS", Georgia, "Times New Roman", sans-serif;

}

html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; text-align:left;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}


#eka {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
}

.stretch {
    width:100%;
    height:100%;
}


#ylanavigaatio {
	text-align:right;
	font-size:0.9em;
	font-style:italic;
	padding:1em 1.3em 1em;
	color:#333333;
}

.valimerkki {
	margin-left:6px;
	margin-right:3px;
	border:none!important;
	background:none!important;
}

.vali {
	cursor:default!important;
}


#container {
	width:824px;
	margin:0 auto;
	text-align:center;
	z-index:5;
	position:relative;
}



#container_inner {
	width:800px;
	margin:0 auto;
	text-align:left;
	background: url(../graf/keskiosan_tausta.png) repeat;
	position:relative;
	min-height:400px;
}

/* mac hide \*/
* html #container_inner{height:400px}
/* end hide */

#ylapalkki {
	height:165px;

}

#main {
	padding:1em 1.8em;
	text-align:left;
	line-height:1.3em;
}

#alaosa {
	color: #333;
	padding:1em 1.2em;
	text-align:left;
	line-height: 2em;
	position:relative;
	background: url(../graf/alaosa_tausta.png) repeat;
	margin-left:12px;
	margin-right:12px;

}

#marikoo {
	position:absolute;
	right:15px;
	bottom:0;
}

.m  {
	position:relative;
	}

#marikoo a {
	background:none!important;
}

.centerdiv {
	text-align:center!important;
}

h1 {
	font-weight:normal;
	color:#063054; /*tumma sininen*/
	padding:0 0 1em 0;
	font-size:2.2em;
}

h2.etusivulle  {
	font-weight:normal;
	color:#063054; /*tumma sininen*/
	padding:0 0 1em 0;
	font-size:2.2em;
	margin-top:0;
	}

.ingressi{
	font: italic 1.3em Georgia, "Times New Roman", Times, serif;
	color: #2b617f;	/*keskisininen*/
	padding-top: 0.5em;
}


h2, h3, h4, h5 {
	margin-top:1em;
	margin-bottom:0.5em;
	line-height:1em;
	}

h2 {
	font-weight:normal;
	color:#2b617f;	/*keskisininen*/
	margin-bottom:0.5em!important;
	font-size:1.6em;
}

h3 {
	font-weight:normal;
	color:#063054; /*tumma sininen*/
	font-size:1.3em;
}

h4 {

}

h5 {

}

.sininenteksti {
	color:#2b617f;	/*keskisininen*/
}


p {
	line-height:1.5em;
}

p.clear {
	clear:both;
}

hr {
	border-top:2px solid #2b617f;
	margin:1em 0;
	height:0!important;
}

#main img {
		border:2px solid #063054; /*tumma sininen*/
		padding:1px;
		background:#FFFFFF;
}

#main img.no {
		border:none!important;
		padding:0!important;
		background:none!important;
}

#main a {
	text-decoration:none;
	color:#166dc3;/*kirkas*/
	background: url(../graf/alink.png) repeat-x left bottom;
	padding-bottom: 2px;
}

#main a:visited {
	text-decoration:none;
	color:#57a0e9;/*haalea*/
	background: url(../graf/avisited.png) repeat-x left bottom;
	padding-bottom: 2px;
}

#main a:hover {
	text-decoration:none;
	color:#003c77;/*tummempi*/
	background: url(../graf/ahover.png) repeat-x left bottom;
	padding-bottom: 2px;
}

#ylanavigaatio .cur, #alaosa a, #alaosa a:visited  {
	text-decoration:none;
	color:#333333;
	background: url(../graf/a-ylanav.png) repeat-x left bottom;
	padding-bottom: 2px;
}

#alaosa a {
	margin:0 1.2em;
}

#ylanavigaatio .cur  {
	cursor:default!important;
}


#ylanavigaatio a, #ylanavigaatio a:visited {
	color:#333333;
	background: none !important;
	text-decoration:none
}

#ylanavigaatio a:hover, #alaosa a:hover {
	text-decoration:none;
	color:#666666;
	background: url(../graf/a-ylanav-hover.png) repeat-x left bottom;
	padding-bottom: 2px;
}

p.muokattu a, p.muokattu a:visited {
	text-decoration:none;
	color:#666666!important;
	background: url(../graf/a-muok.png) repeat-x left bottom!important;
	padding-bottom: 2px;
}

p.muokattu a:hover {
	text-decoration:none;
	color:#949494!important;
	background: url(../graf/a-muok-hover.png) repeat-x left bottom!important;
	padding-bottom: 2px;
}

#main ul {
	list-style: none;
	padding: 0;
	margin: 1.5em 0 1em;
}
#main ul li {
	background: url(../graf/list.png) no-repeat scroll 0 0.1em transparent;
    height: 1%;
    line-height: 1.6em;
    margin-left: 2em;
    padding-bottom: 0.5em;
    padding-left: 2em;
}

#main .isolista ul li {
  height: auto;
  line-height: 1em;
  padding-bottom: 1.2em;
  margin-left: 1.1em;
	font-size: 1.1em;
}

ul.kartta {
	list-style: disc!important;
}

ul.kartta li {
	background: none !important;
    height: auto!important;
    margin-left: 4em!important;
    padding-left: 0!important;
}

ul.kartta ul {
	list-style: disc!important;
	margin: 0.5em -1em!important;
}

table {
	border-collapse:collapse;
	width:99%;
}

.solu_tasaa_oikeaan {
	text-align:right;
}


table caption {
	font: italic 1.3em Georgia, "Times New Roman", Times, serif;
	color: #2b617f;	/*keskisininen*/
	padding:1em;
}


table td {
	vertical-align:top;

}

table td ul {
	margin-top:0!important;

}

table.levea {
	width:99%;
}


.kuvaoikea {
	float:right;
	margin-left:10px;
	margin-bottom:5px;

}

.kuvavasen {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}

.pikku {
	font-size:0.8em;
}

.margin0 {
margin:0!important
}

.border0 {
border:none!important
}

.muokattu {
	font-size:0.8em;
	color:#666666;
	text-align:right;
	position:absolute;
	bottom:15px;
	right:15px;
}

.pieniteksti {
	font-size:0.9em;
}

#kuvasivu table, table#kannatusjasenet  {
	width:99%;
}

#kuvasivu table td, table#kannatusjasenet td{
	padding:1em;
}

table#kannatusjasenet td img{
		border:none !important;
		padding:0 !important;
		background:none !important;
}

td.td33 {
	width:33%
}

.palstakoonti  {
	overflow: hidden;
	width:100%;
	margin-bottom:2em;
	}

.palstavasen  {
	float:left;
	width:46%
	}

.palstaoikea  {
	float:right;
	width:47%;
	}

.palstakoonti  ul li {
    margin-left: 0em!important;

}

.keskita  {
	text-align:center;
	}