body { 
 margin:0; 
 padding:0;
 color:#000000;
 font-family: arial, helvetica, sans-serif;
 font-size:80%;
 background: #782a90;
 line-height: 1.4em;
}

body.popup {
 background-color:white;
}

/* Lomake-editorin esikatselu */

.huomio {
 background-color:#ffffdd;
 padding:4px;
 border:1px solid #7B2894;
}

/*Pager*/

a.pager,a.pager:visited,a.pager:hover {
 color:#782a90; 
 text-decoration:none;
}

.pager-other {
 padding: 0px;
}

.pager-current {
 font-weight: bold;
}

.pager-arrow {
 font-weight:normal;
}



h1 { 
 font-family: 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
 font-size: 180%; 
 margin-top:0;
 font-weight: normal;
 color: #000000;
 line-height: 1em;
}


h2 { 
 font-family: 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
 font-size: 130%;
 font-weight: normal;
 margin:1.5em 0;
 color: #000000;
}


small { 
  font-size:87%; 
}

A {  
  color:#782a90; 
  text-decoration:none;
  outline: none;
}

A:visited {  
  color:#023061; 
}

A:hover {  
  color:#782a90; 
  text-decoration:underline;
}

#kielivalinnat A {
  color:#ffffff; 
}

#kielivalinnat A:visited {
  color:#ffffff; 
}

#kielivalinnat A:hover {  
  color:#ffffff; 
  text-decoration:none;
}

.navi A:visited {
  color:#782a90; 
}

.navi A:hover {
  text-decoration:none;
}

.alinavi A:visited {
  color:#782a90; 
}

.alinavi A:hover {
  text-decoration:none;
}

.navi-akt A {
  color:#000000; 
}

.navi-akt A:visited {
  color:#000000; 
}

.navi-akt A:hover {
  color:#000000; 
}

.alinavi-akt A {
  color:#000000; 
}

.alinavi-akt A:visited {
  color:#000000; 
}

.alinavi-akt A:hover {
  color:#000000; 
}




img {
 border:0;
}

img.banneri {
 display: block;
 margin-bottom: 10px;
}

img.kulmat {
 display: block;
 width: 17px;
 height: 17px;
}

img.lippu {
 width:30px;
 height: 11px;
}

img#logo {
 width:195px;
 heigh:219px;
 display: block;
}

img#ylanavi-hotelli {
 height:30px;
 display:block;
 float:left;
}

img#ylanavi-ski {
 width:165px;
 height:30px;
 display:block;
 float:left;
}

img#ylanavi-golf {
 width:176px;
 height:30px;
 display:block;
 float:left;
}

img#ylakuva {
 width:728px;
 height:145px;
 display:block;
}

img#hotellihuone {
 display: block;
 width: 165px;
 height: 76px;
 margin-bottom: 6px;
}

img#netland {
 display: block;
 width:113px;
 height:7px;
}

img#webkamera {
 width:165px;
 height:73px;
 margin-left: 10px;
}

/*MP: Jos flässin koko muuttuu, muuta se myös bannerimakroon */

div.banneri-flash {
 margin-bottom: 10px;
 width:140px;
 height:200px;
}

hr {
 height:1px;
 color: #000000;
 background: #000000;
 border: 0px;
 margin-top:15px;
 margin-bottom:15px;
}


td { 
  color:#000000;
}


input, textarea, select, option {
 font-family: arial, helvetica, sans-serif;
}

input.nappi { 
 font-family: arial, helvetica, sans-serif;
 font-weight: bold;
 font-size: 9pt;
 color: #ffffff;
 cursor:pointer;
 border:1px solid #782a90;
 background: #782a90;
 
}

ul, ol {
margin-left:0.6em;
padding-left: 0.6em;
}

#container {
	width: 60%;
	margin: auto;
}

#kulma1 {
   background: #782a90;
   vertical-align:bottom;
   text-align:right;
}

#kulma2 {
   background: #782a90;
   vertical-align:bottom;
   text-align:left;
}

