html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: "PT Sans", Tahoma, sans-serif; vertical-align: baseline; }

html { /*TEIJA*/
  width: 100%;
  height: 100%;
  min-height: 100%;
}

body { /*TEIJA*/
	width:				100%;
	height:				100%;

	background-color:		#FFFFFF;

	line-height:			18px;
	text-align:			left;
	font-family:			"PT Sans", Tahoma, sans-serif;
	font-weight:			400;
	font-size:			13px;
	color:				#000000;
}

@media screen and (min-width: 600px) { /*TEIJA*/
  body {
	font-size:			12px;
  }
}

#taustakuva { /*TEIJA*/
z-index: -1;position: fixed; width:				100vw;
	height:				100vh;

	background-color:		#FFFFFF;
	background-image:		url(/kuvat/taustat/haulitorni1280x834_hue360saturation70lightness-13.jpg);
	background-repeat:		no-repeat;
	background-position:		center 99px; /* oli center bottom */

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#sivupohja { /*TEIJA*/
position: absolute;
  left: 0; 
  top: 0;
  right:0;
  bottom: 0;
}

table.valikkopalkki { /*TEIJA*/
clear:both;
margin-left:auto;
margin-right:auto;
	width:				100%;
	border-collapse:		collapse;
	background-color:		transparent;

}

@media screen and (min-width: 1050px) { /*TEIJA*/
  table.valikkopalkki {
margin-left: 0px;
margin-right: 0px;
  }
}

table.valikkopalkki td { /*TEIJA*/
	white-space:			nowrap;
	background-color:		#FFFFFF;
	text-align: left;

float:left;
width:100%;
border-bottom: 1px solid #FFFFFF;

padding: 0;

font-size:14px;
}

@media screen and (min-width: 600px) { /*TEIJA*/
  table.valikkopalkki td {
	white-space:			nowrap;
	background-color:		transparent;
	text-align: left;

float:left;
width:33.33%;
border-bottom: 1px solid #FFFFFF;
  }
}

@media screen and (min-width: 1050px) { /*TEIJA*/
  table.valikkopalkki td {
	vertical-align:			middle;
	text-align: center;
float:none;
width:auto;
border-bottom: 1px solid #CCCCCC;

font-weight:700;
  }
}

table.valikkopalkki td a { /*TEIJA*/
	display:block;
padding:10px;
}

@media screen and (min-width: 1050px) { /*TEIJA*/
  table.valikkopalkki td a {
	padding:			2px;
	padding-top:			5px;
	padding-bottom:			5px;
  }
}

table.valikkopalkki td a:hover { /*TEIJA*/
	background-color:#5D5D5D;
color: #FFFFFF;
}

@media screen and (min-width: 1050px) { /*TEIJA*/
table.valikkopalkki td a:hover {
	background-color:#FFFFFF;
color: #5D5D5D;
}
}

table.valikkopalkki img:hover { /*TEIJA*/
	background-color:#FFFFFF;
color: #5D5D5D;
}


table.valikkopalkki a:link, table.valikkopalkki a:visited { /*TEIJA*/
	text-decoration:		none;
	color:				#FFFFFF;
}

@media screen and (min-width: 1050px) {
table.valikkopalkki a:link, table.valikkopalkki a:visited { /*TEIJA*/
	text-decoration:		none;
	color:				#A4201D;
}
}

/*MOBIILIVERSIO*/
.mobiiliversio /*TEIJA*/
{
	display:			block;
}

@media screen and (min-width: 1050px) { /*TEIJA*/
  .mobiiliversio {
	display:			none;
  }
}

/*RIVIT MOBIILIVERSIO*/
table.valikkopalkki td.rivit-mobiiliversio { /*TEIJA*/
	white-space:			nowrap;
	background-color:		transparent;
	text-align: center;

float:left;
width:100%;

clear:both;
}

@media screen and (min-width: 1050px) { /*TEIJA*/
  table.valikkopalkki td.rivit-mobiiliversio {
	display: none;
  }
}

/*LISTAUS*/
.listaus { /*TEIJA*/
clear:both;
position:relative;

/*BACKGROUND-COLOR:#FFFFFF;*/ /* MORE jotta mobiilitaustaan saadaan läpinäkyvyyttä */
}

.listaus .listaus-valikkovari { /*MORE*/
BACKGROUND-COLOR:#FFFFFF;
}

.listaus table.valikkopalkki { /*TEIJA*/
position:relative;
}

/*VALIKKOLISTAUS VALINTARUUTU*/
.valikkolistaus-valintaruutu { /*TEIJA*/
	display:			none;
}

.valikkolistaus-valintaruutu ~ .listaus-sisalto {
	display:			none;
}

.valikkolistaus-valintaruutu:checked ~ .listaus-sisalto {
	display:			block;
}

/*LISTAUS AVAUSPAINIKE*/
span.listaus-avauspainike { /*TEIJA*/
float:right;margin:auto;margin-top:0;padding:9px;/*MORE:*/padding-left:8px;/*MORE:*/padding-right:8px;
background-color:#FFFFFF;
clear:both;

box-sizing: content-box;
HEIGHT:30px;/*22px*/ /*MORE*/
VERTICAL-ALIGN:middle;
TEXT-ALIGN:center;

margin-top:25px; /*25px;*/ /*MORE*/
/*margin-right:25px;*/ /*MORE*/
}

@media screen and (min-width: 345px) { /*MORE*/
span.listaus-avauspainike {
margin-right:25px;
}
}

label.listaus-avauspainike {
  cursor: pointer;

  display: inline-block;

box-sizing: content-box;
WIDTH:28px;/*18px;*/ /*MORE*/
HEIGHT:30px;/*20px*/ /*MORE*/
VERTICAL-ALIGN:middle;
TEXT-ALIGN:center;

	padding-left:			5px;
	padding-right:			5px;
	padding-top:			0;
	padding-bottom:			0;
	border:				none;
	background-color:		#A4201D;
	font-family:			"PT Sans", Tahoma, sans-serif;
	font-weight:			400;
	font-size:			28px;/*18px;*/ /*MORE*/
	color:				#FFFFFF;

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

background-image:url(/kuvat/kuvake_valikko16x16.gif);
background-repeat:no-repeat;
background-position:center center;

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

margin-top:0;/*27px;*/ /*MORE*/
}

label.listaus-avauspainike:hover {
	border:				none;
	background-color:		#5D5D5D;
}

/*LISTAUS LOGO MOBIILIVERSIO*/
span.listaus-logo-mobiiliversio { /*TEIJA*/
DISPLAY:INLINE-BLOCK;BBBBfloat:left;margin-top:0px;padding:0px;/* MORE padding-left:5px;padding-right:5px; *//* MORE: */padding-top:5px;/* MORE: */padding-bottom:5px;background-color:#FFFFFF;BBBBwidth:259px;height:88px;
}

table.valikkopalkki a.logo:link, table.valikkopalkki a.logo:visited { /*TEIJA*/
color:#A4201D;
font-size: 18px;
font-weight: 400;
font-family: "Great Vibes", Tahoma, sans-serif;
/*text-shadow: 1px 1px 1px #CCCCCC;*/
line-height:88px;

padding:0;
}

@media screen and (min-width: 1050px) { /*TEIJA*/
  table.valikkopalkki tr.ei-mobiiliversio a.logo:link, table.valikkopalkki tr.ei-mobiiliversio a.logo:visited {
	padding-left:			2px;
	padding-right:			2px;
	padding-top:			5px;
	padding-bottom:			5px;
  }
}

@media screen and (min-width: 1050px) { /*TEIJA*/
  table.valikkopalkki tr.ei-mobiiliversio td.logo {
padding-top:0;padding-bottom:0;padding-left:5px;padding-right:5px;text-align:center;vertical-align:middle;
  }
}

