.pystyotsikot input, 

.vaakaotsikot input, 

.laatikko select,

.vaakaotsikot textarea, 

.pystyotsikot textarea {

  font-size: 14px;

  padding: 8px;

}

.laatikko select,

.vaakaotsikot textarea, 

.pystyotsikot textarea, 

.pystyotsikot input[size="30"], 

.vaakaotsikot input[size="30"] {

  width: 47%;

}

.pystyotsikot input[size="3"], 

.vaakaotsikot input[size="3"] {

  width: 10%;

}



.tyokaluvalikko {

	/*width: 365px;*/

  max-width: 90%;

	height: 25px;

	margin-top: 10px;

	margin-bottom: 10px;

	margin-right: auto;

}

.tyokaluvalikko ul {

	margin: 0;

	list-style: none;

	padding: 0;

}

.tyokaluvalikko li {

	font-size: 16px;

	height: 25px;

	float: left;

}

.tyokaluvalikko ul input {

	display: block;

	width: 100%;

	line-height: 25px;

	height: 25px;

	font-weight: normal;

	text-decoration: none;

	border-left: 1px solid #ddd;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	border-right: none;

	background: #e3d079;

	font-size: 16px;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 600!important;
    color: #fff;

	padding-left: 25px;

    font-size: 16px;

}

.tyokaluvalikko ul input:hover {

	text-decoration: none;

	background: #f1e4a7;

	color: #fff;

}

.tyokaluvalikko ul input.hyvaksy {

	background: #e3d079 url(kuvat/accept.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.hyvaksy:hover {

	background: #f1e4a7 url(kuvat/accept.png) no-repeat 5px center;

	/*width: 85px;*/

	cursor: pointer;

}

.tyokaluvalikko ul input.hylkaa {

	background: #e3d079 url(kuvat/delete.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.hylkaa:hover {

	background: #f1e4a7 url(kuvat/delete.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.poista {

	background: #e3d079 url(kuvat/bin_closed.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.poista:hover {

	background: #f1e4a7 url(kuvat/bin_closed.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.tuhoa {

	background: #e3d079 url(kuvat/cross.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.tuhoa:hover {

	background: #f1e4a7 url(kuvat/cross.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.uusi {

	background: #e3d079 url(kuvat/add.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.uusi:hover {

	background: #f1e4a7 url(kuvat/add.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.muokkaa {

	background: #e3d079 url(kuvat/pencil.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.muokkaa:hover {

	background: #f1e4a7 url(kuvat/pencil.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.peruuta {

	background: #e3d079 url(kuvat/cancel.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.peruuta:hover {

	background: #f1e4a7 url(kuvat/cancel.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.tallenna {

	background: #e3d079 url(kuvat/disk.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.tallenna:hover {

	background: #f1e4a7 url(kuvat/disk.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.palauta {

	background: #e3d079 url(kuvat/arrow_undo.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.palauta:hover {

	background: #f1e4a7 url(kuvat/arrow_undo.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.jonoon {

	background: #e3d079 url(kuvat/page_white_stack.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.jonoon:hover {

	background: #f1e4a7 url(kuvat/page_white_stack.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.vahvista {

	background: #e3d079 url(kuvat/accept.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.vahvista:hover {

	background: #f1e4a7 url(kuvat/accept.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.tulosta {

	background: #e3d079 url(kuvat/printer.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.tulosta:hover {

	background: #f1e4a7 url(kuvat/printer.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.tarkista {

	background: #e3d079 url(kuvat/page_white_find.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.tarkista:hover {

	background: #f1e4a7 url(kuvat/page_white_find.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.karttanakyma {

	background: #e3d079 url(kuvat/map.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.karttanakyma:hover, .tyokaluvalikko ul input.karttanakyma_valittu {

	background: #f1e4a7 url(kuvat/map.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.listanakyma {

	background: #e3d079 url(kuvat/text_list_bullets.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.listanakyma:hover, .tyokaluvalikko ul input.listanakyma_valittu {

	background: #f1e4a7 url(kuvat/text_list_bullets.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.lisaa {

	background: #e3d079 url(kuvat/add.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.lisaa:hover {

	background: #f1e4a7 url(kuvat/add.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.lataa {

	background: #e3d079 url(kuvat/page_white_put.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.lataa:hover {

	background: #f1e4a7 url(kuvat/page_white_put.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.jatka {

	background: #e3d079 url(kuvat/arrow_right.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.jatka:hover {

	background: #f1e4a7 url(kuvat/arrow_right.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.siirra {

	background: #e3d079 url(kuvat/doc_page.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.siirra:hover {

	background: #f1e4a7 url(kuvat/doc_page.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.takaisin {

	background: #e3d079 url(kuvat/arrow_left.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.takaisin:hover {

	background: #f1e4a7 url(kuvat/arrow_left.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.paikka {

	background: #e3d079 url(kuvat/zone.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.paikka:hover {

	background: #f1e4a7 url(kuvat/zone.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.vuoro {

	background: #e3d079 url(kuvat/vuoro.png) no-repeat 5px center;

	/*width: 85px;*/

}

