@charset "utf-8";
/* 
Styles for NewLiner Oy
www.newliner.fi
2009 © Mediascope Oy
*/
* {
border: 0;
padding: 0;
margin: 0;
font-family: Arial, Verdana, Georgia, sans-serif;
}

/*--- PÄÄRAKENNE JA YLEISTYYLIT ---*/
html, body {   height:100%;}
h1 {
text-indent: -9000pt;
background: url(../images/newliner_logo.gif) no-repeat top left;
display: block;
height: 96px;
width: 330px;
float: left;
margin: 60px 0 0 50px;
}
h2 {
color: #0069b2;
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
border-bottom: 1px solid #b6b6b6;
padding-bottom: 10px;
margin-bottom: 10px;
}
h3 {
color: #0069b2;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 10px;
}
.clearer {
clear: both;
}
div#container {
min-height:100%;
position:relative;
background: #FFF;
}
div#top-wrap {
height: 345px;
background: #0069b2;
}
div.top-bg {
height: 345px;
min-width: 1021px;
}
div#top-cont {
margin: 0 auto;
width: 1021px;
height: 197px;
}
/*--- PÄÄRAKENNE JA YLEISTYYLIT LOPPUU ---*/

/*------ PÄÄVALIKKO ALKAA ------*/
div#navigation_primary {
float: right;
margin: 95px 0 0 0;
}
div#navigation_primary ul {
list-style: none;
}
div#navigation_primary ul li {
float: left;
position: relative;
height: 78px;
background: url(../images/menu_border.png) no-repeat top left;
padding: 0 0 0 0;
}
div#navigation_primary ul li.last_menu_item:after {
/*content:url(../images/menu_border.png);*/
}
div#navigation_primary ul li a, div#navigation_primary ul li a:link, div#navigation_primary ul li a:visited, div#navigation_primary ul li a:active {
display: block;
padding: 30px 10px 0 10px;
font-size: 12px;
height: 78px;
text-transform: uppercase;
color: #FFF;
text-decoration: none;
}
div#navigation_primary ul li a:hover, div#navigation_primary ul li.active a, div#navigation_primary ul li.active a:link, div#navigation_primary ul li.active a:visited, div#navigation_primary ul li.active a:active {
background: url(../images/menu_mo.png) repeat-x top left;
}
a:focus, div#navigation_primary ul li a:focus { outline: none; }
/*------ PÄÄVALIKKO LOPPUU ------*/
div.languages {
z-index: 1000;
float: right;
padding: 20px 0 0 0;
}
div.languages select {
border: 1px solid #CCC;
background: #0069b2;
color: #FFF;
font-size: 10px;
}
/* KIELIVALINNAT */
div.languages {
text-indent: -9000pt;
position: absolute;
width: 200px;
padding: 20px 0 0 900px;
}
div.languages a, div.languages a:visited, div.languages a:active, div.languages a:link {
width: 30px;
height: 53px;
display: block;
float: left;
position: relative;
margin-right: 10px;
}
div.languages a.lang_fi, div.languages a.lang_fi:visited, div.languages a.lang_fi:active, div.languages a.lang_fi:link {
background: url(../images/langBall_fi.png) no-repeat 0px -53px;
}
div.languages a.lang_se, div.languages a.lang_se:visited, div.languages a.lang_se:active, div.languages a.lang_se:link {
background: url(../images/langBall_se.png) no-repeat 0px -53px;
}
div.languages a.lang_en, div.languages a.lang_en:visited, div.languages a.lang_en:active, div.languages a.lang_en:link {
background: url(../images/langBall_en.png) no-repeat 0px -53px;
}

div.languages a.lang_se:hover, div.languages a.lang_fi:hover, div.languages a.lang_en:hover,
div.languages a.active, div.languages a.active:link, div.languages a.active:active, div.languages a.active:visited { background-position: 0px 0px;}

/*------ ALAVALIKOT ALKAA ------*/

