/* -----------------------------------------------------------

	Reset
	
----------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* -----------------------------------------------------------

	Text
	
----------------------------------------------------------- */

p,a{font-size:12px;font-family:dax regular,arial,sans-serif;}
h1{font-size:14px;font-family:cronos,arial,sans-serif;font-weight:bold;font-style:italic;color:#8a7a50;}
a{text-decoration:underline;font-weight:bold;outline:none;}
a:hover{}



/* -----------------------------------------------------------

	Structure
	
----------------------------------------------------------- */

body {
	background: #000;
	color:#000;
	text-align: center; /*ie hack for centered layout. if not centered, remove this line and the next hack in wrapper*/
}

#page {
	margin: auto;
	background:#fff url('../img/bg.jpg') no-repeat;
	width: 671px; /*fill in the width of the page*/
	height:613px;
	text-align: left; /*for previous ie hack*/
}


/* Header
-------------------------------------------------------------- */


#header{
	height:210px;
}

#logo{
	margin-top:50px;
	margin-left:30px;
	border:0px;
}

/* Navigation
-------------------------------------------------------------- */
#navi{
	height:27px;
}

#navi ul{
height:14px;
text-indent:-9000px;
position:relative;
top:10px;
left:10px;
margin:0px;
padding:0px;
list-style-type:none;
}

#navi li{
position:absolute;
margin:0px;padding:0px;
}

#navbar li, #navi a{
display:block;height:14px;
}
#nav_panel1{
background: url('../img/navbar.png') -0 0;
left:0px;
width:55px;
height:14px;
}
#nav_panel2{
background: url('../img/navbar.png') -55px 0;
width:110px;
left:55px;
height:14px;
}
#nav_panel3{
background: url('../img/navbar.png') -165px 0;
width:106px;
left:165px;
height:14px;
}
#nav_panel1 a:hover{
background: url('../img/navbar.png') -0 -34px;
}
#nav_panel2 a:hover{
background: url('../img/navbar.png') -55px -34px;
}
#nav_panel3 a:hover{
background: url('../img/navbar.png') -165px -34px;
}
#nav_panel1.valittu{
background: url('../img/navbar.png') -0 -17px;
}
#nav_panel2.valittu{
background: url('../img/navbar.png') -55px -17px;
}
#nav_panel3.valittu{
background: url('../img/navbar.png') -165px -17px;
}



#header_img{
	height:50px;
}
#header_img img{
	margin-left:25px;
	margin-top:15px;
}

/* Content
-------------------------------------------------------------- */

#content{
	width:463px;
	float:left;

}

#content h1{margin-left:20px;padding-top:15px;}
#content p,#kahvilat p,#voittajat p{margin-left:20px;margin-right:15px;padding-top:5px;}
#kahvilat p,#voittajat p{margin:0 15px 15px 20px;}
#kahvilat h1,#voittajat h1{color:#000;margin:0 0 20px 20px;font-style:normal;}
#kahvilat a,#voittajat a{color:#8a7a50;font-size:12px}
#kahvilat a:hover,#voittajat a:hover{text-decoration:underline}

#etusivu_side{
	float:left;
	width:205px;
	background:#000; 
	height:323px;
}
#etusivu_side img{margin:3px 0 0 3px}
/*#etusivu_side p{	padding-top:30px;width:140px;margin:auto;margin-top:0px;text-align:center;color:#fff;}*/
/*#etusivu_side a{color:#fff;}*/
#etusivu_nosto {padding:20px 0 0 0px; width: 440px; height: 250px;background: url(../img/etusivu_bg.jpg) top right no-repeat}
#etusivu_nosto p{text-align:left;float:left;width:200px;}
/*div > #etusivu_nosto p{padding:60px 0 0 10px; width: 300px; background: url(../img/etusivu_bg.jpg) no-repeat}*/
#etusivu_nosto a {color:#000;font-size:12px;font-weight:bold;text-decoration:underline;}
#etusivu_nosto img{float:right;margin-right:20px;margin-top:10px;}
#takkinosto_top,#takkinosto_bottom{width:197px;display:block;margin-left:4px}
#takkinosto_top span,#takkinosto_bottom span{display:none}
#takkinosto_top{height:229px;margin-top:4px;background:#000 url(../img/takkinosto_top.jpg) no-repeat}
#takkinosto_bottom{height:84px;background:#000 url(../img/takkinosto_bottom.gif) no-repeat}
#uutuus{
	width:400px;

}
#uutuus p{

	margin-top:20px;
	margin-bottom:0px;
	margin-left:20px;
}
#uutuus_side{
	width:212px;
}
#uutuus_side img{margin-top:50px;margin-bottom:5px;}

#ateriat_content{
	height:310px;
}

.ruoka{
float:left;
width:300px;
margin:5px;
margin-left:10px;
text-align:center;
}
.first{
margin-left:25px;
}
div>.ruoka{
margin-top:15px;
}

#ruoka2{
float:left;
margin-left:15px;
margin-top:0px;
}

div > #ruoka2{
margin-top:10px;
}
#linkki{
float:left;
text-align:center;
margin-left:20px;
margin-top:-15px;
}
#linkki a{display:block;color:#000;font-weight:normal;}
#linkki img{margin-left:-5px;}
#ruoka2 ul{
list-style-type:none;
}

#valmistus_oikea {
width: 180px;
float: right;
text-align:center;
margin: 15px 22px 0 0;
}

#valmistus_oikea p {
font-size: 10px
}

.ruoka ,#ruoka2,#linkki {
font-family:dax regular,arial,sans-serif;
font-size:9px;
}

#ateriat,#kahvilat,#voittajat{
margin-top:10px;
margin-left:10px;
margin-right:0px;
font-family:dax regular,arial,sans-serif;
font-size:10px;
text-align:center;
height:285px;
width:650px;
overflow:hidden;
}
#kahvilat,#voittajat{font-size:12px;text-align:left;}


table{text-align:center;border:0;margin:auto;margin-bottom:50px;}
td{text-align:center;margin:auto;margin-right:25px;padding-right:5px;}

.tilauslomake{padding:30px}
.tilauslomake a{color:#000;}
.tilauslomake p{margin-bottom:20px}
.tilauslomake td{text-align:left;margin:0;padding:0;}
.tilauslomake label{color:#4f4d50;width:450px;}
.tilauslomake input{border:0;border-bottom:1px solid #4f4d50;padding-left:10px;width:250px;margin-bottom:5px}
#submitbutton{border:0;padding:0;margin-left:-10px;width:auto;}

.takkiohje{padding:30px 50px 0 30px;width:570px!important}
.takkiohje p{margin-bottom:20px}

/* Footer
-------------------------------------------------------------- */

#footer{margin-top:25px}
#footer p,a{color:#fff;font-size:11px;font-weight:normal;text-decoration:none;}
#footer a:hover{text-decoration:underline}


/* -----------------------------------------------------------

	Clear floats
	
----------------------------------------------------------- */
.wrapper 		{ display: inline-block; }
.wrapper:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper 		{ display: block; }