#wrapper {
	margin: 0 auto;
	/*max-width: 996px;*/
	min-height: 100%;
	margin: 0 auto 20px;
  /*background:url(/asiakas/images/common/Rakennekuvat/taustakuva.png) no-repeat;
  background-position:center 31px;
  border:4px solid #111;*/
}
#valiosa{
  /*height:300px;
  margin-top: -30px;*/
  border-bottom:5px solid #000;
}
#tekstiosa {
  color: #000;
  margin: 0 auto;
  max-width: 1024px;
  text-align: left;
  padding: 20px;
}
#tekstiosa_tausta{
  width: 100%;
  background-color: #fff;
  padding-top: 1px;
}
#ylanapit{
  font-size:12pt;
  font-family: 'Bitter', sans-serif;
  text-decoration:bold;
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  /*top: -130px;*/
  vertical-align:bottom;
  /*bottom: -20px; */
  left: 0;
  color:#FFF;
  font-family: Bitter;
  font-weight: bold;
  padding-left: 54px;
}
#kannykkavalikon_nappi{
  display: none;
  cursor:pointer;
  float: right;
  padding: 41px;
  position:absolute;
  right:10px;
}
.kannykkavalikon_viiva{
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 3px;
  height: 2px;
  margin-bottom: 4px;
  width: 33px;
}
.logoteksti{
  text-decoration:none;
  float:left;
  font-size:21px;
  line-height:98px;
  font-weight:bold;
  font-family: Prata;
}
#bannerikuvan_sisalto{
  width:100%;
  max-width:934px;
}
#ylanapit_tekstit{
  position:relative;
  width:98.2%;
  margin-left:auto;
  margin-right:auto;
  height:50px;
  margin-top:-4.8%;
  left:-0.2%;
  color:#FF0000;
  background:url(/asiakaskuvat/valikkotausta.png) repeat-x;
  text-align:left;
}

#kielet {
	position:relative;
	text-align:right;
	max-width:916px;
	margin-left:auto;
	top:-10px;
	width:75px;
	height:11px;
	z-index:1;
}

#alaosa{
  position:relative;
  width:100%;
  background-color:#1969a3;
  text-align:center;
  padding-top: 40px;
  padding-bottom: 40px;
  /*border-top:1px solid #000;*/
}

#ylaosa{
  text-align:left;
  border-bottom: none;
  text-align: center;
  height: 97px;
  line-height: 40px;
  background-color:#1969a3;
  padding-left: 0px;
  border-top: 3px solid #000;
}

#vasenvalikkoalue{
  text-align:left;
  font-size:14pt;
  font-family: 'Open Sans', sans-serif;
  text-decoration:bold;
}

.toimipaikkanapit{
  width:120px;
  background-color:#FFFFFF;
  border-radius:3px;
  height:30px;
  line-height:30px;
  text-align:center;
  font-family: 'Open Sans', sans-serif;
  font-size: 13pt;
  font-weight: bold;
  font-weight: italic;
  color:#000000;
  margin:auto;
  margin-bottom:10px;
  -moz-box-shadow: 0px 2px 2px 0px #CCCCCC;
  -webkit-box-shadow: 0px 2px 2px 0px #CCCCCC;
  box-shadow: 0px 2px 2px 0px #CCCCCC;
}

.toimipaikkanapit:hover{
  width:120px;
  background:url(/asiakaskuvat/buttonA.png) repeat-x;
  border-radius:3px;
  height:30px;
  text-align:center;
  font-family: 'Open Sans', sans-serif;
  font-size: 13pt;
  font-weight: bold;
  font-weight: italic;
  cursor:pointer;
  margin:auto;
  margin-bottom:10px;
}

#yladiv
{
  width: 925px;
  height: 410px;
  overflow: hidden;
  margin: 10px;
  position: relative;
}
#ylakuva {
  position:absolute;
  left: -100%;
  right: -100%;
  top: -100%;
  bottom: -100%;
  margin: auto; 
  margin-top:1px;
  bottom:1px;
  min-height: 100%;
  min-width: 100%;
}

.ekskursiolistadiv
{
  width: 194px;
  height: 137px;
  overflow: hidden;
  margin: 1px;
  position: relative;
}

.ekskursiolistakuva {
  position:absolute;
  left: -100%;
  right: -100%;
  top: -100%;
  bottom: -100%;
  margin: auto; 
  min-height: 100%;
  min-width: 100%;
}

.rivinvaihto_m{
  display:inline;
}

.rivi {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}
.sarake {
  flex: 33%;
  max-width: 32%;
  padding: 0 4px;
}

.sarake img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .sarake {
    flex: 33%;
    max-width: 31%;
  }
}
@media screen and (max-width: 600px) {
  .sarake {
    flex: 33%;
    max-width: 31%;
  }
}

@media screen and (max-width: 1000px) {
  #ylanapit_tekstit{
    /*margin-top:-6.5%;*/
  }
  #sivu{
    background-size:100%;
  }
  #tekstialue {
    /*text-align:left;*/
  }
  #valiosa {
    /*height: 40%;
    max-height:300px;*/
  }
  #kannykkavalikon_nappi{
    display: block;
    margin: auto 0;
    z-index: 999;
    position: absolute;
  }
}

@media screen and (max-width: 650px) {
  .logoteksti{
    line-height: 28px;
    font-size:20px;
    top: 17px;
    position: relative;
    text-align:left;
  }
  .rivinvaihto_m{
    display:block;
  }
  /*#ylanapit{
    bottom: 0px;
    top:0px;
    font-size: 12pt;
    background-color:#000;
    height:25px;
    padding:7px;
  }
  #sivu{
    background-size:100%;
  }
  #tekstialue {
    text-align:left;
    padding-top:20px;
  }
  #valiosa{*/
    /*height: 40%;
    max-height:200px;*/  /*}*/
}

