/*-----------------------------------------------
SATU, RESPONSIIVINEN: Mallipohja 13 (lukio)
-------------------------------------------------
INDEX
-------------------------------------------------
  Global
  Layout
    Navigation
	Pager
  Pages
	Startpage
	Textpage
	Searchpage
	Calendar
	Contact
	Filebank
	Vuokra-asunnot
  Misc
------------------------------------------------*/

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

html { font-size: 62.5%; }

body { 
 margin: 0;
 padding: 0;
 line-height: 1em;
}

* { outline: none; }

h1 { 
 margin: 0 0 1em 0;
 line-height: 1.1em;
}

h2 { 
 margin: 2.5em 0 1em 0;
 line-height: 1.1em;
}

h3 { 
 margin: 2.5em 0 1em 0;
 line-height: 1.1em;
}

h1 + h2,
h1 + h3,
h2 + h3,
h3 + h2,
h1 + p,
h2 + p, 
h3 + p { margin-top: 1em; }

p { margin: 1.5em 0; }

p + ul, p + ol { margin: 1.5em 0; }

div {
 -webkit-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
}

a { transition: all 300ms ease-in-out 0s; }

/* styles.inc */
a:hover { transition: color 300ms ease-in-out 0s; }

/* styles.inc */
a:focus {
 transition: color 300ms ease-in-out 0s;
 border-top: 1px dotted #000000;
 border-bottom: 1px dotted #000000;
}

a img { transition: all 300ms ease-in-out 0s; }

a:focus img {
  opacity: 0.7;
  transition: opacity 300ms ease-in-out 0s;
}

form { margin: 0; }

textarea,
select,
option,
input[type="text"],
input[type="textfield"],
input[type="password"],
input[type="submit"],
input[type="button"],
input[type="reset"] {
 -webkit-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
-webkit-border-radius: 0 0 0 0; 
}

/* webkit-appearance ipadille ja iphonelle */
textarea, input[type="text"], input[type="textfield"]  { 
 -webkit-appearance: none;
 border:1px solid #aaaaaa;
}

textarea, input[type="text"], input[type="textfield"], input[type="password"] {
 color: #000000;
 border: 1px solid #bbbbbb;
 padding: 11px 10px;
 margin-top: 5px;
}

select {
 color: #000000;
 border: 1px solid #bbbbbb;
 padding: 10px 10px;
 margin-top: 5px;
}

select option { padding: 3px 10px; }

