@charset "UTF-8";
/* CSS Document */

body{
	
	 margin-top: 0px; 
    margin-bottom: 0px; 
    margin-left: 0px; 
    margin-right: 0px;
    padding: 0;
}

.bg { 
  /* The image used */
  background:white;

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.header{
	background-color:white;
	Height:3em;
}
.header_H{
	float:left;
	margin-left:1.8%;
	margin-right:1.8%;
}
.header_H_save{
	float:left;
	margin-top:1.8%;
	margin-left:14%;
	margin-bottom:0%;
	margin-right:0%;
}
.header_text{
	font-size:14px;
	font-weight:500;
	margin-right:5%;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	text-align:center;	
	width:100%;
	height:100%;
	display: flex;
  	justify-content: center;
  	align-items: center;
}
.header_text_etu_edit{
	font-size:14px;
	font-weight:500;
	margin-right:0%;
	margin-left:15%;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	text-align:left;	
	width:50%;
	height:100%;
	display: flex;

}

.header_text_paluu{
	font-size:14px;
	font-weight:500;
	font-family: Verdana,Geneva,sans-serif; 
	text-align:center;	
	width:100%;
	height:100%;
	display: flex;
  	justify-content: center;
  	align-items: center;
}
.header_text_paluu a{
	margin-left:2.5em; 
	color:darkblue;
	text-decoration: none;
}
.header_text a{
	margin-left:2.5em; 
	color:black;
	text-decoration: none;
}
.header_text_selected{
	 border-bottom: double;
	float:left;
	margin-left:1.8%;
	margin-right:1.8%;

	  
}
.header_selection{
	margin-left:15.5em;
}
.lomakkeet{
	width:100%;
	margin-left:28%;
	margin-top:5%;
	margin-bottom:10%;
	
}
.lomakkeetO{
	width:70%;
	margin-left:28%;
	margin-top:5%;
	margin-bottom:10%;
	
}
.lomakkeetPT{
	width:60%;
	margin-left:12%;
	margin-top:5%;
	margin-bottom:10%;
	
}
.lomakkeetAdminPT{
	width:50%;
	margin-left:10%;
	margin-top:5%;
	margin-bottom:10%;
	
}
.lomakkeetV{
	width:70%;
	margin-left:22%;
	margin-top:5%;
	margin-bottom:10%;
	
}
.lomakkeetO{
	width:70%;
	margin-left:28%;
	margin-top:5%;
	margin-bottom:10%;
	
}
.lomakkeetL{
	width:70%;
	margin-left:18%;
	margin-top:5%;
	margin-bottom:10%;
	
}
.lomakkeetL2{
	width:70%;
	margin-left:15%;
	margin-top:5%;
	margin-bottom:10%;
	
}

.lomakkeetTA{
	width:50%;
	margin-left:15%;
	margin-top:10%;
	margin-bottom:10%;
	
}
.lomakkeetT{
	width:70%;
	margin-left:15%;
	margin-top:5%;
	margin-bottom:10%;
	
}
.lomakkeetS{
	width:70%;
	margin-left:22%;
	margin-top:5%;
	margin-bottom:10%;
	
}
.poytaTD{
	padding-left:5em;

	width:30%;
	
}
.verkostoTD{
	padding-left:0em;

	width:40%;
	
}
.verkostoAdminTD{
	padding-left:0em;

	width:20%;
	
}
.lomakkeetTD{
	padding-left:0em;

	width:20%;
	
}
.aluekartatTD{
	padding-left:5em;

	width:100%;
	
}
.des{
	 font-family: Verdana,Geneva,sans-serif; 
	  font-weight: normal;
	margin-top: 15px;
}
.des2{
	 font-family: Verdana,Geneva,sans-serif; 
	  font-weight: normal;
	margin-top: 15px;
	color:#3a5566;
}
.cover{

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 100%;
 margin: auto;
}
.cover_admin{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 100%;
margin: auto;
}
.logo{
	margin-top:34%;
	margin-left:20%;
	position:absolute;
	display:inherit;
}
.logoAdmin{
	color:#2DCC00;
	font-family: Verdana,Geneva,sans-serif; 
	width:50%;
	margin-top:30%;
	margin-left:22%;
	position:absolute;
	display:inherit;
}
.logoAdminSide{
	color:#2DCC00;
	font-family: Verdana,Geneva,sans-serif; 
	width:50%;
	margin-top:15%;
	margin-left:22%;
	position:absolute;
	display:inherit;
}
.logosivu{
	margin-top:16%;
	margin-left:20%;
	position:absolute;
	display:inherit;
}
.cover2{

background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  max-width: 100%;
	display: block;
      margin: auto;
	margin-top: 10em;
}
.cover3{

background-position: left;
	float:left;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  max-width: 100%;
	display: block;
      margin: auto;
	margin-top: em;
}


.flags{
	margin-right:1em;
	margin-top: 10px;
	margin-bottom:0.5em; 
}

.H{
  margin-left:22%;
  margin-right: auto;
margin-top:5%;
	width:30%;
	color:#193034;
font-family: Verdana,Geneva,sans-serif; 
	font-weight: bold;
	font-size: 15px;
	  position: relative;
}
.HTiedote{
	  margin-left:20%;
  margin-right: auto;
margin-top:0%;
	width:30%;
	color:#193034;
font-family: Verdana,Geneva,sans-serif; 
	font-weight: bold;
	font-size: 13px;
	  position: relative;
	
}
.tiedostonimi{
	  margin-left:20%;
  margin-right: auto;
margin-top:0%;
	width:30%;
	color:#193034;
font-family: Verdana,Geneva,sans-serif; 
	font-weight: bold;
	font-size: 10px;
	  position: relative;
}
.Hin{
  margin-left:22%;
  margin-right: auto;
margin-top:5%;
	width:30%;
	color:#193034;
font-family: Verdana,Geneva,sans-serif; 
	font-weight: bold;
	font-size: 13px;
	  position: relative;
}
.Hlom{
	color:#193034;
font-family: Verdana,Geneva,sans-serif; 
	font-weight: bold;
	font-size: 13px;
	  position: relative;
}
.Hlom2{
  	color:#193034;
font-family: Verdana,Geneva,sans-serif; 
	font-weight: bold;
	font-size: 13px;
	margin-bottom:5%;

}
.Hyht{
  margin-left:68%;
  margin-right: auto;
margin-top:5%;
	width:25%;
	color:#193034;
	float:right;
font-family: Verdana,Geneva,sans-serif; 
	font-weight: bold;
	font-size:16px;
	  position: absolute;
}
.yht{
  margin-left:68%;
  margin-right: auto;
margin-top:8%;
	width:23%;
	color:#193034;
	float:right;
font-family: Verdana,Geneva,sans-serif; 
	font-weight:normal;
	font-size:14px;
	  position: absolute;
}
.tj{
 vertical-align: top;
  text-align: left;	
}
.admintj{
 vertical-align: top;
  text-align: left;	
width:60%;
}
.Pyht{
  margin-left:0%;
  margin-right: auto;
margin-top:0%;
	width:45%;
	color:#193034;

font-family: Verdana,Geneva,sans-serif; 
	font-weight: bold;
	font-size:13px;
	  position: relative;
}
.paattajayht{
  margin-left:0%;
  margin-right: auto;
margin-top:2%;
	width:80%;
	color:#193034;

font-family: Verdana,Geneva,sans-serif; 
	font-weight:normal;
	font-size:13px;
	  position: relative;
}
.Htied{
  margin-left:auto;
  margin-right:auto;
	width:100%;
	color:#193034;
	float:left;
font-family: Verdana,Geneva,sans-serif; 
	font-weight: bold;
	font-size:25px;
	visibility: visible;
}

.Hlukema{
  margin-left:auto;
  margin-right:auto;
	width:80%;
	color:#193034;
	float:left;
font-family: Verdana,Geneva,sans-serif; 
	font-weight: bold;
	font-size:13px;
	visibility: visible;
}
.valikuva{
	position:absolute;
		width:100%;
}
.artikkeli_otsikko{
padding-bottom:10%;
	
}
.paivamaara{
  margin-left:0%;
  margin-right:auto;
	margin-top:0%;
	width:20%;
	color:#345672;
font-family: Verdana,Geneva,sans-serif; 
	font-weight: bold;
	font-size:15px;
	visibility: visible;

}
.paivamaaraL{
  margin-left:0%;
  margin-right:auto;
	margin-top:0%;
	width:20%;
	color:#345672;
font-family: Verdana,Geneva,sans-serif; 
	font-weight: bold;
	font-size:12px;
	visibility: visible;

}
.otsikko{
  margin-left:0%;
  margin-right:auto;
	margin-top:0%;
	width:100%;
	color:black;
font-family: Verdana,Geneva,sans-serif; 
	font-weight:500;
	font-size:20px;
	visibility: visible;
}
.sis{
  margin-left:0%;
  margin-right:auto;
	margin-top:0%;
	width:100%;
	font-weight: 450;
	color:black;
font-family: Verdana,Geneva,sans-serif; 
	font-size:14px;
	visibility: visible;
}
.paivamaarak{
  margin-left:0%;
  margin-right:auto;
	margin-top:0%;
	width:20%;
	color:#345672;
font-family: Verdana,Geneva,sans-serif; 
	font-weight: bold;
	font-size:15px;
	visibility: visible;

}
.otsikkok{
  margin-left:0%;
  margin-right:auto;
	margin-top:0%;
	width:100%;
	color:black;
font-family: Verdana,Geneva,sans-serif; 
	font-weight:500;
	font-size:14px;
	visibility: visible;
}
.sisk{
  margin-left:0%;
  margin-right:auto;
	margin-top:0%;
	width:100%;
	font-weight: 450;
	color:black;
font-family: Verdana,Geneva,sans-serif; 
	font-size:11px;
	visibility: visible;
}
.sis_linkki{
  margin-left:0%;
  margin-right:auto;
	margin-top:0%;
	width:100%;
	font-weight: 500;
	color:black;
font-family: Verdana,Geneva,sans-serif; 
	font-size:11px;
	visibility: visible;
}
.sis_linkki:hover{
  margin-left:0%;
  margin-right:auto;
	margin-top:0%;
	width:100%;
	font-weight: 500;
	color:#002F65;
font-family: Verdana,Geneva,sans-serif; 
	font-size:14px;
	visibility: visible;
}
.otsikkoh{
  margin-left:0%;
  margin-right:auto;
	margin-top:0%;
	width:5em;
	color:black;
font-family: Verdana,Geneva,sans-serif; 
	font-weight:500;
	font-size:12px;
	visibility: visible;
}
.otsikkolom{
    transform: translate(-50%, -50%);
	margin-top:0%;
	margin-bottom:8%;
	align-content:center ;
	width:100%;
	color:black;
font-family: Verdana,Geneva,sans-serif; 
	font-weight:500;
	font-size:12px;
	visibility: visible;
}
.otsikkoalin{
  margin-left:0%;
  margin-right:auto;
	margin-top:0%;
		padding-bottom:20px;
	width:100%;
	color:black;
font-family: Verdana,Geneva,sans-serif; 
	font-weight:500;
	font-size:12px;
	visibility: visible;

}
.artikkelit{
	position:relative;
	width:50%;
	margin-left: 22%;
	margin-right:20%;
	margin-top:5%;
	height:100%;
	align-content: center;
}
.hinnastot{
	position:relative;
	width:65%;
	margin-left: 22%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:20%;
	height:20%;
	align-content: center;
}
.palvelumaksut{
	position:absolute;
	width:60%;
	margin-left: 22%;
	margin-right:20%;
	margin-top:10%;
	height:20%;
	align-content: center;
}
.palvelumaksutO{
  margin-left:22%;
  margin-right: auto;
margin-top:10%;
	width:30%;
	color:#193034;
font-family: Verdana,Geneva,sans-serif; 
	font-weight: bold;
	font-size: 13px;
	 position: absolute;
}
.artikkelit td{
	width:50%;
	padding-bottom:10%;

}
.lukemailmoitus{

	position:relative;
	margin-bottom:10%;
	margin-top:5%;
	margin-left:23%;
	width:70%;
	height:100%;
}
.lukemafont{
	font-size:16px;
}
.laheta{
	margin-left:50%;
	background-color:#00CB94;
	border-radius:3px;
	box-shadow: none;
	display:inline-block;
	border-bottom-color: transparent;
	cursor:pointer;
	color:#FFFFFF;
	font-family: Verdana,Geneva,sans-serif; 
	font-size:12px;
	font-weight: 700;
	padding:6px 24px;
	text-decoration:none;
 	text-shadow: 1px 1px #A0A0A0;
}
.laheta_viesti{
	margin-left:0%;
	background-color:#00CB94;
	border-radius:3px;
	box-shadow: none;
	display:inline-block;
	border-bottom-color: transparent;
	cursor:pointer;
	color:#FFFFFF;
	font-family: Verdana,Geneva,sans-serif; 
	font-size:12px;
	font-weight: 700;
	padding:6px 24px;
	text-decoration:none;
 	text-shadow: 1px 1px #A0A0A0;
}
.laheta:hover{
	margin-left:50%;
	background-color:#00D79D;
	border-radius:3px;
	border-bottom-color: transparent;
	display:inline-block;
	cursor:pointer;
	color:#FFFFFF;
	font-family: Verdana,Geneva,sans-serif; 
	font-size:12px;
	font-weight: 700;
	padding:6px 24px;
	text-decoration:none;
	box-shadow: none;
	text-shadow: 1px 1px #A0A0A0;
}
input{
	border:none;
	border-bottom: 1px solid black;
}
.td_lukema{
	width:50%;
	padding-bottom:10%;
	font-family: Verdana,Geneva,sans-serif; 
	font-weight:500;
	font-size:12px;

}
label{
	font-family: Verdana,Geneva,sans-serif; 
	font-size:12px;
}

.container{
	  position: relative;
  color: white;
	height:200%;
}
.containerPALV{
	  position: relative;
  color: white;
	width:100%;
	height:35em;
	margin-bottom:10%;
}
.containerH{
	  position: relative;
  color: white;
	margin-bottom:5%;
}
.mit{
	margin-left:5%;
}
.osoite_text{
	width:50%;
	float:right;
	font-size:12px;
	font-family: Verdana,Geneva,sans-serif; 
}
.ilmoitus{
	font-size:12px;
	font-family: Verdana,Geneva,sans-serif; 
	width:80%;
}
.info_text{
margin-left: 22%;
margin-right: auto;
margin-top:0%;
margin-bottom:5%;
	width:40%;
	color:#193034;
font-family: Verdana,Geneva,sans-serif; 
	font-weight: normal;
	font-size: 14px;
	  position: relative;
}
.info_admin_text{
	font-size: 14px;
	
}
.H2{
	 margin-left: auto;
  margin-right: auto;
	width:36.5%;
	color:black;
font-family: Verdana,Geneva,sans-serif; 
	font-weight: bold;
	font-size: 18px;
	margin-top:3em;
	  position: relative;

}

.H3{
	margin-left: auto;
  margin-right: auto;
	margin-top:3em;
	width:36.5%;
	color:black;
font-family: Verdana,Geneva,sans-serif; 
	font-weight: bold;
	font-size: 18px;
	clear:all;

}

.C{
	color:#3a5566;
	float: left;
		  position: relative;
}
.T{
	margin-left: 0.2em;
	float: left;
	  position: relative;
}

.P1{
	  margin-left: auto;
  margin-right: auto;
	margin-bottom:5em;
	width:60%;
font-family: Verdana,Geneva,sans-serif; 
	line-height: 1.8;
	clear: both;
	  position: relative;

}

.profile1{
	
	width:50%;
	height:325px;
	margin-left:2.5em;
	margin-top:2em;
	float:left;
	  position: relative;
	margin-bottom:1em;
}
.profile2{
	
	width:50%;
	height:325px;
	margin-left:3em;
	margin-top:2em;
	float:right;
	  position: relative;
	margin-bottom:1em;
}
.mh{
	margin-left: auto;
  margin-right: auto;
	width:50%;
	height:100%;
	clear:both;
	
}

.profile2{
	
	width:30%;
	height:100%;
	margin-left:5.5em;
	margin-top:2em;
	margin-bottom: 3em;
	float:left;
	  position: relative;
	
}
.line{
	clear:all;
	margin-top:5%;
	margin-left:23%;
	position: relative;
	height:1px;
	width:55%;
	background-color:#1b3c51;
	
}

.line1{
	margin-left: auto;
  margin-right: auto;
	clear:all;
	margin-top:2px;
	height:1px;
	width:100%;
	background-color:#1b3c51;
	
}
.footer{
	height:100%;
	width:100%;
	background-color:#f2f2f2;
		
}
.footerp1{
	height:1em;
	width:100%;
	background-color:#f2f2f2;
		clear:both;
}



.footer_text {
	font-family: Verdana,Geneva,sans-serif; 
	font-size:12px; 
	margin-top:1em;
	width: 100%;
	margin-bottom:2em;
}


/* Full-width inputs */
.inputadmin {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

/* Set a style for all buttons */
.buttonadmin {
  background-color:#7BAB40;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
	
}

/* Add a hover effect for buttons */
button:hover {
  opacity: 0.8;
}

/* Extra style for the cancel button (red) */
.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #BC2C2F;
}

/* Center the avatar image inside this container */
.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
}