/* 2. taso */
#navigation_secondary {
margin: 0 auto;
width: 960px;
height: 63px;
overflow: hidden;
padding: 15px 0px 0px 40px;
}
div#navigation_secondary ul {
list-style: none inside;
display: block;
}
div#navigation_secondary ul li {
float: left;
position: relative;
}
div#navigation_secondary ul li a, div#navigation_secondary ul li a:link, div#navigation_secondary ul li a:visited, div#navigation_secondary ul li a:active {
display: block;
padding: 0px 20px 0 20px;
font-size: 12px;
height: 30px;
text-transform: uppercase;
color: #727272;
text-decoration: none;
background: url(../images/submenu-arrow.jpg) no-repeat bottom center;
}
div#navigation_secondary ul li a:hover, div#navigation_secondary ul li.active a, div#navigation_secondary ul li.active a:link, div#navigation_secondary ul li.active a:visited, div#navigation_secondary ul li.active a:active {
color: #0069b2;
background: url(../images/submenu-arrow-mo.jpg) no-repeat bottom center;
}
/* 3-4. taso */
#navigation_third {
float:left;
width: 130px;
padding-right: 20px;
}
#navigation_third ul {
list-style: none inside;
}
#navigation_third ul li ul {
padding-left: 10px;
}
div#navigation_third ul li ul li a, div#navigation_third ul li ul li a:link, div#navigation_third ul li ul li a:visited, div#navigation_third ul li ul li a:active {
border: none;
color: #666;
background: url(../images/small_arrow.gif) no-repeat left 9px;
}
div#navigation_third ul li a, div#navigation_third ul li a:visited, div#navigation_third ul li a:link, div#navigation_third ul li a:active {
display: block;
padding: 5px 0 5px 10px;
font-size: 10px;
text-transform: uppercase;
color: #333;
text-decoration: none;
border-bottom: 1px solid #CCC;
background: url(../images/arrow.gif) no-repeat left 8px;
}
div#navigation_third ul li a:hover, div#navigation_third ul li.active a {
color: #0069b2;
}
/*------ ALAVALIKOT LOPPUU ------*/

/*------ ETUSIVUN "TYÖPÖYTÄ ALKAA ------*/
div.desktop {
background: url(../images/black_transparency.png) repeat-x 0 50px;
height: 148px;
}
div.sc-container { margin: 0 auto; width: 1021px;}
div.shortcut {
display: block;
position: relative;
float: left;
width: 335px;
margin-right: 5px;
overflow: hidden;
}
div.shortcut img {
float: left;
clear: left;
margin-right: 10px;
}
div.shortcut h3 {
font-size: 12px;
font-weight: bold;
color: #FFF;
margin: 60px 0 5px 0;
text-transform: uppercase;
}
div.shortcut p {
font-size: 12px;
color: #d4d4d4;
}
div.shortcut a {
color: #FFF;
text-decoration: none;
}
/*------ ETUSIVUN "TYÖPÖYTÄ" LOPPUU ------*/

/*------ SISÄLTÖALUEEN ASETTELUT ALKAA ------*/
div#content_wrap {

background: url(../images/content_fade.png) repeat-x top left;
}
div#content {
margin: 0 auto;
width: 1021px;
padding: 15px 0 80px 30px;
}
div.leftcol-frontpage {
float: left;
width: 650px;
padding: 0 30px 0px 0px;
}
div.leftcol {
float: left;
width: 630px;
padding: 0 10px 0px 40px;
}
div.leftcol-with-menu {
float: left;
width: 530px;
padding: 0 10px 0px 10px;
}
div#content p {
font-size: 12px;
color: #3f3f3f;
line-height: 1.6em;
margin-bottom: 10px;
}
div#content p a, div#content p a:link, div#content p a:visited, div#content p a:active {
color: #007bc4;
text-decoration: underline;
}
div#content p a:hover { color: #000; }
div.rightcol {
float: right;
width: 311px;
padding: 0 0 0 0;
}
div#content ul {
list-style-position: inside;
font-size: 12px;
color: #3f3f3f;
margin: 0 0 8px 15px;
}
div#content ul li {
margin-bottom: 5px;
}
div#under_menu {
text-align: right;
clear: both;
padding: 5px 20px 0 0;
}
div#under_menu a, div#under_menu a:active, div#under_menu a:link, div#under_menu a:visited {
color: #000;
text-decoration: none;
font-size: 9px;
}
div#under_menu a:hover {
color: #007bc4;
}
/*------ SISÄLTÖALUEEN ASETTELUT PÄÄTTYY ------*/

/*------ UUTISET ALKAA ------*/
.view-news {
display: block;
padding-bottom: 10px;
}

.view-box-top span.readmore a, .view-box-top span.readmore a:link, .view-box-top span.readmore a:visited, .view-box-top span.readmore a:active, 
.view-box-top span.box-title a, .view-box-top span.box-title a:link, .view-box-top span.box-title a:visited, .view-box-top span.box-title a:active {
color: #0069b2;
text-decoration: none;
}
.view-box-top span.readmore a:hover, .view-box-top span.box-title a:hover   { 
color: #000;
text-decoration: none;
}
.view-box {
width: 318px;
display: block;
float: left;
background: url(../images/box_middle.png) repeat-y top left;
margin-right: 22px;
}
.view-box-top {
background: url(../images/box_top.png) no-repeat top left;
padding: 7px 5px 0 7px;
min-height: 90px;
}
.view-box-bottom {
background: url(../images/box_bottom.png) no-repeat bottom left;
height: 6px;
clear: both;
}
.view-box img {
float: left;
clear: left;
margin-right: 10px;
}
.box-title {
color: #353535;
font-size: 12px;
display: block;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 5px;
}
.teaser {
color: #767676;
font-size: 12px;
display: block;
}
.readmore {
background: url(../images/readmore_btn.png) no-repeat top left;
width: 77px;
height: 18px;
display: block;
color: #0069b2;
float: right;
font-size: 10px;
text-align: center;
padding-top: 5px;
}
/*------ UUTISET LOPPUU ------*/

