/*-----------------------------------------------
INDEX
-------------------------------------------------
	Global
	Layout
	Images
	Links
	Navigation
	Forms
	Misc
------------------------------------------------*/


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

html {
 height: 100%;
}


body {
 height: 100%;
 color: #000000;
 margin: 0px; 
 padding:0px;
}


img {
 border:0px;
}

small, p.bulletin-list-tight, p.bulletin-ll-archive-wrap {
 font-size:87%;
}

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


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


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


div.news-lift-wrap > p.box-att,
div#middle-column-wrapper > p.admin-linkset,
p.banner-wrapper > p.admin-linkset
{
 margin-top:0;
}


div#background {
 background: #ffffff bottom right no-repeat url(/img/layout/bg-bottom.jpg);
}


div#wrapper {
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: auto;
 margin-bottom: -130px;
 background:  top center no-repeat url(/img/layout/bg-top.jpg);
 position: relative;
}

div#push {
 height: 140px;
}


/* div#non-bottom-bar {
 background:  top center no-repeat url(/img/layout/bg-top.jpg);
 position: relative;
 min-height: 100%;
} */

/* * html #non-bottom-bar {
 height: 100%;
} */


html {
 height: 100%;
}

div#content-wrap {
 width: 900px;
 margin:auto;
/*  margin-bottom: 150px; */
}

div#header {
 width: 900px;
 margin: auto;
 background: #12b4d0 top center no-repeat url(/img/layout/bg-top-bar.jpg);
 padding: 0px;
 height: 45px;
 border-bottom: 3px solid #ffffff;
}


div#navTlWrap {
 width: 550px;
 padding-top: 13px;
 margin-left: 190px;
 text-align:center;
 font-weight: bold;
 text-transform: uppercase;
 font-size:87%;
}

div.navTlCont, div.navTlCont-selected {
 display:inline;
 padding: 0px 10px;
}

div#search-wrap {
 width: 140px;
 padding-top: 5px;
 float:right;
}

div#left-column-wrapper {
 position: relative;
 float:left;
 width:190px;
 text-align:left;
 padding-bottom: 25px;
}


div#logo-wrapper {
 position: absolute;
 top: -48px;
 width: 160px;
 height: 180px;
}


div#right-column-wrapper {
 float:left;
 width:140px;
 padding: 25px 0 25px 15px;
}


/*---Keskipalsta---*/
div#middle-column-wrapper {
 float:left;
 width: 550px;
 padding: 50px 0 25px 0;
 line-height: 150%;
}

/*---Etusivun keskipalsta---*/
div#middle-column-wrapper-sp {
 float:left;
 width: 550px;
 padding: 25px 0 25px 0;
 line-height: 150%;
}


div#main-ad {
 margin-bottom: 10px;
}


div.lift-wrap {
 width: 170px;
 padding-right: 20px;
 float:left;
 line-height: 120%;
}

div.lift-wrap h2, div.news-lift-wrap h2 {
 margin: 0;
}

div.news-lift-wrap {
 width: 170px;
 float:left;
 line-height: 120%;
}


p.banner-wrapper {
 margin:0 0 20px 0;
}

div#bottom-bar {
 position: relative;
 background: #12b4d0 top center repeat-x url(/img/layout/bg-bottom-bar.jpg);
 color: #ffffff;
 height: 130px;
 margin-top: -130px;
}


div#footer {
 width: 900px;
 height: 85px;
 margin: auto;
 padding: 30px 0 15px 0px;
}

div#contact-info {
 float:left;
 padding-left: 190px;
}


div#office-info {
 float:right;
 width: 220px;
 padding-right: 110px;
 font-weight: bold;
 font-size: 120%;
}

div#netland-wrap {
 position: absolute;
 z-index: 100;
 bottom: 10px;
 right: 10px;
}


div.lift-wrap p {
 margin:10px 0;
}

.bulletin-list-tight {
 margin:10px 0;
}



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

div#footer A {
 color: #ffffff;
 text-decoration: underline;
}


/*-----------------------------------------------
NAVIGATION
-----------------------------------------------*/

div#navWrap {
 margin-left: 10px;
 margin-top: 130px;
 margin-right: 20px;
}

div.navCont-level2, div.navCont-level2-selected,
div.navCont-level3, div.navCont-level3-selected,
div.navCont-level4, div.navCont-level4-selected,
div.navCont-level5, div.navCont-level5-selected
 {
 padding: 4px 0px;
 text-align:left;
}

div.navCont-level3, div.navCont-level3-selected,
div.navCont-level4, div.navCont-level4-selected,
div.navCont-level5, div.navCont-level5-selected
 {
 margin-left: 10px;
}



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

img#logo {
 width: 160px;
 height: 180px;
 display: block;
}


/*-----------------------------------------------
FORMS
-----------------------------------------------*/

form {
  margin: 0px;
}

input.search-input {
 border-top:1px solid #77ecff;
 border-left:1px solid #77ecff;
 border-bottom:1px solid #3a8cac;
 border-right:1px solid #3a8cac;
 width: 100px;
}

input#search-button {
 width: 29px;
 height: 35px;
 vertical-align: middle;
 margin-bottom:5px;
}



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


.clear {
  clear:both;
}