/*Common Css*/
*{ margin:0;}
body {
	background: #cebdad url(../images/bg.jpg) center top repeat;
	color:#525252;
	font-size:16px/1.25;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}
img{ border:none;}
a{ color:#81be00; text-decoration:underline; outline:none;}
a:hover{ color:#a0a0a0; text-decoration:none;}
#wapper{ width:965px; margin:0 auto; padding:0;}

/*Forms*/
form{ margin:0;}
input,
textarea { border:solid 1px #CCCCCC; vertical-align:middle;}
input:hover,
textarea:hover{ background:#f3f2f2;}
input:focus,
textarea:focus{ background:#f3f2f2;}
.submit input{ cursor:pointer; border:solid 1px #d79442; background: #f4b161 url(../images/submit.gif) left top repeat-x; font-size:12px;}

/*Text*/
h1{ margin:0; padding:10px 0; color:#525252; font-size:20px; font-weight:normal;}
h2{ margin:0; padding:5px 0; color:#525252; font-size:16px; font-weight:normal;}
h2 a{ color:#525252; text-decoration:underline;}
h3{ margin:0; padding:0; color:#525252; font-size:16px; font-weight:normal;}
h4{ margin:0; padding:0; color:#525252; font-size:14px; font-weight:normal;}
h5{ margin:0; padding:0; color:#525252; font-size:12px; font-weight:normal;}
p{ margin:0; padding:5px 0; color:#525252; font-size:12px; line-height:20px; font-weight:normal;}
p a{ color:#000000; text-decoration:underline;}
p a:hover{ color:#AFA0AE; text-decoration:none;}

ul{ list-style:none; margin:0; padding:10px 0 20px 0;}
li{ background:url(../images/arrow.gif) left 5px no-repeat; padding:5px 0 5px 30px; font-size:12px; color:#525252;}
ol{ list-style:decimal; margin:0; padding:0 0 0 20px;}

/*Header*/
#header{ clear:both; height:189px; background:url(../images/header-bg.jpg) left top no-repeat;}
#header a{ color:#a0a0a0; text-decoration:none;}
#header a:hover{ color:#e1d5c5;}

#logo{ float:left; padding:65px 0 0 85px;}
#logo a{ display:block; width:369px; height:62px;}
#logo a span{ display:none;}

#topbanner { float:right; padding:0px 50px 0 0; color:#e1d5c5; font-size:12px;}


/*Main Menu*/
#nav{ clear:both; width:100%; background:url(../images/nav.jpg); height:58px; margin:14px auto 7px auto;}
#nav ul{ list-style:none; margin:0; padding:0 5px;}
#nav li{ float:left; padding:0px; font-size:12px; background:none;}
#nav li a{ float:left; display:block; line-height:55px; cursor:pointer; padding:0 55px; color:#ffffff; text-decoration:none; text-transform:uppercase;}
#nav li a:hover{ color:#afa0ae;}
#nav li.active a{ color:#afa0ae;}
#nav li.facebook{ padding:8px 0 0 0;}
#nav li.facebook a{ padding:0 15px;}

/*Banner*/
#logo-frame{ clear:both; margin-top:7px; background:url(../images/logo-frame.png) left top no-repeat; padding:17px 0 0 12px; height:176px; overflow:hidden;}
*html #logo-frame { height:158px;}
.logo-frame{ background:url(../images/logos.gif) left top no-repeat; width:943px; height:155px;}
.logo1{ float:left; padding:17px 0 0 0; position:relative;}
.logo2{ float:left; padding:17px 0 0 43px; position:relative;}
.logo3{ float:left; padding:17px 0 0 37px; position:relative;}
.logo4{ float:left; padding:0px 0 0 52px; position:relative;}
.logo5{ float:left; padding:0px 0 0 30px; position:relative;}
.logo6{ float:left; padding:0px 0 0 30px; position:relative;}
.logo7{ float:left; padding:22px 0 0 13px;}
.logo8{ float:left; padding:13px 0 0 44px;}
.logo9{ float:left; padding:37px 0 0 46px;}
.logo10{ float:left; padding:29px 0 0 52px;}
.logo11{ float:left; padding:4px 0 0 37px;}
.logo12{ float:left; padding:46px 0 0 14px;}
.logo13{ float:left; padding:22px 0 0 13px;}

/*copyright*/
.copyright{ clear:both; margin:7px 0 3px 0; background:url(../images/footer-bg.gif); height:58px; font-size:11px; font-weight:normal; line-height:15px; color:#bebebe; padding:0 10px; color:#ffffff;}
.copyright .fl{padding:5px 20px; font-weight:normal;}
.copyright .fr{padding:35px 15px 0 0; color:#b0b0b0;}

.copyright a{ color:#b0b0b0; font-weight:bold; text-decoration:none;}
.copyright a:hover{ text-decoration:underline;}

/********************* classes for differentiation of padding, border & color ********************/
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.justify { text-align:justify; }
.line_height { line-height:2em; }
.bold { font-weight:bold; }
.pad5 { padding:5px; }
.pad10 { padding:10px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.mrg5 { margin:5px; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.relative { position:relative; }
.absolute { position:absolute; }
.white_text { color:#ffffff; }
.small_text { font-size:.85em; }
.mid_align { vertical-align:middle; }
.width_full { width:100%; }


/*Main Contain*/
.main_container{ background:url(../images/contain_bg.png) left top repeat-y; width:100%; clear:both; border-bottom:solid 2px #a49080;}

/*Left Part*/
.left_part{ width:605px; padding:20px 0px 20px 75px; float:left;}
.button{ float:left; padding-right:25px;}
.button a{ background:url(../images/but.png) left top no-repeat; display:block; float:left; width:217px; height:68px; text-align:center; text-decoration:none; line-height:34px; color:#505050; font-size:14px; font-weight:bold; cursor:pointer;}
.button a:hover{ color:#686666;}
/*.button a span{ background:url(../images/but-right.png) right top no-repeat; display:block; float:left; padding:0 25px 0 8px; height:64px; line-height:34px; color:#505050; font-size:14px; font-weight:bold; cursor:pointer;}*/

/*Right Part*/
.right_part{ width:252px; padding:15px 25px 15px 0; float:right;}
.right-top{ background:url(../images/right-top.png) left top no-repeat; height:9px; font-size:0px;}
.right-bottom{ background:url(../images/right-bottom.png) left top no-repeat; height:9px; font-size:0px;}
.right-bg{ background:url(../images/right-bg.png) left top repeat; padding:0 27px}

.right_part ul{ padding:0 0 0 25px;}
.right_part li{ background:url(../images/sm-arrow.gif) left 11px no-repeat; padding:7px 0 7px 12px; font-size:12px; font-weight:normal; color:#4b4b4b;}
.right_part li a{ font-size:12px; font-weight:normal; color:#4b4b4b; text-decoration:none;}
.right_part li a:hover{ color:#afa0ae;}
.right_part li.active a{color:#afa0ae;}

/*Table*/
.TBorder{border:solid 1px #D7D7D7;}
.subHeader{background:#D7D7D7; color:#000000; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-size:8pt; font-weight:bold;}
.odd {background:#FFFFFF;}
.even {background:#F8F8F8;}
td {font-family:Arial,Helvetica,sans-serif; font-size:9pt;}
.plabel {color:#505050; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-size:8pt; font-weight:bold;}
.label{ padding-top:5px;}

/*yhteystiedot*/
.yhteystiedot_left{ width:50%;}
.yhteystiedot_right{ width:50%;}
.red{ color:#FF0000;}
.map{ width:260px; height:250px; font-size:12px; margin:10px 0;}