/* Orilampi CSS 	*/
/* © 2008 Aptual Oy */


html, body {
	height: 100%
}
body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-image: url(/layout/orilampi/images/sivu-taus.jpg);
	background-position: center;
}
div.container {

	background-image:url(/layout/orilampi/images/blackline.gif);
	background-position: bottom;
	background-repeat: repeat-x;

	position: relative;
	text-align: center;
	min-height: 100%;
	_height: 100%;
}
div.allWrap {
	width: 100%;	
	background-image:url(/layout/orilampi/images/yla-taus.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
div.topWrap {
	width: 965px;
	_padding-left: 1px;
	margin:auto;
	text-align: left;
}
body:nth-of-type(1) div.topWrap {
	width: 964px;
}
div.naviWrap {
	height: 57px;
	margin-bottom: 1px;
	overflow: hidden;
}
div.naviLeft {
	float: left;
	padding-left: 6px;
	width: 810px;
}
div.naviRight {
	float: right;
	padding-top: 18px;
	padding-right: 20px;
}
div.naviRight a,div.naviRight a:visited, div.naviRight a:link {
	color: #FFFFFF !important;
	text-decoration: none; 
	font-size: 13px; 
	font-weight: bold; 
}


div.contentTop {
	padding-right: 1px;
	text-align: right;
}
div.frontLeft {
	width: 397px;
	float: left;
	background-image:url(/layout/orilampi/images/etu-sisus-vasen-keski.jpg);
	background-repeat: repeat-y;
}
div.frontLeft .topContainer {
}

div.frontLeft .imageContainer {
	background-image:url(/layout/orilampi/images/etu-sisus-vasen-kuva-taus.jpg);
	background-repeat:repeat-y;
}
div.frontLeft .imageContainer .imageWrapper {
	background-image: url(/layout/orilampi/images/etu-sisus-vasen-yla.jpg);
	background-repeat:no-repeat;
	background-position: top;
}
div.frontLeft .imageContainer .imagePadding {
	background-image:url(/layout/orilampi/images/etu-sisus-vasen-kuva-ala.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	min-height:220px;
	_height:220px;
	padding-left: 19px;
	padding-top: 17px;
	padding-right: 4px;
	padding-bottom: 4px;
}
div.frontLeft .textContainer {
	background-image:url(/layout/orilampi/images/etu-sisus-vasen-kuva-varjo.jpg);
	background-repeat: no-repeat;
	background-position: top;
	min-height: 50px;
	_height: 50px;
	padding-left: 30px;
	padding-right: 25px;
	padding-top: 25px;
	padding-bottom: 20px;
}
div.frontLeft .textContent a, div.frontLeft .textContent a:link, div.frontLeft .textContent a:visited {
	color: #2A8D82;
	font-weight: bold;
}
div.frontLeft .textContent a:hover {
	color: #000000;
}
div.frontTitleA {
	margin-left: -3px;
	padding-bottom: 12px;
}
div.frontTitleB {
	padding-bottom: 8px;
}
div.subTitle {
	padding-bottom: 15px;
	margin-left: -3px;
}
div.overImage {
	position: relative;
	z-index: 1;
	margin-bottom: -185px;
	left: 339px;
	width:286px;
	height: 185px;
	background-image: url(/layout/orilampi/images/etu-sisus-overlay.png);
}


div.frontCenter {
	background-image: url(/layout/orilampi/images/etu-sisus-keski-b-keski.jpg);
	width: 228px;;
	float: left;
}
div.frontCenter .imageContainer  {
	padding: 4px;
	padding-left: 0;
	padding-top: 60px;
}
div.frontCenter .imageContainer div {
	min-height: 130px;
	_height: 130px;
}
div.frontCenter .topContainer {
	background-image: url(/layout/orilampi/images/etu-sisus-keski-yla.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
div.frontCenter .bottomContainer {
	background-image: url(/layout/orilampi/images/etu-sisus-keski-b-ala.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	min-height: 30px;
	_height: 30px;
	padding-left: 18px;
	padding-right: 12px;
	padding-top: 18px;
	padding-bottom: 52px;
}

div.frontRight {
	width: 339px;
	float: left;
}
div.frontRight .spotImageContainer {
	float: left;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 25px;
}
div.frontRight .spotImage {
	width: 96px;
	height: 96px;
	border: 1px solid #CEB6AA;
}

div.frontRight .spotContent {
	padding-left: 4px;
	padding-top: 0px;
	padding-right: 25px;	
	margin-top: -3px;
	height: 66px;
}
div.frontRight .spotTitle {
	padding-top: 9px;
}

div.frontRight .spotContainerA {
	background-image:url(/layout/orilampi/images/etu-sisus-oikea-a-keski.jpg);
	background-repeat:repeat-y;
	background-position: left;
}
div.frontRight .spotContainerA .topContainer {
	background-image: url(/layout/orilampi/images/etu-sisus-oikea-a-yla.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div.frontRight .spotContainerA .bottomContainer {
	background-image: url(/layout/orilampi/images/etu-sisus-oikea-a-ala.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 128px;
}

div.frontRight .spotContainerB {
	background-image:url(/layout/orilampi/images/etu-sisus-oikea-b-keski.jpg);
	background-repeat:repeat-y;
	background-position: left;
}
div.frontRight .spotContainerB .topContainer {
	background-image: url(/layout/orilampi/images/etu-sisus-oikea-b-yla.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div.frontRight .spotContainerB .bottomContainer {
	background-image: url(/layout/orilampi/images/etu-sisus-oikea-b-ala.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height: 128px;
	_height: 128px;
}

div.frontRight .spotContainerC {
	background-image:url(/layout/orilampi/images/etu-sisus-oikea-c-keski.jpg);
	background-repeat:repeat-y;
	background-position: left;
}
div.frontRight .spotContainerC .topContainer {
	background-image: url(/layout/orilampi/images/etu-sisus-oikea-c-yla.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div.frontRight .spotContainerC .bottomContainer {
	background-image: url(/layout/orilampi/images/etu-sisus-oikea-c-ala.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height: 130px;
	_height: 130px;
}
div.frontRight .bannerContainer {
	background-image:url(/layout/orilampi/images/etu-sisus-oikea-alin.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 49px;
	_height: 49px;
}

div.subLeft {
	width: 734px;
	float: left;
	background-image: url(/layout/orilampi/images/sisa-vasen-keski.jpg);
	background-repeat:repeat-y;
	background-position: left;
}
div.subLeft .topContainer {
	background-image: url(/layout/orilampi/images/sisa-vasen-yla.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}
div.subLeft .bottomContainer {
	background-image: url(/layout/orilampi/images/sisa-vasen-ala.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
	min-height: 300px;
	_height: 300px;
}
div.subLeft .leftColumn {
	text-align: center;
	padding-top: 13px;
	padding-bottom: 10px;
	float: left;
}
div.subLeft .leftColumn .imageContainer img {
	border: 4px solid #FFFFFF;
}
div.subLeft .leftColumn .imageContainer {
	border: 1px solid #E8D3A5;
	display: inline-block;	
	_display: inline;
	width: auto;
}
div.subLeft .leftColumn .imageTextContainer {
	padding: 10px;
}
div.subLeft .rightColumn {
	float: left;
	background-image:url(/layout/orilampi/images/sisa-kulma.jpg);
	background-position: right 40px;
	background-repeat:no-repeat;
	min-height: 149px;
	_height: 149px;
}
div.subLeft .textContainer {
	padding-top: 65px;
	padding-left: 28px;
	padding-right: 28px;
	padding-bottom: 65px;
}
div.subLeft .belowContainer {
	background-image:url(/layout/orilampi/images/sisa-ala-keski.jpg);
	background-position: left;
	background-repeat: repeat-y;
}
div.subLeft .belowTopContainer {
	background-image: url(/layout/orilampi/images/sisa-ala-yla.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}
div.subLeft .belowBottomContainer {
	background-image: url(/layout/orilampi/images/sisa-ala-ala.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
	min-height: 54px;
	_height: 54px;
}
div.subLeft .belowLeft {
	float: left;
	width: 172px;
	_width: 220px;
	min-height: 10px;
	_height: 10px;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 50px;
}
div.subLeft .belowRight {
	float: left;
	width: 512px;
}


div.subLeft .belowRightA {
	float: left;
	width: 210px;
	padding-bottom: 50px;
	padding-top: 30px;
	padding-left: 28px;
}
div.subLeft .belowRightB {
	float: left;
	width: 210px;
	padding-top: 30px;	
	padding-bottom: 50px;
	padding-left: 28px;
}

div.subRight {
	float: left;
	width: 228px;
	background-image:url(/layout/orilampi/images/sisa-oikea-keski.jpg);
	background-repeat:repeat-y;
	background-position:left;
}
div.subRight .topContainer {
	background-image:url(/layout/orilampi/images/sisa-oikea-yla.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	padding-top: 182px;
}
div.subRight .bottomContainer {
	background-image:url(/layout/orilampi/images/sisa-oikea-ala.jpg);
	background-position: left bottom;
	background-repeat:no-repeat;
	min-height: 74px;
	_height: 74px;
	padding-top: 4px;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 80px;
}

div.footerPad {
	clear: both; 
	padding-bottom: 70px;
}
div.footerWrap {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFFFFF;
	_height: 81px;
	min-height: 81px;
	padding-bottom: 5px;
	_padding-bottom: 7px;
	background-image: url(/layout/orilampi/images/ala-taus.jpg);
	background-repeat: repeat-x;
	background-position: bottom center; 
}
div.footerContainer {
	font-size: 0.7em;
	line-height: 120%;
	margin:auto;
	padding-top: 51px;
	color: #FFFFFF;
	width: 925px;
	_padding-left: 1px;
	text-align: left;
}
div.footerContainer .richtext, div.footerContainer .leipis, div.footerContainer .jalustaLeipis, div.footerContainer .j_td {
	font-size: 1em;
	line-height: 120%;
}
div.footerContainer .jalustaH1, div.footerContainer .jalustaH2,div.footerContainer .jalustaH3 {
	font-size: 1em;
	font-weight: bold;	
}
div.footerContainer p, div.footerContainer table, div.footerContainer ul {
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 8px;
}
div.footerLeft {
	float: left;
	padding-right: 40px;
}
div.footerRight {
	float: right;
	padding-left: 20px;
}
div.topNavi a,div.topNavi a:visited, div.topNavi a:link {
	color: #FFFFFF !important;
}
div.topNavi a:hover {
	color: #FFFFFF;
}
div.topNavi ul {
	margin: 0px;
	padding: 0px;
	line-height: 57px;
	height: 57px;
	font-size: 0.75em;
}
div.topNavi li {
	display: inline-block;
	_display: inline;
	line-height: 57px;
	float: left;
	height: 57px;
	padding-left: 13px;
	padding-right: 13px;
}
div.topNavi li img {
	vertical-align: middle;
	margin-right: 6px;
}
div.topNavi a, div.topNavi a:link, div.topNavi a:visited {
	color: white;
	font-family: Tahoma, Verdana, Arial, helvetica;
	font-weight: bold;
	text-decoration: none;
	line-height: 57px;
}
div.topNavi li.currentPage {
	line-height: 57px;
	background-color: #216359;
	background-image:url(/layout/orilampi/images/navi-valittu-oikea.jpg);
	background-repeat:no-repeat;
	background-position: right;
}
div.topNavi li.currentPage a, div.topNavi li.currentPage a:link, div.topNavi li.currentPage a:visited {
	color: #9DE1D2 !important;
}

div.mainNavi {
	font-size: 0.7em;
	line-height: 140%;
	font-weight: bold;
}
div.mainNavi li {
	padding-left: 10px;
	padding-bottom:2px;
	padding-top:2px;
}
div.mainNavi li.subMenu1 {
	background-image:url(/layout/orilampi/images/mainbullet.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
div.mainNavi li.subMenu2 {
	padding-left: 20px;
}
div.mainNavi li.subMenu3 {
	padding-left: 30px;
}
div.mainNavi li.subMenu4 {
	padding-left: 50px;
}


div.mainNavi li.subMenu1 a, div.mainNavi li.subMenu1 a:visited {
	color: #2A8D82;
	text-decoration: none;
}
div.mainNavi li.subMenu1 a:hover {
	color: #216359;
	text-decoration: underline;
}

div.mainNavi li.subMenu2 a, div.mainNavi li.subMenu2 a:visited {
	font-weight: normal;
	color: #4F442B;
	text-decoration: none;
}
div.mainNavi li.subMenu2 a:hover {
	color: #000000;
	text-decoration: underline;
}

div.mainNavi li.subMenu3 a, div.mainNavi li.subMenu3 a:visited {
	font-weight: normal;
	color: #4F442B;
	text-decoration: none;
}
div.mainNavi li.subMenu3 a:hover {
	color: #000000;
	text-decoration: underline;
}
div.mainNavi li.subMenu4 a, div.mainNavi li.subMenu2 a:visited {
	font-weight: normal;
	color: #4F442B;
	text-decoration: none;
}
div.mainNavi li.subMenu4 a:hover {
	color: #000000;
	text-decoration: underline;
}




div.mainNavi ul {
	margin: 0;
	padding: 0;

	color: #FFFFFF;
	list-style-type: none;
}

div.mainSection {
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 0.75em;
	font-weight: bold;
}
div.mainSection a, div.mainSection a.valikkoOsio {
	color: #000000;
	text-decoration: none;
}
div.mainSection a:hover, div.mainSection a.valikkoOsio:hover {
	text-decoration: underline;
}


div.clearDiv {
	height: 1px;
	overflow: hidden; 
	margin-bottom: -1px;
	clear:both;
}

.bottomText {
	font-size: 0.7em;
	color: #CFFCF5;
	line-height: 140%;
}
.bottomText .richtext, .bottomText .leipis, .bottomText .jalustaLeipis, .bottomText .j_td, .bottomText .j_datastream {
	font-size: 1em;
	line-height: 140%;	
}
.bottomText .jalustaH1, .bottomText .jalustaH2, .bottomText .jalustaH3 {
	font-size: 1.2em;
	line-height: 140%;	
	color: #FFFFFF;
	font-weight: bold;
}
.bottomText a,.bottomText a:visited,.bottomText a:link {
	color: #F9EECF;
}

.bottomText p, .bottomText table, .bottomText ul {
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 6px;
}
.bottomText td p, .bottomText td table, .bottomText td ul, .bottomText ul ul {
	padding: normal;
	margin: normal;
}

.imageText {
	font-size: 0.7em;
	color: #816F45;
	line-height: 140%;
}
.imageText .richtext, .imageText .leipis, .imageText .jalustaLeipis, .imageText .j_td, .imageText .j_datastream {
	font-size: 1em;
}
.imageText .jalustaH1, .imageText .jalustaH2, .imageText .jalustaH3 {
	font-size: 1.2em;
	color: #000000;
	font-weight: bold;
}
.imageText a, .imageText a:link, .imageText a:visited {
	color: #000000;
}
.imageText p, .imageText table, .imageText ul {
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 6px;
}
.imageText td p, .imageText td table, .imageText td ul, .imageText ul ul {
	padding: normal;
	margin: normal;
}

.textContent {
	font-size: 0.8em;	
	line-height: 130%;	
	color: #4A402B;	
}
.spotContent {
	font-size: 0.70em;	
	line-height: 130%;	
	color: #4A402B;	
}
.textContent .richtext, .textContent .leipis, .textContent .jalustaLeipis, .textContent .j_td, .textContent table, .textContent .j_datastream {
	font-size: 1em;
}
.textContent a, .textContent a:link, .textContent a:visited {
	color: #2A8D82;
}
.textContent a:hover {
	text-decoration:none;
}
.textContent .jalustaIngressi {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 130%;
}
.textContent .jalustaH1 {
	font-weight: bold;
	font-size: 1.8em;
	color: #2A8D82;
	line-height: 1.8em;
	display: block;
	padding-top: 0.2em;
	margin-bottom: -0.2em;
}
.textContent .jalustaH2 {
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.5em;
	color: #2A8D82;
	display: block;	
	padding-top: 0.3em	
}
.textContent .jalustaH3 {
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.3em;
	color: #000000;
	display: block;
	padding-top: 0.2em
}
.textContent p, .textContent ul {
	padding-bottom: 1em;
	padding-top: 0;
	margin-bottom: 0;
	margin-top: 0;
}
.textContent td p, .textContent td ul {
	margin: default;
	padding: default;
}
.spotContent p {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
.spotContent {
	overflow: hidden;
}
.frontCenter a {
	font-weight: bold;
}
.brownTextContent a,.brownTextContent a:link,.brownTextContent a:visited  {
	color: #965701;
}
.brownTextContent a:hover {
	color: #000000;
}
.nappi {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 13px;
	padding: 4px;
}
.syote {
	width: 300px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 13px;
	padding: 4px;
}