select option:hover { background: #e2e2e2; }

select option:checked {  
 background: #e2e2e2;
 color: #000000;
}

select option:active {  
 background: #e2e2e2;
 color: #000000;
 transition: all 300ms ease-in-out 0s;
}

select:focus { 
 border: 1px solid #000000;
 -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 -moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 transition: initial;
 transition: box-shadow 300ms ease-in-out 0s;
}

input[type=radio], input[type=checkbox] { 
 margin: 5px 5px 5px 0;
 transition: all 300ms ease-in-out 0s;
}

input[type=text]:focus,
input[type=textfield]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus,
input[type=password]:focus,
textarea:focus {
 border: 1px solid #000000;
 -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 -moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 transition: initial;
 transition: box-shadow 300ms ease-in-out 0s;
}

.painike, .nappi, .button { 
 -webkit-appearance: none;
 padding: 10px 20px;
 border: 0;
 line-height: 1em;
 transition: all 300ms ease-in-out 0s;
}

.painike:hover,
.painike:active,
.nappi:hover,
.nappi:active,
.button:hover,
.button:active {
transition: initial;
transition: background 300ms ease-in-out 0s;
}

/* .button.minor:hover,
.button.minor:active { } */

/* styles.inc */
a.button { 
 padding: 8px 15px;
 cursor:pointer;
 text-decoration: none;
}

a.button:visited, a.button:hover { text-decoration: none; }

/* styles.inc */
div.button {
 padding: 8px 15px;
 cursor:pointer;
 text-decoration: none;
 text-align: center;
 display: inline-block;
}

/* styles.inc */
div.button a { text-decoration: none; }

.clear { clear: both; }

.block { display: block; }

.nowrap { white-space: nowrap; }

.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.middle { vertical-align: middle; }

.left { text-align: left; }
.right { text-align: right; }

.table { display: table; }
.table-2col { display: table; }
.table-row { display: table-row; }
.table-cell { display: table-cell; }
.table-gap { display: table-cell; }

.table-gap.hidden { display: none; }

/* styles.inc */
td.data-header, th.data-header { 
 border: 0;
 padding: 5px 7px;
 text-transform: uppercase;
}

td.data { 
 padding: 7px;
 border-left: 0;
 border-top: 0;
 border-right: 0;
}
 
/* styles.inc */
th.data-header-line, td.data-header-line {
 font-weight: normal;
 padding: 5px 7px;
 text-align: left;
 text-transform: uppercase;
 white-space: nowrap;
}

th.data-header-line.right, td.data-header-line.right { text-align: right; } 

/* styles.inc */
td.data-line {
 padding: 7px;
 vertical-align: top;
}

table.table-line th {
 font-weight: normal;
 text-transform: uppercase;
 border-left: 0;
 border-right: 0;
}

table.table-line td {
 border-left: 0;
 border-right: 0;
}

div#pagemask-black, div#pagemask-white { top: 0; }

div.teemalomake-asemointi-visible { z-index: 1000; }

div#yp_ylapalkki_wrapper { line-height: 1em; }

div.yp-ylapalkki-wrapper-visible { z-index: 100000 !important; }

td.yp-ylapalkki-data { line-height: 1em; }

table.teemavalikko-wrapper { 
  z-index: 10000 !important;
  top: 45px !important;
}

td.teemavalikko-data { 
 font-size: 9pt; line-height: 1.2em; }

p.yp-linkkitausta {
 background: #ffffdd;
 color: #000000;
 font-size: 9pt;
 line-height: 1.2em;
 border: 1px solid #808080;
 padding: 3px 6px;
-moz-box-shadow: 2px 2px 5px #cccccc;
-webkit-box-shadow: 2px 2px 5px #cccccc;
box-shadow: 2px 2px 5px #cccccc;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#aaaaaa')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#aaaaaa');
}

p.yp-linkkitausta a.yp,
p.yp-linkkitausta a.yp:hover {
 color: #000000 !important;
 text-decoration: none !important; 
 line-height: 1em;
}

p.yp-linkkitausta img { display: inline-block !important; }

.admin-linkset, .admin-linkset a, a.admin, a.admin:visited, .admin-link-like  { font-size: 9pt; line-height: 1em; }

div#centerCol-as p.admin-linkset { 
  position: relative;
  z-index: 2;
}

div.input-wrap { margin: 2em 0; }

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

ul#skiplink-wrap, ul#skiplink-wrap li {
 display: inline;
 height: 0;
 line-height: 0;
 padding: 0 !important;
}

ul#skiplink-wrap li a {
 display: inline;
 height: 0;
 left: -3000px;
 position: absolute;
 top: -2000px;
 width: 0;
}

div#print-header { display: none; }

/* R */
div#header {
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
  margin-bottom: 15px;
}

/* R, styles.inc */
div#header-wrap { 
 display: table;
 margin: auto;
}

/* R */
div#header-wrap .table-cell { vertical-align: middle; }

/* R, styles.inc */
div#header-wrap .logo-wrap { 
  padding: 35px 40px 25px 0;
  white-space: nowrap;
}

div#header-wrap .logo-wrap a,
div#header-wrap .logo-wrap a:hover { text-decoration: none; }

/* R */
div#header-wrap .logo-wrap img { 
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -10px;
}

/* R */
div#header-wrap .search-pl-cont { 
  width: 50px;
  text-align: right;
  position: relative;
} 


div#header-wrap .search-pl-cont a#toggle-search:focus {
  border-top: 0;
  border-bottom: 0;
}

div#header-wrap .search-pl-cont a#toggle-search img { margin: 1px; } 

div#header-wrap .search-pl-cont a#toggle-search:focus img { 
  margin: 0;
  border: 1px dotted #000000;
}

img#search-icon-close { display: none; }

/* R, styles.inc */
div#header-wrap .search-pl-wrap { 
  display: none;
  position: absolute;
  z-index: 2;
  top: 100px;
  right: 0;
  padding: 15px;
}

div#pagesearch-wrap { 
  white-space: nowrap;
  text-align: left;
}

/* R */
div#pagesearch-wrap input[type=text] { 
 margin-top: 0;
 padding: 15px 50px 15px 10px;
 border: 0;
}

/* div#pagesearch-wrap input[type=text]:focus { } */

input#search-button { margin-left: -40px; }

input#search-button:focus { opacity: 0.6; border: 1px dotted #000000; }