@media screen and (min-width: 1050px) { /*TEIJA*/
table.valikkopalkki tr.ei-mobiiliversio a.valittu:link, table.valikkopalkki tr.ei-mobiiliversio a.valittu:visited  { /*TEIJA*/
	color:				#000000;
}
}

@media screen and (min-width: 1050px) { /*TEIJA*/
table.valikkopalkki tr.ei-mobiiliversio a.valittu:active, table.valikkopalkki tr.ei-mobiiliversio a.valittu:hover  { /*TEIJA*/
	color:				#5D5D5D;
}
}

table.valikkopalkki tr.mobiiliversio a.valittu:link, table.valikkopalkki tr.mobiiliversio a.valittu:visited  { /*TEIJA*/
	background-color:		#5D5D5D;
font-weight:700;
}

table.valikkopalkki tr.mobiiliversio a.valittu:active, table.valikkopalkki tr.mobiiliversio a.valittu:hover  { /*TEIJA*/
	background-color:		#5D5D5D;
font-weight:700;
}

/*ALAVALIKKO*/
table.valikkopalkki tr.alavalikko td { /*TEIJA*/
background-color: #CCCCCC;/* #FFFFFF; */ /*MORE*/
/*border-top:1px solid #CCCCCC;*/ /*MORE*/
line-height:1px;
font-size:1px;

float:none;width:auto;text-align:left;
}

/*LISTAUS SISALTO*/
.listaus-sisalto { /*TEIJA */
position: relative;margin-top:0;

height: 100vh; /*MORE*/

border-top:1px solid #FFFFFF; /*MORE*/
}

.listaus-sisalto table.valikkopalkki { /*TEIJA*/
background-color: #A4201D;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;

height: 276px; /*MORE*/
}

/*RIVI*/
table.valikkopalkki td.rivi { /*TEIJA*/
	white-space:			nowrap;
	background-color:		transparent;
	text-align: left;

float:left;
width:100%;

clear:both;
}

/*PAAVALIKKO*/
table.valikkopalkki tr.paavalikko td { /*TEIJA*/
/*background-color: transparent;*/
background-color: #FFFFFF; /* oli rgba(255, 255, 255, 0.9); */
}

.listaus-sisalto .listaus-sisalto-alatausta { /*MORE*/
position: absolute; top: 276px; bottom: 0; left: 0; right: 0;

      background: linear-gradient(to bottom, rgba(93, 93, 93, 0.8), rgba(0, 0, 0, 1.0));

AAAz-index: -1; pointer-events: none;
}

/*EI MOBIILIVERSIO*/
.ei-mobiiliversio
{
	display:			none;
}

@media screen and (min-width: 1050px) { /*TEIJA*/
  .ei-mobiiliversio {
	display:			table-row;
  }
}

h1 {
	padding-left:			5px;
	padding-right:			5px;
	padding-top:			20px;
	padding-bottom:			20px;

	font-family:			"Great Vibes", Tahoma, sans-serif;
	font-weight:			400;
	font-size:			36px;
	color:				#A4201D;

line-height: 40px;

/*text-shadow: 1px 1px 1px #CCCCCC;*/
}

@media screen and (min-width: 1050px) {
	h1 {
		/*text-shadow:		1px 1px 1px #CCCCCC;*/
	}
}

h2 {
	padding-left:			5px;
	padding-right:			5px;
	padding-top:			20px;
	padding-bottom:			20px;

	font-family:			"Great Vibes", Tahoma, sans-serif;
	font-weight:			400; /* alun perin 400; */
	font-size:			36px;
	color:				#FFFFFF; /* Teija #A4201D; */

line-height: 40px;

/*text-shadow: 1px 1px 1px #CCCCCC;*/
}

@media screen and (min-width: 1050px) {
	h2 {
		/*text-shadow:		1px 1px 1px #CCCCCC;*/
	}
}

p {
	padding:			5px;
}

br {
	line-height:			10px; /* p-tagin padding-top 5px + p-tagin padding-bottom 5px */
}

a:link {
	text-decoration:		underline;
	color:				#A4201D;
}

a:visited {
	text-decoration:		underline;
	color:				#A4201D;
}

a:active {
	text-decoration:		underline;
	color:				#5D5D5D;
}

a:hover {
	text-decoration:		underline;
	color:				#5D5D5D;
}

#ylapalkki { /*TEIJA*/
	clear:				both;
	/* position:			relative; */
text-align:left;
aaaz-index:1;
width:100%;/*320px;*/
/*background-color: rgba(255, 255, 255, 0.65);*/
background-color:transparent;
margin-left:auto;
margin-right:auto;
overflow:visible;

top:0;
position: fixed;
z-index:10;
}

#ylapalstat { /*TEIJA*/
	clear:				both;
	position:			relative;
text-align:center;
aaaz-index:1;
width:100%;
background-color:transparent;
margin-left:auto;
margin-right:auto;
overflow:visible;

/*
height:100%;
min-height:100%;
*/
padding-top: 0;
padding-bottom: 0;
}

#ylapalstat p {
	padding-left:			25px;
	padding-right:			25px;
	padding-top:			5px;
	padding-bottom:			5px;
}

/*MORE*/
#ylapalstat ul {
	padding-left:			25px;
	padding-right:			25px;
	padding-top:			5px;
	padding-bottom:			5px;

	margin-left:			25px;
	list-style-type:		square;
}

# ylapalstat li {
	padding-left:			5px;
}
/*MORE*/

#palvelut { /*TEIJA*/
clear:both;width: 100%; margin-left:auto;margin-right:auto;
display: inline-block;
/*background-color: rgba(255, 255, 255, 0.5);*/
background-color: rgba(255, 255, 255, 0.9);
/*
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=85)';
filter: alpha(opacity=85);
-moz-opacity: 0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
*/
padding-top:20px;
padding-bottom:20px;
MARGIN-TOP: 80px;
}

#etusivu #palvelut { /*TEIJA*/
MARGIN:0;PADDING:0;BORDER-TOP:99px solid #FFFFFF;
	width:100%;
	aaabackground-color:		#FFFFFF;
aaabackground-color: rgba(145, 37, 73, 0.5);
background-color:transparent;
	/* EI MOBI background-image:		url(kuvat/taustat/helm1955x500.jpg); */
	background-repeat:		no-repeat;
/*HEIGHT:1000px;*/
OPACITY: 0.98;
	background-position:		right top;/* MOREssa BOTTOM 17.06.2025 saakka */; min-height: 450px; /*MOREssa oli 500px 17.06.2025 saakka */

/*MORE:*/ BACKGROUND-IMAGE: url(/kuvat/taustat/haulitorni1600x500blinds.jpg);
/*MORE:*/ BACKGROUND-SIZE: auto 450px;
}

#haulitehdas #palvelut { /*TEIJA*/
MARGIN:0;PADDING:0;BORDER-TOP:99px solid #FFFFFF;
	width:100%;
	aaabackground-color:		#FFFFFF;
aaabackground-color: rgba(145, 37, 73, 0.5);
background-color:transparent;
	/* EI MOBI background-image:		url(kuvat/taustat/helm1955x500.jpg); */
	background-repeat:		no-repeat;
/*HEIGHT:1000px;*/
OPACITY: 0.98;
	background-position:		right top;/* MOREssa BOTTOM 17.06.2025 saakka */; min-height: 450px; /*MOREssa oli 500px 17.06.2025 saakka */