.tyokaluvalikko ul input.vuoro:hover {

	background: #f1e4a7 url(kuvat/vuoro.png) no-repeat 5px center;

	/*width: 85px;*/

}



.tyokaluvalikko ul input.viimeinen {

	border-right: 1px solid #ddd;

	/*width: 85px;*/

}



.laatikko {

	border: 1px solid #ddd;

	padding: 0px;

	margin-bottom: 10px;

}

.laatikko h4 {

	font-weight: bold;

	background: #eee;

	padding: 2px;

	margin: 0px;

	font-size: 16px;

	border-bottom: 1px solid #ddd;

}

.laatikko h4 a, .laatikko h4 a:link, .laatikko h4 a:hover {

	color: #000;

	text-decoration: none;

	cursor: pointer;

}

.laatikon_sisalto {

	margin: 10px;

}

.laatikko table {

	border-collapse: collapse;

	border: 1px solid #ddd;

	width: 100%;

}

.laatikko tr {

	vertical-align: middle;

}

.laatikko .vaakaotsikot th {

	text-align: left;

	vertical-align: bottom;

	padding: 2px;

	border-bottom: 1px solid #999;

}

.laatikko .vaakaotsikot .valitse_kaikki {

	border-right: 1px solid #ddd;

	background: #eee;

	width: 25px;

}

.laatikko .pystyotsikot th {

	text-align: right;

	padding: 2px;

	border-right: 1px solid #999;

	vertical-align: top;

}

.laatikko .vaakaotsikot td {

	border: 1px solid #ddd;

	padding: 2px;

}

.laatikko .pystyotsikot td {

	border: 1px solid #ddd;

	padding: 2px;

	width: 100%;

	vertical-align: top;

}



#infoalue {

	border: 2px solid #ddd;

	margin-bottom: 10px;

}



.autopaikka_karttakuva {

	/* width: 485px; */

	margin-bottom: 10px;

	border: 1px solid #ddd;

	/* background: #ccc; */

}

.autopaikka_karttakuva img {

  max-width: 100%;

}

.autopaikat {

}

.autopaikka {

	text-align: center;

	float: left;

	border: 1px solid #ddd;

	/* width: 95px; */

	width: 137px;

	vertical-align: middle;

	font: 16px Arial, Helvetica, sans-serif;

}

.varattu_nro {

	background: #d88c8c;

	text-transform: uppercase;

	color: #fff;

	font-weight: bold;

	padding-top: 5px;

	padding-bottom: 5px;

}

.varattu_txt {

	background: #fff;

	color: #d88c8c;

	font-weight: bold;

	text-transform: uppercase;

	padding-top: 5px;

	padding-bottom: 5px;

}

.varattu_txt a {

	color: #d88c8c;

}

.varattu_txt a:hover {

	color: #f00;

}

.kasittelyssa_nro {

	background: #e0a03c;

	text-transform: uppercase;

	color: #fff;

	padding-top: 5px;

	padding-bottom: 5px;

	font-weight: bold;

}

.kasittelyssa_txt {

	background: #fff;

	color: #e0a03c;

	font-weight: bold;

	text-transform: uppercase;

	padding-top: 5px;

	padding-bottom: 5px;

}

.kasittelyssa_txt a {

	color: #e0a03c;

}

.kasittelyssa_txt a:hover {

	color: #f00;

}

.vapaa_nro {

	background: #52c58a;

	text-transform: uppercase;

	color: #fff;

	padding-top: 5px;

	padding-bottom: 5px;

	font-weight: bold;

}

.vapaa_txt {

	background: #fff;

	color: #52c58a;

	font-weight: bold;

	text-transform: uppercase;

	padding-top: 5px;

	padding-bottom: 5px;

}

.vapaa_txt a {

	color: #52c58a;

}

