@import url('/w/skins/varaudu/css/reset.css');
@import url('/w/skins/varaudu/css/core.css');
@import url('/w/skins/varaudu/assets/style1.css');
@import url('/w/skins/varaudu/assets/style.css');
@import url('http://fonts.googleapis.com/css?family=PT+Sans:400,700');

/* FONTS */

@font-face {
    font-family: 'ModernPictogramsNormal';
    src: url('css/fonts/modernpics-webfont.eot');
    src: url('css/fonts/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/modernpics-webfont.woff') format('woff'),
         url('css/fonts/modernpics-webfont.ttf') format('truetype'),
         url('css/fonts/modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* TYPOGRAPHY */

.CategoryTreeToggle, .CategoryTreeEmptyBullet{
  line-height:1.0em;
  font-size:0.95em;
}

h5.nav_head{
  margin-bottom: 0;
}

#firstheading{
  font-size:2.0em;
}

h1 { 
  font-size:2.0em; 
}

h2{
  font-size:1.6em;
  margin-bottom:2.0rem;
  line-height:1.4em;
} 

h3{
  font-size:1.4em;
    line-height:1.2em;
} 

h4{
  font-size:1.2em;
} 

h5{
  font-size:1.1em;
} 

h6{ 
  font-size:1em;
  margin-bottom:;
} 

.editsection, .editsection a{
  font-size:0.8em;
}

a.active{
  font-weight:bold;
}

#toctitle h2{
  font-size:1em;
  margin-top:10px !important;
  margin-bottom: 5px !important;
}

strong.huomio {font-weight: normal; font-size: 1em; padding: 0 0.6em;}

div#toc {padding: 0.2em 0.4em; border: 1px solid #ccc; background: #eef6ff none; margin: 0 0 1em 0.2em; float: right; width: 15em; }

.mw-content-ltr div#toc ul ul { margin-left: 0.1em; }

/* BASIC */

#bottom-mod{
  font-size:0.8em;
  color:#797979;
  text-align:center;
  text-shadow: rgba(255, 255, 255, 0.746094) 0px 1px 0px;
  margin:1em 0;
}

#bottom-mod ul{
  list-style-type:none;
}

#bottom-mod ul #last-modified li{
  list-style-type:none;
  
}

.os-suggest-result-hl, .os-suggest-result-hl-webkit {
  background-color: #1D71B8 !important;
  color: white;
}

html{
  -webkit-font-smoothing: antialiased;
}

#sidebar ul{
  margin-bottom:10px;
}

.wikitable span {
  white-space: normal !important;
}

#mw-subcategories h3, #mw-pages h3{
  font-size:1.1em; display:none;
}

#sidebar h5{
  margin-bottom:2px;
}

#mw-content-text img{ 
  -webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.25);
  -moz-box-shadow:    0px 0px 6px rgba(50, 50, 50, 0.25);
  box-shadow:         0px 0px 6px rgba(50, 50, 50, 0.25);
  max-width:620px;
	margin: 0 0.5em;
}

#mw-content-text #toolbar img { 
	margin:0; 
	-webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.25);
	box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.25);
} 

#mw-content-text #spek_info img {
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.page-Toiminnot_Tuoreet_muutokset #mw-content-text img{
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
}

#mw-content-text .folder ul {margin-bottom:0;}

#mw-content-text ul, #mw-content-text ol {
  margin-bottom:2em;
}

#mw-content-text ul ul, #mw-content-text ol ul, #mw-content-text ul ol, #mw-content-text ol ol { margin: 2px 0 2px 1.4em; }


#mw-content-text .luokkanavi img{
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
}

.thumbinner{
  max-width:620px;
margin: 0 auto;
}

#mw-subcategories ul li{
  list-style-type:none;
}

.luokkainfo{
  background: #eef6ff; 
  border: 1px solid #aad4ff; 
  padding: 0.8em;
  font-size: 1.2em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
 
.luokkanavi{
  background: #fef2ef; 
  border: 1px solid #E3E3E3; 
  margin:1.2em 0.5em 2em 0.5em; 
  padding: 1em 1.5em 0.2em 1.5em;
  clear:both;
}

.luokkanavi strong.selflink{
  font-weight:bold; color: #666;
}

.luokkanavi ol { margin-left: 1.5em !important; }

.luokkanavi ul li, .luokkanavi ol li {
  margin-left:0 !important;
}

.luokkanavi ul li ul li { margin-left:1em !important; }

#sidebar .CategoryTreeLabelCategory { 
	text-transform: uppercase;
	font-weight: bold;
}

