/*SIVUPOHJA:*/
body{
	margin: 0px;
	padding: 0px;
	background-color: #F1F1F1;
}


.taittotaulukko {
 width: 100%;
}

.ylapalkki {
 width: 100%;
 height: 100px;
 background-color: #17d0fb;
 color: white;
 padding: 0px;
 border: none;
}


.sisaltopalkki1 {
  padding: 0px 0px 10px 0px;
  background-color: White;
  color: #4a4a4a;
  border: none;
}

.sisaltopalkki2 {
 background-color: #17d0fb;
 color: white;
 padding: 20px 0px 10px 0px;
 border: none;
}

.sisaltopalkki3 {
 padding: 20px 0px 20px 0px;
 background-color: White;
 color: #4a4a4a;
 border: none;
}

.alatunniste {
 width: 100%;
 padding: 20px 0px 150px 0px;
 background-color: #f1f1f1;
 color: #4a4a4a;
 border: none;
}

/*Logo*/
#logo {
	 float: left;
	  margin: 15px 40px 10px 0px;
}

/*Käytä tarvittaessa diviä määrittämään sisällön leveys:*/
.sisaltoalue {
	 max-width: 1000px;
	 margin-left: auto;
	 margin-right: auto;
    padding: 0px 5px 10px 5px;
	 float: none;
}

/*Leivänmurupolku:*/
.leivanmuru {
	 color: #757575;
	 font-size: 12px;
	 margin-top: 10px;
}


/*PÄÄNAVIGOINTI:*/

a.navigointilinkki:link {
 display: block;
 float: left;
 color: white;
 height: 20px;
 padding: 70px 10px 10px 10px;
 background-color: #17d0fb;
  font-family: Arial, Helvetica, sans-serif;
 text-decoration: none;
 font-size: 15px;
}

a.navigointilinkki:visited {
 display: block;
 float: left;
 height: 20px;
 padding: 70px 10px 10px 10px;
 color: white;
 background-color: #17d0fb;
  font-family: Arial, Helvetica, sans-serif;
 text-decoration: none;
 font-size: 15px;
}

a.navigointilinkki:hover {
 display: block;
 float: left;
 height: 20px;
 padding: 70px 10px 10px 10px;
 color: white;
 background-color: #01A8CF;
  font-family: Arial, Helvetica, sans-serif;
 text-decoration: none;
 font-size: 15px;
}

a.navigointilinkki:active {
 display: block;
 float: left;
 height: 20px;
 padding: 70px 10px 10px 10px;
 color: white;
 background-color: #01A8CF;
  font-family: Arial, Helvetica, sans-serif;
 text-decoration: none;
 font-size: 15px;
}

a.kieli:link {
 display: block;
 float: right;
 color: white;
 height: 20px;
 padding: 70px 10px 10px 10px;
 background-color: #17d0fb;
  font-family: Arial, Helvetica, sans-serif;
 text-decoration: none;
 font-size: 15px;
}

a.kieli:visited {
 display: block;
 float: right;
 height: 20px;
 padding: 70px 10px 10px 10px;
 color: white;
 background-color: #17d0fb;
  font-family: Arial, Helvetica, sans-serif;
 text-decoration: none;
 font-size: 15px;
}

a.kieli:hover {
 display: block;
 float:  right;
 height: 20px;
 padding: 70px 10px 10px 10px;
 color: white;
 background-color: #01A8CF;
  font-family: Arial, Helvetica, sans-serif;
 text-decoration: none;
 font-size: 15px;
}

a.kieli:active {
 display: block;
 float: right;
 height: 20px;
 padding: 70px 10px 10px 10px;
 color: white;
 background-color: #01A8CF;
  font-family: Arial, Helvetica, sans-serif;
 text-decoration: none;
 font-size: 15px;
}

#avoinsivu {
 display: block;
 float: left;
height: 20px;
 padding: 70px 10px 10px 10px;
 color: white;
 background-color: #01A8CF;
  font-family: Arial, Helvetica, sans-serif;
 text-decoration: none;
 font-size: 15px;
}


/*ALEMMAN TASON NAVIGOINTI:*/
/*Taso 2:*/
a.navi2linkki:link {
	display: block;
	float: left;
	padding: 8px;
	margin-right: 5px;
	background-color: #17D0FB;
	color: White;
}

a.navi2linkki:visited {
	display: block;
	float: left;
	padding: 8px;
	margin-right: 5px;
	background-color: #17D0FB;
	color: White;
}

a.navi2linkki:hover {
	display: block;
	float: left;
	padding: 8px;
	margin-right: 5px;
	background-color: #01A8CF;
	color: White;
}

