@charset "UTF-8";
/* CSS Document */

*, html
{
	margin: 0;
	padding: 0;
}

h1, h2
{
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif	
}

html
{
	overflow: -moz-scrollbars-vertical;
}

body
{
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 0.8em;
	width: 100%;
	background: #1d2c4f;
	background-image: url("gfx/tausta_v0.gif");
}

.maincontainer
{
	width: 962px;
	margin: 0 auto 0 auto;
	background: none;
	height: 200px;	
}

.header
{
	position: relative;
	z-index: 50; /* 50 */
}

.headerimg
{
	float: left;
}

.header img
{
	border:0;
}

.navicontainer
{
	position: absolute;
	/*margin-top: 125px;*/
	top: 145px;
	left: 0;
}

.navi
{
    padding: 0;
    margin: 0;
    list-style: none;
    width: 120%; /* 120% = TO BLOCK THE HEADER IMG */
    height: 40px;
    overflow: hidden;
}

.navi li
{
    float: left;
}

.navi a
{
	display: block;	
	outline: none;
}

.navi a.linkbg1
{
    background-image: url(gfx/navi_btn1.png);
    padding-top: 40px; /* same as height of #example-nav */
    text-decoration: none; /* needed for IE8 beta, otherwise it still shows the underlines */
}

.navi a.linkbgX
{
    background-image: url(gfx/nu_navi_btn5.png);
    padding-top: 40px; /* same as height of #example-nav */
    text-decoration: none; /* needed for IE8 beta, otherwise it still shows the underlines */
}

.navi a.linkbg4
{
    background-image: url(gfx/navi_btn4.png);
    padding-top: 40px; /* same as height of #example-nav */
    text-decoration: none; /* needed for IE8 beta, otherwise it still shows the underlines */
}

.navi_btn1
{
	margin-left: 30px;
    width: 166px;
}

.navi_btnX
{
	margin-left: 20px;
    width: 159px;
}

.navi_btn4
{
	margin-left: 20px;
    width: 108px;
}

a.navi_btn1:hover
{
    background-position: 0px -40px;
}

a.navi_btn4:hover
{
    background-position: 0px -40px;
}

a.navi_btnX:hover
{
    background-position: 0px -40px;
}

.currentpage
{
	background-position: 0px -40px;	
}

a.currentpage:hover
{

}

.content_bg
{
	background-image:url("gfx/content_bg.png");
	position: relative;
	float: left;
	z-index: 0; /* 1 */
	margin-top: -20px;
	width: 965px;	
}

.content_mg
{
	background:url("gfx/content_sides_wood.png") repeat-y;
	position: relative;
	z-index: auto; /* auto */
	margin-top: -30px;
	margin-left: 6px;
	width: 948px;
}

.fp_content
{
	position: relative;
	top: 0;
	z-index: 1; /* -1 - KUVA PEITTÄÄ -1:N */
	background: url("gfx/es_nosto_v3.jpg") no-repeat;
	background-position: 10px 10px;
	/*border: 1px solid red;*/
	margin: 20px 20px 0px 10px;
	padding: 10px 10px 0px 10px;
}

.content
{
	position: relative;
	top: 0;
	/*border: 1px solid red;*/
	margin: 30px 20px 0px 10px;
	padding: 30px 40px 50px 60px; /* KÄYTÄ ALAREUNAA VARTEN, MARGIN EROTTAA FOOTERIN */
	overflow: hidden;
}

div.hr
{
  height: 1px;
  background: #000;
  margin: 40px 0px 40px 0;
}

div.hr hr
{
  display: none;
}

.recipe_combo
{
	overflow: hidden;
	clear: both;
	width: 830px;
	margin-top: 20px;
	margin-bottom: 20px;
	/*border: 1px solid orange;*/
}

.recipe_combo .col1
{
	float: left;
	width: 460px;
	height: 345px;
	background: black;
	/*border: 1px solid green;*/
}

.recipe_combo .col1_normal
{
	float: left;
	width: 460px;
	/*border: 1px solid green;*/
}

.recipe_combo .col2
{
	float: left;
	width: 320px;
	margin-left: 30px;
	line-height: 16px;
	/*border: 1px solid red;*/
}

.recipe_combo .col2 p
{
	margin-top: 1.5em;
}

.product_combo
{
	overflow: hidden;
	clear: both;
	width: 700px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 50px;
	/*margin-right: auto;*/
	/*border: 1px solid orange;*/
}

.product_combo .col1
{
	float: left;
	width: 250px;
	/*height: 250px;*/
	/*background: black;*/
	/*border: 1px solid green;*/
}

.product_combo .col1 img
{
	margin-top: 0px;
}

.product_combo .col2
{
	float: left;
	width: 380px;
	margin-left: 30px;
	line-height: 16px;
	/*border: 1px solid red;*/
}

.product_combo .col2 p
{
	margin-top: 1.5em;
	font-size: 13px;
}

.product_combo table
{
	font-size: 12px;
	background: white;
	/*padding: 10px;*/
	border: 2px solid black;
	margin: 15px 0 5px 0;
}

.product_combo table td
{
	padding-left: 10px;
	padding-right: 10px;
}

.product_combo .col2 h2
{
	font-size: 16px;
	margin-bottom: 0;
}

.form_combo
{
	overflow: hidden;
	clear: both;
	width: 780px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	/*margin-right: auto;*/
	/*border: 1px solid orange;*/
}