#sidebar .CategoryTreeLabelPage {
	font-style: normal;
}

.CategoryTreeChildren .CategoryTreeBullet { display: none; }

.CategoryTreeToggle { color: #F15C30; }

#mw-pages { margin-top: 2.5em; }
#mw-pages h2, #mw-pages p { display:none; }

.eteentaakse{
text-align:center; 
color: #555; 
background: #FCFCFC; 
border: 1px solid #E3E3E3; 
margin:1.2em 1.5em 1.2em 1.5em; 
padding: 5px;
}

.luokat_bottom{
  margin-top:40px;
}

.page-Luokka_Pääluokka#add_div{
  display:none;
}

.kaava {text-align: center; margin: 1em; border:1px solid #999; padding: 0.5em; }

#p-views ul li{
  background:#06C;
  padding:2px;
  border-radius:2px;
}

#p-views ul li a{
  color:#fff;
  padding:2px;
}

#p-views ul li a:hover{
  text-decoration:none;
}

#p-views ul li:hover{
  background:#F15C30;
}

#p-views ul li.selected{
  background:#F15C30;
}

.folder .content .CategoryTreeTag{
  margin:0 0 10px 15px;
}

.mw-allpages-table-chunk td{
  width:500px !important;
  float:left;
  padding: 3px 0;
}

.external:after{
  content: url('/w/images/external-link-ltr-icon.png');
  margin-left: 3px;
}

fieldset
{
  border: dotted 1px rgba(0, 0, 0, 0.2);
  padding: 20px;
  padding-top: 0;
}

.CategoryTreeBullet{
  color:#1D71B8;
  font-size:0.8em;

}

.CategoryTreeEmptyBullet{
  color:#e2e2e2;
  font-size:0.8em;
}

legend
{
  padding: 0 10px;
  font-weight:bold;
  color: #000;
  text-align:center;
  margin-top:20px;
}

.portal ul li{
  display:none;
}

#p-tb ul li{
  display:block;
}

#p-tb ul{
    margin-top:20px;
      border-top:1px dotted #ccc;
      padding-top:20px;
}

#personal-links .active{
  font-weight:bold;
}

#p-cactions h5{
  display:none;
}

#p-cactions{
      margin-top:20px;
}

.page-Toiminnot_Asetukset label
{
  float: left;
  margin-right: 20px;
}

.plainlinks .external:after{ 
  content:"";
}

#draft{ 
padding: 3px 4px 3px;
color: #F15C30;
background: #fff;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px dashed #F15C30;
margin-bottom:20px;
}

.page-Etusivu #contentSub{
  display:none;
}

.page-Etusivu #catlinks{
  display:none;
}


.page-Etusivu #disqus_thread{
  display:none;
}

.content p {
margin-right: 15px;
}

.content{
  border-top:1px solid #fff;
}

.page-Etusivu .mw-headline-number { display: none; }

.noautonum .tocnumber { display: none; }

.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
  margin: 0.3em 0 1em 15px;
  padding: 0;
}

.page-Etusivu #sidebar{
  display:none; 
}

.page-Etusivu #mw-content-text p{
  display:none;
}

.page-Etusivu #mw-content-text .esittely p{
  display:block;
}

.page-Etusivu #mw-content-text .muutokset p{
  display:block;
}

.page-Etusivu #mw-content-text .folder p{
  display:block;
}

.page-Etusivu .action-edit #p-views{
  margin-top:20px;
}

table #toc{
  margin-top:0;
}

#mw-content-text ul li{
  margin-left:20px;
}

.page-Etusivu #mw-content-text ul li{
  margin-left:0;
}

#mw-content-text h2{
  margin:1.8rem 0 0.8rem 0;
}

#mw-content-text h3 { margin: 1.2rem 0 0.5rem 0; }

.page-Etusivu #content-bg{
  background:none;
}

.page-Etusivu #content-bg{
  background:none;
  float:none;
  width:auto;
  padding:0;
  border:0;
}

