/*
	Myllykoto CSS
	26.5.2006
*/

/*	Typography 
-------------------------------------------------------------------------------------------------------------------------------------------------*/

body {
	font: normal 10pt "Georgia", Times, serif;
}

#contentEsittely h2 {
	font: normal 18pt "Verdana", sans-serif;
}
#contentEsittely p {
	font: normal 12pt "Georgia", Times, serif;
}

.contentEsittelylaatikko h3 {
	font: normal 10pt "Verdana", sans-serif;
}

.contentEsittelylaatikko p {
	font: normal 10pt "Georgia", Times, serif;
}

.contentEsittelylaatikko li {
	font: normal 10pt "Georgia", Times, serif;
	color: #595959;
	background: inherit;
}
a {
	color: #104478;
	background: inherit;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

table {
	font: normal 10pt "Georgia", Times, serif;
	color: #595959;
	background: inherit;
}

#lh_text {
font: normal 10pt "Verdana", sans-serif;
color: #676767;
margin: 30px 0 0 26px;
padding:0;
}

#mh_text {
float:left;
font: normal 10pt "Verdana", sans-serif;
margin: 30px 0 0 10px;
padding:0;
background:transparent;
}

#rh_text{
float:left;
display:inline;
font: normal 11pt "Verdana", sans-serif;
margin: 20px 0 0 24px;
padding:0;
background:transparent;
}

#rh_text_off{

float:left;
display:inline;
color: #676767;
font: normal 11pt "Verdana", sans-serif;
margin: 20px 0 0 24px;
padding:0;
background:transparent;
}


#sideNavigation li {
font: normal 8pt "Verdana", sans-serif;
color: #104478;
background: inherit;
}
/*subpage bodytext styles*/

#subcontent p {
	font: normal 10pt "Georgia", Times, serif;
	padding: 0;
	color: #595959;
	background: inherit;
	line-height: 1.5em;
}

#subcontent h2{
	font: normal 16pt "Verdana", sans-serif;
	color: #ff7505;
	margin: 0 0 1em 0;
	padding: 0;
	background: inherit;
}
#subcontent h3{
	font: normal 14pt "Verdana", sans-serif;
	color: #ff7505;
	background: inherit;
}
#subcontent h4{
	font: normal 12pt "Verdana", sans-serif;
	color: #595959;
	margin: 16px 0 8px 0;
	background: inherit;
}

#bodytext_list {
margin: 0;
padding: 0 0 0 17px;
}

#bodytext_list ul{
margin: 0;
padding: 0;
}

#bodytext_list li{
list-style-type: disc;
font: normal 10pt "Verdana", sans-serif;
margin:0 20px 10px 0;
padding: 0;
color: #595959;
background: inherit;
}

/*	Layout Elements 
-------------------------------------------------------------------------------------------------------------------------------------------------*/

html {
	margin: 0;
	padding: 0;
}

body {
	color:  black;
	margin: 0;
	padding: 0;
	background: #eae7d3 url('../pics/bg_main.gif') repeat-x top left;
}

#container {
	position: relative;
	width: 812px;
	margin: auto;
	padding: 0;
}

#navigation {
	margin: 58px 0 0 0;
	padding: 0;
	float:left;
	display:inline;
}

#navigation ul {
	margin: 0;
	padding: 0;
}

#navigation li {
	float: left;
	display: inline;
	list-style: none;
	margin: 0 1px 0 0;
	padding: 0;
}

#navigation span {
	display: none;
}
#buttonEtusivu_on, #buttonEtusivu_on:visited {
	background: transparent url('../pics/navi_on_etusivu.gif') no-repeat top left;
	padding: 0;
	margin: 0;
	width: 92px;
	height: 32px;
	display: block;
}

#buttonEtusivu, #buttonEtusivu:visited {
	background: transparent url('../pics/navi_off_etusivu.gif') no-repeat top left;
	padding: 0;
	margin: 0;
	width: 92px;
	height: 32px;
	display: block;
}

#buttonEtusivu:hover {
	background: transparent url('../pics/navi_hover_etusivu.gif') no-repeat top left;
	padding: 0;
	margin: 0;
	width: 92px;
	height: 32px;
	display: block;
}

