html, body {
	margin: 0;
	padding: 0;
}

body 
{
	font-family: Arial,Verdana,Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: normal;	
	color: #656565;
	text-align: center;
	background: url(../img/default_bg.gif) left top repeat-x;
	background-color:#E4E9EE;
}

body a img, body a:hover img {
	border: none;
}

body a 
{
	color: #ED9A3E;
	text-decoration: none;
}
	
body a:hover {
	color: #ED9A3E;
	text-decoration: underline;
}

html>body h1, html>body h2, html>body h3, html>body h4 {
	margin:auto;
}

hr {	
	width: 100%;
	height: 1px;
}

body p {margin: 0 0 15px 0;padding: 0;}

/******************************************* Table style ****/
body table {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 11px;
	color: #656565; 	
	clear: both;
}

html>body table {height: auto !important;margin: 1px 0 0 1px;padding: 1px 0 0 1px;}

body table tr td {
	margin: 0;
	padding: 0;
}

/* Set static page width */

#Container,#Header,#Footer{
	width: 998px;
}

/* Set cross-browser minimum content height */

#MinHeight 
{
	position: relative;
	display: block;
	height: 620px;
	padding:0;
	margin:0;
}

#Container 
{
	position: relative;
	display: block;
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	padding: 1px 1px 0 1px;
	text-align: left;
	background: url(../img/maintop.jpg) 1px 181px no-repeat;
}

#Container.WithSubMenu {
    background: url(../img/maintop2.jpg) 1px 181px no-repeat;
}

.WideWithMenu {
    background: url(../img/maintop3.jpg) 1px 181px no-repeat !important;
}

.WideWithMap {
    background: url(../img/maintopmap.jpg) 1px 181px no-repeat !important;
}

html>body #Container {
	border-bottom: 1px transparent;	
}

/* This is needed for clearing floats inside container */

#Container:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

#Header {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 994px;
	height: 180px;
    background: url(../img/top_bg.jpg) left top no-repeat;
}

#Columns {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 994px;
	height: auto;
	background: url(../img/mainbottom.jpg) left bottom no-repeat;
}

.WithSubMenu #Columns {background: url(../img/mainbottom2.jpg) left bottom no-repeat;}

.WideWithMenu #Columns {background: url(../img/mainbottom3.jpg) left bottom no-repeat;}

/* This is needed for clearing floats  inside container */

.Column {
	display: inline;
	float: left;
	padding:0;
	margin:0;
}

#Columns:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

#C1 {
	position: relative;
	display: block;	
	float: left;	
	margin: 0;
	padding: 0;
	font-size:11px !important;
	width: 260px;
	height: auto;	
	text-align: left;
	border-bottom: solid 1px transparent;
	/*margin-top: -400px;*/
	/*border: solid 1px black;*/
}

*html #C1 {
	position: relative;
	display: block;	
	float: left;	
	margin: 0;
	padding: 0;
	font-size:11px !important;
	width: 260px;
	height: auto;	
	text-align: left;
	border: none;
	
	/*margin-top: -400px;*/
	/*border: solid 1px black;*/
}
.WithSubMenu #C1 {width:222px;}
.WideWithMenu #C1 {width:222px;}



#C2 {
	position: relative;
	display: inline;
	float: left;
	margin: 0;
	padding:0;
	width: 524px;
}
html>body #C2 {width:532px;}

#LogoForPrint, #LogoForPDF {display:none;}

#C3 {
	position: relative;
	display: inline;
	float: left;
	margin: 0;
	padding:0;
	width: 190px;
	font-size:11px !important;
}

#C4 {
	position: relative;
	display: inline;
	float: left;
	margin: 0;
	padding:0;
	width: 1px;
}

#C5 {
    position: relative;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	width: 760px;
	/*border: solid 1px red;*/
}

#Footer {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: 48px;
	text-align: center;
	clear: both;
	overflow: hidden;
	background: url(../img/bottombg.jpg) -4px 0 no-repeat;
}	