.page-Etusivu #firstheading{
  display:none;
}

#content-bg{
  background:#fff;
  float:right;
  width:620px;
  padding:20px;
  height:auto;
  min-height:500px;
  -webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.15);
  -moz-box-shadow:    0px 2px 10px rgba(50, 50, 50, 0.15);
  box-shadow:         0px 2px 10px rgba(50, 50, 50, 0.15);   
  margin-bottom:10px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.page-Etusivu #content-bg{
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;

}

#sidebar{
  float:left;
  width:292px; 
  background:#FAFAFA;
  height:auto;
  min-height:300px;
  margin-right:20px;
  padding: 20px 12px 60px 12px;
  -webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.15);
  -moz-box-shadow:    0px 2px 10px rgba(50, 50, 50, 0.15);
  box-shadow:         0px 2px 10px rgba(50, 50, 50, 0.15);   
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
overflow: auto;
}

#sidebar ul li{
  list-style-type: none;
}

nav select { 
  display: none; 
}


#p-views ul{
  padding-left:0 !important;
}

.content p{
  margin-left:15px;
}

blockquote {margin: 1em 0.2em 1em  0.6em; font-style:italic; text-indent:0;}
.content fieldset legend{
  border:0 !important;
}

.content pre{
  display:none;
}

.content ul li pre{
  display:none;
}

.date{
  float:left;
  clear:both;
  font-size:0.9em;
  line-height:0.9em;
  color:#B5B3B4;
}

.pagename{
  clear:both;
  padding-bottom:14px;
}

.content ul li{
  list-style-type:none;
}

#content-wrapper{
  margin-top:28px;
}

#catlinks{
  margin:0 0 20px 0;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
  padding-bottom:10px;
}

#toc ul li{
  list-style-type:none;
}

h2{
  margin-top:10px;
}

body{
background: #f9f9f9 none;
  font-family: "PT Sans";
  font-weight:300;
font-size: 16px;
}

.content{
  padding:5px 0 0 15px;
  padding-left:0;
}

#personal-links ul li #pt-anonuserpage, #pt-anontalk{
  display:none;
}

#personal-links ul li {
  padding-left:10px;
}

div.VarauduTabs{
  margin-top:20px;
  margin-bottom:10px;
}

.page-Etusivu div.VarauduTabs{
  margin-top:0px;
}

.templatesUsed{
  margin:20px 0 20px 20px;
}

div.VarauduTabs h5 {
  display: none;
}

div.VarauduTabs ul{
  display:inline;
  padding:0 0 0 15px;
}

div.VarauduTabs ul li{
  display:inline;
  padding:0 5px 0 0;
}

#logo{
  float:left;
  padding:18px 0 14px 11px;
  width:200px;
}

#logo a{
  background:none;
}

#personal-links{
  float:right;
}

#personal-links ul li a{
  background:none;
  color:#1D71B8;
  font-family: "PT Sans";
  font-size:0.7em;
}

#personal-links ul li a:hover{
  color:#F15C30;
}

#personal-links{
  padding: 6px 0 0 0;
}

#personal-links ul li{
  display:inline;
}
 
#pt-anontalk, #pt-anonuserpage{
  display:none !important;
}

#sitewrapper{
  margin:0 auto; 
  width:1000px;
}

#header_wrapper{
  width:100%;
  background:#fff;
  height:150px;
  -webkit-box-shadow: 0px 5px 16px rgba(50, 50, 50, 0.1);
  -moz-box-shadow:    0px 5px 16px rgba(50, 50, 50, 0.1);
  box-shadow:         0px 5px 16px rgba(50, 50, 50, 0.1);
}

#header{
  width:1000px;
  margin:0 auto;
  height:136px;
}

.nav-collapse .nav li{
  font-size:0.9em;
}

.nav-collapse .nav li a{
  color:#444;
}

.nav-collapse .nav li a:hover{
  color:#CD2F37;
}


#content-area{
  width:1000px;
  margin:0 auto;
  height:auto;
  clear:both;
}

.esittely{
  float:left;
  width:661px;
  min-height:340px;
  background:#fcfcfc;
  -webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.15);
  -moz-box-shadow:    0px 2px 10px rgba(50, 50, 50, 0.15);
  box-shadow:         0px 2px 10px rgba(50, 50, 50, 0.15); 
  margin:0 17px 0 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.esittely-heading{
  background:#0364ad;
  height:37px;
  width:100%;
  border-bottom:1px solid #e3e3e3;
}