#buttonToiminta_on, #buttonToiminta_on:visited {
	background: transparent url('../pics/navi_on_toiminta.gif') no-repeat top left;
	padding: 0;
	margin: 0;
	width: 119px;
	height: 32px;
	display: block;
}

#buttonToiminta, #buttonToiminta:visited {
	background: transparent url('../pics/navi_off_toiminta.gif') no-repeat top left;
	padding: 0;
	margin: 0;
	width: 119px;
	height: 32px;
	display: block;
}

#buttonToiminta:hover {
	background: transparent url('../pics/navi_hover_toiminta.gif') no-repeat top left;
	padding: 0;
	margin: 0;
	width: 119px;
	height: 32px;
	display: block;
}
#buttonPalvelut_on, #buttonPalvelut_on:visited {
	background: transparent url('../pics/navi_on_palvelut.gif') no-repeat top left;
	padding: 0;
	margin: 0;
	width: 119px;
	height: 32px;
	display: block;
}

#buttonPalvelut, #buttonPalvelut:visited {
	background: transparent url('../pics/navi_off_palvelut.gif') no-repeat top left;
	padding: 0;
	margin: 0;
	width: 119px;
	height: 32px;
	display: block;
}

#buttonPalvelut:hover {
	background: transparent url('../pics/navi_hover_palvelut.gif') no-repeat top left;
	padding: 0;
	margin: 0;
	width: 119px;
	height: 32px;
	display: block;
}

#buttonHenk_on, #buttonHenk_on:visited {
	background: transparent url('../pics/navi_on_henk.gif') no-repeat top left;
	padding: 0;
	margin: 0;
	width: 119px;
	height: 32px;
	display: block;
}


#buttonHenk, #buttonHenk:visited {
	background: transparent url('../pics/navi_off_henk.gif') no-repeat top left;
	padding: 0;
	margin: 0;
	width: 119px;
	height: 32px;
	display: block;
}

#buttonHenk:hover {
	background: transparent url('../pics/navi_hover_henk.gif') no-repeat top left;
	padding: 0;
	margin: 0;
	width: 119px;
	height: 32px;
	display: block;
}
#buttonMeidat_on, #buttonMeidat_on:visited {
	background: transparent url('../pics/navi_on_meidat.gif') no-repeat top left;
	padding: 0;
	margin: 0;
	width: 119px;
	height: 32px;
	display: block;
}

#buttonMeidat, #buttonMeidat:visited {
	background: transparent url('../pics/navi_off_meidat.gif') no-repeat top left;
	padding: 0;
	margin: 0;
	width: 119px;
	height: 32px;
	display: block;
}

#buttonMeidat:hover {
	background: transparent url('../pics/navi_hover_meidat.gif') no-repeat top left;
	padding: 0;
	margin: 0;
	width: 119px;
	height: 32px;
	display: block;
}
#buttonPika_on, #buttonPika_on:visited {
	background: transparent url('../pics/navi_on_pika.gif') no-repeat top left;
	padding: 0;
	margin: 0;
	width: 119px;
	height: 32px;
	display: block;
}

#buttonPika, #buttonPika:visited {
	background: transparent url('../pics/navi_off_pika.gif') no-repeat top left;
	padding: 0;
	margin: 0;
	width: 119px;
	height: 32px;
	display: block;
}

#buttonPika:hover {
	background: transparent url('../pics/navi_hover_pika.gif') no-repeat top left;
	padding: 0;
	margin: 0;
	width: 119px;
	height: 32px;
	display: block;
}
#buttonTilat_on, #buttonTilat_on:visited {
	background: transparent url('../pics/navi_on_tilat.gif') no-repeat top left;
	padding: 0;
	margin: 0;
	width: 118px;
	height: 32px;
	display: block;
}

#buttonTilat, #buttonTilat:visited {
	background: transparent url('../pics/navi_off_tilat.gif') no-repeat top left;
	padding: 0;
	margin: 0;
	width: 118px;
	height: 32px;
	display: block;
}

#buttonTilat:hover {
	background: transparent url('../pics/navi_hover_tilat.gif') no-repeat top left;
	padding: 0;
	margin: 0;
	width: 118px;
	height: 32px;
	display: block;
}



#header {
	width: 810px;
	margin: 15px 0 0 0;
	padding: 0;
	float: left;
	display:inline;
	border: 1px solid #e0ded5;
}