#FooterContent {
	position: relative;
	display: block;
	margin: 0 0 0 5px;
	padding: 0;
	color: #BDCBD7;
	font-size: 11px;
	font-weight: normal;
}

#TextForPrint {display:none;}
    
#FooterContent a {color:#BDCBD7;} 
   
#Address {
    display:block;
    position:relative;
    float:left;
    margin: 0 210px 0 7px;
    padding: 6px 0 0 0;
    width: 350px;
    text-align:left;
    overflow:hidden;
}

html>body #Address {margin: 0 210px 9 15px;}

#Foot1 {
    display:block;
    position:relative;
    float:left;
    margin: 0 5px 0 0;
    padding: 6px 0 0 5px;
    height:26px;
    background:url(../img/bottomline.gif) left top no-repeat;
}

#Foot2 {
    display:block;
    position:relative;
    float:left;
    margin: 0;
    padding: 0 5px 0 5px;
    height:26px;
    background:url(../img/bottomline.gif) left top no-repeat;
}
html>body #Foot2 {padding: 0 5px 0 5px;}

#Foot3 {
    display:block;
    position:relative;
    float:left;
    margin: 0 5px 0 0;
  /*  padding: 6px 17px 0 0;*/
    padding: 6px 0 0 5px;
    width:48px;
    height:25px;
    text-align:center;
    background:url(../img/bottomline.gif) left top no-repeat;
}
html>body #Foot3 {width:48px;}

#Foot4 {
    display:block;
    position:relative;
    float:left;
    margin: 0 5px 0 0;
   /* padding: 6px 17px 0 0;*/
    padding: 6px 0 0 5px;
    width:45px;
    height:26px;
    text-align:center;
    background:url(../img/bottomline.gif) left top no-repeat;
}

#Foot5 {
    display:block;
    position:relative;
    float:left;
    margin: 0;
    padding: 6px 0 0 5px;
    height:26px;
    background:url(../img/bottomline.gif) left top no-repeat;
}

#Address a,#Foot1 a,#Foot2 a,#Foot3 a,#Foot4 a {
	color: #BECCD7;
	text-decoration: none;
}

#Address a:hover,#Foot1 a:hover,#Foot2 a:hover,#Foot3 a:hover,#Foot4 a:hover {
	color: #BECCD7;
	text-decoration: underline;
}

#Poweredby {
    display:block;
    position:relative;
    margin: 5px 0 0 10px;
    padding: 0;
    font-size:11px;
    color:#758AA7;
    float:left;
    clear:both;
}
html>body #Poweredby {margin: 5px 0 0 12px;}
#Poweredby a {color:#758AA7;text-decoration:none;}
#Poweredby a:hover {color:#758AA7;text-decoration:none;}
/********************************* SAContent ********/
#SAContent1 {
	display: block;
	position: relative;
	/*margin: 40px 0 0 15px;*/
	margin: 10px 0 0 15px;
	padding: 0;
	width: 500px;
	overflow: hidden;
	clear:both;
}

.WithSubMenu #SAContent1 {margin: 40px 0 0 30px;}
.WideWithMenu #SAContent1 {margin: 40px 0 0 30px;width:700px;}

#SAContent2 {
	display: block;
	position: relative;
	margin: 15px 0 0 15px;
	padding: 0;
	width: 500px;
	overflow: hidden;
	clear:both;
}
.WithSubMenu #SAContent2 {margin: 15px 0 0 30px;}
.WideWithMenu #SAContent2 {margin: 15px 0 0 30px;width:700px;}

#SAArea1 {
	display: block;
	position: relative;
	margin: 15px 0 15px 15px;
	padding: 0;
	width: 500px;
	overflow: hidden;
}
.WithSubMenu #SAArea1 {margin: 15px 0 15px 30px;}
.WideWithMenu #SAArea1 {margin: 15px 0 15px 30px;width:700px;}

#SABanner {
	display: block;
	position: relative;
	margin: 0 0 0 2px;
	padding: 0;
	width: 988px;
	height: 106px;
	overflow: hidden;
	border:1px solid #fff;
	clear:both;
}