/*MORE:*/ /* 27.06.2025 saakka: BACKGROUND-IMAGE: url(/kuvat/taustat/638ce2e38cc0d31cea253e1575e27a7b-1024x768%20valinta%20blinds%20blinds1600.bmp); */
/*MORE:*/ BACKGROUND-IMAGE: url(/kuvat/taustat/20221126_154736rotateright1%20valinta%20blinds%20blinds1600.jpg);
/*MORE:*/ BACKGROUND-SIZE: auto 450px;
}

#palstasivu #palvelut { /*TEIJA*/
MARGIN:0;PADDING:0;BORDER-TOP:99px solid #FFFFFF;
	width:100%;
	aaabackground-color:		#FFFFFF;
aaabackground-color: rgba(145, 37, 73, 0.5);
background-color:transparent;
	/* EI MOBI background-image:		url(kuvat/taustat/helm1955x500.jpg); */
	background-repeat:		no-repeat;
/*HEIGHT:1000px;*/
OPACITY: 0.98;
	background-position:		right top;/* MOREssa BOTTOM 17.06.2025 saakka */; min-height: 450px; /*MOREssa oli 500px 17.06.2025 saakka */

/*MORE:*/ /* 27.06.2025 saakka: BACKGROUND-IMAGE: url(/kuvat/taustat/638ce2e38cc0d31cea253e1575e27a7b-1024x768%20valinta%20blinds%20blinds1600.bmp); */
/*MORE:*/ BACKGROUND-IMAGE: url(/kuvat/taustat/20221126_154736rotateright1%20valinta%20blinds%20blinds1600.jpg);
/*MORE:*/ BACKGROUND-SIZE: auto 450px;
}

@media screen and (min-width: 1050px) { /*TEIJA*/
#etusivu #palvelut {

MARGIN:0;PADDING:0;BORDER-TOP:99px solid #FFFFFF;
	width:100%;
	aaabackground-color:		#FFFFFF;
aaabackground-color: rgba(145, 37, 73, 0.5);
background-color:transparent;
	background-image:		url(/kuvat/taustat/haulitorni1600x500blinds.jpg);
	background-repeat:		no-repeat;
/*HEIGHT:1000px;*/
OPACITY: 0.98;
	background-position:		right top; min-height: 500px;


padding-bottom:50px;
/*MARGIN-TOP: 99px;*/

/*MORE:*/ BACKGROUND-SIZE: auto 500px;
}
}

@media screen and (min-width: 1050px) { /*TEIJA*/
#haulitehdas #palvelut {

MARGIN:0;PADDING:0;BORDER-TOP:99px solid #FFFFFF;
	width:100%;
	aaabackground-color:		#FFFFFF;
aaabackground-color: rgba(145, 37, 73, 0.5);
background-color:transparent;
	/* 27.06.2025 saakka: background-image:		url(/kuvat/taustat/638ce2e38cc0d31cea253e1575e27a7b-1024x768%20valinta%20blinds%20blinds1600.bmp); */
	background-image:		url(/kuvat/taustat/20221126_154736rotateright1%20valinta%20blinds%20blinds1600.jpg);
	background-repeat:		no-repeat;
/*HEIGHT:1000px;*/
OPACITY: 0.98;
	background-position:		right top; min-height: 500px;


padding-bottom:50px;
/*MARGIN-TOP: 99px;*/

/*MORE:*/ BACKGROUND-SIZE: auto 500px;
}
}

@media screen and (min-width: 1050px) { /*TEIJA*/
#palstasivu #palvelut {

MARGIN:0;PADDING:0;BORDER-TOP:99px solid #FFFFFF;
	width:100%;
	aaabackground-color:		#FFFFFF;
aaabackground-color: rgba(145, 37, 73, 0.5);
background-color:transparent;
	/* 27.06.2025 saakka: background-image:		url(/kuvat/taustat/638ce2e38cc0d31cea253e1575e27a7b-1024x768%20valinta%20blinds%20blinds1600.bmp); */
	background-image:		url(/kuvat/taustat/20221126_154736rotateright1%20valinta%20blinds%20blinds1600.jpg);
	background-repeat:		no-repeat;
/*HEIGHT:1000px;*/
OPACITY: 0.98;
	background-position:		right top; min-height: 500px;


padding-bottom:50px;
/*MARGIN-TOP: 99px;*/

/*MORE:*/ BACKGROUND-SIZE: auto 500px;
}
}

div.maksimileveys { /*TEIJA*/
width:100%;overflow:hidden;

position:relative;/*MORE*/

/*MORE:*/height:450px;
}

/*div.mobiiliversio.maksimileveys*/ div.kuvapeitto { /*MORE*/
position:absolute;
display:block;
top:0;
left:0;

width:100%;
height: 450px; /*100%;*/

BACKGROUND-COLOR:transparent;

pointer-events: none;
}

/*#etusivu div.mobiiliversio.maksimileveys*/ div.kuvapeitto { /*MORE*/
background: linear-gradient(to bottom, transparent, #485C75);
}

#palvelut #palveluvalikko { /*TEIJA*/

clear:both;width: 98%; margin-left:auto;margin-right:auto;

	text-align:center;
	display: inline-block;
	/*width:98%;*/
vertical-align:top;

/*MORE:*/width:100%;

/* TARVISKO TÄNNE LAITTAA MIN-HEIGHT:450PX; ??? */
}

@media screen and (min-width: 1050px) { /*TEIJA*/
  #palvelut #palveluvalikko {
	width:				400px;

margin-top:0;
VERTICAL-ALIGN:TOP;width:550px;aaaheight:500px;aaabackground-color:#FFFFFF;MIN-HEIGHT:500px;

  }
}

#palvelut #palveluvalikko p {
font-size:14px;
}

#palveluvalikko #asiakaspalkki { /*TEIJA*/
	clear:				both;
	position:			relative;



text-align:center;
width:100%;


background-color:transparent;
margin-left:auto;
margin-right:auto;
overflow:visible;

padding-top: 0;
PaDdInG-BoTtOm:0;
}

@media screen and (min-width: 1050px) { /*TEIJA*/
  #palveluvalikko #asiakaspalkki {
	padding-bottom: 5px; /*50px;*/ /*MORE*/
  }
}

#palveluvalikko #asiakaspalkki #asiakkaat { /*TEIJA*/
clear:both;width: 100%; margin-left:auto;margin-right:auto;
display: inline-block;
background-color: rgba(255, 255, 255, 0.95);

/*
border-radius: 2px 2px 2px 2px; 
-moz-border-radius: 2px 2px 2px 2px; 
-webkit-border-radius: 2px 2px 2px 2px;

border:2px solid #FFFFFF;
*/

/* MORE POIS box-sizing: content-box;*/

/* MORE:*/ BoRdEr:none;BorDer-RadiUs:0;BoX-SiZiNg: border-box;

padding-top:20px;
padding-bottom:20px;

/* MORE:*/ padding-left:20px;padding-right:20px;

/*MORE:*/ BACKGROUND-COLOR:transparent;
}

@media screen and (min-width: 1050px) { /*TEIJA*/
  #palveluvalikko #asiakaspalkki #asiakkaat {
	width:				auto;

/*MORE POIS
border-radius: 2px 2px 2px 2px; 
-moz-border-radius: 2px 2px 2px 2px; 
-webkit-border-radius: 2px 2px 2px 2px;

border:2px solid #FFFFFF;
*/
  }
}

#etusivu #palveluvalikko #asiakaspalkki #asiakkaat { /*MORE*/
background-color: #485C75;
}

#haulitehdas #palveluvalikko #asiakaspalkki #asiakkaat { /*MORE*/
background-color: #485C75;
}

#palstasivu #palveluvalikko #asiakaspalkki #asiakkaat { /*MORE*/
background-color: #485C75;
}

