@media screen, projection {

body{ background-color:#E0E1DD; /*text-align:center;*/ font-family:Arial,serif; font-size:62.5%; }

img, div { behavior: url(/fileadmin/template2009/iepngfix.htc) }

#container{ margin:0 auto; text-align:left; width:960px; font-size:1em; background-color:#fff; }

#header{ background:transparent url('kuvat/header-bg.gif') top left repeat-x; height:210px; }

#logo{ float:left; width:546px; height:170px; background:transparent url('kuvat/logo.gif') center center no-repeat; text-indent:-999999em; position:relative; top:20px; left:10px; }
#logo-en{ float:left; width:546px; height:170px; background:transparent url('kuvat/logo_en.gif') center center no-repeat; text-indent:-999999em; position:relative; top:20px; left:10px; }
#logo-ru{ float:left; width:546px; height:170px; background:transparent url('kuvat/logo_ru.gif') center center no-repeat; text-indent:-999999em; position:relative; top:20px; left:10px; }

#header-kuvat{ float:left; width:400px; }

#navi{ height:35px; background:transparent url('kuvat/navi-bg.gif') top left repeat-x; overflow:hidden;}

#menu{ float:left; line-height:2em; text-align:center; margin:0 0 0 20px; display:inline; }
#menu li { float:left; background:transparent url('kuvat/menu-separator.gif') center right no-repeat; }
#menu li.last,#lang-menu li.last{ background:none; }
#menu li a{ font-size:1.4em; padding:8px; display:block; color:#000; font-weight:bold; text-transform:uppercase; text-decoration:none; }
#menu li a:hover,#lang-menu li a:hover{ color:#fff; }
#menu li a.current{ color:#fff; }
#menu li.active a {color:#fff;}

#lang-menu{ line-height:3.2em; float:left; margin:0 0 0 60px; display:inline; }
#lang-menu li{ float:left; background:transparent url('kuvat/menu-separator.gif') center right no-repeat; }
#lang-menu a{ color:#000; font-size:1.4em; font-weight:normal; padding:5px; text-decoration:none; }

#main-top{ width:954px; margin:30px 0 0 4px; height:200px; text-align:center;}
#main-middle{ margin:0 auto; width:900px; overflow:hidden; }
#main{ margin:0 0 20px 0; }
#main-bottom{ margin:10px auto 0; width:900px; overflow:hidden; }
#left-cell{ float:left; width:290px; margin-right:15px; display:inline; }
#middle-cell{ float:left; width:290px; margin-right:14px; display:inline; }
#right-cell{ float:left; width:290px; }
#main-list{ margin:0 25px; padding:10px 0 0 0; overflow:hidden; }
* html #main-list{ height:1%; }

#left-col{ float:left; width:590px; margin:0 10px 0 0; display:inline; }
#right-col{ float:right; width:290px; }

.info{ overflow:hidden; width:100%; }
.info-form{ overflow:hidden; width:100%; margin:0;}
.info-title{ float:left; }
.info-title h1{ font-size:14px; display:inline; line-height:2.5em; font-weight:bold; }
.info-icons{ float:left; margin:0 0 0 30px; }
.info-icons li{ float:left; padding:0 10px 0 40px; line-height:2.5em; font-size:1.2em; height:35px; }

.banner-grid{ overflow:hidden; margin-top:10px; width:910px; }
.grid-item{ background:transparent url('kuvat/ravintolabannerit.gif') top center no-repeat; width:220px; height:190px; float:left; margin:0 5px 5px 0;display:inline; }
.grid-item-basic{  width:220px; height:190px; float:left; margin:3px; display:inline; }
.item-wrapper{ margin:1px 0 0 1px; width:205px; height:175px; }
.ravintola-logo{text-align:center;height:90px; margin-top:8px;}
.kuvakkeet{text-align:center; margin:0px 0 5px 0;}
.ravintolan-tiedot {width: 160px; margin:10px auto 0;}
li#ruokailu{background:transparent url('kuvat/icon-ruokailu.gif') center left no-repeat;}
li#seurustelu{background:transparent url('kuvat/icon-seurustelu.gif') center left no-repeat;}
li#sauna{background:transparent url('kuvat/icon-sauna.gif') center left no-repeat;}
li#musiikki{background:transparent url('kuvat/icon-musiikki.gif') center left no-repeat;}
li#kokous{background:transparent url('kuvat/icon-kokous.gif') center left no-repeat;}

.tilaa-uutiskirje{ float:right; }

h1{ font:normal 2.4em/1.5em Arial,sans-serif; }
p{ font:normal 1.4em/1.2em Arial,sans-serif; padding:15px 0 10px 0; }
a{ color:#92A14F; text-decoration:underline; }
a:hover{ text-decoration:none; }

#footer{ background:transparent url('kuvat/footer-bg.gif') top left repeat-x; height:50px; }
#footer-links{ margin:0 30px; }
#footer-links li{ float:left; padding:0px 15px 0; }
#footer-links li.first{ padding:0px 0 0 0; }

/*Lomakkeiden tyylit*/
#print-info{
display: none;
}
#form-left{
margin: 50px 0;
float: left;
width: 590px;

}
#form-right{
margin: 50px 0;
float: right;	
width: 290px;

}
#form{
margin: 20px 0 0 0;
font-size:1.2em;
}
#form td{
vertical-align: middle;
padding: 5px 0;
}
#form td.left{
width: 100px;
}
#form td.right{
width: 300px;
padding-left: 15px;
}
#form td#laheta_nappi{
text-align: right;
}

