/*
	* Stylesheet for common webbrowsers
	* ***********************************
*/

/*
	General definitions
	Header
	Page
		Left Column
		Right Column
			Content styles
	Footer
	
	Other templates
*/

/* clears all the margins and paddings for elements, expect for tables */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption { margin: 0;padding:0;}

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

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
blockquote { margin-left: 20px;}

a { outline: none;}
body { font-family: 'Trebuchet MS', Arial, Verdana, sans-serif; font-size: 13px; color: #381807; background: #fdde83 url(/pics/lippa/body.gif) repeat-x; padding-top: 29px;}
	#wrapper { position: relative; width: 992px; margin: 0 auto; background: url(/pics/lippa/wrapper.jpg) repeat-y; }
		#header { position: relative; width: 992px;  height: 225px; background: url(/pics/lippa/header.jpg) no-repeat;}
			.header-frontpage {}
			.header-subpage {}
			#logo { position: absolute; width: 108px; height: 66px; left: 33px; top: 27px; background: url(/pics/lippa/logo-myllynparas.gif) no-repeat; text-indent: -99999px;}
			#logo-lippa { position: absolute; width: 331px; height: 175px; left: 323px; top: 27px; background: url(/pics/lippa/logo-lippa.jpg) no-repeat; text-indent: -999999px; }
			
		#page { position: relative; width: 992px; background: url(/pics/lippa/page.jpg) no-repeat;}
		.frontpage {  min-height: 463px;}
		.subpage { padding-top: 28px;}
			/* Frontpage */
			#wideColumn { position: relative; width: 910px; margin: 0 auto; margin-bottom: 10px;}
				#product-image-breadroll-large { position: relative; width: 898px; height: 335px; background: url(/pics/lippa/lippa-breadroll-stuffed-large.jpg) no-repeat; margin: 0 auto; text-indent:-99999px;}
			
				/* Navigation */
				.navigation {}
					.navigation ul { list-style-type:none;}
						.navigation li { margin-bottom: 10px;}
						.navigation li a { display: block; font-size: 24px; color:#ed8723; width: 202px; height: 51px; padding-left: 16px; padding-top: 20px; margin:0 4px; background: url(/pics/lippa/li-navi.gif) left top no-repeat; text-decoration: none;}
						.navigation li a:hover { background-position: left bottom; color:#fff; }
						.navigation li a#selected { background-position: left bottom; color:#fff; }	
				.main li { display: inline; }
				.main li a { float:left;}
					.main li#etusivu { display: none;}
			
			/* Subpages */
			#leftColumn { float: right; width: 749px; background: url(/pics/lippa/leftColumn.gif) repeat-y; margin-bottom: 10px;}
				#content-header { position: relative; width: 734px; height: 55px; background: url(/pics/lippa/content-header.gif) no-repeat;}
				#content-wrapper { position: relative; width: 734px; background: url(/pics/lippa/content-wrapper.gif) left bottom no-repeat; }
					#cookiepath { position: absolute; right: 0.5em; text-align: right; top:38px;}
						#cookiepath p { color:#d16c26; font-size: 12px;}
						#cookiepath a { color:#49260d; text-decoration:none;}
						#cookiepath a:hover { text-decoration: underline;} 
					.content { position: relative; width: 696px; margin: 0 auto;}				
				#content-footer { position: relative; width: 734px; height: 9px; background: url(/pics/lippa/content-footer.gif) left bottom no-repeat;}		
			
			#rightColumn { float:right; width: 230px; padding-left: 13px;}

				/* 
					*
					* Content styles 
					*
				*/
				
				/* Headings */
				.content h1 { color:#ed8723; font-size: 24px; margin-bottom: 0.5em; font-weight: normal;}
					.content h1.pageName { padding-bottom: 0.1em; border-bottom: 1px solid #f9ce92; margin-bottom: 1.5em; }
				.content h2 {}
				.content h3 { color:#ed8723; font-size: 18px; font-weight: normal; margin: 0.5em 0; }
				.content h4 {}
				/* Paragraphs */
				.content p { margin: 0.25em 0; line-height: 1.45em;}
				.content span.highlight { font-weight:bold; background-color:yellow;}
				/* links */
				.content a { color: #fe000c;}
				/* lists */
				.content ul, .content ol { margin-left: 2em;}
					.content ul ul, .content ol ol { margin-left: 1em;}
				/* images */
				.content img.tasattu_vasemmalle { float:left; margin-right: 1em; }
				.content img.tasattu_oikealle { float:right; margin-left: 1em; }
				
			#product-breadroll-subpage { position: absolute; width: 301px; height: 155px; right: 15px; top: 145px; background: url(/pics/lippa/product-breadroll-stuffed-small.jpg) no-repeat; z-index: 10;}			
		#footer { position: relative; width: 982px; height: 20px; padding-left: 10px; padding-top: 8px; margin: 0 auto; background: url(/pics/lippa/footer.gif) no-repeat;}
			#footer p { color: #5e5e5e; font-size: 11px;}
				#footer p a { color:#5e5e5e;}
				#footer p#shortCuts { position: absolute; right: 10px; top: 8px;}