#SAContent3,#SAContent4,#SAContent5,#SAContent6,#SAContent7,#SAContent8 {
    display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 170px;
	height: auto;
	overflow: hidden;
	clear:both;
}

#SAContent3,#SAContent5,#SAContent7 {height:15px;}
#SAContent3 p,#SAContent5 p,#SAContent7 p{margin:0;padding:0;}
#SAContent4 p,#SAContent6 p,#SAContent8 p{margin: 0 0 5px 0;}

.WithSubMenu #SAContent3,.WithSubMenu #SAContent4 {height:auto;}
.WithSubMenu #SAContent3 p,.WithSubMenu #SAContent4 p{margin: 0 0 5px 0;}

#SAContent9,#SAContent10,#SAContent11,#SAContent12,#SAContent13 {
    display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 225px;
	height: auto;
	overflow: hidden;
	clear:both;
}

#SAContent9,#SAContent11,#SAContent13 {height:15px;}
#SAContent9 p,#SAContent11 p,#SAContent13 p{margin:0;padding:0;}
#SAContent10 p,#SAContent12 p {margin: 0 0 5px 0;}


/********************************* Other styles********/
#HeaderTop {
    display:block;
    position:relative;
    margin: 0;
    padding: 0;
    width: 994px;
    height: 34px;
    overflow:hidden;
    clear:both;
}

#HeaderTop a {color:#E4E9EE;}

#Teskstiversio,#aBig,#aSmall,#SAMenu1_-1_1,#Searchbox,#Printbox,#PdfPrintBox {
    display:block;
    position:relative;
    float:left;
    font-size: 11px;
    color:#E4E9EE;
    overflow: hidden;
}

#Teskstiversio {
    margin: 10px 20px 0 120px;
    padding: 0;
}
html>body #Teskstiversio {margin: 10px 20px 0 368px;}

#aBig {margin: 8px 10px 0 0;}
#aSmall{margin: 12px 5px 0 0;}
#Searchbox {margin: 6px 8px 0 0;}
#txtSearch {width:116px;font-size:10px;}
#Printbox {margin: 8px 0 0 0;width:70px;}
#Printbox img {margin: 0 3px 0 0;}

#PdfPrintBox {margin: 5px 0 0 0;width:85px;}
#PdfPrintBox img {margin: 0 3px 0 0;}

#btSearch {
    padding: 1px 0 2px 0;
    color:#fff;
    font-weight:bold;
    font-size:9px;
    width:50px;
    height:19px;
    border:0;
    background: url(../img/hae_bg.gif) right top no-repeat;
}

/*leftcol style*/
.leftsmall {
    display:block;
    position:relative;
    margin: 9px 0 0 15px;
    padding: 5px 10px 5px 8px;
    width:225px;
    height:14px;
    font-size:11px;
    color:#E5EEED;
    font-weight:bold;
    background-color: #758BA5;
}
html>body .leftsmall {width:225px;height:14px;}

#left1 {
    display:block;
    position:relative;
    margin: 0 0 0 15px;
    padding: 15px 10px 15px 10px;
    width:223px;
    height:109px;
    font-size:11px;
    background:url(../img/muutbg.gif) left top no-repeat;
}
html>body #left1{width:223px;height:109px;}

#left2 {
    display:block;
    position:relative;
    margin: 0 0 0 15px;
    padding: 15px 10px 15px 10px;
    width: 223px;
    height:132px;
    font-size:11px;
    background:url(../img/noston_bg.gif) left top no-repeat;
}
html>body #left2{width:223px;height:132px;}

#left3 {
    display:block;
    position:relative;
    margin: 0 0 9px 15px;
    padding: 4px 5px 15px 3px;
    width: 232px;
    /*height:185px;*/
    height: auto;
    font-size:11px;
    background:url(../img/calender_bg.gif) left top no-repeat;
    background-color:#E0E5EC;
}
html>body #left3{width:235px;/*height:230px;*/ height: auto;}
*html #left3 {width:235px;min-height: 230px;}

#left3 a {color:#758BA5;font-weight:bold;}

