@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:r,b|Droid+Serif:r,b);

body {
font-size:100%;
line-height:1.2em;
padding:0;
margin-top:0;
margin-bottom:30px;
padding-bottom:0px;
text-align:center;
background-color:#4b4b4b;
color:#000;
}

a, a:link, a:active {
color:#a00203;
text-decoration:none;
}

a:visited {
color:#d03223;
text-decoration:none;
}

/* main layout */

#container {
font-family:'Droid Serif', arial, serif, sans-serif;
font-size:13px;
text-align:left;
width:980px !important;
margin:0 auto 0 auto;
padding:0px;
background-color:#fff;
position:relative;
}

#logo {
position:absolute;
left:30px;
top:0px;
width:120px;
height:150px;
z-index:100;
}

#topmenu {
font-family:'Yanone Kaffeesatz', 'Arial narrow', arial, serif;
font-size:14px;
font-weight:normal;
text-transform:uppercase;
height:40px;
width:980px;
background-color:#4b4b4b;
color:#fff;
text-align:right;
line-height:40px;
letter-spacing:0.15em;
}

#topmenu span.bull {
margin-left:10px;
margin-right:10px;
}

#topmenu a, #topmenu a:link, #topmenu a:active, #topmenu a:visited {
color:#fff;
text-decoration:none;
letter-spacing:0.15em;
}

#topmenu a:hover {
text-decoration:underline;
letter-spacing:0.15em;
}

#topmenu div.auki {
float:left; font-size:80%; letter-spacing:1px; padding-left:310px; color:#ddd; text-transform:none;
}

/* main navi */

span.cart { margin-left:170px; color:#000; }
span.cart a, span.cart a:link, span.cart a:active, span.cart a:visited { text-decoration:none; color:#000;}
span.cart a:hover { color:#c02212; }

#navi {
display:block;
height:40px;
padding-top:20px;
background-color:#fff;
}

#nav, #nav ul {
padding:0;
margin:0;
list-style:none;
float:right;
padding-right:15px;
}

#nav a {
display:block;
text-decoration:none;
color:#000;
padding:0px 8px 0px 9px;
border-right:1px solid #000;
font-weight:normal;
}

#nav a:hover {
color:#c02212;
padding:0px 8px 0px 9px;
}

#nav li {
font-family:'Droid Serif', arial, serif, sans-serif;
font-size:13px;
float:left;
background-color:#fff;
}

#nav li.active a {
font-weight:bold;
}

#nav li.active a:hover {
border-bottom:0px;
}

#nav li ul {
position:absolute;
width:200px;
float:left;
left:-999em;
padding:8px;
}

#nav li:hover ul, #nav li.sfhover ul {
left:auto;
margin-left:-1px;
border:1px solid #000;
background-color:#fff;
overflow:hidden;
z-index:200;
}

#nav li:hover ul li {
width:200px;
}

#nav li ul a:hover {
display:block;
width:200px;
}

#nav li ul li a {
border-right:none !important;
font-weight:normal !important;
text-transform:none;
width:100%;
}

#nav li#last a {
border-right:none !important;
}

#nav li.cart { background-color:#fff; border-left:1px solid #000; border-right:none; }
#nav li.cart a { background-color:#fff; border-right:none !important;}
#nav li.cartadd { background-color:#fff; background-image:url(../images/_fade.gif); border-left:1px solid #000; border-right:none; }
#nav li.cartadd a { background-image:url(../images/_fade.gif); border-right:none; }
#nav li.cart a.active { background-color:#fff; font-weight:bold; }

#topcontent {
position:relative;
background-color:#c02213;
height:400px;
width:980px;
}

#mainpic {
width:640px;
height:400px;
float:left;
}

#mainpictext {
color:#fff;
position:absolute;
bottom:0px;
height:100px;
width:610px;
background-image:url(../images/_transp.png);
overflow:hidden;
margin-left:0px;
padding-left:30px;
margin-top:0px;
padding-top:0px;
z-index:100;
}

#mainpictext h1, #mainpictext h1 a {
position:relative;
top:11px;
font-family:'Yanone Kaffeesatz', 'Arial Narrow', arial, serif, sans-serif;
font-size:28px;
*font-size:23px;
color:#fff;
line-height:38px;
}

#mainpictext h1 a:hover {
color:#ddd;
}

#mainpictext p, #mainpictext p a {
font-family:'Droid Serif', arial, serif, sans-serif;
font-size:13px;
color:#fff;
}

#mainpic img {
margin-bottom:-3px;	/* ie6 fix */
}

