BODY {
	font-size:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0;
	text-align: left;
}
.bodybg {
	background-image: url(../kuvat/bg.jpg);
	background-repeat: repeat-x;
}

.maintable {
	background-image: url(../kuvat/bghistoria.jpg);
	background-repeat: repeat-x;
}

/* General Fonts */
P,OL,.cNormalTextSize {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height: 120%;
	margin:0 0 10px 0;
}
.align-center {text-align:center;}
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-justify {text-align: justify;}
.larger {
	font-size: larger;
}

ul {
	list-style: disc;
	margin-left: 8px;
	padding-left: 8px;
}
li {
	margin-left: 0;
	padding-left: 0;
	list-style-position: outside;
	list-style-type: disc;
}
.valkoinen, .valkoinen a:link, .valkoinen a:visited, .valkoinen a:active {
	color: #FFFFFF;
}
.valkoinen a:hover {color:#FFFFFF;}

.harmaa, .harmaa a {color: #999999;}

.teaser, .teaser a:link, .teaser a:visited {
	font-size: 85%;
	color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;
	font-family: Tahoma, Verdana, Arial;
	text-decoration: none;
	font-weight: normal;
}
.teaser a:hover, .teaser a:active, div .teaser a:hover {text-decoration: underline;color: #000000;;	margin-top: 0px; margin-bottom: 0px;line-height: 100%;}





.caption {
 font-family :  Verdana, Arial, Helvetica, sans-serif;
	font-size:smaller;
 color : #000000;
}


.bulletlist {
 font-family :  Verdana, Arial, Helvetica, sans-serif;
 color : #000000;
}


.smaller {
	font-size: smaller;
}

.copyright {
	font-size: smaller;
	color: #999999;
}
.copyright a:link, .copyright a:visited {
	color: #999999;
}
.vasemmalle {float:left;margin-right:20px;margin-left:0px;}
.oikealle {float:right;margin-left:20px;margin-right:0px;}
.topnav {
	font-size: 90%;
	text-align: center;
	border-right: solid #ffffff 1px;
}

.topnav a:link, .topnav a:visited {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}
.topnav a:hover, .topnav_act a:hover {
	text-decoration: underline;
}
.topnav_act a:link, .topnav_act a:visited, .topnav_act a:active {
	font-size: 90%;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
.bottomnav a:link, .bottomnav a:visited {
	color: #666666;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-size: smaller;
	padding-left: 3px;
	padding-right: 3px;
}
.bottomnav_act a:link, .bottomnav_act a:visited {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-size: smaller;
	padding-left: 3px;
	padding-right: 3px;
}
.leftnav, .leftnav_act {
	padding: 2px 0px 6px 0px;
}
.leftnav a:link, .leftnav a:visited {
	font-size: 90%;
	font-weight: normal;
	color:#000000;	
	text-decoration: none;
}



.alaleftnav a:link, .alaleftnav a:visited, .alaleftnav a:active, .alaleftnav {
	font-size: 90%;
	font-weight: normal;
	color:#000000;	
	text-decoration: none;
}


.contactnav, .contactnav a:link, .contactnav a:visited {
	font-size: 90%;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.smaller {
	font-size: smaller;
}

.dot {
	background-image: url(../kuvat/dot.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
	height: 8px;
	width:auto;
}
.csc-textpic-caption {font-size:smaller;}
.vasbg {
	background-image: url(../kuvat/vasbg.gif);
	width: 43px;
}
.bottombg {
	background-image: url(../kuvat/bottombg.gif);
	background-repeat: repeat-x;
	font-size: 85%;
}
.eikehysta {
border:none;
}
.kehys {
	padding: 5px;
	border: 1px solid #CCCCCC;
}
.kuvarajaus-iso {
	overflow: hidden;
	width: 244px;
	white-space: nowrap;
    text-align:center;
    display:block;
}

.kuvarajaus-pienet {
	overflow: hidden;
	width: 244px;
	height: 110px;
	white-space: nowrap;
    text-align:center;
    display:block;
}

b {font-weight: bold;}

strong {font-weight: bold;}

a:hover,a:active {color: #000000; text-decoration: underline;}


H3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:100%;
	font-weight: bolder;
	margin-bottom:0px;
}

H4,H5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:80%;
	font-weight: bolder;
	margin-bottom:0px;
}

H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	margin-bottom:0px;
}

 .topmain {
	background-color: #CCCCCC;
	height: 22px;
}
 .kehys {
	padding: 5px;
	border: 1px solid #CCCCCC;
}
.csc-mailform-field {
	width:100%;
	margin-top:3px;
}

/* powermail alku */
.tx-powermail-pi1 div {margin-top:20px;margin-bottom:20px;}
label {
  margin-left:1px;
  }
fieldset {width:90%;padding:10px;}
field {width:100%;}
legend {margin-top:10px;  }
.powermail_check_inner label {
	display:inline;
	float: left;
}
.powermail_check_inner div {display:inline;}
.required_one {display:none;}

/* powermail loppu */
  
/* pbsurvey alku */
.survey_item {width:98%;}
.columnFirst {width:30%;}
.columnNext {text-align:center;}
/* pbsurvey loppu */

/* cal alku */
dt {margin-top:30px;
margin-bottom:5px;}
.tx-cal-controller label {width:auto;}
.tabcontent table input {
	width:auto;
	clear: both;
}
.tabcontent table select {
	width:auto;
	clear: both;
}

.tx-cal-controller dt,.tx-cal-controller dt .even {padding:20px 5px 18px 25px;margin:0px;}
.tx-cal-controller dl {border:solid #ccc 1px;}

.tx-cal-controller dt,.tx-cal-controller dt .even {padding:20px 5px 18px 25px;margin:0px;}
.tx-cal-controller dl {border:solid #ccc 1px;}
.tx-cal-controller dd.even {
	margin-left:0px;
	padding-left:40px;
	padding-bottom:10px;
}
.tx-cal-controller dd {
	padding-bottom:10px;
}
.tx-wecmap-map {margin:10px 0 10px 0;}

/* cal loppu */

/* tt_products alku */
.shop_minibasket_image {float:left;margin-right:5px;}
/* tt_products loppu */

  /* VÄRIKOODAUS: vihreä eli group eli 458B74 */
legend {color:#458B74;
  }
.newstitle a:link, .newstitle a:visited {color: #458B74; text-decoration: none;}
.newstitle a:hover {color: #000000; text-decoration: underline;}
a:link, a:visited {color: #458B74; text-decoration: none;}
a:hover {color: #000000;text-decoration: underline;}

H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #458B74;
	font-size: 18px;
	line-height: 100%;
	font-weight: normal;
	margin-bottom:10px;
	letter-spacing: normal;
}
.topnav_act {
	font-weight: bold;
	border-right: solid #ffffff 1px;
	background-color: #458B74;
	text-align: center;
}
.leftnav_act a:link, .leftnav_act a:visited {
	font-size: 90%;
	font-weight: bold;
	color:#458B74;	
	text-decoration: none;
}
.alaleftnav_act a:link, .alaleftnav_act a:visited, .alaleftnav_act {
	font-size: 90%;
	font-weight: normal;
	color:#458B74;	
	text-decoration: none;
}
.leftnavotsikko {
	text-transform: uppercase;
	padding:4px 3px 4px 10px;
	width:100%;
	background-color:#458B74;
	color: #ffffff;
	font-weight:bold;
 }
.leftnav a:hover, .leftnav_act a:hover {
	text-decoration:underline;
}
.alaleftnav a:hover {
	font-weight:normal;
	text-decoration:underline;
	color:#000;
}
.ingressi {
	color:#458B74;
	font-size: 110%;
	font-family: Georgia, "Times New Roman", Times, serif;
}
select {
	width: 300px;
}

.default_catheader {
	background-color: transparent;
}
.tx-wecmap-map {color: black;}
.tx-wecmap-map p {color: black;}

.topfoldout {
	width:120px;
	background-color:#E2E2E2;
	padding:5px;
}
.topfoldout-sub {
border:none;
font-size: smaller;
}
.topfoldout-sub TD {
border-bottom: solid 1px #ffffff;
padding: 5px;
background-color: #E2E2E2;
}
.topfoldout-sub TD.topfoldout-sub-rowAlt {
background-color: #cccccc;
}

.tx-cal-controller li {list-style:none;}
.tx-cal-controller label {width:30%;}
.tx-dropdownsitemap-pi1 li {list-style:none;}

/*feuserarea*/
.userareaitem {float:left;width:33%;}
.userArea {float:left;}
.area {float:left;margin-left:15px;}
.feusersarea {margin:15px 0px 15px 0px;display:inline-block;}

/*tt_news 2010*/
.news-list-item h2 {font-size:12px;}
.news-list-item {font-size:11px;}
div.news-single-rightbox {clear:both;float:left;width:100%;margin-bottom:20px;text-align:left;}
.news-single-item h2 {font-size:12px;font-weight:bold;color:#000;}

/*multicolumn 2010*/
ul.multicolumnContainer li {list-style:none;}
ul.multicolumnContainer li ul li {list-style:disc;}

/*2011*/
#fb {width:540px;background:#FFFFFF;}