html { height:100%; }
body { margin: 0; padding:0; background-color: #a50301; text-align: center; font-family: Trebuchet, "Trebuchet MS", sans-serif; font-size:12px; height:100%; min-height:100%; }
td { font-family: Trebuchet, "Trebuchet MS", sans-serif; font-size:12px; }
div#container { width: 800px; padding:0 10px; background-color: #2a0001; margin-left: auto; margin-right: auto; text-align: left; position: relative; min-height: 100%; }
div#container_left { width: 38px; background-image:url(../graf/shadow_left.jpg); background-repeat: repeat-y; height:100%; position:absolute; top:0; left:-38px; }
div#container_right { width: 38px; background-image:url(../graf/shadow_right.jpg); background-repeat: repeat-y; height:100%; position:absolute; top:0; right:-38px; }
div#header { height: 150px; background-image:url(../graf/header_bg.jpg); background-repeat: no-repeat; }
div#main { clear:left; background-color: #2a0001; }
div#footer { padding: 20px 30px; vertical-align: top; height: 80px; position: relative; bottom:0; color: #fff; font-size: 11px; line-height: 18px; }
div#footer a, div#footer a:visited, div#footer a:hover, div#footer a:active {color: #fff; text-decoration:none; font-size: 11px; }
h1 { font-family: Trebuchet, "Trebuchet MS", sans-serif; font-size: 18px; color: #fff; font-weight: normal;}
h2 { font-family: Trebuchet, "Trebuchet MS", sans-serif; font-size: 16px; color: #2A0100; font-weight: normal;}
h3 { font-family: Trebuchet, "Trebuchet MS", sans-serif; font-size: 16px; color: #fff; font-weight: normal;}
h4 { font-family: Trebuchet, "Trebuchet MS", sans-serif; font-size: 14px; color: #2e2e2e; font-weight: bold; padding: 10px 10px 0 0;}
td { font-family: Trebuchet, "Trebuchet MS", sans-serif; }
div#himmennin { background-image: url(../graf/himmennin.gif); z-index:90; position: absolute; top:0; left:0; width:100%; height: 100%; visibility: hidden;}
div#tilaus { background-image:url(../graf/tilaus_bg.jpg); background-repeat: no-repeat; color: #ECD1A5; font-size: 11px; line-height: 16px; text-align: left; padding: 0 20px; height:300px; width:200px; z-index:100; position: absolute; top:200px; right:0px; visibility: hidden; }
div#tilaus_container { width:800px; position:relative; margin-left: auto; margin-right: auto; text-align: left; z-index:100; }
div#sulje { text-align: right; font-size: 10px; color: #fff; cursor: pointer; }
/* Päänavigaatio */
div#navicontainer { background-image:url(../graf/navi_bg.jpg); background-repeat: repeat-x; padding: 0 15px; height: 40px; position: relative;}
ul#navi { list-style: none; margin: 0; padding:0;}
#navi li { font-family:Trebuchet, "Trebuchet MS", sans-serif; font-size: 13px; height: 30px; letter-spacing:1px; font-weight:normal; float:left; position: relative; }
a.mL, a.mL:visited, a.mL:hover, a.mL:active { color: #fff; text-decoration:none; height: 30px; display:block; float:left; padding: 10px 5px 0 5px; }
a.mLA, a.mLA:visited, a.mLA:hover, a.mLA:active { color: #fff; background-image:url(../graf/himmennin.gif); text-decoration:none; height: 30px; display:block; float:left; padding: 10px 5px 0 5px; }
td.basicNavi { padding: 10px 10px 0 10px; background-color: #2a0001; }
/* Sisältötaulu */
table.bodyTable { }
td.basicHeader { font-family: Trebuchet, "Trebuchet MS", sans-serif; font-size: 20px; color: #fff; background-color: #2a0001; padding: 15px 20px; }
td.basicLeft { padding: 10px 20px 40px 10px; background-color: #fff; vertical-align: top; font-size: 12px; }
td.basicLeft a, td.basicLeft a:visited, td.basicLeft a:hover, td.basicLeft a:active {color: #a40300; text-decoration:none;}
td.basicRight { padding: 10px 20px 40px 10px; background-color: #fff; vertical-align: top; }
img.select_bottom {position:relative; top:0; left: 0; background-color:#fff; display:block; }
a.frontL, a.frontL:visited, a.frontL:hover, a.frontL:active { font-family: Trebuchet, 'Trebuchet MS', sans-serif; font-size: 12px; line-height: 16px; color: #fff; text-decoration: none; }
td.basicRight a,td.basicRight a:visited, td.basicRight a:active, td.basicRight a:hover { font-size: 12px; color: #A40300; text-decoration: none; }
div.contactText { padding: 10px; color: #2e2e2e; font-family: Trebuchet, "Trebuchet MS", sans-serif; font-size: 12px; line-height: 18px; }
div.contactTextRight { padding-top:10px; padding-bottom: 5px; color:#2e2e2e; font-family: Trebuchet, "Trebuchet MS", sans-serif; font-size: 14px; font-weight: bold; line-height: 18px; }
/* Etusivu */
td.front_lunch { font-size: 12px; text-align: center; color:#2A2A2A; background-color: #F5E0BC; vertical-align: top; font-weight: bold; }
td.front_top { font-size: 12px; line-height: 16px; color: #ECD1A5; background-color: #2a0001; vertical-align: top; }
td.front_top a, td.front_top a:visited, td.front_top a:hover, td.front_top a:active {color: #fff; text-decoration:none;}
td.bodytext { background-color: #fff; font-size: 12px; line-height: 18px; color: #2E2E2E; vertical-align: top; padding:20px; }
td.news { font-size: 12px; background-color: #F9F2E6; color: #000; vertical-align: top; padding:20px; }
img.front_img { display:block; }
/* Lounas */
div.navi_lunch { font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; color: #fff; background-image:url(../graf/lunchnavi_bg.gif); background-repeat: no-repeat; background-position: center; height: 31px; }
p.navi_lunch { padding-top: 8px; }
a.Ll, a.Ll:visited, a.Ll:hover, a.Ll:active { color: #fff; vertical-align: middle; }
a.LlA, a.LlA:visited, a.Ll:hover, a.Ll:active { color: #D7B883; vertical-align: middle; }
td.fpLunchLeft { font-size: 11px; width:80%; color:#2A2A2A; font-weight:normal; text-align:left; }
td.fpLunchRight { font-size: 11px;color: #2A2A2A; width:20%; font-weight: bold; text-align:left; }
td.fpLunchInfo { font-size: 11px;color: #2A2A2A; font-weight:normal; text-align:left; }
td.fpSpace { font-size: 5px; }
span.fpLunchHeader { font-family: Trebuchet, 'Trebuchet MS', sans-serif; font-size: 12px;color: #2A0100; font-weight: bold; }
td.lunchLeft { font-size: 12px; width:80%; color:#2e2e2e; }
td.lunchRight { font-size: 12px;color: #2e2e2e; width:20%; font-weight: bold; font-style: italic; }
td.lunchInfo { font-size: 12px;color: #2e2e2e; line-height: 18px; }
span.lunchHeader { font-family: Trebuchet, 'Trebuchet MS', sans-serif; font-size: 14px;color: #2e2e2e; font-weight: bold; }
td.space { font-size: 12px; }
/* Ajankohtaista */
a.news_front, a.news_front:visited, a.news_front:active { font-size: 12px; color: #A40300; text-decoration: none; }
a.news_front:hover { font-size: 12px; color: #A40300; text-decoration: underline; }
ul.news { list-style: none; }
ul.news li { line-height: 20px; }
span.newsHeader { font-weight: bold; font-size: 14px; color: #2e2e2e;}
span.newsDate { font-style: italic; font-size:10px; color: #2e2e2e;}
p.newsContent { font-size: 12px; line-height: 18px; color: #2e2e2e; }
/* Viinilista */
td.wine_header { font-size: 20px; color: #fff; vertical-align: middle; padding-top: 5px; padding-bottom: 0;}
td.wine_size { font-size: 10px; color: #f5e0bc; vertical-align: bottom; text-align:center; padding: 0 5px 5px 5px; width:45px; }
td.wine_price { font-size: 12px; color: #2e2e2e; vertical-align: top; background-color: #F5E0BC; text-align:center; padding: 8px 5px 5px 5px; width:45px; }
td.redwine_name { font-size: 12px; color: #2e2e2e; vertical-align: top; background-color:#F9F2E6; width: 200px; padding: 8px 5px 5px 20px; }
td.whitewine_name { font-size: 12px; color: #2e2e2e; vertical-align: top; background-color:#fff; width: 200px; padding: 8px 5px 5px 20px; }
td.redwine_container { font-size: 12px; color: #2e2e2e; vertical-align: top; background-color:#F9F2E6; padding: 0 5px 5px 20px; width: 114px; }
td.whitewine_container { font-size: 12px; color: #2e2e2e; vertical-align: top; background-color:#fff; padding: 0 5px 5px 20px; width: 114px; }
td.redwine_img_container { font-size: 12px; color: #2e2e2e; vertical-align: top; background-color:#F9F2E6; padding: 0 5px 5px 20px; width: 61px; }
td.whitewine_img_container { font-size: 12px; color: #2e2e2e; vertical-align: top; background-color:#fff; padding: 0 5px 5px 20px; width: 61px; }
table.wine_table { width: 800px; }
/* Alanavi ja emailer */
form { margin:0; padding: 0; }
select.fInputSelect { width: 200px; position: relative; bottom: 0; left: 20px;}
input.order { width: 200px; font-size: 11px; color: #2A0100; }
input.buttonOrder { background-image:url(../graf/button_tilaa.jpg); background-repeat:no-repeat; width: 130px; height: 20px; text-align: center: vertical-align: middle; border:0; color: #fff; font-size:10px; }
input.buttonCancel { background-image:url(../graf/button_peruuta.jpg); background-repeat:no-repeat; width: 130px; height: 20px; text-align: center: vertical-align: middle; border:0; color: #fff; font-size:10px; }
img.restaurant_top { position: relative; bottom:0; left: 0; display:block; }
img.wine_top { padding-bottom:0; position:relative; bottom:0; left:20px; display:block; }
/* Lomaketiedot */
label { font-size:12px; color: #2e2e2e; }
input.contact { font-size:12px; color: #2e2e2e; width:250px; margin-bottom: 10px;}
textarea.contact { font-size:12px; color: #2e2e2e; width:250px; margin-bottom: 10px; }
input.textNormal { font-size:12px; color: #2e2e2e; width:150px; margin-bottom: 10px; margin-right: 10px; }
input.cb { font-size: 12px; margin-right: 10px; }
select.selectNarrow { font-size:12px; color: #2e2e2e; width:70px; margin-bottom: 10px; margin-right: 10px; }
select.selectNormal { font-size:12px; color: #2e2e2e; width:180px; margin-bottom: 10px; margin-right: 10px; }
input.bSubmitNarrow { background-image:url(../graf/button_submit_narrow.jpg); background-repeat:no-repeat; width: 90px; height: 20px; text-align: center: vertical-align: middle; border:0; color: #fff; font-size:10px; }
input.bCancelNarrow { background-image:url(../graf/button_cancel_narrow.jpg); background-repeat:no-repeat; width: 90px; height: 20px; text-align: center: vertical-align: middle; border:0; color: #fff; font-size:10px; }
div.infotext { #2e2e2e; font-size:11px; padding-left: 5px; padding-bottom: 10px; }
/* Kuvagalleria */
a.gL, a.gL:visited, a.gL:active, a.gL:hover { font-size: 12px; color: #A40300; text-decoration: none; }
ul.gallery { list-style: none; margin:0; padding:0; }
ul.gallery li { padding-left: 10px;}
td.gallerianavi { width: 33% }
td.gallerianavi a, td.gallerianavi a:visited, td.gallerianavi a:active, td.gallerianavi a:hover { font-size: 12px; color: #A40300; text-decoration: none; }
img.thumb_image { margin: 5px;}
img.normal_image { padding-bottom: 10px; }