@charset "UTF-8";
/* CSS Document */


@font-face {
    font-family: 'ProcionoRegular';
    src: url('Fonts/Prociono-Regular-webfont.eot');
    src: url('Fonts/Prociono-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/Prociono-Regular-webfont.woff') format('woff'),
         url('Fonts/Prociono-Regular-webfont.ttf') format('truetype'),
         url('Fonts/Prociono-Regular-webfont.svg#ProcionoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-BlackCond';
    src: url('Fonts/MyriadPro-BlackCond.eot');
    src: url('Fonts/MyriadPro-BlackCond.eot?#iefix') format('embedded-opentype'),
         url('Fonts/MyriadPro-BlackCond.woff') format('woff'),
         url('Fonts/MyriadPro-BlackCond.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}



body {
	
	background-image: url(kurjet_2.png);
	background-repeat: repeat-x;
	font-family: 'ProcionoRegular'; serif;
	font-size: 11pt;
	line-height:14pt;
	color: #666;
	margin-left: 0px;
	margin-top: 0x;
	margin-right: 0px;
	margin-bottom: 0px;
	
}

/*.head {
	border: 0px;
	vertical-align: bottom;
	width: 1050px;
	height: 105px;
	text-align:left;
	
}

.index {
	border: 0px;
	vertical-align: bottom;
	width: 1050px;
	height: 55px;
	color:#FFF;
	text-align:left;
}
/*.nega {
	font-weight: bold;
	color: #FFF;
}*/

h1,h2,h3,h4{font-family: "MyriadPro-BlackCond", sans-serif;font-weight: 900; margin-top:4px; margin-bottom:4px;
	font-variant: normal;}

h1 {
	font-size: 20pt;
	font-style: normal;
	line-height: 20pt;
	color: #666;
}
h4 {
	margin-top:4px;font-size: 11pt;
	font-style: normal;
	letter-spacing: 3px;
	line-height: 12pt;
	color: #fff;
}


/*p.grot {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: 14pt;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666;
}

p.style1 {font: 18px/27px 'ProcionoRegular', Arial, sans-serif;}?*/

p a:link, p a:visited {
	text-decoration: none;
	color: #060;
	font-weight: bold;
}

p a:hover {
	text-decoration: none;
	color: #FC0;
}


.con {
	width: 1200px; 
	height: auto;
	padding: 50px;
	padding-top:10px;
	margin-left:auto; 
	margin-right:auto; 
	clear:both;
	}

/*.header {
	position: static;
	top: 10px;
	padding:0px;
	width: 1200px;
	height: 20px;
	text-align:right;
	background-color: rgba(240, 240, 240, 0.6);
}*/

.logoarea {
	position: static;
	margin-top: 10px;
	padding:0px;
	width: 1200px;
	height: 160px;
	text-align:right;
	background-image: url(Images/Logo_735x160.png); background-repeat:no-repeat
}


.naviarea {
	position: static;
	margin-top: 5px;
	margin-left:100px; 
	padding:0x;
	width: 1100px;
	height: 60px;
	text-align:left;
}

.textarea {
	position: relative;
	margin-top: 10px;
	margin-left:100px; 
	padding:0px;
	width: 800px;
	height: 200px;
	text-align:left;
	background-color: rgba(240, 240, 240, 0.6);
	}
	
.maintext {
	float:left;
	margin:20px;
	margin-left:35px; 
	margin-right:35px; 
	padding:0px;
	width: 430px;
	height: auto;
	text-align:left;
	/*background-color: rgba(240, 240, 240, 0.7);*/
	}

.maintext2 {
	float:left;
	margin:20px;
	margin-left:35px; 
	margin-right:35px; 
	padding:0px;
	width: 485px;
	height: auto;
	text-align:left;
	/*background-color: rgba(240, 240, 240, 0.7);*/
	}


.maintext p {font: 16px/24px 'ProcionoRegular', Arial, sans-serif;;
	color: #666; margin: 0; margin-bottom:16px;
    padding: 0;
}



.inner_navigation {
	float:left;
	margin:20px;
	margin-left:35px; 
	margin-right:35px; 
	padding:0px;
	width: 150px;
	height: auto;
	text-align:left;
	/*background-color: rgba(240, 240, 240, 0.7);*/
	}

.columnbar {
	float:left;
	margin-top:0px;
	margin-left:0px; 
	margin-bottom:0px;
	width: 20px;
	height: auto;
	/*background-image:url(viiva_10x10.png);*/
	background-color: rgba(255, 255, 255, 0.5);
	/*background-color: #FFF;*/
	/*background-repeat: repeat-y;*/
}

.casetext {
	top: 0px;
	right: 0px;
	float:left;
	/*margin:30px; */
	width: 240px;
	height: auto;
	text-align:left;
	/*background-color: rgba(240, 140, 240, 0.6);*/
}

.vertinfo {
	margin-top:20px;
	width:1100px;
	height:20px;
	float:left;
	clear:both;
	/*background-color: rgba(150, 160, 200, 0.9);*/
	background-color: rgba(220, 120, 20, 1.0);	
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:8pt; font-weight:bold;
	text-align:center;
	
	
	}
	
.vertinfo_nobar {
	width:800px;
	height:20px;
	float:left;
	clear:both;
	/*background-color: rgba(150, 160, 200, 0.9);
	background-color: rgba(220, 120, 20, 1.0);*/	
	}


.newsarea {
	position: absolute;
	margin-top:0px;
	margin-left:820px; 
	padding:20px;
	width: 240px;
	height: auto;
	text-align:left;
	background-color: rgba(240, 240, 240, 0.6);	
	overflow:auto;
}

.rightarea {
	position: absolute;
	margin-top:0px;
	margin-left:820px; 
	padding:0px;
	width: 280px;
	height: auto;
	text-align:left;
	background-color: rgba(240, 240, 240, 0.6);	
	overflow:hidden;
}

#newsarea_palkki {
	position: absolute;
	margin-top:0px;
	margin-left:820px; 
	width: 260px;
	padding-left:20px;
	height: 20px;
	text-align:left;
	background-color: rgba(0, 70, 145, 1.0);	
}

#projekti_palkki {
	
	top: 0px;
	right: 0px;
	float:left;
	width: 260px;
	padding-left:20px;
	height: 20px;
	text-align:left;
	background-color: rgba(0, 70, 145, 1.0);	
}
#projekteja {
	top: 0px;
	right: 0px;
	float:left;
	width: 260px;
	}