@media screen and (min-width: 1050px) { /*MORE*/
#etusivu #palveluvalikko #asiakaspalkki #asiakkaat {
BACKGROUND-COLOR:transparent;
background: linear-gradient(to bottom, transparent, #485C75);
}
}

@media screen and (max-width: 1049px) { /*MORE*/ /* huom! max-width */ /* LISÄTTY 28.06.2025 */
  #haulitehdas #palveluvalikko #asiakaspalkki #asiakkaat {
margin-top: -130px;
background: linear-gradient(
  to bottom,
  rgba(72, 92, 117, 0) 0px,
  rgba(72, 92, 117, 0) 130px,
  #485C75 130px,
  #485C75 100%
);
  }
}

@media screen and (max-width: 1049px) { /*MORE*/ /* huom! max-width */ /* LISÄTTY 28.06.2025 */
  #palstasivu #palveluvalikko #asiakaspalkki #asiakkaat {
margin-top: -130px;
background: linear-gradient(
  to bottom,
  rgba(72, 92, 117, 0) 0px,
  rgba(72, 92, 117, 0) 130px,
  #485C75 130px,
  #485C75 100%
);
  }
}

@media screen and (min-width: 1050px) { /*MORE*/
#haulitehdas #palveluvalikko #asiakaspalkki #asiakkaat {
BACKGROUND-COLOR:transparent;
background: linear-gradient(to bottom, transparent, #485C75);
}
}

@media screen and (min-width: 1050px) { /*MORE*/
#palstasivu #palveluvalikko #asiakaspalkki #asiakkaat {
BACKGROUND-COLOR:transparent;
background: linear-gradient(to bottom, transparent, #485C75);
}
}

@media screen and (max-width: 1049px) { /*MORE*/ /* huom! max-width */
  #etusivu #palveluvalikko #asiakaspalkki #asiakkaat h1 {
BOX-SIZING:BORDER-BOX;PADDING:0;MARGIN:0;position: absolute; left: 0; top: -130px; width: 100%; text-align: center;
  }
}

#palveluvalikko #asiakaspalkki #asiakkaat h2 { /*MORE*/
text-align: left;
}

#haulitehdas #palveluvalikko #asiakaspalkki #asiakkaat h2 {
padding-top:0;
}

#palstasivu #palveluvalikko #asiakaspalkki #asiakkaat h2 {
padding-top:0;
}

@media screen and (min-width: 1050px) { /*MORE*/
  #haulitehdas #palveluvalikko #asiakaspalkki #asiakkaat h2 {
padding-top:25px;
  }
}

@media screen and (min-width: 1050px) { /*MORE*/
  #palstasivu #palveluvalikko #asiakaspalkki #asiakkaat h2 {
padding-top:25px;
  }
}

#palveluvalikko #asiakaspalkki #asiakkaat p {
/* MORE POIS:
padding-top:0;
padding-bottom:0;
padding-left:5px;
padding-right:5px;
*/

/*MORE:*/ padding: 5px;

/* 2025 */ text-align:left; COLOR:WHITE;
}

#lisavalikko { /*TEIJA*/
position:absolute;left:0;BBtop:200px;ToP:128px;/*MORE POIS 250px;*/background-color:transparent;display:inline-block;clear:both;width:auto;
}

@media screen and (min-width: 1050px) { /*TEIJA*/
  #lisavalikko {
top:200px;
  }
}

#lisavalikko div { /*TEIJA*/
/*MORE POIS: background: linear-gradient(to right, #A4201D 80%, transparent 100%); */
/*MORE POIS: margin-bottom:2px;*/aaabackground-color:#A4201D;text-align:left;padding:0;font-weight:700;

/*MORE:*/ background-color:#A4201D;
}

@media screen and (min-width: 1050px) { /*TEIJA*/
#lisavalikko div { /*TEIJA*/
background-color:#A4201D;
}
}

#lisavalikko div:hover { /*TEIJA*/
/*MORE POIS: background: linear-gradient(to right, #5D5D5D 80%, transparent 100%); */
background-color:#5D5D5D;
}

@media screen and (min-width: 1050px) { /*TEIJA*/
#lisavalikko div:hover { /*TEIJA*/
background-color:#5D5D5D;
}
}

#lisavalikko div a { /*TEIJA*/
	display:block;
color:#FFFFFF;text-decoration:none;font-size:13px;padding-left:15px;padding-right:20px;padding-top:10px;padding-bottom:10px;

/*MORE:*/ /*outline:1px solid #FFFFFF;*/
/*MORE:*//* border-bottom:1px solid #FFFFFF; */

border-top: 2px solid #A4201D;
border-bottom: 2px solid #A4201D;
border-left: none;
border-right: none;

border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;

margin:1px;
}

#lisavalikko div a:hover { /*MORE*/
border-color: #FFFFFF;
}

#referenssit { /*TEIJA*/
	clear:				both;
	position:			relative;
text-align:center;
aaaz-index:1;
width:100%;
background-color:transparent;
margin-left:auto;
margin-right:auto;
overflow:visible;
padding-bottom:20px;
/*
height:100%;
min-height:100%;
*/
padding-top: 20px;
padding-bottom: 20px;
}

@media screen and (min-width: 1050px) { /*TEIJA*/
  #referenssit {
	/*width:1050px;*/ /*WIDTH:100%;*/
	padding-bottom: 50px;
  }
}

#etusivu #referenssit { /*TEIJA*/
aaawidth:600px;aaaabackground-color:transparent; BBpadding-top: 50px;PaDdInG-ToP:20px;aaaCLEAR:BOTH;aaaFLOAT:LEFT;
}

#haulitehdas #referenssit { /*TEIJA*/
aaawidth:600px;aaaabackground-color:transparent; BBpadding-top: 50px;PaDdInG-ToP:20px;aaaCLEAR:BOTH;aaaFLOAT:LEFT;
}

#palstasivu #referenssit { /*TEIJA*/
aaawidth:600px;aaaabackground-color:transparent; BBpadding-top: 50px;PaDdInG-ToP:20px;aaaCLEAR:BOTH;aaaFLOAT:LEFT;
}

@media screen and (min-width: 1050px) { /*TEIJA*/
#etusivu #referenssit {
padding-top: 50px;

/* 2025 */ PADDING-TOP:20px;PADDING-BOTTOM:20px;
}
}

@media screen and (min-width: 1050px) { /*TEIJA*/
#haulitehdas #referenssit {
padding-top: 50px;

/* 2025 */ PADDING-TOP:20px;/* käyttöön 30.04.2026: */ PADDING-BOTTOM:0; /* poistettu käytöstä 30.04.2026: PADDING-BOTTOM:20px; */
}
}

@media screen and (min-width: 1050px) { /*TEIJA*/
#palstasivu #referenssit {
padding-top: 50px;

/* 2025 */ PADDING-TOP:20px;PADDING-BOTTOM:0;
}
}

#etusivu #opettajat-paasivu { /*MORE*/
/* 2025 */ AAAbackground-color:yellow;AAAwidth:1050px;WIDTH:100%;display: inline-block;
}

#haulitehdas #varauskalenteri { /*MORE*/
/* 2025 */ AAAbackground-color:yellow;AAAwidth:1050px;WIDTH:100%;display: inline-block;
}

#palstasivu #tekstipalstat { /*MORE*/
/* 2025 */ AAAbackground-color:yellow;AAAwidth:1050px;WIDTH:100%;display: inline-block;
}

#etusivu #opettajat-paasivu #referenssit { /*TEIJA*/
padding-top: 20px;
padding-bottom: 0;
}

#haulitehdas #varauskalenteri #referenssit { /*TEIJA*/
padding-top: 20px;
padding-bottom: 0;
}