.esittely .content h5{
  font-size:1.1em;
}

.esittely .content h5, .esittely .content .news_p{
  margin-bottom:8px;
  margin-right:10px;
}

.esittely .date_p {
  margin-left:20px;
  color:#B5B3B4;
  font-size:0.9em;
}

.ajankohtaista{
  margin-bottom:15px;
  margin-left:15px;
}

.news_p{
  float:none;
}

.muutokset{  
  float:left;
  width:322px;
  min-height:340px;
  background:#fcfcfc;
  -webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.15);
  -moz-box-shadow:    0px 2px 10px rgba(50, 50, 50, 0.15);
  box-shadow:         0px 2px 10px rgba(50, 50, 50, 0.15); 
  margin:0 0 0 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.muutokset-heading{
  background:#F15C30;
  height:37px;
  width:100%;
  border-bottom:1px solid #e3e3e3;
}

#mw-content-text h2.white-heading{
  color:#fff;
  font-size:1em;
  font-weight:700;
  padding:8px 0 0 15px;
margin-top: 0;
}

h2.white-heading a{
  color:#fff;
} 

#left-hr, #right-hr{
  float:left;
  margin: 32px 0 0 0;
  height:2px;
  width:320px;
}

#left-hr{
  clear:both;
}

.dark{
  width:100%;
  height:1px;
  background:#c8c7c7;
}

.light{
  width:100%;
  height:1px;
  background:#fff;
}

.content-heading{
  float:left;
  font-size:1em;
  font-weight:700;
  width:358px;
  text-align:center;
  color:#757575;
  margin: 20px 0 12px 0;
  text-shadow: rgba(255, 255, 255, 0.746094) 0px 1px 0px;
}

.clear{
  clear:both;
  width:100%;
  display:inherit;
}

#p-navigation.body ul li{
  display:none !important;
}

.filing-color1{
  width:75px;
  float:right;
  height:12px;
  background: url(img/folder.png);
  margin-right:10px;
}

.filing-color2{
width:75px;
  float:right;
  height:12px;
  background: url(img/folder4.png);
  margin-right:10px;
}

.filing-color3{
  width:75px;
  float:right;
  height:12px;
  background: url(img/folder.png);
  margin-right:10px;
}

.filing-color4{
  width:75px;
  float:right;
  height:12px;
  background: url(img/folder4.png);
  margin-right:10px;
}

.filing-color5{
  width:75px;
  float:right;
  height:12px;
  background: url(img/folder.png);
  margin-right:10px;
}

.filing-color6{
  width:75px;
  float:right;
  height:12px;
  background: url(img/folder4.png);
  margin-right:10px;
}

.folder{
  float:left;
  padding-bottom:30px;
}

#folder1, #folder2, #folder3, #folder4, #folder5, #folder6, #folder7, #folder8, #folder9 {
  width:322px;
  background:#fcfcfc;
  -webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.15);
  -moz-box-shadow:    0px 2px 10px rgba(50, 50, 50, 0.15);
  box-shadow:         0px 2px 10px rgba(50, 50, 50, 0.15);  
  min-height:320px;
  clear:both;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px; 
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding-bottom:6px;
}

#folder2, #folder3, #folder5, #folder6, #folder8, #folder9 {
  margin-left:17px;
}

.folder-heading{
  background:#fff;
  height:50px;
  width:100%;
  border-bottom:1px solid #e3e3e3;
}

#mw-content-text h3.folder-head{
  color:#757575;
  font-size:1em;
  font-weight:600;
  padding:15px 0 0 15px;
  margin-top: 0;
}

h3.folder-head a{
  color:#757575;
  font-size:1em;
  font-weight:600;
  padding:15px 0 0 0;
}

h3.folder-head a:hover{
  color:#BA0000;
}

.tule_banner {
  color:#e85426;
  width:322px;
  height:50px; 
  background: #e2f1ff none;
  clear:both;
  box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.15);
  -webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.15);
  -moz-box-shadow:    0px 2px 10px rgba(50, 50, 50, 0.15);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-align:center;
  padding: 10px 0 1px;
  font-size: 26px;
  font-weight:bold;
  margin:0 auto;
}