#mainright {
font-family:'Droid Serif', arial, serif, sans-serif;
font-size:13px;
width:340px;
float:right;
color:#fff;
}

#mainright a, #mainright a:link, #mainright a:active, #mainright a:visited,
#contentright a, #contentright a:link, #contentright a:active, #contentright a:visited {
color:#fff;
text-decoration:none;
}

#mainright a:hover,
#contentright a:hover {
color:#ddd;
text-decoration:underline;
}

#mainright h1 {
font-family:'Yanone Kaffeesatz', 'Arial Narrow', arial, serif;
font-size:30px;
margin-left:25px;
margin-top:20px;
padding-top:0px;
color:#fff;
}

#mainright ul {
margin-right:30px;
padding-left:25px;
*padding-left:0;
*margin-left:25px;
}

#mainright li {
list-style-type:none;
padding-bottom:5px;
margin-left:0;
padding-left:0;
}

#mainright li.more {
padding-top:10px;
padding-bottom:0px;
font-weight:bold;
}

#contentright h1 {
font-family:'Yanone Kaffeesatz', 'Arial Narrow', arial, serif;
margin-top:15px;
font-size:30px;
color:#fff;
}

#contentright ul {
margin-right:0px;
padding-left:0px;
*padding-left:0;
*margin-left:0px;
}

#contentright li {
list-style-type:none;
padding-bottom:8px;
line-height:16px;
}

#leftcolumn, #centercolumn, #rightcolumn {
width:265px;
float:left;
padding:30px 20px 30px 30px;
}

#lunchleftcolumn {
width:580px;
float:left;
padding:30px 20px 30px 30px;
}

#rightcolumn {
float:right;
width:290px;
height:100%;
border:none;
background-color:#f4f1e8;
}

#content {
background-image:url(../images/_bgred.png);
background-position:right;
background-repeat:repeat-y;
}

#contentleft {
background-image:url(../images/_dotted.png);
background-position:top left;
background-repeat:repeat-x;
float:left;
width:580px;
padding:30px;
padding-top:60px;
}

#contentleft h1 {
margin-top:15px;
}

#contentright {
float:right;
padding:0;
width:278px;
color:#fff;
margin:30px;
margin-top:15px;
}

#content:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
 
#content {
display:inline-block;
}
 
html[xmlns] #content {
display:block;
}
 
* html #content {
height:1%;
}

div.newsitemimage {
float:right;
margin-top:10px;
padding-left:15px;
padding-bottom:15px;
}

div.newsitemimage img {
border:none;
}

h1, h1 a, #leftcolumn h1, #centercolumn h1, #rightcolumn h1, h1.lunch {
font-family:'Yanone Kaffeesatz', 'Arial Narrow', 'Trebuchet MS', Tahoma, arial, serif;
font-size:28px;
line-height:30px;
color:#c02213;
margin-top:0px;
text-decoration:none;
}