#kulma3 {
   background: #782a90;
   vertical-align:top;
   text-align:left;
}

#kulma4 {
   background: #782a90;
   vertical-align:top;
   text-align:right;
}

#vasenvarjo {
    background: #782a90 repeat-y right top url('/kuvat/hotelli/leiska/taustavarjo_vasen.gif');
}


#pakkolevitys {
 width:740px;
 height:1px;	
}

#kielivalinnat {
	color: #ffffff;
    background: #782a90 repeat-x left bottom url('/kuvat/hotelli/leiska/taustavarjo_yla.gif');
    padding: 10px 0px 6px 0px;
    text-align:right;
    font-size:87%;
    font-weight: bold;
}


#banneri-wrap {
   background: #782a90 repeat-y left top url('/kuvat/hotelli/leiska/taustavarjo_oikea.gif');
   vertical-align:top;
   padding-left: 10px;
}

#sivupohja {
	padding: 6px;
	vertical-align:top;
	background: #ffffff;
}

#logo-wrap {
 position: absolute;
 left: 0px;
 top: -32px;	
}


#ylanavi {
    background: #ffda00 repeat-x left bottom url('/kuvat/hotelli/leiska/ylanavi_tausta.gif');
	color: #000000;
	height: 30px;
	font-weight: bold;
	padding-left: 204px;
	font-family: 'trebuchet MS', arial, helvetica, sans-serif;
}

#ylakuva-wrap {
	 background: #ffffff repeat-x left top url('/kuvat/hotelli/leiska/ylakuva_tausta.jpg');
	 margin: 3px 0 30px 0;
	 clear:both;
}


#vasenpalsta {
 width: 180px;
 vertical-align:top;
 background: #ffffff no-repeat left bottom url('/kuvat/hotelli/leiska/logo_pieni.gif');
 padding-bottom: 100px;
}

#keskipalsta {
 vertical-align:top;
 padding: 0 25px 25px 25px;	
}

#oikeapalsta {
 width: 165px;
 vertical-align:top;
 padding-bottom: 25px;
}


#footer {
	color: #ffffff;
	background: #782a90 repeat-x left top url('/kuvat/hotelli/leiska/taustavarjo_ala.gif');
	padding: 8px 0px 50px 0px;
}

#yhteystiedot {
	font-size:87%;
	padding-bottom:10px;
}

.otsake {
	background: #ffda00 repeat-y right top url('/kuvat/hotelli/leiska/otsake_tausta.gif');
	padding: 2px 10px;
	color: #e10a1e;
	font-family: 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 125%;
	margin-top: 30px;
	margin-bottom: 6px;	
}

.otsake-pass {
	background: #ffed80 repeat-y right top url('/kuvat/hotelli/leiska/otsake_tausta-pass.gif');
	padding: 2px 10px;
	color: #f0858a;
	font-family: 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 125%;
	margin-top: 30px;
	margin-bottom: 6px;	
}

.navi, .navi-akt {
	border-top: 1px dashed #ff9c9f;
	padding: 5px 10px;
	font-family: 'trebuchet MS', arial, helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

.alinavi, .alinavi-akt {
	border-top: 1px dashed #ff9c9f;
	padding: 5px 10px;
	font-family: 'trebuchet MS', arial, helvetica, sans-serif;
	font-weight: bold;
	text-transform: none;
}


.navilopetus {
	border-top: 1px dashed #ff9c9f;
	width:180px;
}


.tiedotelinkki {
	font-weight: bold;
	padding-bottom: 6px;	
}

.esiintyjalinkki {
	padding-bottom: 2px;	
}

.virhe {
	font-weight: bold;
	color: #e10a1e;
}

.dummy {
	font-weight: bold;
	color: #e10a1e;
}

.pass {
	color:#999999;
}

/*HW: Käytössä materiaalipankissa */

.data {
 padding: 10px 0px;
 border-top: 1px solid #000000;
}