#palstasivu #varauskalenteri #referenssit { /*TEIJA*/
padding-top: 20px;
padding-bottom: 0;
}

@media screen and (min-width: 1050px) { /*TEIJA*/
#etusivu #opettajat-paasivu #referenssit { /*TEIJA*/
padding-top: 30px;
}
}

@media screen and (min-width: 1050px) { /*TEIJA*/
#haulitehdas #varauskalenteri #referenssit { /*TEIJA*/
padding-top: 30px;
}
}

@media screen and (min-width: 1050px) { /*TEIJA*/
#palstasivu #tekstipalstat #referenssit { /*TEIJA*/
padding-top: 30px;
}
}

.referenssi { /* TÄLLAISENAAN OPETTAJAT */
text-align:center;
vertical-align:top;
display: inline-block;
margin:3px;
width:106px; /*270px;*/
background-color:#FFFFFF; 

border-radius: 2px 2px 2px 2px; 
-moz-border-radius: 2px 2px 2px 2px; 
-webkit-border-radius: 2px 2px 2px 2px;

border:2px solid #FFFFFF;
}

#etusivu div.referenssi { /*TEIJA*/
aaaborder:2px solid #A4201D; padding:0px;width:220px;WiDtH:90%;Min-WiDtH:220px;MaX-WiDtH:596px;text-align:left;font-size:13px;background-color: rgba(255, 255, 255, 0.95); /*rgba(255, 255, 255, 0.85);*/
}

#haulitehdas div.referenssi { /*TEIJA*/
aaaborder:2px solid #A4201D; padding:0px;width:220px;WiDtH:90%;Min-WiDtH:220px;MaX-WiDtH:596px;text-align:left;font-size:13px;background-color: rgba(255, 255, 255, 0.95); /*rgba(255, 255, 255, 0.85);*/
}

#palstasivu div.referenssi { /*TEIJA*/
aaaborder:2px solid #A4201D; padding:0px;width:220px;WiDtH:90%;Min-WiDtH:220px;MaX-WiDtH:596px;text-align:left;font-size:13px;background-color: rgba(255, 255, 255, 0.95); /*rgba(255, 255, 255, 0.85);*/
}

@media screen and (min-width: 600px) { /*TEIJA*/
#etusivu div.referenssi {
width:220px;min-width:220px;max-width:220px;
}
}

@media screen and (min-width: 600px) { /*TEIJA*/
#haulitehdas div.referenssi {
width:220px;min-width:220px;max-width:220px;
}
}

@media screen and (min-width: 600px) { /*TEIJA*/
#palstasivu div.referenssi {
width:220px;min-width:220px;max-width:220px;
}
}

#etusivu #opettajat-paasivu div.referenssi { /*TEIJA*/
aaaborder:2px solid #A4201D; padding:0px;width:220px;WiDtH:90%;Min-WiDtH:220px;MaX-WiDtH:596px;text-align:left;font-size:13px;background-color: rgba(255, 255, 255, 0.95); /*oli 0.85*/
margin-bottom:20px;
}

#haulitehdas #varauskalenteri div.referenssi { /*TEIJA*/
aaaborder:2px solid #A4201D; padding:0px;width:220px;WiDtH:90%;Min-WiDtH:220px;MaX-WiDtH:596px;text-align:left;font-size:13px;background-color: rgba(255, 255, 255, 0.95); /*oli 0.85*/
margin-bottom:20px;
}

#palstasivu #tekstipalstat div.referenssi { /*TEIJA*/
aaaborder:2px solid #A4201D; padding:0px;width:220px;WiDtH:90%;Min-WiDtH:220px;MaX-WiDtH:596px;text-align:left;font-size:13px;background-color: rgba(255, 255, 255, 0.95); /*oli 0.85*/
margin-bottom:20px;
}

@media screen and (min-width: 600px) { /*TEIJA*/
#etusivu #opettajat-paasivu div.referenssi {
width:220px;min-width:220px;max-width:220px;

/* 2025 */ WiDtH: 90%; Min-WiDtH: 220px; MaX-WiDtH: 596px; /*oli background-color: rgba(255, 255, 255, 0.95);*/
}
}

@media screen and (min-width: 600px) { /*TEIJA*/
#haulitehdas #varauskalenteri div.referenssi {
width:220px;min-width:220px;max-width:220px;

/* 2025 */ WiDtH: 90%; Min-WiDtH: 220px; MaX-WiDtH: 596px; /*oli background-color: rgba(255, 255, 255, 0.95);*/
}
}

@media screen and (min-width: 600px) { /*TEIJA*/
#palstasivu #tekstipalstat div.referenssi {
width:220px;min-width:220px;max-width:220px;

/* 2025 */ WiDtH: 90%; Min-WiDtH: 220px; MaX-WiDtH: 596px; /*oli background-color: rgba(255, 255, 255, 0.95);*/
}
}

#haulitehdas #varauskalenteri div.referenssi.kalenteri { /*MORE*/
aaaborder:2px solid #A4201D; padding:0px;width:220px;WiDtH:90%;Min-WiDtH:220px;MaX-WiDtH:596px;text-align:left;font-size:13px;/* oli background-color: rgba(255, 255, 255, 0.95); */ /*oli 0.85*/
margin-bottom:20px;
}

@media screen and (min-width: 1050px) { /*MORE*/
#haulitehdas #varauskalenteri div.referenssi.kalenteri {
/*width:220px;min-width:220px;max-width:220px;*/

/* 2025 */ WiDtH: 1050px; Min-WiDtH: 1050px; MaX-WiDtH: 1050px; /*oli background-color: rgba(255, 255, 255, 0.95);*/
}
}

#haulitehdas #varauskalenteri div.referenssi.kalenteri.selitteet {
background-color: #FFFFFF;
}

@media screen and (min-width: 600px) { /*MORE*/
#haulitehdas #varauskalenteri div.referenssi.kalenteri.selitteet {
WIDTH:AUTO !important;MIN-WIDTH:AUTO !important;MAX-WIDTH:AUTO !important;
}
}







#palstasivu #tekstipalstat div.referenssi.palsta {
background-color: #FFFFFF;
padding-top: 20px;
padding-bottom: 0;
}

@media screen and (min-width: 900px) { /*MORE*/
#palstasivu #tekstipalstat div.referenssi.palsta {
/*width:220px;min-width:220px;max-width:220px;*/

/* 2025 */ WiDtH: 900px; Min-WiDtH: 900px; MaX-WiDtH: 900px; /*oli background-color: rgba(255, 255, 255, 0.95);*/
}
}

#palstasivu #tekstipalstat div.referenssi.palsta.teksti { /*MORE*/
aaaborder:2px solid #A4201D; padding:0px;width:220px;WiDtH:90%;Min-WiDtH:220px;MaX-WiDtH:596px;text-align:left;font-size:13px;/* oli background-color: rgba(255, 255, 255, 0.95); */ /*oli 0.85*/

background-color: transparent;
}

@media screen and (min-width: 900px) { /*MORE*/
#palstasivu #tekstipalstat div.referenssi.palsta.teksti {
/*width:220px;min-width:220px;max-width:220px;*/

/* 2025 */ WiDtH: 596px; Min-WiDtH: 596px; MaX-WiDtH: 596px; /*oli background-color: rgba(255, 255, 255, 0.95);*/

float:right;
padding-top: 0;
padding-bottom: 0;

/*margin-left: auto;*/
margin-right: 20px;
}
}

#palstasivu #tekstipalstat div.referenssi.palsta.linkkipalsta {
display: none;
background-color: transparent;
}

@media screen and (min-width: 900px) { /*MORE*/
#palstasivu #tekstipalstat div.referenssi.palsta.linkkipalsta {
display: block;

width:220px;min-width:220px;max-width:220px;

float:left;
padding-top: 0;
padding-bottom: 0;
}
}


