body {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	text-align:center;
	background-color:#106086;
	background-image:url(/images/tausta6.jpg);
}
* {margin:0px;padding:0px;}

.clear{
	clear:both;
	}
	
#container {
	margin: 0px auto;
	text-align: left;
	width: 980px;
}
#header {
	background-image:url(/images/tiloxheader.jpg);
	background-repeat:no-repeat;
	width:979px;
	height:225px;
	display:block;	
}

#sivuinfo {
	padding: 10px 0px 0px 20px;
	float: center;
	font-size: 18px;
	color: #ffffff;

}

#border {
	background-image:url(/images/border.gif);
	background-repeat: repeat-y;
	width:979px;
}
#main {
	background-image:url(/images/tiloxcontentbg.jpg);
	background-color:#abe4fe;
	margin: 0px 12px 0px 10px;
	background-repeat: no-repeat;
}
#main2 {
	background-image:url(/images/tiloxcontentbg2.jpg);
	background-color:#abe4fe;
	margin: 0px 12px 0px 10px;
	background-repeat: no-repeat;
}
#left {
    background-image:url(/images/contentbg.gif);
	width:260px;
	float:left;
	display:inline;
	background-color:#abe4fe;
}
#right {
	float:right;
	width:850px;
}

/***************** Content ***********************/
.content {
	width:750px;
}
.content h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	color: #0000ff;
	width:750px;
	height:33px;
    text-indent:2px;
    border-bottom: 1px solid #DFDFDF;
	margin: 10px 0px 15px 0px;
	padding: 20px 0px 10px 0px;
}
.content p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #000000;
	padding: 10px 0px 0px 6px;
	font-weight:500;
}
.content a {
	color:#2e260f;
}

.content a:hover {
	color:#cf0002;
}
.product {
	width:530px;
    height:200px;
	margin: 20px 0px;
}
.product h3 {
	width:620px;
	height:33px;
	text-indent:700px;
	overflow:hidden;
	border-bottom: 1px dashed #2e2304;
	margin: 10px 0px 15px 0px;
	padding: 0px 0px 10px 0px;
}
.product a {
	border: 1px solid #6698bd;
	display:inline;	
	float:left;
	margin: 6px 0px 6px 11px;
}
.product a:hover {
	border: 1px solid #c40000;
}
.product img {
	border: 6px solid #ffffff;
}

#menu {
  margin-top: 20px;
  width:270px;
  height:150px;
  margin-left:10px;
}
#menu ul {
	padding: 30px 0px 0px 0px;
	width:220px;
	margin-left:15px;
}
#menu li {
	border-bottom: 1px dotted #2e2304;
	list-style-type: none;
	padding: 4px 30px 4px 0px;
	text-align:right;
}
#sel {
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: 900;
	color: #0000ff;
	text-decoration: none;
	font-size: 14px;
}
#menu h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: 900;
	color: #2e260f;
	text-decoration: none;
	font-size: 18px;
	text-align:right;
    margin-right: 60px;
}
#menu a:hover {
	color:#c40000;
}
.lastchild{
	border-bottom: none !important;
}


/***************** Footer ***********************/

#footer {
	background-color:#8bcaef;
	background-image:url(/images/borderfooter.gif);
	height:44px;
	width:979px;
	text-align: center;
}
#footerend {
	background-image:url(/images/borderfooterend.gif);
	background-repeat: no-repeat;
	width:979px;
	height:9px;
	display:block;
}
#copyright {
	width:320px;
	height:23px;
	display:inline;
	margin-left:63px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 800;
	color: #463d16;
	padding: 10px 20px 0px 20px;
	text-align:center;
}
#copyright a {
	font-family: Arial, Helvetica, sans-serif;
	color: #444444;
}
#menukuva {
  float: left;
  width: 250px;
  height: 180px;
  margin-left: 5px;
  border-color: #cfcfff;
  background: url(/images/julkisivu_pieni.jpg) no-repeat;
}
.kappaleotsikko {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	color: #000000;
	padding: 10px 0px 0px 6px;
	font-weight:700;
}
.kuva {
     margin-left: 65px;
 }
 
#aukioloajat {
  width: 250px;
  height: 80px;
  float: left;
  margin: 20px;
  margin-left:50px;
  margin-bottom:20px;
}
.kaavake {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:700;
}
.syote {
  	float: right;
}
.laatu {
  	float: right;
  	padding-left: 4px;
  	padding-right: 5px;
  	font-weight:500;
}
.nimike {
	float: left;
	width: 100px;
}


/***************** Menupainikkeet ***********************/

.nav {
	font-size: 12px;
	background: #4B5380;
	position: absolute;
	border-top: 2px solid #cfcfff;
	border-bottom: 1px solid #cfcfff;
	border-left: 2px solid #cfcfff;
	border-right: 1px solid #cfcfff;
	top: 200px;
	margin-left: 200px;
	width: 510px;
	height: 35px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 5px;
}

.nav a :hover{
	background-color: #AAAAAA; /* Kursorin taustaväri */
}

.level1{
	margin-left: 0px;
}

.level2 {
	display: block;
	position: relative;
	float: left;
	line-height: 35px;
	margin: 0px;
	background-color: #4FA0D8;
	border-right:1px solid #CCC;
	min-width: 10em;
	text-align: center;
}

.level2 a{
	color: #FFFFFF;
	text-decoration: none;
    display: block;
    width: 100%;
}

.level2 a:hover{
	color: #000000;
	background-color: #AAAAAA;
}

.level2:hover > ul {
	display:block;
	position:absolute;
	color: #FFFFFF;
}

.level3{
	display: none;
	position: relative;
	float: left;
	line-height: 35px;
	background-color: #4FA0D8;
	text-align: center;
	border: #CCC 1px solid;
	min-width: 10em;
	list-style: none;
	margin-right: 10px;
}

.level3 a{
	color: #000000;
}

.level4 {
	display: block;
	position: relative;
	float: left;
	line-height: 35px;
	background-color: #4FA0D8;
	border-right:1px solid #CCC;
	min-width: 10em;
}

.level4 a{
	margin: 0px;
	color: #FFFFFF;
	text-decoration: none;
}

.level4 a:hover{
	color: #000000;
	background-color: #AAAAAA;
    display: block;
}


.level4:hover > ul {
	display: block;
	position: absolute;
	color: #FFFFFF;
}


.level5 {
	display: none;
	list-style: none;
	position: relative;
	float: left;
	line-height: 35px;
	background-color: #4FA0D8;
	text-align: left;
	border: #CCC 1px solid;
	left: 100%;
	min-width:17em;
	top: 0px;
	padding-right: 10px;
}

.level5 a{
	color: #000000;
	padding-left: 10px;
}

.level5 a :hover{
	min-width:12em;	
}

.expand{
	font-size:12px;
	float: right;
	margin-right:5px;
}

.sticky {
  position: fixed;
  top: 0;
}