.tule_banner a {
  color: #e85426;
}

.tule_banner a:hover {
  color: #007bd5;
  text-decoration: none;
}

#footer{
  width:1000px;
  margin:0 auto;
  clear:both;
  padding-top:8px;
}

#bottom-nav{
  margin-top:24px;
}

#bottom-nav ul{
  margin-left:0;
}

#bottom-nav ul li{
  list-style-type:none;
  line-height:1.1em;
}

#bottom-nav ul li a{
  background:none;
  font-size:0.9em;
}

#bottom-nav ul li a:hover{
  color:#F15C30;
}

#powered{
  width:100%;
  text-align:center;
  font-size:0.7em;
  margin-bottom:20px;
  color:#797979;
}

#powered ul li{
  list-style-type:none;
  text-shadow: rgba(255, 255, 255, 0.746094) 0px 1px 0px;
}

#footer-info{
  margin-bottom:10px;  
  line-height:1.60em;
}

#footer-places{
  display:none;
}
 
img{
  -ms-interpolation-mode: bicubic;
}

.brand{
  display:none;
}

div.searchresult {
width: 100%;
}

.search{
  float:right;
  clear:right;
  margin-top:22px;
}

#searchInput{
  -webkit-appearance: none;
  border-color:#DBDBDB;
  border:1px solid;
  width: 140px;
  padding: 1px;
  padding-left:3px;
  background: #fff;
  border-radius:0;
  height: 14px;
  line-height: 12px;
  font-size: 0.9em;
  padding: 5px 30px 2px 8px;
  display: block;
  float: left;
  color: #737373;
}

::-webkit-input-placeholder {
  font-style:italic;
}

:-moz-placeholder {  
  font-style:italic;  
}
/*
#mw-searchButton{
  border-radius:0;
  -webkit-appearance: none;
  font-family: 'ModernPictogramsNormal';
  font-size:1.3em;
  width: 40px;
  height: 22px;
  padding: 1px 0 0px;
  border: none;
  color: #fff; 
  background: #1D71B8;
  cursor: pointer;
  line-height:0.9em;
}
*/
#mw-searchButton{
  color: #fff;
  font-family: 'ModernPictogramsNormal';
  width: 40px;
  height: 22px;
  margin-left: 8px;
  text-align: center;
  padding: 3px 0 3px 0;
  font-size:1.3em;
  line-height: 12px;
  border: 0;
  background: #F15C30;
  line-height:0.9em;
  -webkit-appearance: none;
  cursor: pointer;
}

/* LINKS */

a{ 
  text-decoration: none;
  color:#1D71B8;
 }

a:hover{
  color:#F15C30;
}

a.contact-link{
  background:none;
  color:#E24A37;
  text-decoration:underline;
}

.icon-bar {
  display: block;
  width: 20px;
  height: 2px;
  float:right;
  clear:both;
  /*
    background:#908e8e;
  margin:4px 10px 0px 0;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  */
}


.upper-cat-links #catlinks{
  font-size:0.85em;
}

.page-Toiminnot_Tuoreet_muutokset #sidebar{
  display:none;
}

.page-Toiminnot_Tuoreet_muutokset #content-bg{
  width:960px;
}



/* SELECTIONS
--------------------------------------------- */

::selection {
  background: #1D71B8; /* Safari */
  color:#fff;
}
::-moz-selection {
  background: #1D71B8; /* Firefox */
  color:#fff;

}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}

.thumbcaption{
  margin-bottom:30px;
  font-style: italic;
}

.thumb{
  margin-top:20px;
}

/* ADD THIS */

.addthis_toolbox.addthis_default_style {
  float:right !important;
  width:auto;
  clear: both;
}

.addthis_button_tweet.at300b iframe{
  width:100px !important;
}