#palstasivu #tekstipalstat div.referenssi.kolmipalsta {
background-color: #FFFFFF;
}

@media screen and (min-width: 600px) { /*MORE*/
#palstasivu #tekstipalstat div.referenssi.kolmipalsta {
/*width:220px;min-width:220px;max-width:220px;*/

/* 2025 */ WiDtH: 600px; Min-WiDtH: 600px; MaX-WiDtH: 600px; /*oli background-color: rgba(255, 255, 255, 0.95);*/
}
}

@media screen and (min-width: 900px) { /*MORE*/
#palstasivu #tekstipalstat div.referenssi.kolmipalsta {
/*width:220px;min-width:220px;max-width:220px;*/

/* 2025 */ WiDtH: 900px; Min-WiDtH: 900px; MaX-WiDtH: 900px; /*oli background-color: rgba(255, 255, 255, 0.95);*/
}
}

#palstasivu #tekstipalstat div.referenssi.kolmipalsta.teksti { /*MORE*/
aaaborder:2px solid #A4201D; padding:0px;width:220px;WiDtH:90%;Min-WiDtH:220px;MaX-WiDtH:90%;text-align:left;font-size:13px;/* oli background-color: rgba(255, 255, 255, 0.95); */ /*oli 0.85*/

background-color: transparent;

margin-left: 0;
border: none;
margin-top: 0;
margin-bottom: 0;

}

@media screen and (min-width: 600px) { /*MORE*/
#palstasivu #tekstipalstat div.referenssi.kolmipalsta.teksti { /*MORE*/
MaX-WiDtH:297px;
}
}

@media screen and (min-width: 900px) { /*MORE*/
#palstasivu #tekstipalstat div.referenssi.kolmipalsta.teksti { /*MORE*/
margin-bottom: 20px;
}
}










div.referenssi h4.paivamaaraotsikko { /*TEIJA*/
padding-left: 25px;
padding-right: 25px;
padding-top: 15px;
padding-bottom: 0;
font-weight:700;font-size:11px;
}

div.referenssi h3.otsikko { /*TEIJA*/
padding-left: 25px;
padding-right: 25px;
padding-top: 5px;
padding-bottom: 5px;
font-weight:700;
font-size:13px;
color:#A4201D;
}

#somejaot { /*TEIJA*/
	clear:				both;
	position:			relative;

background-color:rgba(255, 255, 255, 0.95); padding-top:20px;padding-bottom:20px;

text-align:center;
width:100%;

border-bottom: 1px solid #CCCCCC;

/* 2025 */ BACKGROUND-COLOR:#FFFFFF;/*#A4201D;*/aaborder-top: none;aaaborder-bottom: none;
}

#somejaot div.somejako { /*TEIJA*/
overflow: hidden; display: inline-block; /*clear: both;*/ width: 36px; height: 36px; margin-left: auto; margin-right: auto; text-align: center;
vertical-align:middle;
}

@media screen and (min-width: 1050px) {
#somejaot div.somejako { /*TEIJA*/
width: 24px; height: 24px;
}
}

#somejaot div.somejako img { /*TEIJA*/
width: 36px; height: 36px;
}

@media screen and (min-width: 1050px) {
#somejaot div.somejako img { /*TEIJA*/
width: 24px; height: 24px;
}
}

#yhteystiedot { /*TEIJA*/
	clear:				both;
	position:			relative;
text-align:center;
aaaz-index:1;
width:100%;
/*background-color: rgba(255, 255, 255, 0.85);*/
/*background-color: rgba(236, 236, 236, 0.85);*/
background-color: rgba(255, 255, 255, 0.9);
margin-left:auto;
margin-right:auto;
overflow:visible;
padding-bottom:20px;
/*
height:100%;
min-height:100%;
*/
padding-top: 20px;
padding-bottom: 20px;

/* 2025 */ BACKGROUND-COLOR:#FFFFFF;PADDING-BOTTOM:0;
}

@media screen and (min-width: 1050px) { /*TEIJA*/
  #yhteystiedot {
	padding-top: 20px;
	/*MORE POIS padding-bottom: 50px; */
  }
}

#yhteystiedot h3.otsikko { /*TEIJA*/
font-size: 14px; font-weight:700;
color:#000000;
}

#yhteystiedot p.tekijatiedot { /*MORE*/
	/*font-size: normaali */
}

#yhteystiedot #somessa { /*TEIJA*/
	clear:				both;
	position:			relative;

margin-top:30px;margin-bottom:30px;

background-color:transparent; padding-top:20px;padding-bottom:20px;
text-align:center;
width:100%;

border-top: 1px solid #CCCCCC;
/*MORE POIS border-bottom: 1px solid #CCCCCC;*/

/* 2025 */ box-sizing: border-box;width:100%;BACKGROUND-COLOR:transparent;margin-top:0;margin-bottom:0;
}

#yhteystiedot #somessa div.yhteystietopalsta { /*MORE*/
text-align:center;
vertical-align:middle; /*top;*/
display: inline-block;
margin:3px;
padding:5px; width:90%; /*max-width:270px;*/
background-color:#FFFFFF;

border-radius: 2px 2px 2px 2px; 
-moz-border-radius: 2px 2px 2px 2px; 
-webkit-border-radius: 2px 2px 2px 2px;

border:2px solid #FFFFFF;

box-sizing: border-box;
}

@media screen and (min-width: 600px) { /*MORE*/
#yhteystiedot #somessa div.yhteystietopalsta {
width:45%; /*max-width:50%;*/
}
}

#yhteystiedot #somessa div.some { /*TEIJA*/
overflow: hidden; display: inline-block; /*clear: both;*/ width: 36px; height: 36px; margin-left: auto; margin-right: auto; text-align: center;
vertical-align:middle;
}

#yhteystiedot #somessa div.some img { /*TEIJA*/
width: 36px; height: 36px;
}

/* LISUKKEET */

.painike { /*TEIJA*/
box-sizing: content-box;
HEIGHT:23px;
VERTICAL-ALIGN:middle;
TEXT-ALIGN:center;

padding-left:5px;
padding-right:5px;
	padding-top:			5px;
	padding-bottom:			5px;
	border:				none;

	background-color:		#A4201D;
	font-family:			"PT Sans", Tahoma, sans-serif;
	font-weight:			700;
	font-size:			13px;
	color:				#FFFFFF;

text-decoration: none;

line-height: 23px;
}

a.painike:link, a.painike:visited { /*TEIJA*/
color:#FFFFFF;
    text-decoration: none;

	font-family:			"PT Sans", Tahoma, sans-serif;
	font-weight:			700;
	font-size:			13px;

display:inline-block;
}

.painike:active, .painike:hover { /*TEIJA*/
	background-color:		#5D5D5D;
}

a.painike.maksimileveyspainike:link, a.painike.maksimileveyspainike:visited { /*TEIJA*/
display:block;
}

/* ----------------------------------------------------------------------------------------- */

table.taulukko {
clear:both;
margin-left:0;/*auto;/
margin-right:0;/*auto;*/
	width:				100%;
	border-collapse:		collapse;
	background-color:		transparent;
}

@media screen and (min-width: 1050px) {
  table.taulukko {
margin-left: 0;
margin-right: 0;

WIDTH:1050px;
background-color: #FFFFFF;
  }
}

table.taulukko td {
	white-space:			nowrap;
	/*background-color:		transparent;*/
	text-align: left;

float:left;
width:100%;
border-top: none;
border-bottom: none;

padding: 0;
padding-top: 5px;/*2px;*/
padding-bottom: 5px;/*2px;*/

font-size:13px;

LINE-HEIGHT:20PX; /* sama kuin oman checkboxin korkeus */
}

