/* CSS Document punainen.css 25042008 kvaliitti/er*/
body	{
	margin:0;
	background:#cc0000 url(img_templ/body_bg1.gif) no-repeat;
}
a img	{
	border:none;
}


.clearum	{
	clear:both;
}

table.actions { border-bottom: 1px solid #e4e4e9; border-collapse: collapse; margin-bottom: 2px;}

table.actions td { padding-left: 5px; vertical-align: top; }
td.tiedot { background-color:#e4e4e9; width: 90px; padding: 5px; font-weight: bold;}

#clearum2	{
	clear:right;
}

table.shop { }
table.shop td { vertical-align: top; padding-top: 15px; padding-bottom: 10px; border-top: 1px solid #e4e4e9; padding-right: 10px; }
#universe {
	/*position:absolute;*/
	margin-left:0;
	margin-top:100px;
	width: 990px;
	
	padding: 0px;
}
/*#content-top, #the-content, #content-bottom { behavior: url(iepngfix.htc); }*/

#content-left	{
	float:left;	
}

#content-top	{
	background-image:url(img_templ/content_top3.png);
	width:828px;
	padding-top: 7px;
	
	
}
#content-top-2	{
	background-image:url(img_templ/content_top2.png);
	width:828px;
	height:36px;
}
#content-top img.banner-top	{
	
	margin-top:14px;
	margin-left:95px;
}
#content-top img.banner-big	{
	
	margin-top:19px;
	margin-left:95px;
}
#navi-top	{
    /*position:absolute;
	top:310px;
	margin-left:95px;*/
	width: 725px;
    background-color: #cc0000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #ffffff;
    font-weight: bold;
    margin: 0;
    margin-left: 95px;
    padding: 4px 0 4px 4px;
    clear: both;
}

#navi-top div	{
	display:inline;
	padding:0 6px 0 1px;
	margin-top:4px;
	background-image: url();
	position: relative;
}
#navi-top div a	{
	color:#ffffff;
	text-decoration:none;
	text-transform: uppercase;
}

#navi-top div a.activeLink
{
    color: #CCCCCC;
    text-decoration: none;
    text-transform: uppercase;
}
#navi-top div a:hover	{
	color:#878d96;
}
#navi-top-2	{
	
	margin-top:11px;
	margin-left:95px;
	width:725px;
	height:18px;
	background-color:#cc0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	margin:0;
	padding:6px 0 0 4px;
	
}
#navi-top-2 div	{
	display:inline;
	padding:0 6px 0 1px;
	margin-top:4px;
	position: relative;
}
#navi-top-2 div a	{
	color:#ffffff;
	text-decoration:none;
}
#navi-top-2 div a:hover	{
	color:#000;
}
#the-content	{
	width:828px;
	/*height:500px; remove*/
	background-image:url(img_templ/content_bg2.png);
	background-repeat:repeat-y;
	padding-bottom:1px;
	min-height: 900px;
	float: left;
}
#navi-banners-left	{
	/*position:absolute;*/
	float:left;
	display: inline;
	width:180px;
	background-color:#e4e4e9;
	padding-bottom:10px;
	margin-left: 95px;
	min-height: 999px;
}
#navi-banners-left-2	{
	/*position:absolute;
	float:left;*/
	
	width:180px;
	background-color:#e4e4e9;
	padding-bottom:10px;
}
#navi-banners	{
	padding:12px 0 0 15px;
	position: relative;
}
.navi-banner-box	{
	width:140px;
	background-color:#ffffff;
	padding:5px;
	margin-top:8px;
	position: relative;
}
.navi-banner-pic	{
	width:140px;
	background-color:white;
}
.navi-banner-text	{
	padding:3px 0 0 0;
	width:140px;
	height:17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	font-weight:bold;
	color:#ffffff;
	background-color:#cc0000;
	text-align:center;
	text-transform:uppercase;
}
#text-content	{
	/*position:relative;*/
	width:544px;
	float: left;
	margin-top:3px;
	min-height: 550px;
	margin-left: 3px;
	
	
}
#sub-navi	{
	width:542px;	
	padding: 2px 0 4px 4px;
	background-color:#878d96;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:7pt;
	text-transform:uppercase;
	
}	
#sub-navi a	{
	display:inline;
	padding:0 2px 0 2px;
	position: relative;
	color:#ffffff;
	text-decoration:none;
	padding-top:3px;
}

#sub-navi a.activeLink { color:Silver; }

#sub-navi  a:hover	{
	color:#e4e4e9;
	text-decoration:none;
	padding-top:3px;
}
#sub-navi-sub	{
	width:541px;
	padding:2px 0 4px 4px;
	background-color:#c4c5ca;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:7pt;
	text-transform:uppercase;
}	

#sub-navi-sub  a	
{
    
	padding:0 2px 0 2px;
	position: relative;
	color:#ffffff;
	text-decoration:none;
	padding-top:3px;
}
#sub-navi-sub  a:hover	{
	color:#000;
	text-decoration:none;
	padding-top:3px;
}
#the-text
{
    margin-left: 40px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-top: 25px;
    font-size: 11px;
    color: #333333;
}

#the-text a { font-weight: bold; color: #000; text-decoration: none;}

#the-text a:hover { font-weight: bold; color: gray; }



#bottomBannersAndStuff { margin-left:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top: 20px;
	}
	