.rightsmall {
    display:block;
    position:relative;
    margin: 12px 0 0 8px;
    padding: 5px 10px 5px 10px;
    width:140px;
    height:14px;
    font-size:11px;
    color:#E5EEED;
    font-weight:bold;
    background-color: #758BA5;
}
html>body .rightsmall {margin:12px 0 0 0;padding: 5px 10px 5px 10px;width:170px;height:14px;}

#right1,#right2,#right3 {
    display:block;
    position:relative;
    margin: 15px 0 0 20px;
    padding: 0;
    font-size:11px;
    overflow: hidden;
}
html>body #right1,html>body #right2,html>body #right3 {margin:15px 0 0 10px;}

#Newsdiv {
    display:block;
    position:relative;
    margin: 0;
    padding: 0;
    width:500px;
    overflow: hidden;
}

#NewsHeader {
    display:block;
    position:relative;
    margin: 0;
    padding: 3px 0 0 10px;
    width:500px;
    height:24px;
    color:#E5EEED;
    font-weight:bold;
    background-color: #758BA5;
}
html>body #NewsHeader {width:490px;height:21px;}

#NewsInner {
    display:block;
    position:relative;
    margin: 12px 12px 12px 10px;
    padding: 0;
}

#Logo {
    display:block;
    position:absolute;
    right: 60px;
    top: 45px;
}

#Bottomline {
    margin: 10px 40px 30px 15px;
    color:#E4E9EE;
}

.WideWithMenu #Bottomline {margin: 10px 250px 30px 30px;}

#Bottomline hr {color:#E4E9EE;background-color:#E4E9EE;}
#Bottomline a {color:#364C6B !important;}
#Bottomline a:hover {color:#364C6B !important;}

.WithSubMenu #Bottomline {margin: 10px 40px 30px 30px;}

#PageName {
    display:block;
    position:relative;
    margin: 10px 0 0 0;
    padding: 5px 0 5px 10px;
    height:17px;
    background-color:#E4E9EE;    
    
}

#PageName a {font-size:11px;color:#202934;}
#PageName a:hover {font-size:11px;color:#ED9A3E;}

#Leftcol {
    display:block;
    position:relative;
    float:left;
    margin: 0;
    padding: 0;
    width: 570px;
    overflow: hidden;
}

#Rightcol {
    display:block;
    position:relative;
    float:left;
    margin: 0;
    padding: 0;
    width: 190px;
    overflow: hidden;
}
html:first-child .Infobox 
{
    /*left: -4px;*/
    }
.Infobox 
{
    
    display:none;    
    position:absolute;
    margin: 0;
    padding: 10px;
    _top: 205px;
    top: 244px;
    left: 0;
    #margin-left: -1px;    
    /*left: -4px;*/
    width: 223px;
    text-align: left;
    /*background-color:#E2E7ED;*/
    background-color: Transparent;
    overflow: hidden;
 /*   z-idex:100;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
    color:#fff; 
    background-color:#758BA5; */
}

* html .Infobox 
{
    margin-left: -3px;    
}

.Whitelink {color:#fff !important;}


/* W3File */
#W3File {
	display:block;
	position:relative;
	width:500px;
	margin:0;
	padding:0;
	font-size:11px;
	background:#E4E9ED;
}
#W3File:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

.W3FileRow {
	display:block;
	position:relative;
	width:500px;
	margin:0;
	padding:0;
}

.W3FileRow:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

.W3FileRowColumn {
	display:inline;
	position:relative;
	margin:0 0 0 5px;
	padding:5px 0 5px 0;
	float:left;
}

.W3FileRowColumn img{
	border:solid 1px #000000;
}

.W3Button {
	display:block;
	position:relative;
	margin:5px 0 0 0;
	padding:0;
	border:solid 1px #000;
	font-size:11px;
}

/* Interactive Map */

.InterActiveMapHolder {
	display:block;
	position:relative;
	margin:0 0 0 12px;
	padding:10px 0 4px 0;
	width:970px;
	font-size:11px;
	font-family:Arial, Sans-Serif;
	color:#1D252F;
}