#poytavaraus input, #poytavaraus textarea{
border: 1px solid black;
background: #e3eddc;
}
#poytavaraus textarea{
height: 100px;
overflow-y: auto;
}
input#email, input#puhelin, input#news{
background:none;
border:none;
}
.wide-260{
width: 260px;
}
#poytavaraus select{
background: #e3eddc;
}
#tulostaIMG{
position: relative;
top:5px;
left:0;
margin-right: 5px;
}

.lightboxLink{
display:none;
}

/********* STYLES FOR LIGHTBOX *********/
#container-lightbox{
width:680px;
text-align:left;
background-color:#fff;
overflow:hidden;
padding:10px 10px 10px 10px;
}

#container-lightbox a{
color:#000;
text-decoration:none;
}
#lightbox-left{
/*float:left;
width:330px;
margin:0 30px 0 20px;
display:inline;*/
margin:0;
}
#logo-big{
margin:0px 0 20px 20px;
}

#logo-big img {
/*behavior:none;*/
}

#lightbox-left p{
font-size:13px;
padding:10px 0;
}
#lightbox-right{
float:left;
margin-left:10px;
width:280px;
display:inline;
}
.ravintola-info, .ravintola-info-sec{ width:100%; overflow:hidden; margin-bottom:20px;/*width:330px;*/ }
		.ravintola-info-teksti{
		float:left;
		width:370px;
		}
/*
.ravintola-info-sec{
margin:20px 0 0 0;
width:330px;
}

*/
.ravintola-info-kuvat{ float:right; width:300px; }
.lightbox-toiminnot{
margin:10px 0;
}
.lightbox-toiminnot a.btn-poytavaraus{
margin:0 0 0 5px;
}
.lightbox-kuvakkeet{
margin:10px 0;
}
#fancy_overlay{
background-color:#000;
}			

.ravintola-harmaa-boxi {
width: 254px;
padding: 10px;
background-color: #ececec;
border: 3px solid #bbbbbb;
margin-bottom: 20px;
}

#footer2{ margin:0 auto; text-align:right; width:960px; font-size:1em; padding-right: 15px; }

.mediasignal {
font-size: 10px;
color: #aaaaaa;
text-decoration: none;
}
.liput {
/*width:92px;*/
height:35px;
overflow:hidden;
margin:0;
padding:0;
float:right;
}
}

@media print {

#lightbox-left img { display:none; }

div {float:none;}

#tulostusnappi { display:none; }

}