/* -- www.halikko.fi tyylitiedosto -- */

body{
	margin:0;
	padding:0;
	/*yläreunassa oleva tummennus*/
	background:#fff url(../images/ylatummennus.gif) no-repeat top left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#44423A;
}

/*hyperlinkkienlinkkien tyylit*/
a:link, a:visited{
	color:#E60004;
	text-decoration:none;
}
a:hover, a:active{
	text-decoration:underline;
}





/*kuvien tyylit*/
img{
	border: 1px solid #92918d;
}





/*listaelementtien tyylit*/
ul,li{
	padding:0;
	margin:0;
}
ul{
	margin:8px 0;
}
li{
	margin-left:16px;
}





/*otsikkojen ja leipätekstin tyylit*/
h1.kuva_header, h1.kuva_header img{
	margin:0;
	border:0;
}
h1,h2,h3,h4,h5,h6{
	color:#2D2C28;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	padding:0;
	font-size:11px;
}
p{
	margin-top:0;
	padding-top:0;
}
h1.eventviewheader {
	margin-bottom: 5px;
}





/*divit ja muut elementit*/
/*teemakuvan sisältävän taulukon tyylit (1. taso)*/
#banner{
	background:#fff url(../images/ylatausta.gif) repeat-x top left;
	width:100%;
	height:191px;
}
#banner_matala{
	/*alasivun (2. taso) yläkuvan tyylit*/
	background:#fff url(../images/ylatausta_matala.gif) repeat-x top left;
	width:100%;
	height:60px;
}
#banner img, #banner_matala img{
	border:0;
}





/*murupolun tyylit*/
#murupolku, #murupolku_matala{
	position:absolute;
	left: 20px;
	top:197px;
	width:auto;
	height:15px;
	z-index:1;
	color:#E60004;
	font-size:10px;
}
#murupolku_matala{
	/*2. taso*/
	top:72px;
}





/* päävalikon tyylit */
#paavalikko, #paavalikko_matala{
	position:absolute;
	left: 20px;
	top:215px;
	width:auto;
	height:20px;
	z-index:2;
	color:#E60004;
	font-size:11px;
}
#paavalikko_matala{
	/*2. taso*/
	top:91px;
}
#paavalikko a,#paavalikko_matala a{
	/* tyhjä tila päävalikon linkkien välillä */
	margin-right:4px;
}





/*vasemmassa reunassa oleva alavalikko*/
#alavalikko, #alavalikko_matala{
	position:absolute;
	left: 20px;
	top:245px;
	width:130px;
	height:auto;
	z-index:3;
	font-size:11px;
}
#alavalikko_matala{
	/*2. taso*/
	top:121px;
}
#alavalikko a,#alavalikko_matala a{
	display:block;
	margin:0;
	padding:0;
}
#alavalikko a.main_linkki,#alavalikko_matala a.main_linkki, a.main_linkki{
	/*alavalikon eka linkki. käytetään myös päävalikossa osoittamaan kävijälle millä sivulla tai
	tai minkä pääsivun alla milloinkin ollaan (linkki näkyy alleviivattuna)*/
	text-decoration:underline;
}
#alavalikko a,#alavalikko_matala a{
	color:#44423A;
}
#alavalikko a.toinentaso,#alavalikko_matala a.toinentaso{
	/*toisen tason sisennys*/
	margin-left:0px;
}
#alavalikko a.kolmastaso,#alavalikko_matala a.kolmastaso{
	/*kolmannen tason sisennys*/
	margin-left:7px;
}
#alavalikko a.neljastaso,#alavalikko_matala a.neljastaso{
	/*neljänne tason sisennys*/
	margin-left:14px;
}





