/* @override 
	http://www.leshalles.fi/css/style.css
*/

*{margin:0;padding:0;}
body{font-size:80%;text-align:center;background:#000;line-height:1.5}
.page{width:950px;text-align:left;margin:0 auto;}

#header{width:100%;height:260px;background:#000 url('../img/bg_header.png') no-repeat center top}

#content{
width:100%;min-height:640px;background:#9DE2FF url('../img/bg_content.png') no-repeat center top;
}
#content .page{height:100%;background:#9DE2FF url('../img/bg_content_page.png') no-repeat center top;overflow:auto;}

#footer{width:100%;height:50px;padding-top:50px;background:#9DE2FF;}

h1,h2,h3,h4,h5,h6{color:#000;font-family:georgia,serif;}
h1{font-size:1.833em;margin-bottom:20px;}
h2{font-size:1.333em;margin-bottom:20px;}
h3{font-size:1.083em;text-transform:uppercase;}
p,label,#maincontent ul,#maincontent dl{font-size:1.083em;font-family:'times new roman',serif;}
p,label,#maincontent ul{margin-bottom:15px;}

a{text-decoration:none;color:#057FB3;font-weight:bold;outline:0;}
a:hover{text-decoration:underline;}
a:visited{color:#23B1EC;}

hr{height:0;border:0;border-top:dotted #AFAFAF 1px;background-color:transparent;margin-bottom:20px;width:520px;}

/* Navigaatio
-----------------------------------------*/

#header ul{width:951px;height:35px; background:transparent url('../img/navi-sprite-leshalles.png');list-style-type:none;text-indent:-9999px}
#header ul li{position:relative;float:left;display:block;}
#header ul li a{position:absolute;height:35px;}
#header ul #nav1 a{left:0px;width:30px;}
#header ul #nav2 a{left:45px;width:80px;}
#header ul #nav3 a{left:130px;width:200px;}
#header ul #nav4 a{left:335px;width:130px;}
#header ul #nav5 a{left:475px;width:145px;}
#header ul #nav6 a{left:635px;width:115px;}
#header ul #nav7 a{left:760px;width:65px;}
#header ul #nav8 a{left:830px;width:135px;}
#header ul #nav1 a:hover,#header ul #nav1 a:focus,#header ul #nav1 a.valittu
{background:transparent url('../img/navi-sprite-leshalles.png') no-repeat -0px -35px;}
#header ul #nav2 a:hover,#header ul #nav2 a:focus,#header ul #nav2 a.valittu
{background:transparent url('../img/navi-sprite-leshalles.png') no-repeat -45px -35px;}
#header ul #nav3 a:hover,#header ul #nav3 a:focus,#header ul #nav3 a.valittu
{background:transparent url('../img/navi-sprite-leshalles.png') no-repeat -130px -35px;}
#header ul #nav4 a:hover,#header ul #nav4 a:focus,#header ul #nav4 a.valittu
{background:transparent url('../img/navi-sprite-leshalles.png') no-repeat -335px -35px;}
#header ul #nav5 a:hover,#header ul #nav5 a:focus,#header ul #nav5 a.valittu
{background:transparent url('../img/navi-sprite-leshalles.png') no-repeat -475px -35px;}
#header ul #nav6 a:hover,#header ul #nav6 a:focus,#header ul #nav6 a.valittu
{background:transparent url('../img/navi-sprite-leshalles.png') no-repeat -635px -35px;}
#header ul #nav7 a:hover,#header ul #nav7 a:focus,#header ul #nav7 a.valittu
{background:transparent url('../img/navi-sprite-leshalles.png') no-repeat -760px -35px;}
#header ul #nav8 a:hover,#header ul #nav8 a:focus,#header ul #nav8 a.valittu
{background:transparent url('../img/navi-sprite-leshalles.png') no-repeat -830px -35px;}
#header ul a.valittu{cursor:default;}
#header ul a{outline:0;}

#header ul li ul{
position:absolute;left:-9999em;top:35px;
width:180px;height:100px;padding:5px 10px 0;
background:#000;color:#fff;
text-indent:0;font-family:'times new roman',georgia,serif;font-size:13px;font-weight:bold;}
#header ul ul li{position:static;text-align:center;float:none;display:block;padding:5px 0;border-bottom:1px #4D4D4D dotted;}
#header ul ul li a{position:static;height:auto;text-decoration:none;color:#ffffff;}
#header ul ul li a:hover,#header ul ul li a:focus,#header ul ul li a.valittu{color:#23B1EC;background-image:none!important;}
#header ul li:hover ul,#header ul li:focus ul,#nav li.sfhover ul {left:125px;}
#header ul li ul#vip{
position:absolute;left:-9999em;top:35px;
width:120px;height:32px;padding:5px 10px 0;
background:#000;color:#fff;
text-indent:0;font-family:'times new roman',georgia,serif;font-size:13px;font-weight:bold;
}
#header ul li:hover ul#vip,#header ul li:focus ul#vip,#nav li.sfhover ul#vip {left:328px;}
#header ul ul#vip li{position:static;text-align:center;float:none;display:block;padding:5px 0;border:none;}
/* Etusivun laatikot ja sisältö
-----------------------------------------*/


#column1,#column2{float:left;}
#column1{margin-right:10px;}
.frontpage_box{
width:445px;margin:0 0 5px;padding:20px 5px 20px 20px;
background:#fff url('../img/box_top.png') no-repeat;
border-bottom:1px solid #2FA3D4;
overflow:auto;
}
#column1 .top{background:#fff url('../img/box_topleft_top.png') center top no-repeat;}
#column2 .top{background:#fff url('../img/box_topright_top.png') center top no-repeat;}

.frontpage_box .image{display:block;float:left;height:200px;width:180px;}
.frontpage_box .text{display:block;float:left;width:240px;}
.frontpage_box p{font-size:13px;margin-bottom:5px;}
.frontpage_box h2{font-size:1.833em;}

ul.ravintolalista {list-style-type:none;font-size:1.083em;border-top:1px #AFAFAF dotted;}
ul.ravintolalista li{width:100%;overflow:auto;border-bottom:1px #AFAFAF dotted;margin:5px 0;}
ul.ravintolalista li a{padding:5px 0 0 5px;float:left;}
ul.ravintolalista .listicon {display:block;float:left;width:60px;}

/* Alasivujen laatikko ja sisältö
-----------------------------------------*/
#maincontent{
width:950px;overflow:auto;
background:#fff url('../img/box_alasivu_top.png') center top no-repeat;
border-bottom:1px solid #2FA3D4;
}

#maincontent2{
width:950px;overflow:auto;
background:#fff url('../img/box_alasivu_top.png') center top no-repeat;
border-bottom:1px solid #2FA3D4;
height:900px;
}

#maincontent #column1{margin-left:20px;padding:40px 10px 20px;width:290px;text-align:center;}
#maincontent #column1 img{}
#maincontent #column2{margin-left:20px;width:510px;padding:40px 0 20px;}
#maincontent #column3{float:left;display:inline;margin-left:20px;width:510px;xpadding:40px 0 20px;}
#maincontent .sidebar_box{position:relative;text-align:left;border:1px #000 dotted;padding: 30px 25px;margin:30px 10px;z-index:10}
#maincontent .sidebar_box img{position:absolute;top:-30px;left:-45px;z-index:-1}
#maincontent .sidebar_box > img{left:-25px;}
#maincontent .sidebar_box h2{font-size:1.833em;z-index:10;}

#maincontent #column1 img{margin-bottom:10px;}
.ingressi{font-size:1.333em;}
.date{background:#000;color:#fff;padding:1px 5px;margin-right:5px;}
x.tapahtumat p{border-bottom:1px #AFAFAF dotted;padding:0 0 10px;}
.border_bottom {border-bottom:1px #AFAFAF dotted;padding: 0 0 10px;
margin: 0;}

/* Ruokalista
-----------------------------------------*/

#maincontent .ruokalista h3{padding-top: 20px; _padding-top:0px; *padding-top:0px; clear:both; margin-bottom: 10px;}
#maincontent .ruokalista dt strong{font-family:georgia;}
#maincontent .ruokalista tr{width:100%;xbackground:url('../img/bg_dot.png') repeat-x center center;xoverflow:auto; clear: both;}
#maincontent .ruokalista dt{background:#fff;float:left; padding-right:2px}
#maincontent .ruokalista dd{margin:0;}
#maincontent .ruokalista td.hinta{float:right;background:#fff;padding-left:2px;width:40px;xpadding-bottom:10px;}

.ruoka {
	width: 480px;
	background: transparent url(../img/bg_dot.jpg) repeat-x 0 12px !important;
	padding-bottom: 5px;
}

.ruoka span {
	background: #fff;
}

#maincontent .ruokalista ul{list-style-type:none;margin:0;}
#maincontent .ruokalista .ruokalista_osio{margin-bottom:20px;}
#maincontent .ruokalista .sas_ruokalista_osio{margin-bottom:20px; text-align: center; margin-top: 70px;}

.ruokalistanavi{
	width: 500px;
	height: 28px;
	float: left;
	display: inline;
}

.ruokalistanavi ul{
	height: 28px;
	width: 410px;
}

.ruokalistanavi li{
	width: 130px;
	height: 35px;
	float: left;
	outline: 0;
}

.sas_ruokalistanavi li{
	width: 130px;
	height: 35px;
	float: left;
	outline: 0;
	padding-bottom: 10px;
	_padding-bottom:0px;
	*padding-bottom:0px;
}

.sas_ruokalistanavi a{
	background: transparent url(../img/sas_navi_sprite.png) no-repeat 0 0;
	width: 130px;
	height: 35px;
	float: left;
	display: block	;
	text-indent: -9000px;
}


.ruokalistanavi a{
	background: transparent url(../img/ruokalista_sprite.png) no-repeat 0 0;
	width: 130px;
	height: 35px;
	float: left;
	display: block	;
	text-indent: -9000px;
}

#ruokalista a{
	background-position: 0 -73px;
}

#ruokalista a:hover{
	background-position: 0 -37px;
} 

#ruokalista .selected, #ruokalista .selected:hover{
	background-position: 0 0;
}
#viinilista a{
	background-position: -120px -73px;
}