/* Add padding to containers */
.container {
  padding: 16px;
}

  .cancelbtn {
    width: 100%;
  }

.asivut{
	margin-left:10%;
	font-family: Verdana,Geneva,sans-serif; 
}
.save_art{
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	background-color:#707070;
	border-radius:4px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
font-family: Verdana,Geneva,sans-serif; 
	font-size:10px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 1px #5b8a3c;
	margin-left:20%;
	margin-top:0%;
}
.save{
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	background-color:#707070;
	border-radius:4px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
font-family: Verdana,Geneva,sans-serif; 
	font-size:10px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 1px #5b8a3c;
	margin-left:0%;
	margin-top:5%;
}
.saveL{
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	background-color:#707070;
	border-radius:4px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
font-family: Verdana,Geneva,sans-serif; 
	font-size:10px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 1px #5b8a3c;
	margin-left:22%;
	margin-top:5%;
}
.save_info{
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	background-color:#707070;
	border-radius:4px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
font-family: Verdana,Geneva,sans-serif; 
	font-size:10px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 1px #5b8a3c;
	margin-left:22%;
	margin-top:5%;
}
.tekstibox{
	margin-left:25%;
}
.containerNEW{
	margin-bottom:8%;
}
.uusitied{
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	background-color:#77b55a;
	border-radius:4px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: Verdana,Geneva,sans-serif; 
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 1px #5b8a3c;
	
}
.logout_but{
	
	background-color:#E80003;
	border-radius:4px;
	border:1px solid white;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
font-family: Verdana,Geneva,sans-serif; 
	font-size:10px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 1px #5b8a3c;
	margin-left:1%;
	margin-top:1%;
	margin-bottom:1%;
}
.success{
	color:#000000;
	font-family: Verdana,Geneva,sans-serif; 
	width:100%;
	font-size: 14px;
	font-weight:bolder;
	
}
.ohjeet{
	margin-left:22%;
	font-family: Verdana,Geneva,sans-serif; 
	width:60%;
	font-size: 12px;
	
}
.poista{
		background-color:#E80003;
	border-radius:4px;
	border:1px solid white;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: Verdana,Geneva,sans-serif; 
	font-size:12px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 1px #5b8a3c;
	margin-left:0;
	margin-top:1%;
	margin-bottom:1%; 
}
textarea{
	border-radius:5px;
}
.submit{

	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	background-color:#707070;
	border-radius:4px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: Verdana,Geneva,sans-serif; 
	font-size:10px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 1px #5b8a3c;
	margin-left:0%;
	margin-top:5%;
}

.viestisis textarea{
	resize: none;
}
.viesti{
	margin-top:5%;
	margin-left:22%;
	margin-bottom:10%;
		font-family: Verdana,Geneva,sans-serif; 
	font-size:12px;
}
.viestiform{
		font-family: Verdana,Geneva,sans-serif; 
	font-size:12px;
}
.hinkentta{
	margin-top:5%;
	margin-bottom:5%;
	height:500%;
}
object[data='https://viekinvok.fi/uploads/'] {
    display: none;
}