/*kirjainkoko / tulosta / sivukartta / haku*/
#haku{
	text-align:right;
	position:absolute;
	top:5px;
	width:763px;
	height:auto;
	z-index:4;
	font-size:11px;
}
#haku a{
	color:#44423A;
}
#haku img{
	border:0;
}
#haku input,#haku form{
	color:#585858;
	width:150px;
	display:inline;
	font-size:0.9em;
}
.rightmargin{
	margin-right:15px;
}





/*varsinaisen tekstisisällön sisältävän divin tyylit sekä taulukkosivun ja lomakkeen tyylit*/
#teksti, #teksti_matala{
	position:absolute;
	left: 150px;
	top:245px;
	width:390px;
	height:auto;
	z-index:5;
	font-size:11px;
	padding: 0px 20px 0px 20px;
}
#teksti_matala{
	/*2. taso*/
	top:121px;
	padding: 0px 20px 0px 20px;
}
/*tätä taulukkoa käytetään tabulaarisen datan esittämiseen (esim. "halikko lyhyesti")*/
#taulukko{
	position:absolute;
	left: 150px;
	top:245px;
	width:410px;
	height:auto;
	z-index:8;
	font-size:11px;
}
#halikkolyhyesti, #lomake{
	width:410px;
	margin-top:15px;
	border-collapse: collapse;
}
#halikkolyhyesti td{
	padding-left:6px;
}
.soluvari{
	/*tätä väriä käytetään erottamaan tieto toisistaan (joka toiselle riville)*/
	background-color:#FCF6E0;
}
#lomake input, #lomake textarea, #lomake select{
	vertical-align:top;
	width:250px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#44423A;
}
#lomake td{
	padding-top:5px;
	vertical-align:top;
}
#lomake .button{
	width:80px;
	margin:10px 10px 0 0;
}
.vaakakuva{
	/*tekstin joukossa käytettävän vaakakuvan tyylit*/
	margin:5px 0 7px;
}

.eventTable th {
	border-bottom: 1px solid #CCC;
	text-align:    left;
}

.eventTable td {
	padding:        4px 2px 2px 2px;
	vertical-align: top;
}





/*oikeaan reunaan tulevien infoboksien tyylit*/
/*kaikki info boxit ovat tämän divin sisällä*/
#info,#info_matala{
	font-size:11px;
	position:absolute;
	left: 575px;
	top:245px;
}
#info_matala{
	/*2. taso*/
	top:121px;
}
.box_holder{
	background:#fff url(../images/box_keski.gif) repeat-y top left;
	/* tämän verran jätetään tilaa infolaatikoiden väliin pystysuunnassa */
	margin-bottom: 6px;
	width:191px;
	width:211px;
	height:auto;
}
.box_yla{
	background:transparent url(../images/box_yla.gif) no-repeat top left;
	width:auto;
	height:auto;
}
/*tämä sisältää infolaatikkoon kirjoitetun tekstin*/
.box_ala{
	background:transparent url(../images/box_ala.gif) no-repeat bottom left;
	/*info laatikon sisällön ja renojen välinen marginaali*/
	padding:8px 10px 10px 10px;
	height:auto;
	overflow:auto;
}
*html .box_ala{
	/*IE oikea marginaali*/
	padding-right:24px;
}


/*tätä voidaan käyttää infolaatikoiden listojen tyylinä*/
ul.info li{
	padding:0;
	margin:0 0 0 12px;
	list-style-position: outside;
	list-style-image: url(../images/bullet.gif);
	list-style-type: none;
}
.box_ala a:link, .box_ala a:visited{
	color:#44423A;
	text-decoration:none;
}
.box_ala a:hover, .box_ala a:active{
	text-decoration:underline;
}
.box_ala p{
	margin:0;
	padding:0;
}

p.ajankohtaista {
    margin-top: 2px;
}

.box_ala p.ajankohtaista:first-line {
	text-decoration: italic;
}

