/* Suomen Kuituley
   Perustyylit */

body {
	margin: 0;
	padding: 0;
	background-color: #E6E6E6;
	font-size: 1em;
}
p, ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 1em;
}
.noScreen {
	display: none;
}
td p, td ul {
	padding-bottom: 0;
}
div.frontTopRow {
	background-image: url(/layout/kuitulevy09/images/etu-yla-taus.jpg);
}
div.subTopRow {
	background-image: url(/layout/kuitulevy09/images/sisa-yla-taus.jpg);
}
div.frontTopContainer {
	margin: auto;
	width: 960px;
}
div.topNavi {
	background-image:url(/layout/kuitulevy09/images/etu-navi-taus.jpg);
	padding-left: 60px;
	padding-right: 59px;
	height: 70px;
}
div.subTopNavi {
	background-image:url(/layout/kuitulevy09/images/sisa-navi-taus.jpg);
	padding-left: 60px;
	padding-right: 59px;
	height: 70px;
}
div.topFlash {
	background-image: url(/layout/kuitulevy09/images/etu-flash-vasen.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}
div.topFlashWrap {
	background-image: url(/layout/kuitulevy09/images/etu-flash-oikea.jpg);
	background-repeat:no-repeat;
	background-position: right top;
	height: 261px;
	padding-left: 13px;
}
div.topLogo {
	height:43px;
}
div.middleRow {
	background-color: #F6F6F6;
}
div.bodyWrap {
	margin: auto;
	width: 960px;
	background-image:url(/layout/kuitulevy09/images/leipis-taus.jpg);
	background-repeat:repeat-y;
}
div.frontBodyContainer {
	background-image:url(/layout/kuitulevy09/images/etu-leipis-yla.jpg);
	background-repeat: no-repeat;
	min-height: 193px;
	padding-left: 13px;
	padding-right: 7px;
}
div.sectionHeader {
	background-color: #2F848B;
	background-image:url(/layout/kuitulevy09/images/kuva-ala.jpg);
	background-repeat: no-repeat;
	background-position: top;
	border-bottom: 1px solid #174043;
}
div.sectionContent {
	padding-top: 20px;
	padding-left: 47px;
	padding-bottom: 24px;
	padding-right: 47px;
}
div.subBodyContainer {
	background-image:url(/layout/kuitulevy09/images/sisa-leipis-yla.jpg);
}
div.baseBodyContainer {
	background-image:url(/layout/kuitulevy09/images/navi-leipis-yla.jpg);
}
div.frontBody {
	padding-left: 47px;
	padding-right: 47px;
	padding-top: 30px;
}
div.subBody {
	padding-right: 37px;
}
div.baseBodyContainer div.frontBody, div.subBodyContainer div.frontBody {
	padding-top:20px;
}
div.frontBody .rightColumn {
	width: 261px;
	float: right;
	padding-bottom: 16px;
}
div.frontBody div.leftColumns {
	padding-bottom: 16px;
}
div.frontBody div.leftColumns div.contentColumn {
	float: left;
	width: 262px;
	padding-right: 28px;
}
div.frontBody div.leftColumns div.lastContentColumn {
	float: left;
	width: 262px;
	padding-right: 0;
}
div.frontBody div.cTitle {
	padding-bottom: 16px;
}
div.cImage img {
	border: 1px solid #E6E6E6;
	margin-bottom: 10px;
}
div.bTitle {
	padding-bottom: 14px;
}
div.bodyLeft {
	width: 610px;
	float: left;
	padding-right: 47px;
}
div.bodyRight {
	width: 171px;
	float: left;
	padding-top: 10px;
	padding-left: 28px;
}
div.location {
	padding-top: 16px;
}
div.clearDiv {
	height: 1px;
	overflow: hidden; 
	margin-bottom: -1px;
	clear:both;
}
div.bottomRow {
	background-image:url(/layout/kuitulevy09/images/ala-raja.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
div.bottomContainer {
	width: 960px;
	margin:auto;
}
div.bottomCorner {
	height: 17px;
	background-image:url(/layout/kuitulevy09/images/leipis-ala.jpg);
	background-repeat:no-repeat;
}
div.bottomNaviContainer {
	margin-left: 13px;
	margin-right: 7px;
	padding-top: 35px;
	padding-left: 47px;
	padding-right: 47px;	
	min-height: 172px;
	background-image:url(/layout/kuitulevy09/images/ala-linkit-taus.jpg);
	background-position: top;
	background-repeat:no-repeat;
}
div.bottomNaviColumn {
	width: 176px;
	padding-right: 55px;
	float: left;
}
div.bottomNaviColumnA {
	width: 168px;
}
div.bottomNaviColumnD {
	width: 161px;
	padding-right: 0;
}
div.naviContent {
	padding-bottom: 32px;
}
div.bottomBottom {
	padding-top: 10px;
	padding-bottom: 10px;
}
div.bottomLeft {
	float: left;
}
div.bottomRight {
	float: right;
}

/* Valikot */

.bContent ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.bContent li {
	float: left;
	padding-bottom: 2px;
	clear: both;
}
.bContent li,.bContent li a {
	color: #666666;
	text-decoration: none;
}
.bContent li a:visited {
	color: #666666;
}
.bContent li a:hover {
	color: #000000;
}
.bContent li.more {
	background-image:url(/layout/kuitulevy09/images/more.gif);
	background-position: right 4px;
	background-repeat: no-repeat;
	padding-right: 16px;
}

div.languageNavi {
	height: 26px;
	line-height: 26px;
}
div.languageNaviContainer {
	float: right;
}
div.languageNavi ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
div.languageNavi li {
	float: left;
	padding-left: 20px;
}
div.mainNavi {
	height: 44px;
	line-height: 44px;
}
div.mainNavi ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
div.mainNaviLeft {
	float: left;
}

div.mainNaviRight {
	float: right;
}
div.mainNaviLeft li {
	float: left;
	padding-right: 42px;
}
div.mainNaviRight li {
	float: left;
}

.mainNavi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
}
.mainNavi a, .mainNavi a:visited {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px solid #98DBE0;
}
.mainNavi .current a,.mainNavi .current a:visited {
	color: #FFDA46;
	border-bottom: none;
}
.languageNavi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
}

.languageNavi a, .languageNavi a:visited {
	color: #98DBE0;
	text-decoration: none;
}
.naviSection {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.85em;
	font-weight: bold;
	padding-bottom: 16px;
}
.naviSection a, .naviSection a:visited, .naviSection a:link {
	color: #35A2AA;
	text-decoration: none;
}

div.sideNavi ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.sideNavi li {
	padding-bottom: 2px;
}
div.sideNavi li.subMenu1 {
	font-weight: bold;
	padding-bottom: 4px;	
}
div.sideNavi li.subMenu3 {
	padding-left: 8px;
	font-size: 0.9em;
}
div.sideNavi li.subMenu4 {
	padding-left: 16px;
	font-size: 0.9em;
}
div.sideNavi .hasPreviousItem {
	padding-top:8px;
}
div.sideNavi a {
	text-decoration: none;
	color: #2C7A80;
	border-bottom: 1px solid #98DBE0;
}
.sideNavi a.currentPage,  .themeNavi a.currentPage {
	color: #000000 !important;
}

ul.themeNavi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.themeNavi li.subMenu1 {
	font-weight: normal;
}
ul.themeNavi li.subMenuTitle {
	font-weight: bold;
	padding-bottom: 8px;
}
ul.themeNavi li.subMenu1 li.subMenuTitle {
	font-weight: bold;
}
ul.themeNavi li.hasPreviousItem {
	padding-top: 16px;
}
ul.themeNavi a {
	text-decoration: none;
	color: #2C7A80;
	border-bottom: 1px solid #98DBE0;
}


/* Tekstityylit */
div.cContent, div.bodyText {
	font-size: 0.75em;
}
.normalText, .normalText .richtext, .normalText td, .normalText .jalustaLeipis, .normalText .leipis, .normalText .j_td, .normalText .j_datastream {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	color: #333333;
}
/*
.cContent.normalText td.j_datastream,.cContent.normalText td.j_datastream a  {
	color: #666666;
}
.cContent.normalText td.j_datastream a {
	border-bottom: 1px solid #CCCCCC;
}

*/
.normalText .jalustaC1 img, .normalText img.jalustaC1 {
	border: 1px solid #E6E6E6;
}

.normalText .jalustaIngressi {
	font-size: 1.25em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #2C7A80;
	display: inline-block;
	margin-bottom: 8px;
}
.cContent .richtext .jalustaIngressi {
	font-size: 1em !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: bold;
	color: #2C7A80;
	display: inline-block;
	margin-bottom: 8px;
}

.normalText .jalustaH1,.normalText .jalustaH2 {
	font-size: 1.5em;
	line-height: normal;	
	color: #000000;
	font-weight: normal !important;
	padding-top: 8px;
}
.normalText .jalustaH3 {
	font-size: 1.3em;
	line-height: normal;
	color: #000000;
	font-weight: bold;
	padding-top: 8px;	
}
.normalText ul {
	list-style-type: none;
	padding-left: 0;
}
.normalText ul li {
	margin-left: 0;
	padding-left: 16px;
	background-image: url(/layout/kuitulevy09/images/pallo.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
}
.normalText ol li {
	margin-left: default !important;
	padding-left:default !important;
	background-image: none !important;
}

.normalText ul ul {
	padding-left: 16px;
}
.cTitle {
	font-size: 1.1em;
}
.cTitle, .cTitle .richtext, .cTitle .leipis, .cTitle .jalustaLeipis {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.0em;
	font-weight: normal;
	color: #000000;
}
.cTitle p {
	padding: 0;
}
.cTitle a {
	color: #000000;
	text-decoration: none;
}

.normalText a, .normalText a:link, .normalText a:visited {
	color: #31888F;
	text-decoration: none;
	border-bottom: 1px solid #98DBE0;
}
div.bContent {
	font-size: 0.7em;
}
.bottomText, .bottomText .richtext, .bottomText .leipis, .bottomText .jalustaLeipis, .bottomText td, .bottomText .j_td, .bottomText .j_datastream {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1 em;
	line-height: 1.2em;
	color: #000000;
}
div.location {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #999999;	
}
div.location a {
	font-weight: normal;
	color: #2C7A80;
	border-bottom: 1px solid #98DBE0;
	text-decoration: none;
}
.bTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	color: #666666
}
.bTitle a, .bTitle a:link, .bTitle a:visited {
	text-decoration: none;
	color: #666666;
}
.bTitle a:hover {
	color: #000000;
}
.bodyTitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	font-weight: normal;
	padding-bottom: 16px;
}
.sTitle {
	color: #FFFFFF;
	font-size: 2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding-bottom: 12px;
}
.sContent {
	font-size: 1em;
	line-height: 1.2em;
}
.sectionText, .sectionText .richtext, .sectionText td, .sectionText .j_td, .sectionText .jalustaLeipis, .sectionText .leipis, .sectionText .j_datastream {
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #98DBE0;
}
.smallContent {
	font-size: 0.7em;
} 
.smallText, .smallText .richtext, .smallText .leipis, .smallText .jalustaLeipis, .smallText td, .smallText .j_td, .smallText .j_datastream {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
.smallText .jalustaIngressi, .smallText .jalustaH1, .smallText .jalustaH2, .smallText .jalustaH3 {
	color: #000000;
	font-weight: bold;
	font-size: 1.1em;
}
.smallText a {
	color: #31888F;
	text-decoration: none;
	border-bottom: 1px solid #98DBE0;
}
a {
	margin-bottom: -1px;	
}
a:hover {
	border-bottom: none !important;
}
sup, sub {
	font-size: 0.6em;
}
hr {
	border:0;
  	color: #98DBE0;
	background-color: #98DBE0;
	padding:0;
	margin: 0;
	margin-top:4px;
	margin-bottom:4px;
	height: 1px;  
}

/* Lomake */
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
input.syote, select.syote, textarea.syote {
	background-color: #E6E6E6;
	border: 1px solid #CCCCCC;
}
input.syote, textarea.syote {
	width: 300px;
}
.nappi {
	margin-top: 16px;
}