#viinilista a:hover{
	background-position: -120px -37px;
}

#viinilista .selected, #viinilista .selected:hover{
	background-position: -120px 0px;
}

#poytavaraus a{
	width: 150px;
	background-position: -240px -73px;
}

#poytavaraus a:hover{
	background-position: -240px -37px;
}

#poytavaraus .selected, #poytavaraus .selected:hover{
	background-position: -240px 0;
}
.floatleft{
	float: left;
	clear: both;
}

.yhteystiedot {
	float: left;
	display: inline;
	xborder-bottom: dotted #AFAFAF 1px;
	width: 350px;
}

/* Lomake
-----------------------------------------*/
input.text,textarea{width:325px;background:#F6F6F6;border:1px solid #D5D5D5;margin-bottom:10px;padding-left: 2px; padding-top: 5px;}
input.text{height:20px;}
input.smallinput{width: 100px;background:#F6F6F6;border:1px solid #D5D5D5;height:20px;margin-bottom:10px;padding-left: 2px; padding-top: 5px;}
textarea{overflow:auto;font-family:'times new roman',serif; font-size: 1.083em;}
input.button{margin-top:15px;float:left;clear: both;}
fieldset{border:0;}
table{float:left; display:inline;padding-bottom: 5px; }
td input.text {height: 20px;}
td input.kpl{height:20px;width:50px;background:#F6F6F6;border:1px solid #D5D5D5;padding-left:2px;}
p.error{ color: red; font-weight: bold; }
td{
	font-size:13px;
	margin: 0 !important;
}
.leftfield{
	float: left;
	_width: 500px;
	*width: 500px;
}

.shortinput{
	float: left;
	margin: 0 !important;
	padding-right: 10px;
	
}

.up{
	_padding-top: 5px;
	*padding-top:5px;
}

table.tarjoilut{
	float: left;
	padding-bottom: 20px;
	_margin-bottom: 20px;
	*margin-bottom: 20px;
	font-size: 13px;		
}
table.tarjoilut input{
	height: 20px; 
	background:#F6F6F6;border:1px solid #D5D5D5;
	padding-left: 2px;	
}

.tauko{
	padding-left: 40px;
	padding-right: 10px;
	_padding-top: 5px;
	*padding-top: 5px;
}

.tapahtuma{
	float: left;
	display: inline;
	border-bottom:1px #AFAFAF dotted;
	padding-top: 20px;
	width: 520px;
}

.tilaa{
	color: green !important;

}
.taynna{
	color: red !important;
}



/* Footer
-----------------------------------------*/
#footer .page{background:transparent url('../img/bg_footer.png') center center repeat-x;text-align:center}
#footer p{color:#5F8DA1;font-family:arial;background-color:#9DE2FF;display:inline}