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

body 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #000;	
	text-align: center;
	background:  url(../../img/img_08/bg.gif) repeat-x left top; 
	/*background: #E2EEF5;*/
}

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

body a 
{
	color: #0090D1;
	/*color: #009AEA; */
	text-decoration: none;
	font-weight: normal;
}

body a:link	
{	
	color: #0090D1;
	/*color: #009AEA; */
	text-decoration: none;
}	
		
body a:visited	
{	
	color: #0090D1;
	/*color: #009AEA; */
	text-decoration: none;
}	
		
body a:active
{	
	color: #0090D1;
	/*color: #009AEA; */
	text-decoration: none;
}	
		
body a:hover {
	color: #0090D1;
	text-decoration: underline;
	/*color: #009AEA; */
	text-decoration: none;
}

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

table 
{
	font-family: Arial, Helvetica, Sans-serif; 
	font-size: 1em;
	color: #666666; 
}

p 
{
	margin: 0;
	padding: 0 0 8px 0;
	}


/**********************************************************/


#Container 
{
	position: relative;
	display: block;
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	padding: 0;
	height: auto;
	width: 997px;
	text-align: left;
	background: url(../../img/img_08/container_bg.jpg) no-repeat left top;
	/*border: solid 1px white;*/
}

* html #Container
{

	width: 1000px;
	/*border: solid 1px blue;*/
}

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

/*************************************** HEADER-ELEMENTS *******************/




#SABanner {
	display: block;
	position: absolute;
	width: 570px;
	height: 140px;
	margin: 0;
	padding: 0;
	top: 10px;
	left: 238px;
	z-index: 30;
	/*border: solid 1px green;*/
}

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

#Logo {
/*	display: relative;*/
	position: relative;
	width: 210px;
	height: 88px;
	margin: 0;
	margin-left: 15px;
	padding: 0;
	/*padding-bottom: 10px;*/

/*	top: 0px;
	left: 15px;*/
	z-index: 20;
	/*border: solid 1px black;*/
	margin-bottom: 10px;

}

* html #Logo{
	margin-bottom: 10px;
}

/******************************* COLUMNS N STUFF ***************************/

#Columns {
	position: relative;
	display: block;
	margin: -88px 0 0 15px;
	padding: 0;
	/*width: 780px;*/
	width: 997px;
	height: auto;
	background: url(../img/columns_bg.gif) no-repeat left top;	
}



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



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


#C1 {	
	position: relative;
	display: block;
	width: 210px;
	margin: 0;
	margin-right: 10px;
	padding: 0;
	/*border: dotted 1px blue;	*/
}

#C2 {
	position: relative;
	display: block;
	width: 571px;
	padding: 160px 0 5px 0;
	margin: 0;
	/*background: url(../img/header_bg.gif) no-repeat left top;*/
	/*border: solid 1px black;*/
	/*overflow: hidden;*/
}

* html #C2{
	width: 571px;

	/*border: solid 1px black;*/
}


#C3 {
	position: relative;
	display: block;
	width: 175px;
	/*padding: 160px 0 5px 0;*/
	margin: 0;
	overflow: visible;
}


.Border1Top
{
	position:relative;
	display:block;
	margin:0 0 0 0px;
	padding:0;
	width:544px;
	height:7px;
	overflow:hidden;
	background:url(../img/border1_top.gif) no-repeat;
}

.Border1
{
	position:relative;
	display:block;
	margin:0 0 0 0px;
	padding:0;
	width:544px;
	background:url(../img/border1.gif) repeat-y;
}

.Border1Bottom
{
	position:relative;
	display:block;
	margin:0 0 0 25px;
	padding:0;
	width:544px;
	height:7px;
	overflow:hidden;
	background:url(../img/border1_bottom.gif) no-repeat;
}

