﻿
body {
	margin: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0px;
	height: 100%;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	color:#000;
	background : #F0F1F2;
	text-align: center;
}


#wrapper {
	padding: 0px;
	width: 844px;
	border: 1px solid #999;
	background-color: #fff;
	position: absolute;
	margin-left: -422px;
	left: 50%;
}
	
/* ylapalkki */
	
.ylareuna {
	height: auto;
	width: 844px;
	margin: 0; 
	padding: 0;
}
.tunnusvari {
	border: 0;
	width : 36px;
	height: 70px;
	margin-top: 22px;
	}
.liukuvari {
	border: 0;
	padding: 0;
	margin: 0;
	height: 4px;
	width: 844px;
	}
	
/* sisaltopalstat */

.sisalto {
	background-color: #fff;
	/* align: left; */
	width: 844px;
	text-align: left;
font-size : 88%;
	margin-top: 5px;
	margin-right: 0;
 	margin-bottom: 11px;
	margin-left: 0;
	padding-right: 0;
	min-height: 1em;
	/* margin-right: 17px; */
	clear: both;
}

#content {
	float: right;
   	position: relative;
	/* left: 192px; */
	margin-left: 17px;
	/* left: 11px; */
	margin-right: 5px;
	margin-bottom: 10px;
	width: 648px;
	border-left: dotted; 
	border-left-width: 1px;
	color: #333;
	text-align: left;
	padding-left: 10px; 
}
#valikko {
	/* position: absolute; */
	position: relative;
	float: left;
	margin-top: 11px;
	left: 11px;
	width: 157px;
	padding: 0;
}

img.picture {
  border: 0;
  margin: 0 auto;
  margin-top: 5px;
  margin-bottom: 10px;
  display: block;   
}

ul li {
	margin: 0 0 2px 0;
	padding: 0;
	margin-top: 0;
	margin-bottom: 6px;
	}	
	
ol li {
	margin: 0 0 2px 0;
	padding: 0;
	margin-top: 0;
	}
#narrowmain {
    width: 349px;
	padding: 0;
	margin: 0;
	}

strong  {
	color: #333;
	font-weight: bold;
	text-align: left;
	}
td  {
	width:auto;
	vertical-align:top;
	font-size: 88%;
	color: #333;
	/*text-align: left;*/
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 6px;	
	margin-right: 6px;	
	}
h1 {
	font-size: 150%;
	font-style: normal;
	font-weight: bold;
	color: #333;
	text-align: center;
	margin-top: 27px;
	margin-left: 11px;
	margin-bottom: 27px;
	}
	
#content h1 {
	font-size: 130%;
	font-weight: bold;
	margin-left: 0;
	text-align: left;
	}

div.text {
	margin-top: 6px;
	margin-bottom: 6px;
}

h2, h3 {
	font-size: 110%;
	font-weight: bold;
	color : #666;
	margin-top: 26px;
	margin-bottom: 17px;
	margin-left: 0;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #999;
	}

h4, h5, h6 {
	font-size: 110%;
	font-weight: bold;
	color : #666;
	margin-top: 26px;
	margin-bottom: 17px;
	margin-left: 0;
	padding: 0 0 2px 0;
	}
	
h2 a, h2 a:hover, h2 a:link, h2 a:active, h2 a:visited, h1 a, h1 a:hover, h1 a:link, h1 a:active, h1 a:visited, h3 a, h3 a:hover, h3 a:link, h3 a:active, h3 a:visited, h4 a, h4 a:hover, h4 a:link, h4 a:active, h4 a:visited, h5 a, h5 a:hover, h5 a:link, h5 a:active, h5 a:visited, h6 a, h6 a:hover, h6 a:link, h6 a:active, h6 a:visited{
	
	font-weight: bold;
	text-decoration: none;
	color : #666;
	margin-top: 26px;
	margin-bottom: 17px;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #999;
	}

pre {
		font-family: Courier, mono, monospace; 
}

#valikko ul li {
	margin-left: -24px;	
	padding: 0;
}	

.menu a,.menu a:link,.menu a:active,.menu a:visited {
	width: 137px;
	display: inline-block;
	color: #FFF;
	background: #fca311;
	font-weight: bold;
	text-decoration: none;
	padding: 4px 10px;
	margin-bottom: 2px;
	}
	
.menu a:hover {
	width: 137px;
	display: inline-block;
	color: #FFF;
	background: #fcbc52;
	font-weight: bold;
	text-decoration: none;
	padding: 4px 10px;
	margin-bottom: 2px;
	}
	
.menu a.submenu, .menu a.submenu:hover, .menu a.submenu:visited, .menu a.submenu:link, .menu a.submenu:active {
    width: 117px;
    _width: 137px; /* For IE6 and below */
	display: inline-block;
	font-size: 90%;
	padding-left: 30px;	
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 2px;
	}

ul {
	margin-top: 8px;
	padding-top: 0;
	margin-bottom: 8px;
	padding-bottom: 0; 
}
ul.tight li, ul.tight ul {
	margin-top: 3px;
	padding-top: 0;
	margin-bottom: 3px;
	padding-bottom: 0; 
}
a, a:active {
	text-decoration: underline;
/*	font-weight: normal; */
	color: #333399;
	}
a:visited, a:hover {
	color: #666699;
	text-decoration: underline;
}

table{
 border-width:1px; 
 border-style:solid; 
 border-color:black;
/* font-size:12px;*/
}
table.reviews {
 border-width:1px; 
 border-style:none; 
/* font-size:12px;*/
}
td,th {
 border-width:1px; 
 border-style:solid; 
 border-color:black;
}

th {
 text-align: left;
}

#ens td{
 text-align:center;
/* font-size:12px;*/
}

#ens th a{
 color: #000000;
}

.news {
 border:1px solid #333; 
 border-radius:25px;
 -moz-border-radius:25px; /* Old Firefox */
 padding: 0px 10px 5px 10px;
 margin-left:9%; 
 margin-right:9%; 
 font-size:90%;  
 background-color:#F0F1F2;
}

.news h4{
 padding: 0px;
 margin: 10px 0px 0px 0px;
}