a.navi2linkki:active {
	display: block;
	float: left;
	padding: 8px;
	margin-right: 5px;
	background-color: #01A8CF;
	color: White;
}

.navi2avoin {
	display: block;
	float: left;
	padding: 8px;
	margin-right: 5px;
	background-color: #01A8CF;
	color: White;
}

/*Taso 3:*/
a.navi3linkki:link {
	margin-right: 10px;
	padding: 5px;
	background-color: White;
	color: #005f75;
}

a.navi3linkki:visited {
	margin-right: 10px;
	padding: 5px;
	background-color: White;
	color: #005f75;
}

a.navi3linkki:hover {
	margin-right: 10px;
	padding: 5px;
	background-color: #81e6fd;
	color: #005f75;
}

a.navi3linkki:active {
	margin-right: 10px;
	padding: 5px;
	background-color: #81e6fd;
	color: #005f75;
}


/*SISÄLTÖOSA, KUVAT, KORTIT JA TAULUKOT:*/

img {
	 float: left;
	 border: none;
}

.neljanneskortti {
float: left;
	  width: 230px;
	  padding: 0px 20px 10px 0px;
}

.puolikortti {
float: left;
	  width: 480px;
	  padding: 0px 20px 10px 0px;
}

.kokokortti {
float: left;
	  max-width: 1000px;
	  padding: 0px 20px 10px 0px;
}

/*Etusivun muotoilu:*/
#etusivukaruselli {
	 padding: 0px 0px 10px 0px;
	 width: 1010px;
	 margin-left: auto;
	 margin-right: auto;
}

#neljalinkkia {
 padding-bottom: 10px;
}

.etusivukuva {
 margin-bottom: 10px;
}

/*Kohdelistan muotoilu:*/
.kohdekortti {
	 max-width: 1000px;
	 min-height: 200px;
	 margin-left: auto;
	 margin-right: auto;
	 margin-top: 5px;
	 margin-bottom: 20px;
    padding: 0px 5px 10px 5px;
	 background-color: white;
	 color: #4a4a4a;
	 border-bottom: 1px;
	 border-bottom-color: #005f75;
	 border-bottom-style: solid;
}

.kohdekortinteksti{
	margin-right: 100px;
}

.kohdekortinkuva{
	margin-right: 20px;
	height: 200px;
	width: 266px;
	overflow: hidden; 
}

.kohdekorttiluelisaa {
	 float: right;
	 margin: 10px;
	 font-weight: bold;
}

.huone {
	 background-color: #FFC53F;
	 float: right; 
	 margin: 10px;
	 padding: 6px;
	  font-weight: bold;
}

.asunto {
	 background-color: #FFD470;
	 float: right; 
	 margin: 10px;
	 padding: 6px;
	 font-weight: bold;
}

/*Taulukot ja listat*/

td {
	 border-bottom: 1px solid #17d0fb;
	 padding: 0px 10px 5px 0px;  
}

table {
	 margin-bottom: 20px;
}


ul {
 padding-left: 20px;
}





/*TEKSTIN MUOTOILU:*/

p {
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: inherit;
 margin: 0px 0px 15px 0px;
}


 li, td {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: inherit;
}

h1 {
 color: #005f75;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 30px;
 margin: 20px 0px 10px 0px;
}

h2 {  
 color: #005f75;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 21px;
  margin: 20px 0px 10px 0px;
}

.h2valkoinen {
 color: white;
  font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 21px;
   margin: 10px 0px 10px 0px;
}


/*LINKIT:*/

a:link {
 text-decoration: none;
 color: #005f75;
}
a:visited {
	text-decoration: none;
 color: #005f75;
}
a:hover {
text-decoration: none;
 color: inherit;
}
a:active {
text-decoration: none;
 color: inherit;
}

/*Sinisellä taustalla valkoinen linkki:*/
a:link.valkoinen {
	 color: White;
	 text-decoration: none;
}
a:visited.valkoinen {
	text-decoration: none;
 color: White;
}
a:hover.valkoinen {
text-decoration: none;
 color: White;
 background-color: #44D8FB;
}
a:active.valkoinen {
text-decoration: none;
 color: White;
 background-color: #44D8FB;
 }

/*H2-tason linkit esim. etusivulla, valkoisella taustala sininen linkki:*/
a:link.h2linkki {
	 color: #005f75;
	 text-decoration: none;
}
a:visited.h2linkki {
	text-decoration: none;
 color: #005f75;
}
a:hover.h2linkki {
text-decoration: none;
 color: #01A8CF;
}
a:active.h2linkki {
text-decoration: none;
 color: #01A8CF;
}



  
/* Kohdekaruselli */		
		#gallery-1 {
         width: 100%;
       -webkit-user-select: none;
       -moz-user-select: none;  
       user-select: none;
		      }