/*-----------------------------------------------
INDEX
-------------------------------------------------
	Global
	Layout
		Etusivun asiakas-scrolleri
		Tiedotepalsta
		Referenssit
		Virhesivu
	Links
	Topnav
	Navigation
	Images
	Forms
	Misc
------------------------------------------------*/

/*-----------------------------------------------
Katso myös:
styles_asiakkaat.css
styles.inc
------------------------------------------------*/


/*-----------------------------------------------
GLOBAL
-----------------------------------------------*/

body {
 margin: 0px; 
 padding: 0px;
 background: #f6f6f6 top left repeat-x url(/img/layout/bg-body.gif);
 line-height: 100%;
}

h1 { 
 margin: 0 0 0.5em 0;
 line-height: 120%;
}

h1 a,
h1 a:visited {
 text-decoration: none;
}

h2 { 
 margin: 1.5em 0 0.5em 0;
 line-height: 120%;
}

/*--- h3 kts. styles.inc ---*/

p {
 margin: 0.3em 0 0.9em 0;
}

form {
  margin: 0px;
}


/*-----------------------------------------------
LAYOUT
-----------------------------------------------*/

div#wrapper {
 margin: auto;
 width:950px;
}

div#page-wrapper {
 width: 950px;
 margin:auto;
}

div#print-header {
 display:none;
}

div#header-wrap {
 position:relative;
 height: 70px;
}

div#header-wrap-sp {
 position:relative;
 height: 70px;
 background: 630px 0 no-repeat url(/img/layout/bg-header-sp.gif);
}

div#logo-wrap {
 padding-top: 15px;
}

img#imgLogo {
 display: block;
 width: 235px;
 height: 41px;
}

div#search-wrapper {
 float: right;
 margin-top: 18px;
 width: 250px;
 text-align: right;
}

input.search-input {
 border:1px solid #c8c8c8;
 width: 130px;
 padding: 2px;
}

input#search-button {
 width: 32px;
 height: 32px;
 vertical-align: middle;
 margin: 0 0 4px 5px;
}

div#searchHelp {
 margin-right: 4px;
 float: right;
 text-align: left;
 padding: 3px 5px;
 color: black;
 border: 1px solid #c8c8c8;
 max-width: 200px;
 background-color: white;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 border-radius: 5px;
}

div#topNavWrap {
 width: 950px;
 height: 40px;
 background: #ffffff top center no-repeat url(/img/layout/bg-topNav.gif);
}

div#topNavWrap-sp {
 width: 950px;
 height: 40px;
 background: #ffffff top center no-repeat url(/img/layout/bg-topNav-akt.gif);
}

div#homeWrap {
 float:left;
 width:48px;
}

img#imgHome {
 display: block;
 width: 48px;
 height: 40px;
}

div#navTlWrap {
}

div#left-column-wrapper {
 width:295px;
 padding: 0 0 0 0;
 float: left;
}

div#left-column-wrapper-sp,
div#left-column-wrapper-fp {
 display: none;
}

div#sideTextWrap {
 width: 290px;
 overflow:hidden;
 margin-left: 5px;
 line-height: 140%;
 background: #ededed top center no-repeat url(/img/layout/bg-sideText.gif);
}

div#sideText {
 padding: 53px 30px 30px 40px;
}

div#sideImgWrap {
 margin-left: 5px;
}

div#right-column-wrapper {
 width:620px;
 margin: 50px 0 0 330px;
 line-height: 140%;
}

div#right-column-wrapper-sp {
 width:950px;
 min-height: 270px;
 padding-top: 50px;
 line-height: 140%;
 background: top right no-repeat url(/img/layout/bg-startpage.jpg);
}

div#right-column-wrapper-fp {
 width:950px;
 padding-top: 50px;
 line-height: 140%;
}

div#textWrap {
 padding-bottom: 50px;
}

div#textWrap-sp {
 padding-bottom: 0px;
}


div#footer {
 position: relative;
 margin: auto;
 width: 600px;
 height: 29px;
 padding: 11px 175px 0 175px;
 background: #ffffff;
 text-align:center;
}

div#contactBannerWrap {
 position: absolute;
 z-index: 10;
 top: -7px;
 left: -13px;
 width: 172px;
 height: 27px;
 padding-top: 26px;
 background: top left no-repeat url(/img/layout/bg-contact-banner.png);
 color: #ffffff;
}

div#contactBannerWrap a {
 color: #ffffff;
 text-decoration: none;
}

div#footerShadow {
 margin: auto;
 width: 950px;
 height: 50px;
 background: top center no-repeat url(/img/layout/bg-footer.png);
}

div#spTextContainer {
 background: bottom center no-repeat url(/img/layout/bg-spTextContainer.gif);
 margin-bottom: 5px;
}

div#spTextWrap {
 width: 410px;
 min-height: 300px;
 margin-left: 48px;
}