/* div#autocomplete-results, .autocomplete-results ul.ui-menu, .ui_autocomplete-results ul.ui-menu { } */

/* styles.inc */
/* .autocomplete-results ul.ui-menu, .autocomplete-results ul.ui-menu li.ui-menu-item, .ui_autocomplete-results ul.ui-menu, .ui_autocomplete-results ul.ui-menu li.ui-menu-item, .ui-autocomplete li.ui-menu-item { } */

/* R, styles.inc */
div#ac-search-help, div#autocomplete-no-results {
 padding: 5px 10px;
 white-space: normal;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
}

div#autocomplete-no-results p,
.ac-search-help p { margin: 1em 0; }

div#flexslider-cont { position: relative; }

div#flexslider-cont p.yp-linkkitausta { 
 position: absolute;
 z-index:1;
 top: 15px;
 left: 15px;
 margin: 0;
}

div#flexslider-cont div.flexslider {
 border:0;
 border-radius: 0;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 -o-border-radius: 0;
 box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

/* R */
div#flexslider-cont .flexslider { margin: 0 0 50px 0; }

/* R */
div#flexslider-cont div.flexslider-wrap {
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
}

/* R */
.flexslider-img-text-cont { 
 margin: auto; 
 display: table;
}

.flexslider-img-text-wrap {
 display: table-cell;
 vertical-align: middle;
 text-align: center;
}

/* R, styles.inc */
.flexslider-img-text {
 margin: auto;
 display: inline-block;
 padding: 40px 60px;
 line-height: 1.4em;
}

/* R, styles.inc */
.flexslider-img-text h1,
.flexslider-img-text a,
.flexslider-img-text a h1 {
 text-decoration: none;
 text-shadow: 0 0 35px rgba(0, 0, 0, 0.5);
}

.flexslider-img-text p {
 margin-bottom: 0;
 text-shadow: 0 0 35px rgba(0, 0, 0, 0.8);
}

.flexslider-img-text a:hover,
.flexslider-img-text a:focus {
 text-decoration: none;
 border: 0;
 color: #ffffff;
}

/* R */
div#content { 
 line-height: 1.4em;
 padding-bottom: 20px;
}

/* R */
div#assistant-cont { padding-bottom: 45px; }

/* R */
div#assistant-cont-sp { padding-bottom: 45px; }

/* R */
div#assistant-wrap {
 display: table;
 margin: auto;
}

/* R */
/* div#assistant-wrap .table-row {} */

/* R, styles.inc */
/* div#assistant-wrap .table-cell { } */

/* R */
/* div#navBreadcrumb { } */

div#navBreadcrumb .material-icons { vertical-align: middle; }

/* R */
div#fontsize-change-cont {
 display: inline-block;
 white-space: nowrap; 
}

/* styles.inc */
div.font-size-small {
 display: inline-block;
 padding: 0 4px 0 8px;
 cursor: pointer;
 font-weight: bold; 
}

/* styles.inc */
div.font-size-large {
 display: inline-block;
 font-size: 26px;
 padding: 0 0 0 4px;
 position: relative;
 top: 3px;
 cursor: pointer;
 font-weight: bold;
}

/* styles.inc */
div.font-size-small.activesize,
div.font-size-large.activesize {
 font-weight: bold; 
 cursor: default;
}

.largetext { font-size: 150%; }

/* R */
div#content-wrap { 
 margin: auto;
 display: table;
 table-layout: fixed;
}

/* R */
div#content-wrap-sp { 
 width: 100%;
 display: table;
}

/* R */
div#colContainer { display: table-row; }

/* R */
div#leftCol {
 display: table-cell;
 vertical-align: top;
 padding: 0 0 45px 0;
}

div#leftCol.hidden,
div#leftCol-sp { display: none; }

div.table-gap.hidden,
div.table-gap-sp { display: none; }

/* R */
/* div#leftCol img { } */

div#leftCol h2:first-child,
div#leftCol p:first-child { margin-top: 0; }

div#leftCol div.sidetext2-wrap { padding: 0 0 30px 0; }

/* R */
div#centerCol-sp { 
 display: table-cell;
 padding: 0;
}

/* R */
div#centerCol {
 display: table-cell;
 vertical-align: top;
 padding: 0 0 45px 0;
}

/* R */
div#centerCol-as {
 display: table-cell;
 vertical-align: top;
 padding: 0;
}