.kuvaoikealla{
	/*infolaatikossa olevan pikkukuvan tyylit (käytä toista alla olevista vaihtoehdoista)*/
	/*samoja tyylejä käytetään myös varsinaisen tekstin joukossa olevien kuvien (pikkukuvan ja
	pystykuvan) tyyleinä. Vaakakuvan tyylit on määritetty erikseen ylempänä (.vaakakuva)*/
	/*tämä kuva asettuu tekstin oikealle puolelle*/
	float:right; margin:5px 0 0 5px;
}
.kuvavasemmalla{
	/*tämä kuva asettuu tekstin vasemmalle puolelle*/
	float:left; margin:5px 5px 0 0;
}





/*sivulla olevien "lue lisää" linkkien tyylit (linkit ovat divien sisällä)*/
.luelisaa{
	width:180px;
	text-align:right;
}
.luelisaa img{
	margin-bottom:-5px;
	margin-right:0px;
	border:none;
}
.luelisaa a:link, .luelisaa a:visited{
	color:#E60004;
	text-decoration:none;
}
.luelisaa a:hover, .luelisaa a:active{
	color:#44423A;
	text-decoration: underline;
}





/*tämä laatikko näytetään tarvittaessa teemakuvan päällä*/
.kuvainfo{
	display: block;
	position:absolute;
	background:transparent url(../images/selitelappu.gif) no-repeat top left;
	padding:5px;
	left: 575px;
	top:90px;
	overflow:auto;
	width:181px;
	height:89px;
	z-index:6;
	font-size:11px;
	vertical-align: middle;
}

.kuvainfo .kuvainfoContent {
	width:181px;
	height:89px;
}

*html .kuvainfo{
	background:transparent url(../images/selitelappu.gif) no-repeat fixed top left;
}

.kuvainfo img {
	border:none;
}

.kuvainfo td {
	vertical-align: middle;
}





/*salonseutu- logon tyylit*/
#salologo{
	position:absolute;
	left: 616px;
	top:34px;
	width:107px;
	height:28px;
	z-index:7;
	border:0;
}

.siteMap td {
	padding-top: 5px;
}

.siteMap .level1 {
	font-size:     12px;
	border-right:  1px solid #CCC;
	padding-right: 10px;
}

.siteMap .level2 {
	padding-left: 5px;
	font-size:    11px;
}

.siteMap .level3 {
	padding-left: 15px;
	font-size:    11px;
}

.siteMap .level4 {
	padding-left: 25px;
	font-size:    10px;
}

.siteMap .level5 {
	padding-left: 35px;
	font-size:    10px;
}

.footer {
	height:     30px;
	padding:    4px;
	border-top: 1px solid #EEE;
	font-size:  10px;
	color:      #999;
	text-align: center;
}


.tontit{
width:100%
}
.laatikko{
padding-top:10px;
}

.laatikko h1{
background-color: #FFF;
color:#000;
}

.laatikko table{
border: solid 1px #000;
background-color: #eee;
}

.subheader{
margin-left:0px;
font-family: Arial, Helvetica, Sans-serif;
font-size:12px;
font-weight:bold;
}

.tulos h1{
margin-bottom:0px;
}
.tulos h2{
margin-top:0px;
}

.hakemisto {
margin-top:22px;
width:750px;
font-size:12px;
font-family:Arial,Helvetica,Sans-serif;
}

.hakemisto caption {
text-align:left;
color: #003366;
font-weight:bold;
font-size:1.2em}

.hakemisto th {
background:#2F78BE;
border-top:solid 2px #CCC;
padding:2px;
padding-left:4px;
text-align:left;}

.hakemisto th a {
text-decoration:none;
color:#FFF}

.paataso{
width:100%;
background:#eee;
border: solid 1px #000;
}
.paataso a{
color:#000;
text-decoration:none;
font-family: Arial, Helvetica, Sans-serif;
font-size:12px;
}

.alataso a{
color:#000;
text-decoration:none;
font-family: Arial, Helvetica, Sans-serif;
font-size:12px;
padding-left:10px;
}