.InterActiveMapHolder:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}


.BlockElement {
	display:block;
	position:relative;
}

.BlockElement:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

.Width62 {width:62px;}
.Width123 {width:123px;}
.Width150 {width:150px;}
.Width217 {width:217px;}
.Width250 {width:250px;}
.Width260 {width:260px;}
.Width710 {width:710px;}

.InterActiveMapColumn {
	display:inline;
	position:relative;
	margin:0;
	padding:0;
	float:left;
}

.MapMenu {
	display:block;
	position:relative;
	margin:0;
	padding:0;
}

.MapMenu:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

.MapMenu li {
	display:inline;
	position:relative;
	margin:0;
	padding:0;
	float:left;
	list-style:none;
	line-height:23px;
	background:url(../img/menu_bg2.gif) repeat-x;
	border-right:solid 1px #EAEEF2;
}

.MapMenu li a {
	display:inline;
	position:relative;
	margin:0 1px 0 1px;
	padding:0 12px 0 11px;
	float:left;
	list-style:none;
	line-height:23px;
	background:url(../img/menu_bg.gif) repeat-x;
	font-size:11px;
	font-family:Arial, Sans-Serif;
	color:#E9EEF3;
	font-weight:bold;
}

#MapInfoHeader {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	height:23px;
	line-height:23px;
	font-size:11px;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	color:#EAEEF2;
	background:#758BA5;
	width:250px;
}
#MapInfoHeader span{
	margin-left:11px;
}

#MapInfo {
	display:block;
	position:relative;
	margin:0 0 10px 0;
	padding:11px 0 0 0;
	background:#EDF0F5 url(../img/mapinfo_bg.jpg) no-repeat;
	/*background:red;*/
	min-height:456px;
	width:250px;
}

* html #MapInfo {height:467px}

#MapInfo p{
	margin:0 11px 15px 11px;
}


.MapFooters {
	display:block;
	position:relative;
	margin:0 0 10px 0;
	padding:11px 0 11px 23px;
	background:#E7EBF0;
	width:227px;
}

* html .MapFooters {width:227px;}


.MapLineIcon {
	display:block;
	position:relative;
	margin: 5px 0 0 0;
	padding: 0;
	width: 34px;
	height: 3px;
}

#InterActiveMapImage {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:710px;
	height:675px;
}

#InterActiveMap1 {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	width:275px;
	height:517px;
	z-index:20;
	top:18px;
	left:128px;
	/*background:url(../img/mainmap.jpg) -129px -19px no-repeat;*/
}

#InterActiveMap2 {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	width:194px;
	height:281px;
	z-index:10;
	top:18px;
	left:301px;
	/*background:url(../img/mainmap.jpg) -302px -19px no-repeat;*/
}

#InterActiveMap3 {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	width:216px;
	height:249px;
	z-index:21;
	top:19px;
	left:487px;
}

#InterActiveMap4 {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	width:100px;
	height:235px;
	z-index:10;
	top:298px;
	left:301px;
}

.ShownImage {
	display:block;
	position:relative;
	top:0;
	left:0;
}

.HiddenImage {
	display:block;
	position:absolute;
	top:-1000px;
	left:0;
}

/*.MapObjectIcon {
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-opacity: .5;
}


.MapObjectIconSelected {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}*/



.ItemCoordinateTable {
	margin-left:10px;
}

#ContainerInnerWithSubMenu
{               
    margin-left: auto;
    margin-right: auto;
    background: transparent url(../img/mainmiddle2.jpg) repeat-y scroll 0 0px;
    margin-top: 400px;
}

#ContainerInnerWideWithMenu
{
    margin-left: auto;
    margin-right: auto;
    background: transparent url(../img/mainmiddle3.jpg) repeat-y scroll 0 0px;
    margin-top: 400px;
}

#Calenderdiv
{
    /*border: solid 1px black;*/
    min-height: 244px;
}

* html #Calenderdiv
{
    background-color: #E2E7ED;
    height: 244px;
}