/* THIS IS SESCA FRONTPAGE CSS - GRAY VERSION */


form
{
    margin:0;
    padding:0;
}

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

body 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em; 
	color: #000000;	
	text-align: center;
	background: url(../img/gray_body_bg_slice.gif) top left repeat-x;
    background-color:#F7F7F7;
}

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

body a 
{
	color: #2289B7;
	text-decoration: none;
}

body a:link	
{	
	color: #2289B7;
	text-decoration: none;
}	
		
body a:visited	
{	
	color: #2289B7;
	text-decoration: none;
}	
		
body a:active
{	
	color: #2289B7;
	text-decoration: none;
}	
		
body a:hover {
	color: #E42D87;
	text-decoration: none;
}

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

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

table 
{
	font-size: 1em;
	color: #000000; 	
}

/* Set static page width */

#Container, #Header, #Columns, #Footer   {
	width: 996px;
}

#Header{
    z-index: 40;
}

/* Set cross-browser minimum content height */


#Container 
{
	position: relative;
	display: block;
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	padding: 0;
	height: auto;
	text-align: left;
	background: url(../img/gray_container_bg_slice.gif) top left repeat-y;
}

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;
}

#HeaderOLD 
{
	position: relative;
	display: block;
    margin:0;
    padding:0;
	height: 250px;
	background-color:transparent;
	background: url(../img/gray_header_bg_996x220.gif) top left no-repeat;
}
#Header
{
	position: relative;
	display: block;
    margin:0;
    padding:0;
	height: 175px;
	background-color:transparent;
	background: url(../img/v2/gray_header_bg_996x145.gif) top left no-repeat;
}


#Header_topOLD
{	position: relative;
	display: block;
	width: 996px;
	height: 76px;
	/*background-color: #888888;
	background: url(../img/etusivu/headertop_bg.gif) 0 0 no-repeat;	*/
	}
#Header_top
{	position: relative;
	display: block;
	width: 996px;
	height: 52px;
	}
#LanguageSelection1
{
    position:absolute;
    top:20px;
    left:766px;
    width:95px;
    background-color:transparent;
    text-align:center;
}
#LanguageSelection1 a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px!important; 	
    font-weight:bold!important;
    color:#515151!important;
}
#LanguageSelection2
{
    position:absolute;
    top:20px;
    left:866px;
    width:95px;
    background-color:transparent;
    text-align:center;
}
#LanguageSelection2 a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px!important; 	
    font-weight:bold!important;
    color:#515151!important;
}



#Header_toolbar_areaOLD
{
    position:relative;
    display:block;
    width:950px;
    height:74px;
    vertical-align:top;
    /*background: url(../img/fake_search.gif) top right no-repeat;	*/
}
#Header_toolbar_area
{
    position:relative;
    display:block;
    width:950px;
    height:64px;
    vertical-align:top;
    /*background: url(../img/fake_search.gif) top right no-repeat;	*/
}

#SearchAdnStuffTable
{
    float:right;
}


#Header_menu_holderOLD
{
    position:relative;
    display:block;
    width:996px;
    height:70px;
    text-align:right;
	overflow: hidden;
    float:right;
    background: url(../img/gray_menu1_bg.gif) top right no-repeat;	
}
#Header_menu_holder
{
    position:relative;
    display:block;
    width:996px;
    height:50px;
    text-align:right;
	overflow: hidden;
    float:right;
    background: url(../img/v2/gray_menu1_bg.gif) top right no-repeat;	
}



#MainColumns {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 996px;
    background-color:transparent;
}

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

#ContentArea 
{
	display: block;
	position: relative;
	margin: -150px 0 0 0;
	padding: 150px 0 0 0;
    min-height:500px;
    height:500px;
	width: 996px;
    background-color:transparent;
    background:url(../img/gray_frontpage_news_bg.gif) top left no-repeat;
}
html>body #ContentArea {height:auto;}

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


#FlashArea
{
   	display: block;
	position: relative;
    margin:0 0 0 33px;
	padding:0px;
    /*height:300px;*/
    height: 150px;
	width: 930px;
    background-color:white;
    overflow: hidden;
}


#Columns {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 0 0 0;
	width: 996px; 
}

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

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


#C1_left
{
	position: relative;
	display: block;
	width: 333px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


#C1_right
{
	position: relative;
	display: block;
	width: 663px;
	margin: 0;
	padding: 0;
    background-color:transparent;
}

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

.FrontpageButtonTextGray a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px!important; 	
    font-weight:bold!important;
    color:#EEEEEE!important;
    padding:0 0 0 6px;
    background:url(../img/frontpage_content_link_not.gif) 0px 7px no-repeat;
}
.FrontpageButtonTextGray p
{
    margin:0;
    padding:0;
}
.FrontpageButtonTextGray a:hover
{
    color:white!important;
    background:url(../img/frontpage_content_link_sel.gif) 0px 7px no-repeat;
}

.FrontpageButtonTextLila a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px!important; 	
    font-weight:bold!important;
    color:#EEEEEE!important;
    padding:0 0 0 6px;
    background:url(../img/frontpage_content_lila_not.gif) 0px 7px no-repeat;
}
.FrontpageButtonTextLila p
{
    margin:0;
    padding:0;
}
.FrontpageButtonTextLila a:hover
{
    color:white!important;
    background:url(../img/frontpage_content_lila_sel.gif) 0px 7px no-repeat;
}