.Border3Top
{
	position:relative;
	display:block;
	margin:0 0 0 17px;
	padding:0;
	width:511px;
	height:32px;
	overflow:hidden;
	background:url(../img/border3_top.gif) no-repeat;
}

.Border3
{
	position:relative;
	display:block;
	margin:0 0 0 17px;
	padding:0;
	width:511px;
	background:url(../img/border3.gif) repeat-y;
}

.Border3Bottom
{
	position:relative;
	display:block;
	margin:0 0 0 17px;
	padding:0;
	width:511px;
	height:7px;
	overflow:hidden;
	background:url(../img/border3_bottom.gif) left top no-repeat;
}
html>body .Border3Bottom {margin: 0;}



#C1:after, #C2:after, #C3:after  {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

#EventArea
{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:520px;
}

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

.CalendarHolder
{
	display:block;
	position:relative;
	margin:0;
	padding:0 0 7px 0;
	width:520px;
}

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

.CalendarLeft
{
	display:inline;
	position:relative;
	margin:0;
	padding:0;
	width:215px;
	float:left;
}

.CalendarRight
{
	display:inline;
	position:relative;
	margin:0;
	padding:0;
	width:265px;
	text-align:right;
	float:left;
}

.CalendarLeft2
{
	display:inline;
	position:relative;
	margin:0;
	padding:0;
	width:80px;
	float:left;
}
.CalendarCenter
{
	display:inline;
	position:relative;
	margin:0;
	padding:0;
	width:330px;
	float:left;
	text-align:center;
}

.CalendarRight2
{
	display:inline;
	position:relative;
	margin:0;
	padding:0;
	width:100px;
	float:left;
	text-align:right;
}


/****************************************** SACONTENTS ****************/

#SAContent1
{
	position:relative;
	display: block;
	margin: 0 0 0 20px;
	padding:  5px 0 0 0;
	width: 550px;
	height: auto;	
	/*border: solid 1px black;*/
}

* html #SAContent1 {
	margin: 0;
}

.TextLeft #SAContent1 {width: 240px;}

.TextWide
{
    margin:0;
    margin-bottom:10px;
    padding: 0;    
    width: 571px;
    border: solid 1px #F3F3F3;
    }

.BoxLeft
{
    width: 270px;
    padding-left: 10px;
    margin-bottom: 10px;
    height: 133px;
    border: solid 1px #F3F3F3;
}

#SAContent2, #SAArea1
{
	position:relative;
	display: block;
	margin: 0 0 0 0px;
	padding: 0;
	width: 520px;
	height: auto;	
}

#SAArea1
{
    width: 551px;
    /*border: solid 1px black;*/
    padding: 10px;
    /*border: solid 1px #F3F3F3;*/
}

.TextLeft #SAContent2 {width: 240px;}

.Border3 #SAContent2 {margin: 10px 0 0 0px;width:495px;}


/*************************** TEXT COLUMNS */



#UpperCols, #TextCols 
{
	position:relative;
	display: block;
	/*margin: 0 0 0 25px;*/
	margin: 0;
	padding:  5px 0 0 0;
	width: 545px;
	height: auto;
}

.TextLeft
{
	position:relative;
	display: block;
	margin: 0;
	padding:  0;
	width: 280px;
	height: auto;
	/*border: dotted 1px black;*/
}

.TextRight
{
	position:relative;
	display: block;
	margin: 0 0 0 10px;
	padding:  0;
	padding-left: 0px;
	width: 277px;
	height: auto;
	/*background: black;*/
	/*border: solid 1px black;*/
}

#FrontBlue {
	position:relative;
	display:block;
	margin:0;
	padding:0;
	padding-left: 10px;
	width:270px;
	height: 280px;
	background:url(../../img/img_08/front_blue.jpg) left top no-repeat;

}

.BorderTop
{
	position:relative;
	display:block;
	margin:0;
	padding:0;
	width:265px;
	height:32px;
	overflow:hidden;
	background:url(../img/border_top.gif) no-repeat;
}