h1.lunch { color:#1b1c20; }

h2, h3.newsitem {
font-family:'Droid Serif', arial, serif, sans-serif;
font-weight:bold;
color:#000;
text-decoration:none;
}

h2 {
font-size:18px;
margin-top:30px;
}

h3.newsitem {
font-size:14px;
margin-bottom:0px;
}

h3.newsitem a, h3.newsitem a:link, h3.newsitem a:active, h3.newsitem a:visited {
color:#000;
text-decoration:none;
}

h3.newsitem a:hover {
color:#333;
}

p.date {
font-size:10px;
color:#333;
margin-top:0px;
}

p.small {
font-size:11px;
color:#333;
}

ul.infonavi {
margin-left:0px;
padding-left:0px;
}

ul.infonavi li, ul.infonavi li:a {
margin-left:2px;
text-decoration:none;
}

ul.infonavi li ul li {
margin-left:10px;
}

ul.infonavi li a,
ul.infonavi li a:link,
ul.infonavi li a:active,
ul.infonavi li a:visited {
text-decoration:none !important;
}

ul.frontpagelunch {
margin-left:0;
padding-left:5px;
list-style-type:none;
margin-top:5px;
}

ul.frontpagelunch li {
margin-bottom:5px;
}

ul.infonavi li li {
margin-left:10px;
*margin-left:-10px;
}

ul.infonavi li ul {
font-weight:normal;
}

ul.infonavi li.active {
font-weight:bold;
text-decoration:none;
}

/* forms */

input.buyticket {
background-image:url(../images/_ticket.png);
background-repeat:no-repeat;
color:transparent;
border:0;
text-indent:-1000px;
display:block;
font-size:0px;
line-height:0px;
width:78px;
height:20px;
overflow:hidden;
cursor:pointer;
cursor:hand;
}

input.textinput {
border:1px solid #000;
background-color:#eee;
height:20px;
padding:2px;
}

input.textinput:hover, textarea.textinput:hover {
border:1px solid #c02212;
}

textarea.textinput {
border:1px solid #000;
background-color:#eee;
width:99%;
height:200px;
padding:2px;
}

select.textinput {
border:1px solid #000;
background-color:#eee;
height:28px;
padding:2px;
}

input.orderinput {
border:1px solid #000;
background-color:#fff;
height:20px;
padding:2px;
width:230px;
}

input.orderinput:hover {
border:1px solid #c02212;
}

.red {
color:#c01202;
}

input.submit {
font-family:'Droid Serif', arial, serif, sans-serif;
background-color:#c02213;
border:1px solid #c02213;
color:#fff;
font-size:13px;
height:26px;
padding:2px;
}

input.submit:hover {
border:1px solid #000;
}


table.cart {
width:100%;
border-collapse:collapse;
}

table.cart td {
padding:5px;
}

tr.cartheadline td {
font-weight:bold;
}

tr.cartrow {
background-color:#eee;
margin-bottom:5px;
}

tr.cartrow td {
vertical-align:top;
border-bottom:3px solid #fff;
}

tr.cartpurchasefee td {
background-color:#e4e4e4;
}

tr.cartbottomline td {
font-weight:bold;
border-top:1px solid #000;
background-color:#ddd;
}

tr.cartspacer td {
background-color:#fff;
}

table.paymentmethod {
width:100%;
border-collapse:collapse;
background-color:#eee;
margin-bottom:10px;
}

table.paymentmethod td.paymentmethodtext {
vertical-align:top;
padding-top:5px;
padding-left:5px;
}

table.paymentmethod td.paymentmethodtd {
padding-top:5px;
padding-bottom:5px;
}

table.paymentmethod td.paymentmethodtd:hover {
background-color:#fff;
}

span.sposti {
unicode-bidi:bidi-override;
direction:rtl;
}

div.yhteystiedot { font-family:'Droid Serif', serif, sans-serif, arial; font-size:12px; font-weight:bold; text-align:center; margin-top:2px; color:#1e1d1d; }

#footerlist { margin:0 auto; margin-top:12px; width:480px; list-style-type:none; padding-left:0; padding-bottom:32px; }
#footerlist li { float:left; margin-left:0; padding-left:0; }
#footerlist li, #footerlist li a { background-image:url('../images/_footer_logot.png'); background-position:0 0; background-repeat:no-repeat; height:36px; display:block; margin-right:40px; }
#footerlist .ilosaarirock, #footerlist .ilosaarirock a { background-position:0 0; width:160px; }
#footerlist .rokumentti, #footerlist .rokumentti a { background-position:-160px 0; width:160px; }
#footerlist .popmuusikot, #footerlist .popmuusikot a { background-position:-320px 0; margin-right:0px; width:63px; }

div.sossut { margin:0; padding:0; height:20px; width:100px; position:absolute; left:170px; top:10px; line-height:1px; text-align:left;}
div.sossut img.somefb { border:none; margin:0; padding:0; width:20px; height:20px; background:url('../images/_icon_sossu.png') 0px 0px; }
div.sossut img.someins { border:none; margin:0; padding:0; margin-left:10px; width:20px; height:20px; background:url('../images/_icon_sossu.png') 40px 0px; }
div.sossut img.somerss { border:none; margin:0; padding:0; margin-left:10px; width:20px; height:20px; background:url('../images/_icon_sossu.png') 20px 0px; }

a:hover img.somefb { border:none; margin:0; padding:0; width:20px; height:20px; background:url(../images/_icon_sossu.png) 0px 20px; }
a:hover img.someins { border:none; margin:0; padding:0; margin-left:10px; width:20px; height:20px; background:url(../images/_icon_sossu.png) 40px 20px; }
a:hover img.somerss { border:none; margin:0; padding:0; margin-left:10px; width:20px; height:20px; background:url(../images/_icon_sossu.png) 20px 20px; }

ul.lounaslista { padding-left:0px; margin-left:0px; margin-top:0.5em; }
ul.lounaslista li { margin-bottom:0.5em; border-bottom:1px solid #aaa; list-style-type:none; }

img.tilatsmall { margin:5px 15px 5px 0px; }
a img.tilatsmall { border:3px solid #ccc; }
a img.tilatsmall:hover { border:3px solid #856b00; }

.clearfix:after {
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}

/* IE-mac \*/
* html .clearfix {height:1%;}
/* End IE-mac */

@media print {

body {
width:100%;
font-size:100%;
line-height:1.2em;
padding:0;
margin-top:0;
margin-bottom:0;
text-align:center;
background-color:#fff;
color:#000;
}

#container {
font-family:"Times New Roman",Georgia,Serif;
font-size:12pt;
text-align:left;
width:100%;
margin:0;
padding:0;
background-color:#fff;
}

#logo, #topmenu, #topcontent, #navi, #mainpic, #mainpictext, #mainright, #contentright, #contentright { display:none; }
p.readmorelink, p.backlink, div#footer, div.yhteystiedot, #footerlist, span#spanfooter img { display:none; }

#leftcolumn, #centercolumn, #rightcolumn {
width:33%;
float:left;
padding-right:10px;
}

#lunchleftcolumn {
width:100%;
float:left;
padding:0;
}

#rightcolumn {
display:block;
float:right;
width:100%;
height:100%;
border:none;
background-color:#fff;
padding:0;
margin:0;
}

#content {
background-image:none;
}

#contentleft {
background-image:none;
width:100%;
padding:0;
padding-top:0;
}