@media screen and (min-width: 600px) {
  table.taulukko td {
	white-space:			nowrap;
	text-align: left;

float:left;
border-top: none;
border-bottom: none;

aaaaaaaaaaaapadding: 5px;
padding-top: 5px;
padding-bottom: 5px;
  }
}

@media screen and (min-width: 1050px) {
  table.taulukko td {
	vertical-align:			middle;
	text-align: left;
float:none;
width:auto;
border-top: none;
border-bottom: 1px solid #CCCCCC;

padding: 10px; /* oli moreeni 5px; */
padding-left: 10px; /* oli moreeni 20px */
padding-right: 10px; /* oli moreeni 20px */

font-weight:400;
  }
}

table.taulukko input[type="checkbox"] {
	display:none;
}

table.taulukko input + label {
	display: inline-block;	
	/*width: 185px;*/
	/* MORE POISTETTU: height: 20px; *//*24px;*/
/* MORE POISTETTU: line-height:20px; *//*24px;*/
	cursor: pointer;	
	background-image: url(/kuvat/valintaruutu_valitsematon_20x20.gif);
background-color: transparent; /* lisätty 06.06.2022 */
	background-repeat:		no-repeat;
	background-position:		20px center;
padding-left:50px;/*64px;*/
}

@media screen and (min-width: 600px) {
table.taulukko input + label {
	background-position:		0 center; /* moreeni oli 20px center */
padding-left:30px;/*64px;*/ /* moreeni oli 50px */
}
}

table.taulukko input[type="checkbox"]:checked + label {
	background-image: url(/kuvat/valintaruutu_valittu_20x20.gif);
}

table.taulukko input[type="checkbox"]:indeterminate + label { /* More */
	background-image: url(/kuvat/valintaruutu_tuntematon_20x20.gif);
}

table.taulukko input[type="checkbox"][readonly] + label { /* More */
	background-image: url(/kuvat/valintaruutu_tuntematon_20x20.gif);
}

table.taulukko input[type="checkbox"][disabled] + label { /* lisätty 29.08.2023 */
	background-image: none;
}

.mobiiliversio-span
{
	display:			inline;
}

@media screen and (min-width: 1050px) {
  .mobiiliversio-span {
	display:			none;
  }
}

.ei-mobiiliversio-span
{
	display:			none;
}

@media screen and (min-width: 1050px) {
  .ei-mobiiliversio-span {
	display:			inline;
  }
}

input[type="submit"].painike.maksimileveyspainike { /*MORE*/
display:block;
width:100%;
cursor: pointer;
box-sizing: border-box;
padding:5px;
padding-left:20px;
padding-right:20px;
height:33px;
line-height:0; /* huom! */
}

button.painike.maksimileveyspainike { /*MORE*/
display:block;
width:100%;
cursor: pointer;
box-sizing: border-box;
padding:5px;
padding-left:20px;
padding-right:20px;
height:33px;
line-height:0; /* huom! */
}

#asiakkaat #referenssit { /*MORE*/
background-color: transparent !important;
}

#asiakkaat .referenssi { /*MORE*/
background-color: transparent !important;
}

#asiakkaat .referenssi .painike.maksimileveyspainike:link, #asiakkaat .referenssi .painike.maksimileveyspainike:visited { /*MORE*/
color: #FFFFFF !important;
background-color: #485C75 !important;
}

#asiakkaat .referenssi .painike.maksimileveyspainike:active, #asiakkaat .referenssi .painike.maksimileveyspainike:hover { /*MORE*/
color: #FFFFFF !important;
background-color: #5D5D5D !important;
}




#tekstipalstat .referenssi .painike.valittu.maksimileveyspainike:link, #tekstipalstat .referenssi .painike.valittu.maksimileveyspainike:visited { /*MORE*/
color: #FFFFFF !important;
background-color: #5D5D5D !important;
}


#tekstipalstat .referenssi.palsta.linkkipalsta p {
margin-left: 0;
padding-left: 10px;
padding-right: 0;
}

#tekstipalstat .referenssi.palsta.linkkipalsta ul {
margin-left: 10px;
padding-right: 0;
}








.painike.maksimileveyspainike.pariton { /*MORE*/
/* 2025 */ MARGIN-BOTTOM:2PX;
}

.kentta {
box-sizing: border-box;
	width:				100%;
	font-weight:			normal;
	font-size:			13px; /*MORE POIS: 14px; */
line-height:24px;
	color:				#000000;
border:1px solid #CCCCCC;
}

.kentta:focus {
border: 1px solid #A4201D;
outline: none; /*MORE*/
}

span.vaadittu {
/*
	vertical-align:			top;
	font-weight:			bold;
	font-size:			15px;
	color:				#3B5998;
*/
padding-top:0;
padding-bottom:0;
padding-left:5px;
padding-right:5px;
background-color: transparent;
color: #A4201D;
font-weight:700;
display: inline-block;
vertical-align: text-top;

	font-size:			18px;
}

@media screen and (max-width: 1049px) { /*MORE*/ /* huom! max-width */ /* LISÄTTY 28.06.2025 */
#referenssit h2 {
padding-left: 20px;
padding-right: 20px;
}
}

#lisatiedot-tausta {
z-index:999;display:none;position:fixed;left:0;right:0;top:0;bottom:0;height:100%;min-height:100%;
      background: linear-gradient(to bottom, rgba(93, 93, 93, 0.8), rgba(0, 0, 0, 1.0));
}

@media screen and (min-width: 600px) {
#lisatiedot-tausta {
background: linear-gradient(to bottom, rgba(93, 93, 93, 0.8), rgba(0, 0, 0, 1.0));
}
}

#lisatiedot {
         display:none;
	 clear:				both;
	 position:			relative;
         text-align:left;
         WIDTH:auto;

         background-color:#FFFFFF;

         overflow:visible;

         padding:0;

         top:15px;
         bottom:15px;
         left: 15px;
right:15px;
         MARGIN-LEFT:auto;
         MARGIN-RIGHT:auto;
         position: fixed;
         z-index:100;
         padding-bottom: 1px;

         border-left:1px solid #CCCCCC;
         border-right:1px solid #CCCCCC;
         border-bottom:1px solid #CCCCCC;

box-sizing:content-box;
}

@media screen and (min-width: 600px) {
#lisatiedot {
         display:none;
	 clear:				both;
	 position:			relative;
         text-align:left;
         WIDTH:447px;/*width:347px;*/ /* oli 403px, mutta 18.09.2023 alkaen pelaakortit kapeampana 403px - 86px + 15 + 15 = 347px */

         background-color:#FFFFFF;

         overflow:visible;

         padding-top:0;
         padding-bottom:0;
         padding-left:15px;
         padding-right:15px;

         top:15px;
         bottom:15px;
         left: 50%;
right:auto;
         MARGIN-LEFT:-247px;/*margin-left: -197px;*/ /* oli -240px, mutta 18.09.2023 alkaen pelaajakortit kapeampana (-480px - 86px) / 2 = 197px */
MARGIN-RIGTH:auto;
         position: fixed;
         z-index:100;
         padding-bottom: 1px;

         border-left:1px solid #CCCCCC;
         border-right:1px solid #CCCCCC;
         border-bottom:1px solid #CCCCCC;

box-sizing:content-box;
}
}

#lisatiedot-ylapalkki {
position:absolute;left:15px;right:15px;top:5px;height:88px;
text-align: center;
}

#lisatiedot-sisalto {
POSITION:ABSOLUTE;TOP:108px;BOTTOM:98px;LEFT:15px;RIGHT:15px; overflow-y: auto; padding-top: 15px; padding-bottom: 15px; padding-left: 5px; padding-right: 5px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
}