/*------ FOOTER ------- */
div#footer {
background: url(../images/footer_bg.png) repeat-x top left;
height: 70px;
position:absolute;
bottom:0;
width:100%;
}
div.footer_content {
width: 701px;
height: 70px;
padding: 0 0 0 270px;
color: #FFF;
background: url(../images/small_logo.gif) no-repeat left 10px;
margin: 0 auto;
font-size: 12px;
}
div.footer_content td.td-info{
width: 270px;
padding: 20px 0 0 0;
}
div.footer_content td.td-pic{
width: 40px;
padding: 20px 0 0 0;
}
/*------ FOOTER PÄÄTTYY ------- */

a.sitemap_link, a.sitemap_link:link, a.sitemap_link:active, a.sitemap_link:visited {
text-decoration:none;
color: #0069b2;
}
a.sitemap_link:hover {
color: #000;
}

a.referenssi:focus {
outline: none;
}
h3.referenssi {
font-size: 18px;
font-weight: bold;
color: #318cc5;
margin: 5px 0;
}
h2.referenssi {
color: #FFF;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
height: 18px;
width: 360px;
border: none;
padding-top: 3px;
margin: 10px 0 0 0;
text-align: center;
background: url(../refimages/h2-bg.png) no-repeat top left;
}
#reference-wrapper {
width: 778px;
height: 499px;
padding: 11px;
background: url(../refimages/reference_tausta.png) no-repeat top left;
}
#reference-header {
height: 163px;
}
span.kaupunki {
color: #aaaaaa;
font-size: 14px;
letter-spacing: 0.1em;
}
.sitaatit {
float: right;
width: 470px;
}
.kohdeihminen {
float: left;
width: 170px;
position: relative;
height: 163px;
padding-left: 40px;
}
.kohdeihminen img {
position: absolute;
bottom: 0;
}
span.quote {
color: #FFF;
float: right;
width: 400px;
margin: 20px 20px 5px 0;
font-size: 18px;
font-style: italic;
display: block;
}
span.quoter {
font-size: 11px;
font-weight: bold;
color: #FFF;
float: right;
width: 420px;
display: block;
}
#reference-footer ul{
list-style: none;
}
#reference-footer ul li{
position:relative;
float: left;
margin-right: 170px;
}
#reference-footer ul li a {
color: #969696;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
font-size: 11px;
}
#reference-footer ul li.close a, #reference-footer ul li.close a:link, #reference-footer ul li.close a:visited, #reference-footer ul li.close a:active {
display: block;
height: 19px;
margin-top: 5px;
width: 52px;
text-indent: -9000pt;
background: url(../refimages/closeBtn.png) no-repeat 0 0;
}
#reference-footer ul li.close a:hover { background: url(../refimages/closeBtn.png) no-repeat 0 -19px;}
#reference-footer ul li.prev a, #reference-footer ul li.prev a:link, #reference-footer ul li.prev a:visited, #reference-footer ul li.prev a:active {
background: url(../refimages/arrow_l.jpg) no-repeat 0 0;
padding: 0 0 0 15px;
}
#reference-footer ul li.next a, #reference-footer ul li.next a:link, #reference-footer ul li.next a:visited, #reference-footer ul li.next a:active {
background: url(../refimages/arrow_r.jpg) no-repeat top right;
padding: 0 15px 0 0;
}
#reference-footer ul li.next a:hover, #reference-footer ul li.prev a:hover {
color: #666;
}
#reference-footer {
height: 39px;
padding: 40px 20px 0 20px;
position: relative;
background: url(../refimages/footer-bg.png) no-repeat top left;
}
#reference-content {
padding: 0px 0 0 0;
}
#reference-left {
float: left;
width: 409px;
text-align: center;
padding: 10px 0 0 0;
}
#reference-right {
color: #4b4b4b;
float: right;
width: 359px;
padding: 0 10px 0 0;
}
#reference-right ul {
list-style-position: inside;
list-style-image: url(../refimages/bullet.gif);
color: #2d2d2d;
margin-left: 132px;
}
#reference-right ul li {
line-height: 20px;
font-size: 12px;
}
#reference-right p, span#ref_text3 {
margin-bottom: 8px;
line-height: 20px;
text-align: justify;
font-size: 12px;
}
.clearer { clear: both; }