/* Saarijärven ja Viitasaaren seudun matkailu 
   (c)dlvisions 2001  
    
   tyylimäärityksien selitykset:

   menu = jokasivulla oleva dropdown-menu 
   palkki = mustalla olevat(takaisin, pääsivu, sivukartta)
   teksti = kaikki normaalit tekstit
   pieniteksti = kaikki normaalit tekstit pienenä
   teemapalkki = vasemmassa laidassa olevat teemakuvaukset
   dropdown = option-elementtejen määrityksiä
   matkailu, palvelut, kunnat = div-valikkojen määritykset
*/

body{
	margin:0px;
	padding:0px;
	height:100%;	
}

p {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px
}

body, td, font {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }


INPUT {font-family: Verdana, arial, helvetica;font-size: 10px;}
SELECT {font-family: Verdana, arial, helvetica;font-size: 10px;}
/* -----------------------*/

H1{
	background-image:url(/kuvat/tausta_otsikko.gif);
	background-position:bottom left;	
	height:41px;
	color:#FFFFFF;
	padding:8px 5px 12px 4px;
	margin-bottom:5px;
	font-size:12px;
}
H2 {font-family: Verdana, arial, helvetica; color: #666666; font-size: 11px; font-weight: bold;}
/* -----------------------*/

A:link {color:#0033CC;text-decoration: none}
A:hover {color:#6699FF;text-decoration: underline}
A:visited {color:#0033CC;text-decoration: none}
A:visited:hover {color:#6699FF;text-decoration: underline}

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

.menu {font-family: Verdana, arial, helvetica; color: white;font-weight: bold; font-size: 10px; text-decoration: none; padding-left: 3px;}
A.menu:link {color: white;text-decoration: none;}
A.menu:visited {color: white;text-decoration: none;}
A.menu:hover {color: #6699FF;text-decoration: none;}

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

.palkki {font-family: Verdana, arial, helvetica; color: black;font-size: 10px; text-decoration: none; }

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

.teksti {font-family: Verdana, arial, helvetica;font-size: 11px; text-decoration: none;}
A.teksti:link {font-family: Verdana, arial, helvetica;font-size: 11px; text-decoration: none; line-height: 12pt; color: #000000}
A.teksti:hover {font-family: Verdana, arial, helvetica;font-size: 11px; text-decoration: underline; line-height: 12pt; color: #6699FF}
A.teksti:visited {font-family: Verdana, arial, helvetica;font-size: 11px; text-decoration: none; line-height: 12pt; color: #000000}
A.teksti:visited:hover {font-family: Verdana, arial, helvetica;font-size: 11px; text-decoration: underline; line-height: 12pt; color: #6699FF}


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

.pieniteksti {font-family: Verdana, arial, helvetica;font-size: 10px; text-decoration: none; }
A.pieniteksti:link {font-family: Verdana, arial, helvetica;font-size: 10px; text-decoration: none; color: #000000}
A.pieniteksti:hover {font-family: Verdana, arial, helvetica;font-size: 10px; text-decoration: none; color: #6699FF}
A.pieniteksti:visited {font-family: Verdana, arial, helvetica;font-size: 10px; text-decoration: none; color: #000000}
A.pieniteksti:visited:hover {font-family: Verdana, arial, helvetica;font-size: 10px; text-decoration: none; color: #6699FF}


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

A.keltalinkki:link {font-family: Verdana, arial, helvetica;font-size: 10px; text-decoration: none; color: #CC9900 }
A.keltalinkki:hover {font-family: Verdana, arial, helvetica;font-size: 10px; text-decoration: none; color: #6699FF}
A.keltalinkki:visited {font-family: Verdana, arial, helvetica;font-size: 10px; text-decoration: none; color: #CC9900 }
A.keltalinkki:visited:hover {font-family: Verdana, arial, helvetica;font-size: 10px; text-decoration: none; color: #6699FF}


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

.harmaalinkki {font-family: Verdana, arial, helvetica;font-size: 10px;text-decoration: bold;color: #0066CC }
A.harmaalinkki:link {font-family: Verdana, arial, helvetica;font-size: 10px;text-decoration: underline;color: #0066CC }
A.harmaalinkki:hover {font-family: Verdana, arial, helvetica;font-size: 10px;text-decoration: none;color: #6699FF }
A.harmaalinkki:visited {font-family: Verdana, arial, helvetica;font-size: 10px;text-decoration: underline;color: #0066CC }
A.harmaalinkki:visited:hover {font-family: Verdana, arial, helvetica;font-size: 10px;text-decoration: none;color: #6699FF }

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

.teemapalkki {font-family: Verdana, arial, helvetica; color: black;font-size: 10px; text-decoration: none; }

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

.dropdown {font-family: Verdana, arial, helvetica; color: black; font-size: 10px; background: #ededed; }
.element  {font-family: Verdana, arial, helvetica; color: black; font-size: 10px;}

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

.matkailu {position:absolute; visibility:hidden; left:178px; top:112px; width:170px; height:160px; z-index:1}
.palvelut {position:absolute; visibility:hidden; left:255px; top:112px; width:169px; height:48px; z-index:1} 
.kunnat {position:absolute; visibility:hidden; left:330px; top:112px; width:169px; height:144px; z-index:1}
.vasentaso {position:absolute; visibility:visible; left:0px; top:91px; width:175px; height:21px; z-index:7}

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

.ingressi {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 12pt; padding-left: 5px; color:#000000}
A.ingressi:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 12pt; padding-left: 5px; color:#000000;text-decoration: none}
A.ingressi:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 12pt; padding-left: 5px; color:#6699FF;text-decoration: none}
A.ingressi:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 12pt; padding-left: 5px; color:#000000;text-decoration: none}
A.ingressi:visited:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 12pt; padding-left: 5px; color:#6699FF;text-decoration: none}

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

.nuoliLinkki, A.nuoliLinkki:link, A.nuoliLinkki:visited, A.nuoliLinkki:hover, A.nuoliLinkki:visited:hover{
	font-size:10px;
	display:block;
	margin: 3px 10px 3px 0px;
	text-decoration: none;
	border-bottom:1px solid #CCC;
}

a.nuoliLinkki:hover, a.nuoliLinkki:visited:hover, a.nuoliLinkki:active:hover { 
	color: #666666; 
	text-decoration: none;
	background-color:#F1F1F1;
}

.nuoliLinkki2, A.nuoliLinkki2:link, A.nuoliLinkki2:visited, A.nuoliLinkki2:hover, A.nuoliLinkki2:visited:hover{
	font-size:10px;
	display:block;
	margin: 3px 10px 3px 0px;
	text-decoration: none;
	border-bottom:1px solid #CCC;
	background-color:#E1E1E1;
}

a.nuoliLinkki2:hover, a.nuoliLinkki2:visited:hover, a.nuoliLinkki2:active:hover { 
	color: #666666; 
	text-decoration: none;
	background-color:#E1E1E1;
}

/*---------- Printtityylit ---------*/

.printHeader{
	background-color:#FFFFFF;
	border-bottom:2px solid #868B66;
	padding:5px 5px 5px 5px;
}


.printHeaderAddress{
	text-align:right;
}

/*----------- Linkkityylit ------------*/
.nuoliLinkkiSin{
	font-size:11px;
	display:block;
	padding-left:0px;
	padding-right:40px;
	margin-bottom:0px;
	margin-left:30px;
}

A.nuoliLinkkiSin, A.nuoliLinkkiSin:link, A.nuoliLinkkiSin:visited{
	color:#0033CC;
	text-decoration:none;
	background-image:url(/images/arrow.gif);
	background-repeat:no-repeat;
}

A.nuoliLinkkSin:hover, A.nuoliLinkkSin:link:hover, A.nuoliLinkkiSin:visited:hover{
	color:#0033CC;
	text-decoration:underline;
	background-image:url(/images/arrow.gif);
	background-repeat:no-repeat;
}

.nuoliLinkkiUusi{
	font-size:11px;
	display:block !important;
	display:inline-block;
	padding-left:15px;
	padding-right:0px;
	margin-bottom:0px;
	margin-left:0px;
}

A.nuoliLinkkiUusi, A.nuoliLinkkiUusi:link, A.nuoliLinkkiUusi:visited{
	color:#0033CC;
	text-decoration:none;
	background-image:url(/images/arrow.gif);
	background-repeat:no-repeat;
}

A.nuoliLinkkiUusi:hover, A.nuoliLinkkUusi:link:hover, A.nuoliLinkkiUusi:visited:hover{
	color:#0033CC;
	text-decoration:underline;
	background-image:url(/images/arrow.gif);
	background-repeat:no-repeat;
}

.pdfLinkki, .dokumenttiLinkki, .kuvaLinkki, .powerPointLinkki, .txtLinkki, .wordLinkki{
	display:inline-block;
	height:16px;
	padding:1px 0px 10px 20px;
}

A.pdfLinkki, A.pdfLinkki:link, A.pdfLinkki:visited{
	color:#333333;
	text-decoration:underline;
	background-image:url(/images/pdf.gif);
	background-repeat:no-repeat;	
}

A.pdfLinkki:link:hover, A.pdfLinkki:visited:hover{
	color:#666666;
	text-decoration:none;
}


A.dokumenttiLinkki, A.dokumenttiLinkki:link, A.dokumenttiLinkki:visited{
	color:#333333;
	text-decoration:underline;
	background-image:url(/images/doc.gif);
	background-repeat:no-repeat;	
}

A.dokumenttiLinkki:link:hover, A.dokumenttiLinkki:visited:hover{
	color:#666666;
	text-decoration:none;
}

A.kuvaLinkki, A.kuvaLinkki:link, A.kuvaLinkki:visited{
	color:#333333;
	text-decoration:underline;
	background-image:url(/images/img.gif);
	background-repeat:no-repeat;	
}

A.kuvaLinkki:link:hover, A.kuvaLinkki:visited:hover{
	color:#666666;
	text-decoration:none;
}

A.powerPointLinkki, A.powerPointLinkki:link, A.powerPointLinkki:visited{
	color:#333333;
	text-decoration:underline;
	background-image:url(/images/pp.gif);
	background-repeat:no-repeat;	
}

A.powerPointLinkki:link:hover, A.powerPointLinkki:visited:hover{
	color:#666666;
	text-decoration:none;
}


A.txtLinkki, A.txtLinkki:link, A.txtLinkki:visited{
	color:#333333;
	text-decoration:underline;
	background-image:url(/images/txt.gif);
	background-repeat:no-repeat;	
}

A.txtLinkki:link:hover, A.txtLinkki:visited:hover{
	color:#666666;
	text-decoration:none;
}

A.wordLinkki, A.wordLinkki:link, A.wordLinkki:visited{
	color:#333333;
	text-decoration:underline;
	background-image:url(/images/word.gif);
	background-repeat:no-repeat;	
}

A.wordLinkki:link:hover, A.wordLinkki:visited:hover{
	color:#666666;
	text-decoration:none;
}

/*--------- Keskustasivu tyylit---------------*/

.content {
	font-family: Verdana, arial, helvetica; 
	color: black;
	font-size: 11px; 
	text-decoration: none; 
	padding: 25px;
}

.keskusta_menu {font-family: Verdana, arial, helvetica; color: white;font-weight: bold; font-size: 10px; text-decoration: none; padding-left: 3px;}
A.keskusta_menu:link {color: white;text-decoration: none;}
A.keskusta_menu:visited {color: white;text-decoration: none;}
A.keskusta_menu:hover {color: #FFFFFF;text-decoration: none;}

.rgtcolbox {
	display:block;
	color: #000000;
	padding-bottom: 10px;
	padding-left: 6px;
	padding-right: 6px;
	margin: 25px 9px 10px 9px;
	width: 222px;
	background-color: White;
	background-image: url(../keskusta/images/css_box_bckg.gif);
	background-repeat: no-repeat;
	border: 1px;
	border-style: solid;
	border-color: #738AA5;
	position:top right;
}

.rgtColBoxHeader{
	color: White;
	font-weight: bold;
	padding-bottom: 9px;
	padding-top: 3px;
}

.textarea {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
	padding: 5px;
	margin: 5px;
}

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

/* ---------- Luontoreitit sivun tyylit ---------*/

.nuoliLuontoreitti{
	font-size:11px;
	display:block !important;
	display:inline-block;
	padding:0px 0px 0px 18px;
	margin:0px;
}

A.nuoliLuontoreitti, A.nuoliLuontoreitti:link, A.nuoliLuontoreitti:visited{
	color:#336699;
	text-decoration:none;
	background-image:url(/images/arrow_luontoreitti.gif);
	background-repeat:no-repeat;
}

A.nuoliLuontoreitti:hover, A.nuoliLinkkUusi:link:hover, A.nuoliLuontoreitti:visited:hover{
	color:#336699;
	text-decoration:underline;
	background-image:url(/images/arrow_luontoreitti.gif);
	background-repeat:no-repeat;
}

.rgtCol{
	padding-right:10px;
	padding-left:10px;
	padding-top:15px;
	padding-bottom:10px;
	width:230px;
}
.lftCol{
	width:358px;
	padding:15px 30px 10px 10px;
}
.rgtCol, .rgtCol p, .rgtCol div, .lftCol, .lftCol p, .lftCol div{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:135%;
}

.rgtCol a.nuoliLuontoreitti{
	margin-left:10px;
}

.menuBkg{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	background-image:url(/luontoreitit/images/menu-bkg.gif);
	background-repeat:repeat-x;
	padding: 0px 5px 0px 25px;
}
.menuBkg a, .menuBkg a:active, .menuBkg a:link, .menuBkg a:visited{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
.menuBkg a:hover, .menuBkg a:active:hover, .menuBkg a:link:hover, .menuBkg a:visited:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

.searchItem{
	background-color:#F2F2F2;
	margin:0px;
	border:1px solid #C4C4C4;
	border-bottom:0px;
}

.searchItemContent{
    padding:5px;
}

.searchItemContent H2{
	margin-top:0px;
}

.searchItemFooter{
	background-color:#FAFAFA;
	border-top:1px solid #C4C4C4;
	padding:1px 5px 3px 5px;
	border:1px solid #C4C4C4;
	margin:0px 0px 10px 0px;
	height:13px;
}

.searchItemTS{
	display:block;
	float:right;
	color:#666666;
}

.searchItemWWW{
	display:none;
}

.searchPages{
	padding:5px 10px 5px 10px;
}

.searchLinks{
	float:left;
}

.searchLinkDetails{
	display:block;
	background-image:url(../images/sym_arrow_blue.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:0px 0px 0px 15px;
	margin-right:10px;
	float:left;
}

A.searchLinkDetails, A.searchLinkDetails:link, A.searchLinkDetails:visited{
}

A.searchLinkDetails:hover, A.searchLinkDetails:link:hover, A.searchLinkDetails:visited:hover{
}

.searchLinkMap{
	display:block;
	background-image:url(../images/sym_arrow_orange.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:0px 0px 0px 15px;
	float:left;
	margin-right:10px;
}

A.searchLinkMap, A.searchLinkMap:link, A.searchLinkMap:visited{
	color:#F57D22;
}

A.searchLinkMap:hover, A.searchLinkMap:link:hover, A.searchLinkMap:visited:hover{
}
/* -----------------------*/

.eventArchiveRow{
        padding-bottom:10px;
        background-color:#F5F5F5;
        padding-top: 10px;
        padding-right: 5px;
}

.eventArchiveRow2{
        padding-bottom:10px;
        padding-top: 10px;
        padding-right: 5px;
}

.eventDetails{
	padding: 5px;
}

.eventDescription {
	padding: 5px;
}