#lisatiedot-sisalto p {
text-align:left;

padding:5px;
font-size:13px; /*MORE POIS: 14px; */
}

#lisatiedot-alapalkki {
position:absolute;left:15px;right:15px;bottom:15px;
}

@media (max-width: 1049px) {
  td.pv {
    /*position: relative;*/
    width: 50% !important;
    display: table-cell !important;
    vertical-align: top !important;
    height: 73px;
    padding: 0 !important;
    border-left: none !important;
    /*border-bottom: 4px solid red;*/
    background-color: #FFFFFF;
    /*text-align: left;*/

box-sizing: border-box;
  }

/* onko turha lisätty?
  td.pv div {
    position: absolute;
    right: 10px;
    width: max-content;
height:73px;
  }
*/

/* nämä otettu käyttöön, mutta sisällytetty suoraan tyyleihin td.pv ja td.pv + td
td.pv,
td.pv + td {
  box-sizing: border-box;
  height: 73px;
}
*/
/* tätä ei ole otettu käyttöön, koska ei ole ollut tarvetta
td.pv + td div {
  margin: 0;
  padding: 0;
  line-height: normal;
}
*/

  td.pv span.mobiiliversio-span {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: left !important; /*center*/
    width: 100%;
    height: 73px;
/*background-color:#FFFFFF;*/
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;

/* 4_11 border-left: none; */

padding-left: 20px !important; /* 4_11 padding-left: 10px !important; */
  }

table.taulukko td span.mobiiliversio-span { /* jotta viikkonumero tasaantuu vasemmalle mobiilissa */
    box-sizing: border-box;
    display: flex;
    align-items: center;

justify-content: left !important;

padding-left: 10px;
}

table.taulukko td.vko { /* viikkonumero mobiilissa */
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;

font-weight: 700;
}

  .ei-mobiiliversio-span {
    display: none !important;
  }

  /* Varauslinkkien solu heti päivämäärän jälkeen */
  td.pv + td {
    box-sizing: border-box;
    width: 50% !important;
    display: table-cell !important;
    vertical-align: top !important;
margin-top: 0; /* 4_11 margin-top: 5px; */
margin-bottom: 1px; /* 4_11 margin-bottom: 5px; */
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;

  /* oli kirjoitusvirhe padding-top: 5x; */
  /* oli kirjoitusvirhe padding-bottom: 5x; */

background-color: #FFFFFF;

height: 73px;
  }

/*  td.pv + td > div { *//* lisätty 02.07.2025 */
/*margin-top: -5px !important;*/
/*  }*/



  /* Linkit näkyviin ja selkeästi erotetusti */
/*
  td.pv + td a.varaa {
    display: block;
  }
*/
}

  .ei-mobiiliversio600px {
    display: none;
  }

  .mobiiliversio-alle600px {
    display: table-row;
  }

@media (min-width: 600px) {
  .mobiiliversio-alle600px {
    display: none;
  }
}

  tr.mobiiliversio-alle600px td {
    background-color: #FFFFFF;
  }

  .mobiiliversio-yli600px {
    display: none;
  }

@media (min-width: 600px) {
  .mobiiliversio-yli600px {
    display: table-row;
  }

  tr.mobiiliversio-yli600px td {
    background-color: #FFFFFF;
  }
}

@media (min-width: 1050px) {
  .mobiiliversio-yli600px {
    display: none;
  }
}


@media (min-width: 600px) and (max-width: 1049px) { /* lisätty 28.06.2025 */
  td.pv {
    height: 40px;

  padding: 0 !important;

text-align:left !important;
  }

  td.pv span.mobiiliversio-span {
    height: 40px;
  }

  td.pv + td {
padding:0 !important;

  height: 40px !important; /* pystysuuntainen keskitys */
  box-sizing: border-box;

margin-top:0 !important;
margin-bottom:1px !important;
  }

/* Varauslinkit vierekkäin 25% leveinä */
  td.pv + td > div {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 0 !important;
  border-bottom: none !important;

  display: block;
  line-height: 40px !important;
  box-sizing: border-box;

/*height: 40px !important;*/
  }
}


.ei-mobiiliversio-solu
{
	display:			none;
}

@media screen and (min-width: 1050px) { /*MORE*/
  .ei-mobiiliversio-solu {
	display:			table-cell;
  }
}


#kalenteriselitteet
{
display: block; margin-right: 30px; vertical-align: top; max-width: 100%;
}

@media screen and (min-width: 1050px) { /*MORE*/
#kalenteriselitteet
{
display: inline-block; max-width: 220px;
}
}

div.kalenteriselite
{
display: inline-block; margin-right: 30px; vertical-align: top; min-width: 220px; max-width: 100%;
padding-top: 10px;
}

@media screen and (min-width: 600px) { /*MORE*/
div.kalenteriselite
{
min-width: auto; max-width: 220px;
padding-top: 0;
}
}

@media screen and (min-width: 1050px) { /*MORE*/
div.kalenteriselite
{
min-width: auto; max-width: 220px;
padding-top: 0;
}
}






@media screen and (min-width: 1050px) { /*MORE*/
  #kuvagalleria #referenssit {
	width:1050px; /*WIDTH:100%;*/
  }
}






#tyonayte-tausta {
z-index:999;display:none;position:fixed;left:0;right:0;top:0;bottom:0;height:100%;min-height:100%;
      background: linear-gradient(to bottom, rgba(93, 93, 93, 0.8), rgba(0, 0, 0, 1.0));
}

#tyonayte-tausta #tyonayte {
display:none;
	clear:				both;
	position:			relative;
text-align:center;
width:100%;

background-color:#FFFFFF;

padding-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;

top:10px;
aaabottom:0;
left: 0;
margin-left: 0;
position: fixed;
z-index:100;
/*padding-bottom: 1px;*/

border-radius: 2px 2px 2px 2px; 
-moz-border-radius: 2px 2px 2px 2px; 
-webkit-border-radius: 2px 2px 2px 2px;

overflow:auto;
max-height:95%;

border-top:2px solid #FFFFFF;
border-bottom:2px solid #FFFFFF;
border-left:none;
border-right:none;
}

@media screen and (min-width: 800px) {
  #tyonayte-tausta #tyonayte {
	width:800px;
left: 50%;
margin-left: -400px; /* poistettu 01.05.2026: -402px; */
border:2px solid #FFFFFF;
  }
}
/*
#tyonayte-tausta #tyonayte #tyonayte-painikkeet {
	position:fixed;width:200px;top:15px;left: 50%;margin-left: -100px;
}

@media screen and (min-width: 320px) {
  #tyonayte-tausta #tyonayte #tyonayte-painikkeet {
	position:fixed;width:270px;top:15px;left: 50%;margin-left: -135px;
  }
}

@media screen and (min-width: 480px) {
  #tyonayte-tausta #tyonayte #tyonayte-painikkeet {
	position:fixed;width:430px;top:15px;left: 50%;margin-left: -215px;
  }
}

@media screen and (min-width: 600px) {
  #tyonayte-tausta #tyonayte #tyonayte-painikkeet {
	position:fixed;width:550px;top:15px;left: 50%;margin-left: -275px;
  }
}

@media screen and (min-width: 800px) {
  #tyonayte-tausta #tyonayte #tyonayte-painikkeet {
	position:fixed;width:750px;top:15px;left: 50%;margin-left: -375px;
  }
}
*/
#tyonayte-tausta #tyonayte #tyonayte-painikkeet {
    position: sticky;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    background: white;
    z-index: 10;
}
/*
#tyonayte-painikkeet button,
#tyonayte-painikkeet a {
    width: 100%;
    display: block;
}
*/