@font-face {
    font-family: 'PTSansBold';
    src: url('PTS75F-webfont.eot');
    src: url('PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS75F-webfont.woff') format('woff'),
         url('PTS75F-webfont.ttf') format('truetype'),
         url('PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'PTSansRegular';
    src: url('PTS55F-webfont.eot');
    src: url('PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS55F-webfont.woff') format('woff'),
         url('PTS55F-webfont.ttf') format('truetype'),
         url('PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.nivoSlider {
    position:relative;
    width: 690px;
    height: 297px;
    background:url(images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

/* Tyylit */
body {
	font-family: PTSansRegular, Calibri, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0;
	background: #000000 url(../img/bodybg.jpg) repeat-x center top;
   -webkit-background-size: 1979px 1084px; 
	color: #cecece;

}

#wrapper {
   width: 970px;
   margin: 0 auto;
   overflow: hidden;
}

p{
	padding: 0 0 15px 0;
   font-size: 13px;
   color: #d8d8d8;
   margin: 0;
}
#main ul li{
   font-size: 13px;
   padding: 0 0 5px;
}
a, a:link, a:visited, a:active{
	font-family: arial;
	color: #ffbe08;
	text-decoration: none;
}
#header {
   height: 356px;
}

#nav {
   width: 680px;
   height: 53px;
   position: absolute;
   top: 276px;
}
#nav ul {margin: 9px 0 9px 9px; padding: 0; list-style: none;}
#nav li { float: left; margin: 0 0 0 6px;}
#nav li a {display: block; float: left; padding: 6px 10px; color: #fff; font-size: 13px;}
#nav li.active {background: #fede00;  -webkit-border-radius: 5px;
     -moz-border-radius: 5px; border-radius: 5px;}
#nav li.active a { color: #000; }

#ajankohtaista {
   background: url(../img/erotin.png) repeat-x left bottom;
   height: 31px;
}

#breadcrumbs {
 margin-top: 15px; height:34px; color: #ffffff;
 background: url(../img/erotin.png) repeat-x left bottom;
 margin-bottom: 20px;
}
#breadcrumbs span {
   font-size: 13px;
}

#sidebar {
   width: 250px;
   float: right;
}

#palstat {
   margin-top: 30px;
   overflow: hidden;
   background: url(../img/pystyerotin.png) repeat-y center 0;
}

#footer {
   padding: 15px 0 30px;
}
/* Tällä pakotetaan editorin sisällön linkit oikean näköisiksi
   Eli yleensä sama tyyli kuin tuossa yllä a-elementille, mutta jokaisen perään !important */
.mceContentBody a,.mceContentBody a:link, .mceContentBody a:visited{
	font-family: arial !important;
	color: #ffbe08 !important;
	text-decoration: underline !important;
}
.mceContentBody{
	background:transparent !important;
}


hr {
   border-top: 1px dashed #333; 
   color: #333;
   background: #333;
}

.table_alareunat {border-top: 1px dashed #333;}
.table_alareunat td { border-bottom: 1px dashed #333; padding: 15px 0}
.table_alareunat img {margin-left: 15px;}
table img {
   border: 1px solid #333;
}

a.news, a.news:link, a.news:visited {
	color:#0c6c94;
	text-decoration: none;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cecece;

}
.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.text{
	width:100%;
}
h1, h2, h3, h4 {	font-family: PTSansRegular, Calibri, Arial, Helvetica, sans-serif;}
h1 {
   margin: 0;
	font-size: 27px;
	color: #ffdf00;
	margin-top: 0px;
	padding-top: 0px;
   line-height: 1.4;
   padding-bottom: 21px;
}



h2 {
	font-size: 21px;
	color: #fff;
	font-weight: normal;
   margin: 0;
   padding: 13px 0 7px;
   line-height: 25px
}

h2.sivu {
	font-size: 20px;
	margin-top: 0px;
	color: #fff;
	font-weight: 300;
   padding: 0 0 15px;
}

h3 {
	font-size: 14px;
	color: #ff7500;
	font-weight: normal;
}

h4 {
	color: #458AD7;
}

h5 {
	color: #458AD7;
}

h6 {
	color: #458AD7;
}

table td {
   vertical-align: top;
}

table td h2 {
   padding-top: 0;
   }  
   
.kalustotaulukko { cellpadding: 0; cellspacing: 0;}
.kalustotaulukko td {padding-right: 15px; padding-bottom: 15px;}   

.error_message{
	color:#ab0000;
	margin:10px 0 20px 0;
}
.success_message{
	color:#368b1c;
	margin:10px 0 20px 0;
}

/* Dropdownmenu */
.menuarea{
	position:absolute;
	display:none;
	width:180px;
	border:1px solid #c3c3c3;
	background-color:white;
	padding-bottom:5px;
}

#menutable .menutop_a{
	color:#6D3A78;
	padding:0 4px;
}
#menutable .menutop{
	color:#3c3c3c;
	padding:0 4px;
}

#menutable .menusub_a{
	color:#6D3A78;
	padding:0 4px;
	font-weight:bold;
	display:block;
}
#menutable .menusub{
	color:#3c3c3c;
	padding:0 4px;
	display:block;
}

#main{
	font-size: 11px;
	line-height: 150%;
}
#page { overflow: hidden;}

#toparea {
   position: relative;
   height: 297px;
   margin-bottom: 30px;
}
#slider {
   width: 690px;
   height: 297px;
   position: relative;
   float: left;
}
#mask {
   width: 690px;
   height: 297px;
   position: absolute;
   top: 0;
   left: 0;
   background: url(../img/karusellimaski.png) no-repeat;
   z-index: 5;
}
#vainmeilta {
   float: right;
   width: 269px;
   height: 297px;
   background: url(../img/keltainen_bg.png);
}

#vainmeilta h3, #vainmeilta_body h3, #vainmeilta_body h4, #vainmeilta h4{
   font-family: "PTSansBold", arial, sans-serif;
   font-size: 21px;
   color: #1b1c1e;
   padding: 0 0 14px;
   margin: 0;
}

#vainmeilta p, #vainmeilta_body p{
   color: #1b1c1e;
}

#vainmeilta_body h4, #vainmeilta h4 {
   font-size: 13px;
   padding: 0;
}

#sidepic img {
   margin: 0 0 15px;
}
/* sisäsivu */
#vainmeilta_top {height: 11px; background: url(../img/box-top.png);}
#vainmeilta_body {background: #ffdf00; padding: 10px 20px;}
   #vainmeilta_body p { font-size: 13px; }
#vainmeilta_btm {height: 8px; background: url(../img/box-btm.png);}

#submenu {
   margin-bottom: 10px;
}

#main a, #main a:link, #main a:visited, #main a:active{
	font-family: arial;
	color: #ffbe08;
	text-decoration: none;
}

.front_palsta a, .front_palsta a:link, .front_palsta a:visited, .front_palsta a:active{
	font-family: arial;
	color: #ffbe08;
	text-decoration: underline;
}

strong{
	color: #ffffff;
}