.addthis_button_linkedin_counter iframe{ 
  height:21px !important;
}
.linkedin:hover{cursor:pointer;}
.linkedin-share{position:relative;display:block;height:21px !important; margin-top:1px;}
.linkedin-share-logo{display:block;position:absolute;top:0;left:0;background:url("//static01.linkedin.com/scds/common/u/img/sprite/sprite_connect_v12.png") 0 0;height:21px !important;width:21px !important;padding:0;overflow:hidden;text-indent:-9999px;float:left;cursor:pointer;z-index:1;}
.linkedin-secure .linkedin-share-logo{background:url("//s7.addthis.com/static/t00/3p/sprite_connect_v12.png") 0 0;}.linkedin-share-title{display:block;background:#fff;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.4,#eee),color-stop(0.65,#fcfcfc));background-image:-moz-linear-gradient(center bottom,#eee 40%,#fcfcfc 65%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFDFDFD,endColorstr=#FFECECEC);border-top:1px solid #e2e2e2;border-right:1px solid #bfbfbf;border-bottom:1px solid #b9b9b9;height:18px !important;line-height:16px;margin-left:1px;padding:0 4px 0 22px;text-shadow:-1px 1px 0 #fff;font-size:10px;font-weight:bold;color:#333;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:2px;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;}
.linkedin:hover .linkedin-share-logo{background-position:-30px -40px;}.linkedin:hover .linkedin-count{background-position:-90px top;}.linkedin:hover .linkedin-share-title{border-top-color:#ababab;border-right-color:#9a9a9a;border-bottom-color:#787878;background:#ececec;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.52,#dedede),color-stop(0.04,#ececec));background-image:-moz-linear-gradient(center bottom,#dedede 52%,#ececec 4%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFEDEDED,endColorstr=#FFDEDEDE);}.linkedin.horizontal{width:100px;height:18px;overflow:hidden;text-align:center;text-align:left;font-family:arial,sans-serif;}
.linkedin.horizontal .linkedin-count{position:relative;display:block;height:21px !important; width:40px;float:right;}
.linkedin.horizontal .linkedin-count b{display:block;background:url("//static01.linkedin.com/scds/common/u/img/sprite/sprite_connect_v12.png") 0 -60px;height:21px;width:30px;padding-left:6px;text-align:center;line-height:16px;font-size:10px;color:#04558B;}.linkedin.horizontal.linkedin-secure .linkedin-count b{background:url("//s7.addthis.com/static/t00/3p/sprite_connect_v12.png") 0 -60px;}.linkedin.horizontal .linkedin-count span{display:block;position:absolute;top:0;right:0;background:url("//static01.linkedin.com/scds/common/u/img/sprite/sprite_connect_v12.png") -266px -100px;width:4px;height:21px !important;padding:0;margin:0;}
.linkedin.horizontal.linkedin-secure .linkedin-count span{background:url("//s7.addthis.com/static/t00/3p/sprite_connect_v12.png") -266px -100px;}.linkedin.horizontal .linkedin-share{width:57px;margin:0;}.linkedin.horizontal:hover .linkedin-count b{background-position:0 -80px;}
.linkedin.horizontal:hover .linkedin-count span{background-position:-266px -120px;}

/* YOUTUBE
--------------------------------------------- */

.thumb.tleft,
.thumb.tleft iframe
{
  width:100%;
  float:left;
clear:both;
}

.thumb.tleft{
  margin-bottom:2em;
}

/* $MEDIA QUERIES
--------------------------------------------- */

@media handheld, only screen and (max-width: 1020px) {

.addthis_toolbox.addthis_default_style {
  float:none !important;
}


#sitewrapper{
  width:661px;
} 

#left-hr, #right-hr{
  width:151px;
}

#content-area{
  width:661px;
  margin:0 auto;
  height:auto;
  clear:both;
}

#personal-links{
  padding: 6px 10px 0 0;
}

#folder2, #folder4, #folder6, #folder8 {
  margin-left:17px;
}

#folder3, #folder5, #folder7, #folder9 {
  margin-left:0;
}

#sidebar{
  width:636px; 
  float:none;
  background:#FAFAFA;
  height:none;
  min-height:200px;
  margin-right:20px;
  padding: 20px 12px 20px 12px;
  border:1px solid #e3e3e3;
}

#content-bg{
  float:none;
}

.page-Toiminnot_Tuoreet_muutokset #content-bg{
  width:620px;
  margin:0 auto;
  height:auto;
  clear:both;
}

#header_wrapper{
  height:156px;
  margin-bottom:0;
}

#header{
  width:661px;
}

#footer{
  width:661px;
}

.esittely {
width: 320px;
}