#NewsHolder
{
  	position: relative;
    display: block;
    width: 260px;
    margin: 25px 0 0 53px;
	padding: 0 0 0 0;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px!important; 	
    font-weight:normal;
    color:#BEBEBE;
    line-height:16px;
}
.NewsLinkAndDateFP
{
    display:block;
    position:relative;  
    margin:0;
    padding:0;
}
.NewsLinkTextFPOLD
{
    font-weight:bold;
    padding:0 0 0 5px;
    background:url(../img/menu2_l1_not.gif) 0px 5px no-repeat;
}
.NewsLinkTextFP
{
    font-weight:bold;
    padding:0 0 0 0;
}
.NewsLinkTextFPOLD:hover
{
    background:url(../img/menu2_l1_sel.gif) 0px 5px no-repeat;
}
.NewsNoLinkTextFP
{
    color:#666666;
    font-weight:bold;
}
.NewsLinkDateFP
{
    font-weight:normal;
    color:#E42D87;
}
.NewsIngressFP
{
    color:#666666;
}
.NewsBottomFillerFP
{
    display:block;
    position:relative;
    height:15px;
}

#MoreNewsButtonText
{
    position: absolute;
	display: block;
    top:17px;
    left:100px;
    margin: 0;
	width: 215px;
    background-color:transparent;
}
#SAContent5
{
    position: relative;
	display: block;
    margin: 0;
    padding:0;
	width: 215px;
    background-color:transparent;
}



#BannerArea
{
	position: relative;
	display: block;
	width: 600px;
    height:0px;
	margin: 10px 0 0 30px;
	padding: 0;
    text-align:left;
    background-color:Transparent;
}


/* Here starts the two columns inside #C1_right */

#TwoColumnsLeft
{
	position: relative;
	display: block;
	width: 315px;
	margin: 20px 0 0 30px;
	padding: 0;
}
#TwoColumnsRight
{
	position: relative;
	display: block;
	width: 285px;
	margin: 20px 0 0 0;
	padding: 0;
}

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


/* THIS IS IN TwoColumnsLeft */
#SAContent1
{
    position: relative;
	display: block;
    margin: 0 0 10px 0;
    padding:0;
	width: 285px;
    background-color:transparent;
}
/* THIS ONE IS IN FOOTER! */
#TwoColumnsLeftButtonText
{
    position: absolute;
	display: block;
    top:17px;
    left:410px;
    margin: 0;
    padding:0;
	width: 215px;
}
#SAContent2
{
    position: relative;
	display: block;
    margin: 0;
    padding:0;
	width: 215px;
    background-color:transparent;
}


/* THIS IS IN TwoColumnsRight */
#SAContent3
{
    position: relative;
	display: block;
    margin: 0 0 10px 0;
    padding:0;
	width: 285px;
    background-color:transparent;
}
/* THIS ONE IS IN FOOTER! */
#TwoColumnsRightButtonText
{
    position: absolute;
	display: block;
    top:17px;
    left:724px;
    margin: 0;
    padding:0;
	width: 215px;
}
#SAContent4
{
    position: relative;
	display: block;
    margin: 0;
    padding:0;
	width: 215px;
    background-color:transparent;
}

/* Here ENDS the two columns inside #C1_right */




#Footer {
	position: relative;
	display: block;
    margin:-1 0 0 0;
	clear: both;
	height: 145px;
	width: 996px;
	background: url(../img/gray_frontpage_footer_996x105.jpg) top left no-repeat;
    background-color:#F7F7F7;
    padding:15px 0 0 0;
}	

#FooterContent
{
    display:block;
    position:absolute;
    text-align:left;
    top:110px;
    left:40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    text-decoration:none;
    font-weight:normal;
    color:#999999;
}
#FooterContent a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    text-decoration:none!important;
    font-weight:normal!important;
    color:#2289B7!important;
}
#FooterContent a:hover
{
    color:#E42D87!important;
}




/* SEARCH RESULT PAGE */

#VWS2007_ResultHolder
{
    position:relative;
    display:block;

    margin:10px 0 0 40px;
	width: 600px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    line-height:20px;
    text-decoration:none;
    font-weight:normal;
    color: #666666;
}

#VWS2007_Results h3
{
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    margin:0;
    padding:0;
    line-height:18px;
    text-decoration:none;
    font-weight:bold;
    color:#2289B7;  
}

#VWS2007_Results a
{
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    line-height:18px;
    text-decoration:none;
    font-weight:bold;
    color:#2289B7;  
}
#VWS2007_Results a:hover
{
 color: #E42D87;
}




/* SEARCH AND FONT SIZE CONTROLS */


#SearchLinkSwe
{
    position:absolute;
    display:block;
    left:900px;
    top:6px;
    width:48px;
    height:16px;
    background: url(../img/header_etsi_not_swe.gif) top left no-repeat;
}
#SearchLinkSwe:hover
{
    background: url(../img/header_etsi_sel_swe.gif) top left no-repeat;
}


#SearchLinkEng
{
    position:absolute;
    display:block;
    left:900px;
    top:6px;
    width:48px;
    height:16px;
    background: url(../img/header_etsi_not_eng.gif) top left no-repeat;
}
#SearchLinkEng:hover
{
    background: url(../img/header_etsi_sel_eng.gif) top left no-repeat;
}

#SearchLinkFin
{
    position:absolute;
    display:block;
    left:910px;
    top:6px;
    width:28px;
    height:16px;
    background: url(../img/header_etsi_not.gif) top left no-repeat;
}
#SearchLinkFin:hover
{
    background: url(../img/header_etsi_sel.gif) top left no-repeat;
}

#SearchInputTextBox
{
    position:absolute;
    display:block;
    left:730px;
    top:4px;
}


#SearchInputTextBox
{
    width:160px;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    line-height:14px;
    text-decoration:none;
    font-weight:normal;
    color:black;  
    background-color:#F5F5F5;
}

.PikalinkitDropdown
{
    width: 260px;
    margin-bottom: 5px;
    }