/* R */
div#centerCol img,
div#centerCol-as img { height: auto; }

/* R */
div#colContainer div.table-gap { width: 50px; }

div#colContainer div.table-gap-sp { display: none; }

/* R */
div#banner-wrap {
 margin: auto;
 padding: 0;
 text-align: center;
}

div#banner-wrap p.yp-linkkitausta { 
 margin: 0;
 text-align: left;
}

/* R */
div#banner-wrap div.banneri {
 display: inline-block; 
 vertical-align: middle;
 max-width: 100%;
 margin: 18px 18px 18px 18px;
}

div.banneri img {
 display: block;
 max-width: 100%;
 height: auto !important;
}

/* R */
div#footer { 
 line-height: 1.4em;
 padding: 0 0 60px 0;
}

/* styles.inc */
/* div#footer-img-wrap { } */

div#footer-img-wrap img { 
  max-width: 100%;
  height: auto;
  margin: auto;
}

/* R */
div#footer-cont { margin: auto; }

/* R */
div#footer-wrap { display: table; }

/* R */
/* div#footer-wrap div.table-row { } */

/* R , styles.inc */
div#footer-wrap div.footerCol-wrap {
 display: table-cell;
 vertical-align: top;
}

/* R */
div#footer-wrap div.footerCol-wrap.bottom { 
 vertical-align: bottom;
 padding-top: 20px;
}

/* R */
div#footer-wrap div.table-gap { width: 50px; } 

div.footerCol-wrap h2:first-of-type { margin-top: 0; }

div.footerCol-wrap h3:first-of-type { margin-top: 0; }

div.footerCol-wrap p:first-of-type { margin-top: 0; }

/* R */
img.loginlink_img { margin: 0 15px 0 0; }

div#footer a, 
div#footer a:visited { text-decoration: none; }

div#footer a:hover { text-decoration: underline; }

 /* R */
 div#footer .somelink-wrap img.some-img { 
  margin-right: 15px;
  display: inline-block;
}

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

/*----- Topnav -----*/

div.main-nav-cont { 
  text-align: right;
  padding-right: 20px;
}

div.main-nav-cont ul { display: inline-block; }

div.main-nav-cont .sm-netland > li { border-left: 0; }

/* R */
div.main-nav-cont .sm-netland a { padding: 11px 15px; }

div.main-nav-cont .sm-netland a:focus { padding: 10px 15px; }

/* styles.inc */
div.main-nav-cont .sm-netland a:focus,
div.main-nav-cont .sm-netland a:hover { background:initial; }

/*----- Subnav -----*/

/* styles.inc */
h2.navi-left-title { margin: 0; }

ul#navi-left {
 margin: 0 0 20px 0; 
 padding: 0;
}

ul#navi-left ul {
 padding: 0;
 margin: 0;
 display: none;
}

ul#navi-left li {
 display: block;
 padding: 0;
}

ul#navi-left div.nav-item { padding: 5px 0; }

/* styles.inc */
ul#navi-left div.nav-toggler{
 display: inline-block;
 width: 25px;
 height: 25px;
 background-repeat: no-repeat;
 background-position: right center;
 cursor: pointer;
 position: absolute;
}

/* styles.inc */
/* ul#navi-left div.nav-toggler.nav-toggler-minus { } */

/* R */
ul#navi-left div.nav-text {
 display: inline-block;
 padding-right: 10px;
 vertical-align: middle;
}

/* styles.inc */
ul#navi-left a { text-decoration: none; }

/* styles.inc */
/* ul#navi-left a:hover { } */

/* styles.inc */
/* ul#navi-left a.selected { } */

/* ul#navi-left li.level1 a { } */

ul#navi-left li.level2 a,ul#navi-left li.level3 a,ul#navi-left li.level4 a,ul#navi-left li.level5 a,ul#navi-left li.level6 a { font-weight: normal; }
ul#navi-left li.level2 div.nav-text.level2 { padding-left: 15px; }
ul#navi-left li.level3 div.nav-text.level3 { padding-left: 30px; }
ul#navi-left li.level4 div.nav-text.level4 { padding-left: 45px; }
ul#navi-left li.level5 div.nav-text.level5 { padding-left: 60px; }
ul#navi-left li.level6 div.nav-text.level6 { padding-left: 75px; }

/*---------------- PAGER ----------------*/
.pager-current { 
  padding: 5px 10px;
  margin: 0;
}

