/* ------ LAYOUT ------ */
body{ background-image:url(images/taustakuva.gif); background-repeat:repeat-x; background-color:#FFFFFF; font-family: verdana, sans-serif; font-size: 67.5%; margin-top:0px;}
p{margin:0 10px 10px}
div#top_header{position: relative; height:33px;width:769px; background-color:#000; background:url(images/top_header.gif) top no-repeat #55ae49;}
div#header {position: relative; height: 153px; width: 769px; background: url(images/header.gif) top no-repeat #33CC00;}
div#header-ravintola {position: relative; height: 153px; width: 769px; background: url(images/header-ravintola.jpg) top no-repeat #33CC00;}
div#navigation{position: relative; height: 49px; width: 769px; background: url(images/navi.png) top no-repeat #55ae49;} 
div#navigation2{position: relative; height: 49px; width: 769px; background: url(images/navix.png) top no-repeat #55ae49;}
div#navigation p{margin:0px 0px 0px 0px; font: 150% arial,sans-serif;}
div#extra{background:#FF8539;}
div#container{background: #fff;width:779px; margin-left:auto; margin-right:auto; border-bottom: 1px; border-left: 1px; border-right:1px; border-top: 0px; border-style: solid; border-color: #CCCCCC;}
div#wrapper{width:769px;background:#8e8b8b;}
div#content{width: 769px; margin: 0;}
div#footer{margin-bottom:0px;background: #333;color: #3c5703;position: relative; height: 32px; width: 769px; background: url(images/footer.gif) top no-repeat #55ae49; letter-spacing:1px; font-size:110%; text-align:center;}
div#linkit {margin-left: 4px; font-size:150%;  text-align:left;}
div#haku {padding-top:5px; padding-left:5px; margin-right:30px;}
div#napit {padding-top:5px; padding-left:5px; margin-right:30px;}
input#ha {margin-left:130px; margin-top:-23px; position:absolute;}
div#haku2 {margin-right:460px; position:relative; padding-top:4px; display:block;}
div#copyright {color:#666666; font-size: 80%;}
div#map {width: 609px; height: 300px; border:1px solid black;}
table#taulukko {font-size: 100%; margin-left:20px;}
table#taulukko td{ text-align:left;}
#navikuva {}

/* ------ ETUSIVU ------ */
div#pysy{margin-bottom:6px; margin-left:0px;margin-top:0px;float:left; width:216px;background:#d6e0d5; font-size:110%;}
div#pysy h3{font-size:110%; text-decoration:underline; margin-top:-1px;}
div#kuvatoikein img{margin-bottom:4px; margin-left:4px;margin-top:3px;}

div#ylos img{margin-bottom:-4px; margin-right:6px;margin-top:4px;}
div#sisalto img{margin-bottom:7px; margin-left:4px; margin-top:1px;}
div#sisalto{margin-right: 0px; margin-top:1px; margin-bottom: 5px; float:right; width:530px; background:#d6e0d5; text-align: left;}
div#sisaltoteksti {color:#000; padding-left: 8px; padding-right:8px;}
div#sisaltoteksti img{color:#000; margin-left:0px; margin-right:10px;}
div#etusivu h2{color:#000; font: 120% "Times New Roman", Times, serif;}
.etusivu h2{color:#000; font: 120% "Times New Roman", Times, serif; font-weight:bold; margin-top:2px; margin-bottom:-12px;}
div#uutiset{margin-left: 7px; margin-right:2px; margin-top:-2px; text-align: left; }
div#uutiset img{margin-left: -2px;}
ul#lista {text-align:left;margin-left:14px;padding:0;}
.lista {text-align:left;margin-left:14px;padding:0;}
div#uutuudet h4{font-size:100%; margin-left:3px; text-decoration:underline; margin-top:-1px;}
.esteksti{text-align:left; margin-left:6px;}
.esteksti img{margin-left:-10px;}
.esteksti h2{color:#000; font: 130% "Times New Roman", Times, serif; font-weight:bold; margin-top:0px; margin-bottom:0px;}
.taulukko2 {font-size: 100%; text-align:center; margin-left:-2px; width:207px;}
.uutisotsikko{font-size: 110%; text-align:center; font-weight:bold; text-decoration:underline; margin-bottom:5px; margin-left:9px;}

/* ------ Öljysivut & muut ------ */
div#alanavi{margin-left:-4px; position:static; float:right; margin-top:12px; height: 32px; width: 769px; background: url(images/alanavi.png) top no-repeat #c4e8b4;}
div#alanavi a{margin-left:3px; font-size:75%; text-align:center; color:#000; text-decoration:underline;}
div#alanavi a:hover{color:#009900; text-decoration:underline;}
div#alanavi2{margin-left:-4px; margin-top:12px; height: 32px; width: 769px; position:static; float:right; background: url(images/alanavi.png) top no-repeat #91b780; text-align:center; margin-bottom:0px;}
div#alanavi2 a{margin-left:5px; font-size:90%; text-align:center; color:#000000; text-decoration:underline;}
div#alanavi2 a:hover{color:#009900; text-decoration:none;}
div#alanavi a:visited{}
div#alanavi a:hover{color:#006600;}
div#alanavi a:active{}
div#alanavi a:focus{}
div#luokitus{margin-right: 7px; margin-top:7px; margin-bottom: 5px; float:right; width:755px; background:#d6e0d5; text-align: left;}
div#luokitus2{margin-right: 7px; margin-top:7px; margin-bottom: 5px;float:right;width:755px; background:#d6e0d5; text-align: left;}
.luokitus{margin-right: 0px; margin-top:7px; width:755px; background:#d6e0d5; text-align: left; margin-bottom: 4px;}
div#luokitus3{margin-right: 7px; margin-top:7px; margin-bottom: 5px; float:right; width:755px; background:#d6e0d5; text-align: left; font-size:100%;}
div#luokitus img{margin-right:5px; margin-left:5px; margin-top:5px;}
div#luokitus h1{text-align: center; font-size:200%;}
div#luokitus h2{text-align: center; font-size:130%;}
div#luokitus h3{ font-size:150%; font-weight:normal;}
.luokitus h1{text-align: center; font-size:200%;}
.luokitus h2{text-align: center; font-size:130%;}
.luokitus h3{ font-size:150%; font-weight:normal;}
div#sisallon_sisennys{margin-left: 6px; margin-right: 6px;}
div#poytavaraus{margin-right: 7px; margin-top:7px; margin-bottom: 5px; width:600px; background:#d6e0d5; text-align: left;}



/* ------ WANHAA ------ */
.style1 {font-family: verdana, sans-serif;font-size: 100%;color: #000;}
div#normiteksti {font-family: verdana, sans-serif;font-size: 120%;color: #000;}
div#normiteksti2 {font-family: verdana, sans-serif;font-size: 120%;color: #000;	}
div#normiteksti3 {font-family: verdana, sans-serif;font-size: 100%;color: #000;}
div#otsikko {font-family: verdana, sans-serif;font-size: 200%;color: #000;font-weight: bold;text-decoration: none;text-align: center;}
div#alaotsikko {font-family: verdana, sans-serif;font-size: 15px;font-style:italic;color: #000;text-decoration: none;text-align: center;}
div#valiotsikko {font-family: verdana, sans-serif;font-size: 15px; color: #000; font-weight: bold; text-decoration: none;}
div#valiotsikko2 {font-family: Arial,  Verdana, Tahoma, Helvetica, sans-serif; font-size: 15px; color: #000; font-weight: bold;text-decoration: none;}
.normiteksti {font-family: verdana, sans-serif;font-size: 120%;color: #000;}
.normiteksti h2{font-size: 100%;color: #000; text-align:left;}
.normiteksti2 {font-family: verdana, sans-serif;font-size: 120%;color: #000;}
.normiteksti3 {font-family: verdana, sans-serif; font-size: 100%; color: #000;	}
.otsikko {font-family: verdana, sans-serif; font-size: 200%; color: #000; font-weight: bold; text-decoration: none; text-align: center;}
.alaotsikko {font-family: verdana, sans-serif; font-size: 15px; font-style:italic; color: #000; text-decoration: none; text-align: center;}
.valiotsikko {font-family: verdana, sans-serif; font-size: 15px; color: #000; font-weight: bold; text-decoration: none;}
.valiotsikko2 {font-family: Arial,  Verdana, Tahoma, Helvetica, sans-serif; font-size: 15px; color: #000; font-weight: bold; text-decoration: none;}

.menutaulukko {margin-left:6px; font-size:13px;}
.menutaulukko tr:hover{background-color: #BCFA85;}

.hr { background-image:(/images/valiviiva.gif);}
div.hr { height: 2px; margin-top:5px; margin-bottom:5px; background: url(/images/viiva.png) repeat-x;}
div.hr hr { display: none;}

h3.section {
	margin-top: 1em;
}

#vertical_slide, #vertical_slide2, #vertical_slide3, #vertical_slide4, #vertical_slide5, #vertical_slide6, {
	padding: 5px;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}
.menuotsikko a:visited {color:blue;}
.menulinkki:visited {color:blue;}

div#asd p {margin-top:0px;}

/* -------------- KALENTERIIIII --------- */
/* calendar icon */
img.tcalIcon {cursor: pointer;margin-left: 1px;vertical-align: middle;}
/* calendar container element */
div#tcal {position: absolute;visibility: hidden;z-index: 100;width: 366px;padding: 2px 0 0 0;}
/* all tables in calendar */
div#tcal table {width: 100%;border: 1px solid silver;border-collapse: collapse;background-color: white;}

/* navigation table */
div#tcal table.ctrl {border-bottom: 0;}
/* navigation buttons */
div#tcal table.ctrl td {width: 15px;height: 30px;border: none;}
/* month year header */
div#tcal table.ctrl th {background-color: white;color: black;border: 0;
}
/* week days header */
div#tcal th {border: 1px solid silver;border-collapse: collapse;text-align: center;padding: 3px 0;font-family: tahoma, verdana, arial;font-size: 10px;background-color: #009933;color: white;}
/* date cells */
div#tcal td {border: 1px dashed #CCCCCC;border-collapse: collapse;text-align: center;padding: 2px 0;font-family: tahoma, verdana, arial;font-size: 11px;width: 22px;height: 26px;cursor:crosshair;}
/*div#tcal td:hover {background-color:#FF3300;border-collapse:separate;border: 1px solid black;}*/
/* date highlight
   in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth {color: silver;}
div#tcal td.today {border: 1px solid red;}
/*div#tcal td.today:hover {background-color:#CC6699;border-collapse:separate;border: 1px solid black;}*/
div#tcal td.selected {background-color: #FFB3BE;}
div#tcal td.weekend {background-color: #ACD6F5;}
/*div#tcal td.weekend:hover{
	background-color:#FF6666;
}*/
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF {position: absolute;visibility: hidden;z-index: 98;border: 0;}
/* transparent shadow */
div#tcalShade {position: absolute;visibility: hidden;z-index: 99;}
div#tcalShade table {border: 1px; border-collapse: collapse;width: 100%;}
div#tcalShade table td {border: 1px; border-collapse: collapse;padding: 0;}

div#tcal .pun{background-color:#FF3333;} /* punainen navon*/ 
div#tcal .valk{background-color:#FFFFFF;} /* valkoinen navoff*/ 
div#tcal .sin{background-color:#ACD6F5;} /* vaal. sin. navoff2*/ 
div#tcal .pink{background-color:#FFB3BE;} /* pinkki navoff3*/ 
div#tcal .vihr{background-color:#669900;} /* vihreä navoff4*/ 

.pic2 {
	background-color: transparent;
	position: relative;
	width: 208px;
}

.pic2 a .large2 {
	border:0px;
	height: 0px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 0px;
	
}

.pic2 a img {
	border: 1px solid black;
	margin-left:0px;
	margin-bottom:-2px;
	z-index:-50;
}

.pic2 a.p12, .pic2 a.p12:visited {
	border-left:1px solid black;
	border-bottom:1px solid black;
	width: 50px;
		margin-right:3px;
	
}

.pic2 a.p12:hover {

	background-color: #f10;
	color: #000000;
	text-decoration: none;
	width:100px;
	height:0px;
}

.pic2 a.p12:hover .large2 {
	border: 1px solid #000000;
	display: block;
	position: absolute;
	width: 200px;
	height: 200px; 
	left: 2px;
	top: -205px;
	z-index:99;
}
.pic1 {
	background-color: transparent;
	position: relative;
	width: 204px;
}

.pic1 a .large1 {
	border:0px;
	height: 0px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 0px;
	
}

.pic1 a img {
	border: 1px solid #A20F12;
	margin-left:0px;
	margin-bottom:-2px;
	z-index:-50;
}

.pic1 a.p11, .pic1 a.p11:visited {
	border-left:1px solid #A20F12;
	border-bottom:1px solid #A20F12;
	width: 50px;
		margin-right:3px;
	
}

.pic1 a.p11:hover {

	background-color: #f10;
	color: #000000;
	text-decoration: none;
	width:100px;
	height:0px;
}

.pic1 a.p11:hover .large1 {
	border: 1px solid #000000;
	display: block;
	position: absolute;
	width: 287px;
	height: 450px; 
	left: -11px;
	top: -300px;
	z-index:99;
}