#header span, hr {
	display: none;
}
#contentHeader span{
display:none;
}
#subcontentHeader span{
display:none;
}

#header h1 {
	margin: 0;
	padding: 0;
	width: 810px;
	height: 169px;
	background: transparent url('../pics/logo_myllykoto.jpg') no-repeat top left;
}

#content {
	margin: 15px 0 0 0;
	padding: 0;
	width: 810px;
	float: left;
	display:inline;
	color: inherit;
	background: #fff;
	border: 1px solid #e0ded5;
}

#contentHeader {
	margin: 0;
	padding: 0;
	width: 810px;
	height: 90px;
	background: transparent url('../pics/bg_contentheader.jpg') no-repeat top left;
}

#contentText {
	padding: 0 0 0 0;
}

#contentEsittely {
	margin: 0 44px 0 0;
	padding: 0;
	width: 470px;
	float: left;
	display:inline;
}

#contentEsittely h2 {
	margin: 0;
	padding: 0 0 27px 0;
	color: #ff7505;
	background: inherit;
}

#contentEsittely p {
	margin: 0;
	padding: 0;
	color: #595959;
	background: inherit;
	line-height: 1.5em;
}

.contentRow {
	float: left;
	display:inline;
	margin: 0 0 18px 28px;
	padding: 0;
	width: 782px;
}

.contentEsittelylaatikko {
	margin: 0 13px 0px 0;
	padding: 0;
	width: 243px;
	float: left;
	display:inline;
}

.contentEsittelylaatikko p {
	margin: 0;
	padding: 10px 0 0 0;
	color: #595959;
	background: inherit;
}

.contentEsittelylaatikko ul {
	margin: 0;
	padding: 10px 0 0 0;
	list-style: disc inside;
}

.contentEsittelylaatikko li {
	margin: 0;
	padding: 0;
}

.contentEsittelylaatikko h3 {
	margin: 0;
	padding: 10px 0 0 0;
	color: #ff7505;
	background: inherit;
}

.contentEsittelylaatikko img {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.contentEsittelylaatikko img:hover {
	border-top: 1px solid #ff7505;
	border-right: 1px solid #ff7505;
	border-left: 1px solid #ff7505;
	border-bottom: 1px solid #ff7505;
}

#contentFooter {
	width: 764px;
	height: 35px;
	float: left;
	display:inline;
	background:transparent url('../pics/bg_contentfooter.gif') repeat-x top left;
	margin:0;
	padding:0;
}
#contentFooter span, hr {
	display: none;
}
#footer {
	width: 809px;
	height: 49px;
	background:#fff url('../pics/bg_footer.gif') repeat-x top left;
	padding:0;
	margin:0;
	float:left;
	display:inline;
}

/*sub-page style starts*/

#subcontent{
	margin:15px 0 0 0;
	padding:0;
	width: 810px;
	float: left;
	display:inline;
	background:transparent url('../pics/bg_container.jpg') repeat-y top left;
	border: 1px solid #e0ded5;
}