div#newsListContainer {
 float: left;
 margin-left: 5px;
 width: 632px;
 height: 270px;
 background: #ededed top left no-repeat url(/img/layout/bg-newsList.jpg);
}

div#newsListWrapper {
 padding: 30px 50px 30px 325px;
}

div#newsListWrapper h2 {
 margin: 0 0 10px 0;
}

div#spBall {
 position: absolute;
 z-index: 2;
 top: -18px;
 left:-18px;
 width: 32px;
 height: 32px;
 background: top left repeat-x url(/img/layout/ball.gif);
}

div#spBall2 {
 position: absolute;
 z-index: 2;
 bottom: 0px;
 left:-18px;
 width: 32px;
 height: 16px;
 background: top left repeat-x url(/img/layout/halfball.gif);
}

a.fb_link,
a.fb_link:visited {
 color: #3B5998;
 text-decoration: none; 
 font-family: "segoe ui", sans-serif; 
 font-size: 11px;
}

a.fb_link:hover {
 text-decoration: underline;
}

/*---Tiedotepalsta ---*/

div#bulletinListCont {
 width:295px;
 margin-top: 75px;
 float: left;
}

div#bulletinListWrap {
 border-bottom: 1px solid #e0e0e0;
}

.bulletinItem {
 padding: 8px; 
 border-top: 1px solid #e0e0e0;
}

.bulletinItem:hover {
 background: #f5f5f5 left top repeat-x url(/img/layout/bg-item.jpg);
 cursor: pointer;
}

.bulletinItemSelected {
 padding: 8px; 
 border-top: 1px solid #e0e0e0;
 background: #ececec left top repeat-x url(/img/layout/bg-itemSel.jpg);
}

div#bulletinPagerWrap {
 margin: 20px 10px 50px 5px;
}

div#bulletinTextWrap {
 margin-left: 330px;
 width: 620px;
}


/*--- Referenssit ---*/

div#refPageText {
 margin-left: 330px;
}

div#refCont {
 border-top: 1px solid #e0e0e0;
}

div.refImgCont {
 width: 295px;
 float:left;
 text-align: center;
 display: none;
}

div.refImgWrap {
 background: top center no-repeat url(/img/layout/bg-scrollable.png);
 height: 153px;
 padding-top: 11px;
 margin-top: 5px;
 padding-right: 2px;
}

div.refTextWrap {
 margin-left: 322px;
 width: 612px;
}

div.refText {
 padding-right: 150px;
 display: none;
}

.refItem {
 padding: 8px;
 border-bottom: 1px solid #e0e0e0;
 position: relative;
}

.refItem:hover {
 background: #f5f5f5 left top repeat-x url(/img/layout/bg-item.jpg);
 cursor: pointer;
 padding: 8px;
 border-bottom: 1px solid #e0e0e0;
}

.refLoadingImg {
 display: none; 
 position: absolute;
 top: 10px;
 left: 45px;
}

.refSelected,
.refSelected:hover {
 background: #f9f9f9 left bottom repeat-x url(/img/layout/bg-itemSel.jpg);
 cursor: default;
}

.refTitle {
 font-weight: bold;
}

div.refUrlWrap {
 float:right;
}


/*--- Virhesivu ---*/

body#ad {
 font-family:Tahoma, Geneva, sans-serif; 
 font-size: 80%; 
 color:#666666; 
}

div#adCont {
 width: 600px;
 margin: auto;
 margin-top: 10%;
 text-align: center;
}

div#adLogoWrap {
 margin-bottom: 30px;
}

div#adTextWrap {
 padding: 50px 10px;
 border-top: 1px solid #e0e0e0;
 border-bottom: 1px solid #e0e0e0;
}

div#adTextWrap h1 {
 font-family:Trebuchet MS, Helvetica, sans-serif; 
 font-size: 280%; 
 color:#666666;
 font-weight:normal;
 margin-top:0;
}

div#adTextWrap a {  
 color:#f36d00; 
 text-decoration:underline;
 outline: none;
}


/*-----------------------------------------------
TOPNAV
kts. styles.inc
-----------------------------------------------*/

/*-----------------------------------------------
NAVIGATION
kts. styles.inc
-----------------------------------------------*/


/*-----------------------------------------------
LINKS
-----------------------------------------------*/

.pager-wrapper a {
 text-decoration: none;
}


/*-----------------------------------------------
IMAGES
-----------------------------------------------*/

img.flag-img {
 width: 16px;
 height: 11px;
 margin: 0 5px 0 10px;
 vertical-align: middle;
}

img.logout-img {
 width: 19px;
 height: 14px;
 margin: 0 5px 0 3px;
 vertical-align: middle;
}



/*-----------------------------------------------
MISC
-----------------------------------------------*/

.clear {
  clear:both;
}