.Border
{
	position:relative;
	display:block;
	margin:0;
	padding:0;
	width:265px;
	overflow:hidden;
	background:url(../img/border.gif) repeat-y;
}

.BorderBottom
{
	position:relative;
	display:block;
	margin:0;
	padding:0;
	width:265px;
	height:9px;
	overflow:hidden;
	background:url(../img/border_bottom.gif) no-repeat;
}

.Border2Top
{
	position:relative;
	display:block;
	margin:0;
	padding:0;
	width:265px;
	height:9px;
	overflow:hidden;
	background:url(../img/border2_top.gif) no-repeat;
}

.Border2
{
	position:relative;
	display:block;
	margin:0;
	padding:0;
	width:265px;
	overflow:hidden;
	border: solid 1px #F3F3F3;
	background:url(../img/border.gif) repeat-y;
}

.Border2Bottom
{
	position:relative;
	display:block;
	margin:0;
	padding:0;
	width:265px;
	height:9px;
	overflow:hidden;
	background:url(../img/border_bottom.gif) no-repeat;
}

#SAContent3
{
	position:relative;
	display: block;
	margin: 10px 0 0 0px;
	padding: 0;
	width: 240px;
	height: auto;
}

.Border3Top #SAContent3 {margin: 10px 0 0 0px;width:495px;height:20px;overflow:hidden;}

 #SAContent4
{
	position: relative;
	display: block;
	margin: 10px 0 0 10px;
	padding: 0;
	width: 240px;
	overflow: hidden;
}


#SAContent5
{
	position:relative;
	display: block;
	margin: 7px 0 0 10px;
	padding: 0;
	height: 28px;
	width: 240px;
	overflow: hidden;
}

#SAContent6
{
	position: relative;
	display: block;
	margin: 7px 0 0 10px;
	padding: 0;
	height: 20px;
	width: 240px;
	overflow: hidden;
}

#SAContent7
{
	position:relative;
	display: block;
	margin: 10px 0 0 10px;
	padding:  0px 0 0 0;
	width: 240px;
	height: auto;
}



#SAContent1:after, #SAContent2:after,  #SAContent3:after, #SAContent4:after,#SAContent5:after,#SAContent6:after,#SAContent7:after,#SAArea1:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}


/********************************* FOOTER *************************/

#Footer 
{
	position: relative;
	display: block;
	margin: 0 0 0 15px;
	padding: 0;
	/*width: 770px;*/
	width: 970px;
	/*height: 157px;*/
/*	height: 113px; */
	/*background: url(../img/footer_bg.gif) no-repeat left top;*/
	margin-top: 10px;
	border-top: solid 1px #F3F3F3;
	text-align:left;
	}

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

#CopyRight {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	height: 20px;
	width: 200px;
	top: 18px;
	left: 10px;
	color: #F7EBBC;
}

	
#Powered
{
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	height: 20px;
	line-height: 20px;
	width: 250px;
	margin-top: 16px;
	/*left: 580px;*/
	color: #CCCCCC;
	text-decoration: none;
	float:right;
	text-align: right;
	text-transform: uppercase;
}
	
/********************************************************/

#WindowHeight 
{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}


/***************************************************/

#LogoNordea {
	display: block;
	position: absolute;
	width: 135px;
	height: 91px;
	top: 45px;
	left: 0;
}

#LogoVlp {
	display: block;
	position: absolute;
	width: 104px;
	height: 88px;
	top: 45px;
	left: 150px;	
}

#LogoSonera {
	display: block;
	position: absolute;
	width: 104px;
	height: 88px;
	top: 45px;
	left: 260px;	
}

#LogoElisa{
	display: block;
	position: absolute;
	width: 72px;
	height: 40px;
	top: 70px;
	left: 380px;
}

#LogoEtera {
	display: block;
	position: absolute;
	width: 137px;
	height: 34px;
	top: 75px;
	left: 490px;		
}