.columnbar2 {
	position: absolute;
	margin-top:0px;
	margin-left:800px; 
	width: 20px;
	height: auto;
	/*background-image:url(viiva_10x10.png);*/
	background-color: rgba(240, 240, 240, 0.3);
	/*background-color: #FFF;*/
	/*background-repeat: repeat-y;*/
}


.timestamp {
	font-size:10pt; color:#F96; margin-top:0px;margin-bottom:0px;display:inline;}
	

		
.news {height: auto; display:block; overflow:auto; 
	    }
		
.news_hidden {display:none;
	    }
		
.news p:first-of-type {
	margin-top:4px; margin-bottom:7px;
	display:block;
	    }
	
.news p {
	margin-top:4px; margin-bottom:7px;
	display:none;
	    }
		

		
				
.news h1 {
	font-size:16pt;
	line-height: 16pt;	
	    }
				
.active_news { height: auto; display:block;
	    }
		
.active_news p {
	margin-top:4px; margin-bottom:7px; 
	    }
.subtext {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold; font-size:10pt;
	line-height: 12pt;
	font-variant: normal;
	text-transform: none;
	color: #000;
	}	
		
.bannerarea {
	position: relative;
	top:0px;
	clear:both;
	margin-left:100px;
	margin-top:0px; 
	padding:0px;
	width: 800px;
	height: 300px;
	text-align:left;	
}

.no-bannerarea {
	position: relative;
	top:0px;
	clear:both;
	margin-left:100px;
	margin-top:0px; 
	padding:0px;
	width: 800px;
	height: 0px;
	text-align:left;	
}

.bottomline{
	background-color: rgba(0, 70, 145, 1.0);
	margin-top:0px;
	margin-left:100px;
	height:20px;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:8pt; font-weight:bold;
	text-align:center;
}

/*CMS ADDITIONS*/

.visible {
	position: fixed; bottom: 12px; left: 0px; right:212px;; visibility:visible; border-color:#333; border-width:20px; border-style:solid; background-color:#FFC; padding:12px; z-index: 50;}
.unvisible {
	position: relative; visibility:hidden; margin-left:-999px;}
	


.lomake_visible{
	position:fixed; top: 5%; bottom:5%; left: 20%; right: 20%;
	background-color:rgba(250, 250, 250, 1.0);
	border-color:#000; border-width:3px; border-style:solid;
	overflow:scroll;
	padding:20px;}

.lomaketausta_visible{
	position:fixed; top: 0px; bottom:0px; left: 0px; right: 0px;
	background-color:rgba(0, 0, 0, 0.7);
	}
	
.lomake_hidden{
	position:absolute; left: -999px
	width: 100px; height:100px; overflow:hidden;
	visibility:hidden;
	}

.lomaketausta_hidden{
	position:absolute; left: -999px
	width: 100px; height:100px; overflow:hidden;
	visibility:hidden;
	}