h2.navheader{
  padding: 8px 0px 5px 10px;
  background:#f9f9f9;
  clear:both;
  font-size:1em;
  color:#575757;
}

.nav li{
  border-bottom:1px solid #e3e3e3;
}

.nav ul{
  padding-bottom:0;
}

.nav{
  border-top:1px solid #e3e3e3;
}
}

 
@media handheld, only screen and (max-width: 681px) {

#sitewrapper{
  width:90%;
} 

#header_wrapper{
  height:176px;
}

#content-bg{
  background:#fff;
  float:none;
  width:88%;
  padding:6%;
  height:auto;
  min-height:0;
  border:1px solid #e3e3e3;
  margin-bottom:10px;
overflow: auto;
}


.page-Toiminnot_Tuoreet_muutokset #content-bg{
  background:#fff;
  float:none;
  width:88%;
  padding:6%;
  height:auto;
  min-height:0;
  border:1px solid #e3e3e3;
  margin-bottom:10px;
}

#sidebar{
  float:none;
  width:88%;
  padding:6%; 
  background:#FAFAFA;
  height:auto;
  min-height:300px;
  margin-right:0;
  border:1px solid #e3e3e3;
}

#link-wrapper{
  width:100%;
  margin:0 auto;
  text-align:center;
}

#s-wrapper{
  margin:0 auto;
} 
 
.page-Etusivu #p-views{
  margin-left:12px;
}

.search{
  margin-right:0 auto;
  margin-left:0 auto;
  margin-bottom:10px;
  margin-top:0;
  float:none;
  text-align:center;
}

#gumax-p-search{
  width:228px;
  margin: 0 auto;
}

#header{
  width:95%;
  height:190px;
}

#content-area{
  width:100%;
}
 
#footer{
  width:95%;
}

img{
  width:100%;
}

#logo{
  padding:10px 0 10px 0;
  margin:0 auto;
  float:none;
  clear:both;
}

.thumbinner{
  width:auto !important;
}

#personal-links{
  float:none;
  text-align:center;

}

/*
.search{
  margin-left:0;
  margin-right:0;
  width:100%;
  float:none;
  margin-top:6px;
  margin-bottom:16px;
  text-align:center;
}

#searchInput{
  float:left;
  margin-left:12px;
  width:80%;
}

#mw-searchButton{
  float:right;
  margin-right:12px;
}

#search_wrapper{
  margin:0 auto;
  text-align:center;
  width:100%;
}
*/

#ylefiheader-search{
  width:95%;
}

#searchText{
  width:100%;
}

div#search_wrapper form, div#search_wrapper.svenska form {
top: 0;
width: 100%;
margin:0 12px 20px 12px;
right: auto;
}

div#search_wrapper form {
margin-top: 11px;
float: left;
right: 100px;
vertical-align: baseline;
height: 28px;
margin: 0 12px;
}

div#search_wrapper form label {
display: none;
}

div#search_wrapper form input {
width: auto;
border-radius: 4px;
height: 28px;
padding: 4px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}

div#search_wrapper form input {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: caret;
vertical-align: top;
height: 20px;
padding: 4px;
border: 0;
margin-right: -4px;
font-size: 12px;
border-radius: 4px 0 0 4px;
background: 
#000;
}

div#search_wrapper form button {
position: absolute;
right: 5%;
}

div#search_wrapper form button {
vertical-align: baseline;
text-indent: -9999px;
cursor: pointer;
border-radius: 0 4px 4px 0;
width: 28px;
height: 28px;
border: 0;
padding: 0;
margin: 0;
background: 
transparent url(http://static.yle.fi/global/api/_version/5.0000/css/img/ylefisearch.png) no-repeat top left;
}

#search_wrapper{
  width:100%;
  margin: 0 12px;
  margin:0 auto;
}



#folder1, #folder2, #folder3, #folder4, #folder5, #folder6, #folder7, #folder8, #folder9 {
  width:auto;
  background:#fcfcfc;
  border:1px solid #e3e3e3;
  min-height:100px;
  clear:both;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
 
.folder{
  float:none;
  padding:0 10px 30px 10px;
}

#folder1, #folder2, #folder3, #folder4, #folder5, #folder6, #folder7, #folder8, #folder9 {
  margin-left:0;
}

.content-heading{
  width:65%;
}