@media screen and (max-width: 500px) {
  /*#wrapper{
    background-image:none;
  }
  #ylanapit_tekstit{
    text-align:center;
  }
  #tekstialue {
    text-align:left;
    padding-top:20px;
  }
#valiosa{*/
    /*height: 40%;
    max-height:300px;*/  /*}
*/
  #ylanapit{
    font-size:3vw;
  }
}

@media screen and (max-width: 400px) {
  #kannykkavalikon_nappi{
    right:0px;
    padding-right:20px;
  }
}

#ylanappi{
  height:31px;
  text-decoration:none;
}

.ylanappiv{
  width:7px;
  height:31px;
  padding-top:0px;
  margin-left:10px;
  float:left;
}
.ylanappik{
  position:relative;
  background: url(/asiakaskuvat/buttonA.png) repeat-x;
  background-color:#ffc11b;
  padding-top:10px;
}
.ylanappik2{
  /*background-color:#ffc11b;*/
  height:31px;
  min-width:90px;
  float:left;
  text-align:center;
  font-size:13pt;
  font-family: 'Open Sans', sans-serif;
  font-weight:bold;
  color:#FFF;
  padding-top:2px;
}
.ylanappio{
  padding-top:0px;
  float:left;
  width:7px;
  height:31px;
}

.ylanappiv:hover{
  background: url(/asiakaskuvat/vasenButtonA.png) no-repeat;
  background-size:7px 31px;
  width:7px;
  height:31px;
  padding-top:0px;
  margin-left:10px;
  float:left;
}

.ylanappik2:hover{
  background-image: url(/asiakaskuvat/buttonA.png);
  background-repeat: repeat-x;
  background-size:7px 31px;
  /*background-color:#ffc11b;*/
  height:31px;
  min-width:90px;
  float:left;
  text-align:center;
  font-size:13pt;
  font-family: 'Open Sans', sans-serif;
  font-weight:bold;
  color:#FFF;
  padding-top:2px;
}
.ylanappio:hover{
  background: url(/asiakaskuvat/oikeaButtonA.png) no-repeat;
  background-size:7px 31px;
  padding-top:0px;
  float:left;
  width:7px;
  height:31px;
}

#bannerikuva{
  /*position:relative;
  bottom: 0; 
  left: 0;*/
}
body {
  text-align: center;
  margin-left:0px;
  padding-left:0px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom:0px;
  padding-right:0px;
  background-color:#fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}
#logo{
  min-width:240px;
  max-width:292px;
  width:90%;
}
#alapalkki{
  background-image: url(/asiakaskuvat/valikkotausta.png);
  background-repeat:repeat-x;
  height:20px;
  width:100%;
  padding:0;
  margin:0;
  border:0; 
}
.otsikko{
		font-family: 'Prata', sans-serif;
		font-weight:bold;
		font-size:22px;
		color: #000;
}

.valiotsikko{
		font-family: 'Prata', sans-serif;
		font-weight:bold;
		font-size:18px;
		line-height:30px;
		color:#000;
}

.moduuliotsikko{
		font-family: 'Open Sans', sans-serif;
		font-weight:bold;
		font-size:18px;
		line-height:30px;
		color:#fff;
}

.leipateksti{
    font-family: 'Signika', sans-serif;
    font-size: 15px;
		line-height:20px;
		padding-bottom:0px;
		text-decoration: none;
		font-weight: normal;
		color:#fff;	
}

P{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	margin:0;
	padding:0;
	color:#000;
}

A{
	color:#FFF;
	text-decoration:underline;
}

.responsive_img {
    width: 100%;
    height: auto;
}

/* ====================================================== */

/*   KIELILIPUT */ 

a.lippu:link, a.lippu:hover, a.lippu:visited, a.lippu:active;{
	cursor:pointer;
}

#fin {
	float:left;
	width:21px;
	height:11px;
	margin: 0 3px 0 2px;
	background: url(/asiakas/images/common/Rakennekuvat/finP.gif) top center no-repeat;
}

#fin:hover {
	background: url(/asiakas/images/common/Rakennekuvat/finA.gif) top center no-repeat;
	cursor:pointer;
}

#eng {
	float:left;
	width:21px;
	height:11px;
	margin: 0 3px 0 2px;
	background: url(/asiakas/images/common/Rakennekuvat/engP.gif) top center no-repeat;
}

#eng:hover {
	background: url(/asiakas/images/common/Rakennekuvat/engA.gif) top center no-repeat;
	cursor:pointer;
}

#spa {
	float:left;
	width:21px;
	height:11px;
	margin: 0 3px 0 2px;
	background: url(/asiakas/images/common/Rakennekuvat/spaP.gif) top center no-repeat;
}

#spa:hover {
	background: url(/asiakas/images/common/Rakennekuvat/spaA.gif) top center no-repeat;
	cursor:pointer;
}

#rus {
	float:left;
	width:21px;
	height:11px;
	margin: 0 2px 0 2px;
	background: url(/asiakas/images/common/Rakennekuvat/rusP.gif) top center no-repeat;
}

#rus:hover {
	background: url(/asiakas/images/common/Rakennekuvat/rusA.gif) top center no-repeat;
	cursor:pointer;
}

#swe{
	float:left;
	width:21px;
	height:11px;
	margin: 0px 3px 0 3px;
	background: url(/asiakas/images/common/Rakennekuvat/sweP.gif) top center no-repeat;
}

#swe:hover {
	background: url(/asiakas/images/common/Rakennekuvat/sweA.gif) top center no-repeat;
	cursor:pointer;
}


/* ====================================================== */