.pager-other {
 padding: 5px 10px;
 text-decoration:none;
}

.pager-arrow { padding: 5px 12px; }

p.pager-wrapper a:focus span { border: 1px dotted black; }

/* styles.inc */
p.pager-wrapper a:hover span { }

/*-----------------------------------------------
PAGES
-----------------------------------------------*/

/*---------------- STARTPAGE ----------------*/

/*----- Respisalueet -----*/

/* styles.inc */
/* div#centerCol-sp div.liftarea-cont-wrap {  } */

/* styles.inc */
div#centerCol-as div.liftarea-cont-wrap { margin-bottom: 50px; }

div#centerCol-sp div.liftarea-cont-wrap:first-of-type { padding-top: 0; }

div#centerCol-sp div.liftarea-cont-wrap:last-of-type,
div#centerCol-as div.liftarea-cont-wrap:last-of-type {
 border-bottom: 0;
 margin-bottom: 0;
}

/* R */
div#centerCol-sp div.liftarea-cont-wrap2,
div#centerCol-as div.liftarea-cont-wrap2 { margin: auto; }

/* R */
div.liftarea-cont {  
 margin-right: -50px;
 margin-bottom: 0;
}

div#centerCol-sp div.liftarea-cont,
div#centerCol-as div.liftarea-cont { margin-top: -50px; }

div.liftbox a { text-decoration: none; }

div.liftbox a:hover { text-decoration: underline; }

div.liftbox a.button {
 -webkit-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
}

div.liftbox a.button:hover { text-decoration: none; }

div.liftbox a.button:focus {
 border-top: 0;
 border-bottom: 0;
}

div.liftbox h1, div.liftbox h2,div.liftbox h3 { margin-bottom: 0; }

div.liftbox h1 + h2 { margin-top: 1em; }

div.liftbox h1 + h3 { margin-top: 1em; }

div.liftbox h2 + h3 { margin-top: 1em; }

div.liftbox h1 + div,
div.liftbox h2 + div,
div.liftbox h3 + div { margin-top: 0.7em; }

div.liftbox div + div { margin-top: 1em; }

/* div.liftbox div + h1 { margin-top: 1em; } */
div.liftbox div + h2 { margin-top: 1em; }
div.liftbox div + h3 { margin-top: 1em; }

/*----- Lisätietolinkki (painike) -----*/

div.liftbox div.respbox-linkbox { line-height: 1.2em; }

/* styles.inc */
div.respbox-linkbox a {
 display: inline-block;
 padding: 11px 20px;
 cursor:pointer;
 transition: all 300ms ease-in-out 0s;
}

div.respbox-linkbox a:hover,
div.respbox-linkbox a:active {
 text-decoration: none;
 transition: initial;
 transition: background 300ms ease-in-out 0s;
}

div.respbox-linkbox a:focus {
 border-top: 0;
 border-bottom: 0;
}

/*----- Tiedote -----*/

div.respbox-bulletinWrapper { line-height: 1em; }

div.respbox-bulletinWrapper a { line-height: 1.4em; }

div.liftbox h1 + div.respbox-bulletinWrapper,
div.liftbox h2 + div.respbox-bulletinWrapper { margin-top: 0.7em; }

div.respbox-bulletinWrapper div.respbox-date,
div.respbox-bulletinWrapper div.respboxmobi-date { 
 margin-top: 0;
 margin-bottom: 10px;
}

div.liftbox div + div img.rss-icon { 
 position: relative;
 top: -1em;
}

div.liftbox img.rss-icon { margin-top: 0; }

.respbox-bulletinWrapper.crisis { margin-bottom: 15px; }

div.respbox-bulletinWrapper.crisis div.respbox-date { margin-bottom: 0; }

.respbox-bulletinWrapper.crisis1  {
 padding: 15px;
 border: 1px solid #C30005;
}

.respbox-bulletinWrapper.crisis2 {
 background: transparent url('/common_ui/embed_ui/img/icons/warning_20.png') no-repeat right 5px top 15px;
 padding: 15px 45px 15px 15px;
 border: 2px solid #C30005;
}

.respbox-bulletinWrapper.crisis3 {
 background:#C30005 url('/common_ui/embed_ui/img/icons/warning.png') no-repeat right 15px center;
 color:#FFFFFF;
 padding:15px 65px 15px 15px;
 min-height: 40px;
}