.form_combo .col1
{
	float: left;
	width: 250px;
}

.form_combo .col1 h1
{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
	
}

.form_combo .col1 img
{
	margin-top: 10px;
	border: 4px double black;
}

.form_combo .col2
{
	float: left;
	width: 418px;
	margin-left: 100px;
	line-height: 16px;
	font-size: 12px;
	/*border: 1px solid red;*/
}

.form_combo .col2 p
{
	margin-top: 1.5em;
	font-size: 13px;
}

.form_combo .col2 h2
{
	font-size: 16px;
	margin-bottom: 0;
}

.form_combo input
{
	border: 1px solid black;
	margin-bottom: 10px;
	margin-top: 2px;
	font-size: 12px;
	padding: 2px;
}

.form_combo textarea
{
	border: 1px solid black;
}

.form_combo2
{
	overflow: hidden;
	clear: both;
	width: 780px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	/*margin-right: auto;*/
	/*border: 1px solid orange;*/
}

.form_combo2 .col0
{
	width: 400px;
	margin: 0 auto 0 auto;	
}

.form_combo2 input
{
	border: 1px solid black;
	margin-bottom: 10px;
	margin-top: 2px;
	font-size: 12px;
	padding: 2px;
}

.form_combo2 textarea
{
	border: 1px solid black;	
	
}


.content h1
{
	font-size: 18px;
	color: #253e75; /* #630;*/
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.content h2
{
	color: #000; /* color: #630; */
	font-size: 14px;
	margin-bottom: 1em;
}

.content p + h2
{
	margin-top: 2em;
	margin-bottom: 1em;
}

.content h2 + p
{
	margin-top: 1em;
	margin-bottom: 1em;
}

.recipe_combo .ingreds
{
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 24px;
}

.content p
{
	font-size: 12px;
	margin-top: 0em;
	margin-bottom: 1em;
}

.fp_nostot
{
	position: relative;
	z-index: 100;
}

.fp_nostot a:link
{
	color: white;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

.fp_nostot a:visited
{
	color: white;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

.fp_nostot a:hover
{
	color: white;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}

.fp_nostot a:active
{
	color: white;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}

.footer
{
	clear: both;
	position: relative;
	z-index: 40; /* 15 */
	top: -20px;
	float: left;
	margin-left: 2px;
	margin-bottom: 100px;
}

.paluulinkki
{
	font-size: 18px;
	margin: 50px 0 0 260px;
}

.paluulinkki a:link
{
	color: #c2001f;
	text-decoration: none;
	font-weight: bold;
}

.paluulinkki a:visited
{
	color: #c2001f;
	text-decoration: none;
	font-weight: bold;
}

.paluulinkki a:hover
{
	color: #c2001f;
	text-decoration: underline;
	font-weight: bold;
}

.paluulinkki a:active
{
	color: #c2001f;
	text-decoration: none;
	font-weight: bold;
}

.bottom_links
{
	width: 940px;
	text-align: center;
	margin-top: 8px;
	color: white;
	font-size: 10px;
}

.bottom_links ul
{
	display: inline;
	list-style-type:none;
}

.bottom_links li
{
	display: inline;
	padding-right: 7px;
	padding-left: 7px;
	border-right: 1px solid white;
}

.bottom_links ul li a:link
{
	color: white;
	text-decoration: underline;
}

.bottom_links ul li a:visited
{
	color: white;
	text-decoration: underline;
}

.bottom_links ul li a:hover
{
	color: white;
	text-decoration: none;
}

.bottom_links ul li a:active
{
	color: red;
	text-decoration: underline;
	outline: none;
}
 
h2 a:link
{
	color: #c2001f;
	text-decoration: underline;
}

h2 a:visited
{
	color: #c2001f;
	text-decoration: underline;
}

h2 a:hover
{
	color: #c2001f;
	text-decoration: none;
}

h2 a:active
{
	color: #c2001f;
	text-decoration: none;
}


:focus
{
	outline: none;	
}

input.btnhov
{
	color: green;
	border-color: black;
	background: white;
}

.print_link a:link
{
	color: #c2001f;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

.print_link a:visited
{
	color: #c2001f;
	text-decoration: none;
}

.print_link a:hover
{
	color: #c2001f;
	text-decoration: underline;
}

.print_link a:active;
{
	background: red;
	color: white;
}


/************************************** FORM STUFF **************************************/


.nu_combo
{
	overflow: hidden;
	clear: both;
	width: 830px;
	margin-bottom: 20px;
	background: orange;
}

.nu_combo .nu_col1
{
	float: left;
	width: 360px;
	line-height: 16px;
	border: 1px solid black;
}

.nu_combo .nu_col2
{
	float: left;
	width: 360px;
	margin-left: 40px;
	line-height: 16px;
	border: 1px solid black;	
}

.nu_combo h2
{
	margin: 0;
	padding: 0;
}

.nu_combo p
{
	margin: 0;
	padding: 0;
}

.nu_combo .col1_normal
{
	float: left;
	width: 460px;
}

.nu_col1 p
{
	margin-top: 1.5em;
}

.nu_col2 p
{
	margin-top: 1.5em;
}

.nu_col1 .ingreds
{
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 24px;
}

.nu_col2 .ingreds
{
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 24px;
}


/* */

.voittajacontainer
{

}


.voittaja
{
	float: left;
	width: 340px;
	margin-bottom: 40px;
}

.voittaja
{
	float: left;
	width: 340px;
	margin-bottom: 40px;
}