#LogoSuomenYrittajat {
	display: block;
	position: absolute;
	width: 157px;
	height: 89px;
	top: 45px;
	left: 445px;	
}

#LogoSyt{
	display: block;
	position: absolute;
	width: 125px;
	height: 88px;
	left: 640px;	
	top: 45px;
}

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

/*************************************************/

#Addressbox {
	display: block;
	position: relative;
	margin-top: 10px;
	padding: 20px 0 0px 18px;
	margin: 0;
	/*margin-top: -5px;*/
	height: 115px;
	width: 192px;
	background: url(../../img/img_08/osoite_bg.gif) repeat-x top left;
	/*border: solid 1px blue;*/
}

* html #Addressbox {
	width: 210px;
}

#Addressbox a {
	font-weight:bold;
	color: #009AEA;
	text-decoration:none;
}

#Addressbox a:hover {
	font-style:bold;
}


/************************* News and events style*******/

.NewsArea {
	display: block;
	position: relative;
	margin: 0;
	padding: 0px 0 0 0;
	width: 255px;
	
}

.NewsDate {
	display: block;
	position: relative;
	color: #999999;
	margin: 0 0 5px 0;
}

.NewsTitle {
	color: #009AEA;
}

.NewsTitle a {
	color: #009AEA !important;	
}

.NewsTitle a:hover {
	color: #009AEA !important;
}


.tbEvent {
	display: block;
	position: relative;
	margin: 0 0 5px 0;
	padding: 0;
	width: 551px;
	color: #000000;
	border-collapse: collapse;
	overflow: hidden;	
	border: none;
	/*border: solid 1px black;*/
}

html>body .tbEvent tr {display:block;position:relative;margin:0;padding:0;}

.EventTitle {
	display: block;
	position: relative;
	margin: 0;
	margin-left: -1px;
	margin-right: -1px;
	padding: 8px 0 0 5px;
	width:548px;
	height:32px;
	overflow: visible;
	background:url(../../img/img_08/border3_top_new.gif) left top no-repeat;	
	border: none;
	/*border: solid 1px black;*/
	/*background-color: Black;*/
}
html>body .EventTitle {height:auto;}

.EventTime {
	padding: 5px;
	width: 70px;
	/*border-right: 1px dashed #CCCCCC;
	border-left: 1px solid #EEEEEE;*/
}
html>body .EventTime {float:left;width: 83px;}

.EventContent {
	padding: 5px;
	width: 280px;
	/*border-right: 1px solid #EEEEEE;*/
}
html>body .EventContent {float:left;width: 310px;}

.Lightrow {
	background-color: #ffffff;
	overflow: hidden;
}

.Darkrow{
	background-color: #F5F5F5;
	overflow: hidden;
}

#LinksArea
{
    margin: 0;
    padding: 0;
    margin-left: 10px;    
    text-align: center; 
    /*border: solid 1px black;*/
    /*background-color: lime;*/
    height: auto;
    }


.LinkPicture
{
    border: solid #F3F3F3 1px;
    margin-left: auto; 
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    margin-right: auto;
    margin-bottom: 10px;    
    background: transparent;
    z-index:30;
}

.LinkPicture img{
    max-width: 99%;
}


#GreyBorder
{
    border: solid 1px #F3F3F3;
    margin:0; 
    padding: 0;
}

.LinkBullet
{
    color: #DD2F47;
}

p.Linkki a
{
    padding-left: 5px;
    background: url(../../img/img_08/linkbullet.gif) no-repeat 2px left;
}

p.Linkki a:Link
{
    padding-left: 5px;
    background: url(../../img/img_08/linkbullet.gif) no-repeat 2px left;
}

p.Linkki a:Hover
{
    padding-left: 5px;
    background: url(../../img/img_08/linkbullet.gif) no-repeat 2px left;
}

#SAInclude1{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    overflow: visible;
}