.respbox-bulletinWrapper.crisis1 a,
.respbox-bulletinWrapper.crisis1 a:visited { color: #C30005; }

.respbox-bulletinWrapper.crisis2 a,
.respbox-bulletinWrapper.crisis2 a:visited  { color: #C30005; }

.respbox-bulletinWrapper.crisis3 a,
.respbox-bulletinWrapper.crisis3 a:visited { color: #ffffff }

/*----- Kalenteri -----*/

div.liftbox.kalenteri { line-height: 1em; }

div.liftbox.kalenteri a { line-height: 1.4em; }

div.liftbox.kalenteri h1 + div,
div.liftbox.kalenteri h2 + div { margin-top: 0.7em; }

div.liftbox.kalenteri div.respbox-date {
 margin-top: 0;
 margin-bottom: 10px;
}

/*----- Kuvat -----*/

/* R */
div.liftbox .box_img img.liftbox-img { margin-bottom: 0px; }

div.liftbox.teksti div.box_img,
div.liftbox.tiedotepalsta div.box_img,
div.liftbox.kalenteri div.box_img { margin-bottom: 15px; }

div.liftbox.kuva.haslink div.box_img img,
div.liftbox.kuva.haslink div.box_img h1 { cursor: pointer; }

div.liftbox.kuva div.box_img h1 { 
 margin: 0;
 padding: 12px 10px;
}

/*----- Taeggie-someseinä -----*/

div#taeggie-cont { border-top: 1px solid #cccccc; }

/* R */
div#taeggie-wrap {
  margin: auto;
  padding: 50px 0;
}

/* R */
div#taeggie-wrap .table { width: 100%; }

div#taeggie-wrap .sp-somelink-wrap { text-align: right; }

div#taeggie-wrap .sp-somelink-wrap img {
  margin-left: 15px;
  display: inline-block;
}

/*---------------- TEXTPAGE ----------------*/
/* R */
div#pageimage-wrap { margin-bottom: 30px; }

div#pageimage-text { 
 margin: -25px 0 30px 0;
 font-style: italic;
}

/* R */
div#pageimage2-wrap {
 float: right;
 margin-left: 50px;
 margin-bottom: 50px;
}

/* R */
div#pageimage2-text,
div#pageimage2-text-mobile { 
 line-height: 1.2em;
 margin-top: 5px;
 font-style: italic;
}

/*---------------- SEARCHPAGE ----------------*/

/* R */
.box-info.searchpage-searchwrap {
 padding: 20px !important;
 border: 0;
}

.box-info.searchpage-searchwrap form {
  display: flex;
  justify-content: center; 
  align-items: stretch;
}

.box-info.searchpage-searchwrap form nobr { 
  display: flex;
  align-items: center;
}

/* R */
.searchpage-searchwrap input { margin: 0; }

.searchpage-searchwrap input.button { margin-right: 10px; }

div.searchpage-searchwrap div input[type=text] { width: 100%; }

div.searchpage-searchwrap div { width: 100%; }

/*---------------- BULLETIN ----------------*/

img.rss-icon { margin-top: 10px; }

/*---------------- CALENDAR ----------------*/

/* R */
div.cal-wrapper { width: 100%; }

/* R */
div.cal-wrapper div#cal-container-left { 
 display: table-cell;
 padding-top: 0;
}

/* R */
div.cal-wrapper div#cal-container-right {
 display: table-cell;
 padding-left: 50px;
 padding-top: 25px;
}

/* styles.inc */
div.add-event-link-wrap a,
div.add-event-link-wrap a:visited {
 display: block;
 padding: 8px 15px;
 cursor:pointer;
 text-align: center;
 text-decoration: none;
 transition: all 300ms ease-in-out 0s;
}

div.add-event-link-wrap a:hover,
div.add-event-link-wrap a:active {
transition: initial;
transition: background 300ms ease-in-out 0s;
}

div.add-event-link-wrap a:focus { border: 0; }

table#cal-grid-wrapper td.data-header.cal-grid-month { padding: 8px 20px; }

/* styles.inc */
table.cal-search-wrapper td.data.cal-search-container {
 padding: 20px;
 border-bottom: 0;
}

table.cal-search-wrapper td.data-header.cal-search-title {
 padding: 8px 20px;
 border-bottom: 0;
}

input#cal-search-freetext { width: 100%; }

/*---------------- CONTACT ----------------*/

div#searchFormWrap2 {
  padding: 20px;
  border: 0;
  display: flex;
  justify-content: center; 
  align-items: stretch;
}