.article	{
	
	padding:10px 0 10px 0;
	border-bottom:1px solid #e4e4e9;
	line-height: 130%;
}
h3
{
    font: normal 10pt Verdana;
    color: #cc0000;
    margin: 0;
    font-weight: bold;
}
h2
{
    font: normal 11pt Verdana;
    color: #cc0000;
    margin: 0;
    font-weight: bold;
}

h1	{
	font:normal 12pt Verdana;
	color:#cc0000;
	margin-top:0;
	margin-bottom: 10px;
	font-weight: bold;
}

h4 { color:#cc0000;
	margin:0;
	font-weight: bold; }

.article p, td	{
	color:#000;
	font-size:11px;
}
.article p.ingrez	{
	font-weight:bold;
}
.article a.readmore	{
	text-decoration:none;
	color:#000;
	font-size:11px;
	text-transform:uppercase;
	font-weight: normal;
}
.fl	{
	float:left;
	padding:15px 5px 15px 0;
}
#article-special	{
	width:468px;
	padding:20px 0 5px 0;
	border-bottom:1px solid #e4e4e9;
	font-size:11px;
}
#article-special a	{
	text-decoration:none;
	color:#000;
	font-size:1em;
	text-transform:uppercase;
	padding-right:10px;
}
#banner-bottom	{
	padding:4px 0 4px 0;
	border-bottom:1px solid #e4e4e9;
	width:468px;
	
	
}
#some-logos	{
	text-align:center;
}
#content-bottom	{
	background-image:url(img_templ/content_bottom2.png);
	width:828px;
	height:37px;
}
#content-bottom p	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.6em;
	color:#ffffff;
	margin:0;
	padding:15px 0 0 89px;

}
#content-bottom a	{
	color:#ffffff;
	text-decoration:none;
}
#content-right	{
	float:right;
	width:162px;
	margin-top:2px;
	position: relative;
}
.special-right	{
	padding-left:10px;
}

.punainenMainImage { width: 728px; margin-left: 95px;}

.ekorttiImg 
{   position: absolute; 
    top: 237px;
    left: 325px;
    }
    
span.codedirection { direction: rtl; unicode-bidi: bidi-override; }


.resultbar {
    background-color:#A2A796;
    color:#EAF2DB;
    font-size:x-small;
    overflow:hidden;
    padding:1px 0pt;
    text-indent:4px;
    white-space:nowrap;
}

.total {
    border:1px solid #C2C7B6;
    margin-bottom:5px;
    width: 300px;
}
.question { margin-bottom: 10px; }
.cf .alternatives { display: block; margin-top: 10px;}

.question .label { font-weight: bold; }

.leftBannerLink 
{
    font-family: verdana, arial, helvetica, Sans-Serif;
    font-size: 11px; font-weight: bold; color: Gray;
    }
 .leftBannerLink a { text-decoration: none; color: #CC0000;}
 
 #TextSizeSwitch { float: right; margin-right: 170px; letter-spacing: 1px;}
 #TextSizeSwitch a { color: White; text-decoration: none; font-weight: bold; font-family: Georgia, Serif;}
 #TextSizeSwitch .Small { font-size: 12px; }
 #TextSizeSwitch .Medium {font-size: 16px; }
 #TextSizeSwitch .Large {font-size: 20px; }
 
 .Nosto { float: left; min-width: 200px;   margin: 3px;}
 .Nosto h2 a {color: #CC0000 !important;}
 .Nosto div { margin-right: 6px; margin-top: 10px;}
 
 .RecipeList a { font-weight: normal !important; }
 .RecipeList p {margin-top: 1px; margin-bottom: 4px;}
 .RecipeList { width: 180px; float: right; border-left: 1px solid silver; padding-left: 4px; margin-left: 5px;}
 .RecipeImage { float: right;  }
 
 #foods div { float: left; margin-right: 7px; }
 #foods { margin-bottom: 10px; height: 20px;}
 .FPBlock { float: left; min-height: 220px; margin-left: 7px; margin-top: 20px;  }
 .FPBlock div { border: 1px solid #acc0c7; padding: 10px; min-height: 160px; padding-top: 4px;  }
 
 #FPNews { width: 506px; margin-left: 7px;  }
 
 #FPNews H1 { padding-top: 10px; padding-left: 20px; font-size: 14px; 
               color: white; font-weight: normal; background-image: url(img/fp-main-header.gif); background-repeat: no-repeat;
              color: White; height: 25px; background-image: url(img/fp-main-header.gif); background-repeat: no-repeat; }
 
 .FPWide { float: left; margin-right: 10px; width: 317px; height: 210px; }
 
 .FPNarrow { width: 238px; min-height: 180px; }
 
 .FPNarrow H2 { padding-top: 10px; padding-left: 20px;  font-size: 14px; font-weight: normal; color: White; height: 30px; background-repeat: no-repeat; background-image: url(img/fp-sub-header-narrow.gif)}
 
 .FPFood { width: 157px; }
 
 .FPFood div { padding: 0px; }
 
 .FPWide H2 { padding-top: 10px; padding-left: 20px;font-size: 14px; font-weight: normal;  color: White; width: 317px; height: 30px; background-repeat: no-repeat; background-image: url(img/fp-sub-header-wide.gif)}
 
 .FPFood H2 {padding-top: 10px; padding-left: 20px;font-size: 14px; font-weight: normal;  color: White; width: 157px; height: 30px; background-repeat: no-repeat; background-image: url(img/fp-sub-header-food.gif)}