/* @charset "UTF-8"; */
@charset "ISO-8859-1";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');
 
 body {margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:16px;}
 .clear {clear:both;}
 .middle {}
 .container-fluid {max-width:960px; padding:10px; margin-left:auto; margin-right:auto;}
 .container-opaste {max-width:560px; padding:10px; margin-left:auto; margin-right:auto;}
 .harmaa-palkki {background-color:#f2f2f2;}
 .border-top {border-top: 1px solid #cccccc;} 
 .border-bottom {border-bottom: 1px solid #cccccc;} 
 .navigaatio {font-size:15px;}

/* .navigaatio a {text-decoration:none; color:#000;}
 a.active {text-decoration: underline !important; color:#85ac38 !important;} */

 .navigaatio a {text-decoration:none; color:#000;}
 a.passive {text-decoration: underline !important; color:#85ac38 !important;} 
 .navigaatio .erotin {margin-left:9px; margin-right:9px;}
 .left {float:left;}
 .right {float:right;}
 .levea {width:66%;}
 .kapea {width:33%;}
 a.opaste {color:#ffac40; font-weight:bold; font-size:13px; text-decoration:none;}
 .uppercase {text-transform:uppercase;}
 
/**********
 * HEADER *
 **********/
 .header { background-color:#FFF; margin-bottom:15px;}
 .logo {float:left; width:30%;}
 .haku {float:right; width:66%;}
 .header .haku h2, .header .opaste h2 {font-weight:400; color:#ffac40; font-size:25px; margin:40px 0 0 0;}
 .header .haku h1, .header .opaste h1 {font-weight:400; color:#007dc5; font-size:35px; margin:0 0 -10px 0;}
 
 .header .vapaahaku, .header .tiedontuottajat, .header .hankkeiden-tila {margin-bottom:13px;}

/* MIT-lisays */
 .font25 { font-size:20px;}
 
 .tiedontuottajat .tuottaja {display:inline-block; width: 125px;}
  
 input, button, textarea {font-family: 'Open Sans', sans-serif;  font-size:15px; padding:5px;}
 .button {background-color: #333333; border: none; border-radius:3px; color: white; padding: 11px 15px; text-align: center; text-decoration: none; display: inline-block; font-family: 'Open Sans', sans-serif; font-weight:400; letter-spacing:1.5px; font-size: 15px; text-transform: uppercase; margin: 4px 2px; cursor: pointer;}

 .button1 {background-color: #007dc5;} /* Blue */
 .button2 {background-color: #808080;} /* Red */ 
 .button3 {background-color: #85ac38;} /* Gray */ 
 .button4 {background-color: #e7e7e7; color: black;} /* Black */

 /* Asiasanahakemisto */
 .asiasanahakemisto ul {list-style:none; margin:15px 0 0 0; padding:0;}
 .asiasanahakemisto ul li {display:inline-block; margin:0; padding:5px 9px;}
 .asiasanahakemisto ul li a {color:#000; text-decoration:none;}
 .asiasanahakemisto ul li.active {background-color:#CCC;}

/***********
 * SIDEBAR *
 ***********/
.nuoli11 { width: 11px; height: 11px; text-align: absmiddle; }

/**********
 * MIDDLE *
 **********/
 .sidebar {float:left; width:31.5% !important;}
 .sidebar a {color:#000; text-decoration:none;}
 .sidebar a:hover {text-decoration:underline;}
 .sidebar ul {list-style:none; margin:0; padding:0;}
 .sidebar ul li {border-bottom:1px dotted #cccccc; padding:12px 0;}
 
 h1.tiedontuottajat-otsikko {font-size:18px; font-weight:400; border-bottom:2px solid #007dc5; margin:0; padding-bottom:6px; text-transform:uppercase; width:100%;}
 h1.aihehakemistot-otsikko {font-size:18px; font-weight:400; border-bottom:2px solid #85ac38; margin:0; padding-bottom:6px; text-transform:uppercase; width:100%;}
 
 .aihehakemistot {margin-bottom:10px;}
 .lisatietoa {border-bottom:2px solid #ffac40; border-top:2px solid #ffac40; width:100%;} 
 .luonnonvarat {margin-top:10px;}
 .content {float:right; width:66%;  padding-left:10px; margin-left:10px; border-left:1px solid #cccccc;}
 .hakuehdot {background-color:#e5f2f9; padding:15px; border-bottom:1px solid #cccccc;}
 
 .pagination {font-size:15px; padding:5px 0;}
 .pagination ul {list-style:none; margin:0; padding:10px 0 10px 0;}
 .pagination ul li {display:inline;  padding:5px 13px;}
 .pagination ul li.eka {padding:15px 0px;}
 .pagination .active {background-color:#f2f2f2;}
 .pagination a {color:#000; text-decoration:none;}
 .pagination a:hover {text-decoration:underline;}
 
 .takaisin {font-size:15px; text-align:right; padding:15px 0;}
 
 /* Suodata sanoilla */
 #myInput {
    background-image: url('/css/searchicon.png'); /* Add a search icon to input */
    background-position: 10px 12px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
 }

 #myUL {
    /* Remove default list styling */
    list-style-type: none;
    padding: 0;
    margin: 0;
 }
 #myUL li {padding:5px 0;}
 #myUL li a {text-decoration: underline; color:#007dc5;}
 
 
/****************
 * HAKUTULOKSET *
 ****************/ 
 .listausjarjestys {font-size:15px;}
 .listausjarjestys a {color:#000; text-decoration:none;}
 .hakutulokset {border-bottom: 3px solid #666; font-size:15px;}
 .hakutulokset .padder {padding:10px;}
 .hakutulokset .kapea-palsta {width:16%; text-align:center; display:inline-block;}
/* .hakutulokset .levea-palsta {width:66%; display:inline-block; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; text-align:left; height:100%} */
 .hakutulokset .levea-palsta {width:66%; display:inline-block; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; text-align:left; height:auto} 
 
 .hakutulokset-header {background-color:#808080; height:55px; color:#FFF}
 .hakutulokset .hakutulokset-header .kapea-palsta {vertical-align:middle;}
 .hakutulokset .hakutulokset-header .levea-palsta {vertical-align:middle;} 
 .hakutulokset .hakutulokset-header .levea-palsta {border-left-color:#FFF; border-right-color:#fff;} 
 
 .hakutulokset-listaus .hakutulokset-tulos .kapea-palsta {vertical-align:top;}
 .hakutulokset-listaus .hakutulokset-tulos .levea-palsta {vertical-align:top;}
 .hakutulokset-listaus .hakutulokset-tulos.even {background-color:#f2f2f2;}
 .hakutulokset-listaus .hakutulokset-tulos.even .levea-palsta {border-left-color:#FFF; border-right-color:#fff;}
 
 .hakutulokset-tulos .kapea-palsta p {margin:0;}
 .hakutulokset-tulos h1.otsikko {color:#007dc5; font-size:18px; font-weight:400; margin:0;}
 .hakutulokset-tulos .henkilo {margin:0;}
 .hakutulokset-tulos .avainsanat {font-size:13px; font-weight:bold; margin:3px 0;}
 .hakutulokset-tulos .avainsanat a {color:#ffac40;}


/**********
 * FOOTER *
 **********/
 .footer {border-top: 1px solid #cccccc;}
 .copyright {font-size:13px; text-align:right;} 
 .logopalkki {border-top: 1px solid #007dc5; margin-top:10px; max-width:960px;}
 .logopalkki .logot {width:16.3%; display:inline-block; margin-top:10px; margin-bottom:20px;}
 
 
/**********
 * MOBILE *
 **********/
 @media (max-width: 786px) {
	.sidebar {float:none; width:100% !important;}
    .content {float:none; width:100%; padding-left:0px; margin-left:0px; border-left:0px solid #cccccc;}
    .left, .logo {float: none !important;}
 	.right, .haku {float: none !important;}
 	.levea, .kapea, .logo, .haku {width:100% !important;}
	.sticky {position:static !important;}
	
	.buttonit .left {float:left !important;} 
	.buttonit .right {float:left !important;}
 }
 
 @media (max-width: 500px) {
 	.hakutulokset-header {display:none;}
	.hakutulokset .kapea-palsta {width:100% !important; text-align:left; display:inline-block;}
	.hakutulokset .levea-palsta {width:100%; 
		display:inline-block; 
		border-left:none; 
		border-top: 1px solid #f2f2f2; 
		border-right:none; 
		border-bottom: 1px solid #f2f2f2; 
		text-align:left; 
		height:100%} 
 }