div#searchFormWrap2.contact-search-wrapper {
  margin-bottom: 1.5em;
}


div#searchFormWrap2 > div { display: flex !important; }

div#searchFormWrap2 input,
div#searchFormWrap2 select { margin: 0 5px; }

div#searchFormWrap2 input.search-button { margin-left: 5px; }

/*---------------- FILEBANK ----------------*/

div#fb-search-wrapper.th-box-tr {
 padding: 20px !important;
 border: 0;
 display: flex;
 justify-content: center;
}

div#fb-search-wrapper input { margin-top: 0; }

/*---------------- VUOKRA-ASUNNOT ----------------*/

/* styles.inc */
.va-search-wrap { padding: 5px; }

/* styles.inc */
.va-search { 
 padding: 15px;
 display: flex;
 justify-content: center;
}

/* R */
.va-search select { margin-top: 0; }

/* styles.inc */
.va-listitem-wrap {
 position: relative;
 margin-bottom: 30px;
-webkit-box-shadow: 0px 5px 20px -10px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 5px 20px -10px rgba(0,0,0,0.5);
box-shadow: 0px 5px 20px -10px rgba(0,0,0,0.5);
}

/* R */
.va-listitem-wrap .table { 
 width: 100%;
 table-layout: fixed;
}

/* R */
.va-listimg-wrap {
 vertical-align: middle;
 width: 175px;
 padding: 15px;
}

/* R */
.va-listimg-wrap img {
 display: block;
 max-width: 100% !important;
 max-height: 175px;
}

/* R */
.va-listtext-wrap {
 vertical-align: middle;
 padding: 30px 15px;
}

.va-listtext-wrap h3 { margin-top: 0; }

/* R */
.va-listtext-wrap .table-cell { 
 width: 25%;
 padding-right: 10px;
}

/* R, styles.inc */
.va-title { text-transform: uppercase; }

/* R */
.va-info-wrap { 
 table-layout: fixed;
 width: 100%;
}

/* R */
.va-info-wrap .table-cell { vertical-align: top; }

div#centerCol .va-info-wrap .table-cell img { max-width: 100%; height: auto; }

table.va-info-table { width: 100%; }

/* styles.inc */
/* table.va-info-table tr:nth-child(odd) { } */

table.va-info-table th { 
 width: 25%;
 padding: 10px 15px;
 text-align: left;
 font-size: 13px;
 text-transform: uppercase;
 font-weight: normal;
}

table.va-info-table td { padding: 10px 15px; }

/* R */
.va-kuvaus-wrap { margin-top: 40px; }

.corner-ribbon {
   position: absolute;
   right: -5px; top: -5px;
   z-index: 1;
   overflow: hidden;
   width: 75px; height: 75px; 
   text-align: right;
}

.corner-ribbon span {
   font-size: 10px;
   text-transform: uppercase; 
   text-align: center;
   font-weight: bold; line-height: 20px;
   transform: rotate(45deg);
   width: 100px; display: block;
   color: #ffffff;
   background: #cd6003;
   background: linear-gradient(#f58220 0%, #cd6003 100%); 
   box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
   position: absolute;
   top: 19px; right: -21px;
}

.corner-ribbon span::before {
   content: '';
   position: absolute; 
   left: 0px; top: 100%;
   z-index: -1;
   border-left: 3px solid #cd6003;
   border-right: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #cd6003;
}

.corner-ribbon span::after {
   content: '';
   position: absolute; 
   right: 0%; top: 100%;
   z-index: -1;
   border-right: 3px solid #cd6003;
   border-left: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #cd6003;
}

div.asuntohakemus .mobile-only { display: none; }

/*---------------- VARAUSKALENTERI ----------------*/

/* styles.inc */
/* table.vk-kalenteri-emo .data-header { } */

table.vk-kalenteri-emo .data-highlight { 
 border-left: 0;
 border-right: 0;
}

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

/*----- Material Icons -----*/

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 18px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;

  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.material-icons.size-16 { font-size: 16px; }
.material-icons.size-24 { font-size: 24px; }
.material-icons.size-36 { font-size: 36px; }
.material-icons.size-48 { font-size: 48px; }

.material-icons.link {
  color: #56aaff;
  position: absolute;
  margin-left: 3px;
}

.material-icons.link:hover { cursor: pointer; }
.material-icons.highlight { color: #004990; }