#subcontentHeader {
	margin: 0;
	padding: 0;
	width: 810px;
	height: 90px;
	background:#fff url('../pics/bg_subcontent_header.jpg') no-repeat top left;
}

		#leftheader{
		margin:14px 0 0 0;
		padding:0;
		background:transparent url('../pics/bg_contentheader_left.jpg') no-repeat top left;
		width:258px;
		height:48px;
		float:left;
		display:inline;
		position:relative;
		}
			#number0{
			margin:14px 0 0 0;
			padding:0;
			background:transparent url('../pics/bg_contentheader_left_0.jpg') no-repeat top left;
			width:49px;
			height:48px;
			float:left;
			display:inline;
		}
			#number1{
			margin:14px 0 0 0;
			padding:0;
			background:transparent url('../pics/bg_contentheader_left_1.jpg') no-repeat top left;
			width:49px;
			height:48px;
			float:left;
			display:inline;
		}
			#number2{
			margin:14px 0 0 0;
			padding:0;
			background:transparent url('../pics/bg_contentheader_left_2.jpg') no-repeat top left;
			width:49px;
			height:48px;
			float:left;
			display:inline;
		}
			#number3{
			margin:14px 0 0 0;
			padding:0;
			background:transparent url('../pics/bg_contentheader_left_3.jpg') no-repeat top left;
			width:49px;
			height:48px;
			float:left;
			display:inline;
		}
			#number4{
			margin:14px 0 0 0;
			padding:0;
			background:transparent url('../pics/bg_contentheader_left_4.jpg') no-repeat top left;
			width:49px;
			height:48px;
			float:left;
			display:inline;
		}
			#number5{
			margin:14px 0 0 0;
			padding:0;
			background:transparent url('../pics/bg_contentheader_left_5.jpg') no-repeat top left;
			width:49px;
			height:48px;
			float:left;
			display:inline;
		}
			#number6{
			margin:14px 0 0 0;
			padding:0;
			background:transparent url('../pics/bg_contentheader_left_6.jpg') no-repeat top left;
			width:49px;
			height:48px;
			float:left;
			display:inline;
		}
			#number7{
			margin:14px 0 0 0;
			padding:0;
			background:transparent url('../pics/bg_contentheader_left_7.jpg') no-repeat top left;
			width:49px;
			height:48px;
			float:left;
		}
			#number8{
			margin:14px 0 0 0;
			padding:0;
			background:transparent url('../pics/bg_contentheader_left_8.jpg') no-repeat top left;
			width:49px;
			height:48px;
			float:left;
			display:inline;
		}
		
		#middleheader{
		margin:14px 0 0 4px;
		padding:0;
		background:transparent url('../pics/bg_contentheader_middle.jpg') no-repeat top left;
		width:288px;
		height:48px;
		float:left;
		display:inline;
		}
		#rightheader{
		margin:14px 0 0 0;
		padding:0;
		background:transparent url('../pics/bg_contentheader_right.jpg') no-repeat top left;
		width:197px;
		height:48px;
		float:left;
		display:inline;
		}
		
#subcontentMain{
width:451px;
background:inherit;
margin:16px 16px 35px 77px;
padding:0;
float:left;
display:inline;
}

#subcontentBanner1{
margin:0;
padding:0;
width:252px;
height:241px;
background:transparent url('../pics/bg_sub_banner_tr.gif') no-repeat top left;
float:left;
display:inline;
}
#subcontentBanner2{
margin:0 0 0 2px;
padding:0;
width:250px;
height:59px;
background:transparent url('../pics/bg_sideheader.jpg') no-repeat top left;
float:left;
display:inline;
}
	#subcontentBanner2 h3{
		margin: 0;
		padding: 16px 0 0 22px;
		color: #ff7505;
		background: inherit;
	}

#sideNavigation{
padding:0;
margin: 0 0 0 10px;
float:left;
display:inline;
}
	#pdf {
		margin: 0;
		padding: 0;
	}


	#pdf li {
		list-style-image: url('../pics/sideNavigation_pdf.gif');
		list-style-position:inside;
		margin: 0;
		padding: 0 0 16px 16px;
	}

	
	#other {
		margin: 0;
		padding: 0;
	}


	#other li {
		list-style-image: url('../pics/sideNavigation_style.gif');
		list-style-position:inside;
		margin: 0;
		padding: 0 0 16px 16px;
	}

	
#subcontentFooter {
	width: 764px;
	margin:0 0 0 35px;
	padding:0;
	height: 60px;
	background:#fff url('../pics/bg_contentfooter.gif') repeat-x top left;
	float:left;
	display:inline;
}
#subcontentFooter span, hr {
	display: none;
}

#img_main_toiminta1 {
float:left;
padding:0;
margin: 0 16px 12px 0;
height:284px;
width:195px;
display:block;
}

#img_main_toiminta2 {
float:right;
padding:0;
margin:0 0 16px 12px;
height:95px;
width:94px;
display:block;
}

#img_main_loydat1 {
float:left;
padding:0;
margin:0 16px 12px 0;
height:284px;
width:195px;
display:block;
}
#img_main_palvelut1 {
float:left;
padding:0;
margin:0 16px 12px 0;
height:284px;
width:195px;
display:block;
}
#img_main_pikainfo {
float:left;
padding:0;
margin:0 0px 12px 0;
height:350px;
width:450px;
display:block;
}
#img_main_tilat {
float:left;
padding:0;
margin:0 16px 12px 0;
height:284px;
width:195px;
display:block;
}