#left-hr, #right-hr{
  width:15%;
}

#left-hr{
  margin-left:2.5%;
}

#right-hr{
  margin-right:2.5%;
  float:right;
}

.esittely{
  float:none;
  width:auto;
  margin:0 auto;
  height:auto;
  background:#fcfcfc;
  border:1px solid #e3e3e3;
  margin:0 10px 0 10px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.esittely-heading{
  background:#1D71B8;
  height:37px;
  width:100%;
  border-bottom:1px solid #e3e3e3;
}

.muutokset{  
  float:none;
  width:auto;
  height:auto;
  background:#fcfcfc;
  border:1px solid #e3e3e3;
  margin:23px 10px 0 10px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.muutokset-heading{
  background:#F15C30;
  height:37px;
  width:100%;
  border-bottom:1px solid #e3e3e3;
}


#powered{
  margin:20px 0 0 0;
  padding-bottom:10px;
}

#powered img{
  width:auto;
}

.group {
  margin: 0 12px;
}

#footer{
  clear:none;
}

.addthis_toolbox.addthis_default_style {
  float:left !important;
  clear:both;
  width:97%;
  margin-bottom:1em;
}

.addthis_button_tweet.at300b iframe{
  width:92px !important;
  clear:both;
}

.addthis_button_linkedin_counter iframe{ 
  height:21px !important;
    clear:both;
}

.page-Etusivu .addthis_toolbox.addthis_default_style{
  margin-left: 12px;
}
}
@media handheld, only screen and (max-width: 550px) {

#header-wrapper, #header{
  width:100%;
}

#header, #header_wrapper{
  height:200px;
}

nav ul { 
  display: none; 
}
nav select { 
  display: inline-block;
  width:95%;
  padding:0 12px;
  margin: 2px 0;
}

#link-wrapper{
  background:#036;
  width:100%;
  margin:0;
  text-align:center;
  border-bottom: 4px solid #F15C30;
}

.esittely .date_p {
  clear:both;
  margin-left:0;
}

#sidebar{
  min-height:100px;
  width:88%;
  padding:6%;
  border-right:0;
  border-left: 0;
}

#content-bg{
  width:88%;
  padding:6%;
  border-right:0;
  border-left: 0;
  padding-bottom:4em;
}

.page-Toiminnot_Tuoreet_muutokset #content-bg{
  width:88%;
  padding:6%;
  border-right:0;
  border-left: 0;
}


#logo{
  margin-top:10px;
}

#stripe{
  display:none;
}

#personal-links{
  padding:2px 0 2px 0;
}

}

/* $SMARTPHONES P --------------------------------*/
@media handheld, only screen and (max-width: 268px) {

#sitewrapper{
  width:190px;
} 

#header{
  width:140px;
  padding:0 20px 15px 20px;
}

#footer{
  width:200px;
}
}

@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}

/* RETINA DISPLAY --------------------------------*/

@media screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-o-min-device-pixel-ratio: 3/2),
  screen and (min-device-pixel-ratio: 1.5) {
  }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (-o-min-device-pixel-ratio: 3/2),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  
}

/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

table th { font-weight: bold; background: #F2F2F2; padding: 11px 10px; text-align: center; border: 1px solid #ddd; }
table td { padding: 9px 10px; text-align: left; }
td { vertical-align: top; border: 1px solid #ddd; }
.ns-special td, .ns-14 td {border: 0px}
#mw-pages td h3 {font-size: 1em; display:none; }

table.responsive{
   -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.25);
  -moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.25);
  box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.25);
  border:1px solid #ccc;
}

/* Mobile */
@media only screen and (max-width: 767px) {
  
  table.responsive { margin-bottom: 0; }
  
  .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 33%; overflow: hidden; overflow-x: scroll; border-right: 1px dashed #ccc; border-left: 1px solid #F2F2F2;}
  .pinned table { border: #ccc; width: 100%; }
  .pinned table th, .pinned table td { white-space: nowrap; }
  .pinned td:last-child { border-bottom: 0; }
  
  div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
  div.table-wrapper div.scrollable table { margin-left: 33%; }
  div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }  
  
  table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
  table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
}



/* -----------------------------------------
   Page Name 1
----------------------------------------- */




/* -----------------------------------------
   Page Name 2
----------------------------------------- */