#contentleft h1 {
margin-top:14px;
}

#content:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
 
#content {
display:inline-block;
}
 
html[xmlns] #content {
display:block;
}
 
* html #content {
height:1%;
}

div.newsitemimage {
float:right;
margin-top:20px;
padding-left:15px;
padding-bottom:15px;
}

div.newsitemimage img {
border:none;
}

h1, h1 a, #leftcolumn h1, #centercolumn h1, #rightcolumn h1, h1.lunch {
font-family:"Times New Roman",Georgia,Serif;
font-size:26pt !important;
color:#000;
margin-top:0px;
text-decoration:none;
line-height:26pt;
}

h3.newsitem {
font-family:'Droid Serif', arial, serif, sans-serif;
font-size:14px;
font-weight:bold;
color:#000;
text-decoration:none;
margin-bottom:0px;
}

h3.newsitem a, h3.newsitem a:link, h3.newsitem a:active, h3.newsitem a:visited {
color:#000;
text-decoration:none;
}

a, a:link, a:active, a:visited {
color:#000;
text-decoration:underline;
}

p.date {
font-size:10px;
color:#333;
margin-top:0px;
}

input.textinput {
border:1px solid #000;
background-color:#eee;
height:20px;
padding:2px;
}

input.textinput:hover {
border:1px solid #c02212;
}

input.orderinput {
border:1px solid #000;
background-color:#fff;
height:20px;
padding:2px;
width:230px;
}

input.orderinput:hover {
border:1px solid #c02212;
}

.red {
color:#c01202;
}

input.submit {
font-family:'Droid Serif', arial, serif, sans-serif;
background-color:#c02213;
border:1px solid #c02213;
color:#fff;
font-size:13px;
height:26px;
padding:2px;
}

input.submit:hover {
border:1px solid #000;
}

table.cart {
width:100%;
border-collapse:collapse;
}

table.cart td {
padding:5px;
}

tr.cartheadline td {
font-weight:bold;
}

tr.cartrow {
background-color:#eee;
margin-bottom:5px;
}

tr.cartrow td {
vertical-align:top;
border-bottom:3px solid #fff;
}

tr.cartpurchasefee td {
background-color:#e4e4e4;
}

tr.cartbottomline td {
font-weight:bold;
border-top:1px solid #000;
background-color:#ddd;
}

tr.cartspacer td {
background-color:#fff;
}

table.paymentmethod {
width:100%;
border-collapse:collapse;
background-color:#eee;
margin-bottom:10px;
}

table.paymentmethod td.paymentmethodtext {
vertical-align:top;
padding-top:5px;
padding-left:5px;
}

table.paymentmethod td.paymentmethodtd {
padding-top:5px;
padding-bottom:5px;
}

input.submit { display:none; }

h1 { color:#000 !important; font-size:15pt !important; }

div#leftcolumn { width:100%; margin:0; padding:0; }
div#rightcolumn { width:100%; float:right; margin:0; padding:0; margin-top: 2em; }
div.noprint, p.noprint, br.noprint { display:none; }
b.printdate { font-size:16pt; }
ul.lounaslista { padding-left:0px; margin-left:0px; margin-top:0.3em; margin-bottom:0; }
ul.lounaslista li { margin-top:0.3em; margin-bottom:0.3em; border-bottom:1px solid #aaa; list-style-type:none; font-size:16pt; }

}