.vapaa_txt a:hover {

	color: #f00;

}



.muokkaus_nro {

	color: #000;

	padding-top: 5px;

	padding-bottom: 5px;

	font-weight: bold;

}

.muokkaus_txt {

	border-top: 1px solid #ddd;

}

.muokkaus_txt a {

	color: #000;

	background: #eee url(kuvat/pencil.png) no-repeat 5px center;

	display: block;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 10px;

	text-decoration: none;

}

.muokkaus_txt a:hover {

	background: #fff url(kuvat/pencil.png) no-repeat 5px center;

	color: #000;

	text-decoration: none;

}

.autopaikka_muokkaus {

	text-align: center;

	float: left;

	border: 1px solid #ddd;

	width: 95px;

	vertical-align: middle;

}

.saunavuoro_eikaytossa {

	background: #eee;

}

.saunavuoro_kaytossa {

	background: #fff;

}

.kentan_otsikko {

	font-weight: bold;

}



.saunavuoro_vapaa_as, .saunavuoro_vapaa {

	background: #fff;

	color: #52c58a;

	font-weight: bold;

	text-transform: uppercase;

}

.saunavuoro_vapaa a {

	color: #52c58a;

	text-decoration: underline;

}

.saunavuoro_vapaa a:hover {

	color: #f00;

}

.saunavuoro_varattu_as, .saunavuoro_varattu {

	background: #fff;

	color: #d88c8c;

	font-weight: bold;

	text-transform: uppercase;

}

.saunavuoro_varattu a {

	color: #d88c8c;

	text-decoration: underline;

}

.saunavuoro_varattu a:hover {

	color: #f00;

}

.saunavuoro_kasittelyssa_as, .saunavuoro_kasittelyssa {

	background: #fff;

	color: #e0a03c;

	font-weight: bold;

	text-transform: uppercase;

}

.saunavuoro_kasittelyssa a {

	color: #e0a03c;

	text-decoration: underline;

}

.saunavuoro_kasittelyssa a:hover {

	color: #f00;

}



.linkki {

	color: #00f;

	text-decoration: underline;

}

.virhe {

	color: #f00;

}



.naytetaan_tarvittaessa {

	display: none;

}

.oletus {

	display: block;

}

.huomio {

	border: 1px solid #ddd;

	background: #ffd url(kuvat/exclamation_octagon_fram.png) no-repeat 10px center;

	padding: 5px 5px 5px 36px;

	margin-bottom: 10px;

}

.ohje {

	border: 1px solid #ddd;

	background: #eaf4ff url(kuvat/exclamation.png) no-repeat 10px center;

	padding: 5px 5px 5px 36px;

	margin-bottom: 10px;

}



.ohje .varattu_txt {

	background: #eaf4ff;

	padding: 0px;

}

.ohje .kasittelyssa_txt {

	background: #eaf4ff;

	padding: 0px;

}

.ohje .vapaa_txt {

	background: #eaf4ff;

	padding: 0px;

}



.info {

	font-weight: normal;

	border: 1px solid #ddd;

	background: #eaf4ff url(kuvat/exclamation.png) no-repeat 10px center;

	padding: 5px 0px 5px 36px;

	margin-bottom: 10px;

	/* width: 448px; */

}

.info p {

	margin: 0px;

}

.vaakaerotin {

	border-bottom: 1px solid #ddd;

}

.saunavuorot_paivaotsikko {

	margin: 10px 0px 0px;

	font-weight: bold;

	background: #eee;

	padding: 2px;

	font-size: 16px;

	border-top: 1px solid #ddd;

	border-left: 1px solid #ddd;

	border-right: 1px solid #ddd;

}

.selite {

	font-size: 16px;

  font-weight: normal;

  line-height: 1.6923;

}



@media (max-width: 360px) {

  select, input[type="text"] {

    width: 90%;

  }

  .laatikko .pystyotsikot td {

    width: auto;

  }

}

@media (max-width: 540px) {

  .autopaikka_karttakuva, textarea {

    width: 90%;

  }

  .autopaikka_karttakuva img {

    width: 100%;

  }

  .info {

    width: 85%;

  }

  .laatikko select {

    width: 90%;

  }

  .laatikko select,

  .vaakaotsikot textarea, 

  .pystyotsikot textarea, 

  .pystyotsikot input[size="30"], 

  .vaakaotsikot input[size="30"] {

    width: 85%;

  }

}