/*-------------------------------------------------
				 	- GLOBAL -						
-------------------------------------------------*/

#container { width: 770px; height: 100%; position: relative; margin: 0 auto; text-align: left;}	
html { height: 100%; }
body { font-family: verdana, arial, tahoma, sans-serif; font-size: 12px; font-weight : normal; color: #333; 
		background: #F1DFAF url('images/back_new.gif') repeat-y center; 
		letter-spacing : 0.05em;
		margin: 0; padding: 0;}

a { text-decoration: none; color: #cc3300; padding: 2px 3px; background-color : transparent; }
a:hover { text-decoration: underline;}

.ghost { display : none; }
.center { text-align : center; }
.small { font-size: 80%; margin: -5px 0 -14px 0; color: #cc3300;}
.caption { font-size: 80%; margin: -10px 0 8px 0; text-align: center;}
.close { line-height: 1.5em; letter-spacing: 0.01em;}

p { margin: 0; padding: 8px;}
ul { margin: 8px 30px; padding: 0;}

.alert {
	background: #fff6bf url('./administrator/images/exclamation.png') center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	margin-top: 30px;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}

/*-------------------------------------------------
					- HEADER -					
-------------------------------------------------*/

#header_01 { clear: both; 
	background: #F3CD78 url('images/header/top_01.jpg') no-repeat bottom; height: 144px; color: #333;}
	
	#header_01 .lang1 {
		position: relative;
		top: 2px; left: 10px;
		width: 400px;
		margin: 0; padding: 4px 4px 3px 4px;
		font-family: arial;
		font-size: 90%;
	 }
	 #header_01 .lang2 {
		position: relative;
		top: 101px; left: 3px;
		width: 51px;
		margin: 0; padding: 4px 4px 3px 4px;
		background: #F2C462;
	 }
	 
	 .lang1 a, .lang2 a { padding: 0; margin: 0; color: #333;}
	 .lang2 img { padding-left: 4px; border: 0;}
	 
	
#header_02 { clear: both; 
	background: #F3CD78; height: 30px; color: #333;}

#header_03 { clear: both; 
	background: #fff url('images/header/top_03.jpg') no-repeat; height: 116px; color: #333;}

#header_04 { clear: both; 
	background: #F3CD78; height: 30px; color: #333;}
	
	.menu ul { 
		list-style-type: none; 
		margin: 0 0 0 10px; padding: 5px 0;
		font-family: Trebuchet MS;
		font-size: 14px;
		font-weight: bold;
	}
	.menu li {
		display: inline;
	}
	.menu li a {
		float: left;
		padding: 0 0 0 25px;
		margin: 0 0 0 7px;
		color: #333;
		background: url('images/poot.gif') no-repeat 1px 2px;
		}
	.menu li a:hover {
		color: #AD4521;
		text-decoration: none; 
	}
	/* .menu li.flag a {
		padding: 0 30px 0 0;
		margin: 0 0 0 30px;
		background: url('images/flag_sweden.gif') no-repeat 65px 2px;
		} */
	
/*-------------------------------------------------
			- MAIN / ONECOLOM -				
-------------------------------------------------*/

#main { padding: 10px; margin-bottom: 10px; background: #fff;}

#onecolom {
	background: #FFFFCC;
	border: 1px solid #cc3300;
	margin: 10px; padding: 0;
	height: 100%;
	}
	
.textboxleft {
	background: #FFFFCC;
	border: 1px solid #cc3300;
	width: 375px;
	float: left;
	clear: left;
	margin: 0 0 10px 0;
	padding: 0;
	}	
	
.textboxright {
	background: #FFFFCC;
	border: 1px solid #cc3300;
	width: 355px;
	margin: 0 0 10px 0;
	padding: 0;	
	float: right;
	}

.textboxright ul, ul.poot {
	list-style-type: none; 
	margin: -8px 0 20px 20px;
	padding: 0;
	}
.textboxright ul li, ul.poot li { margin: 5px; }
.textboxright ul li a, ul.poot li a {
	margin: 0;
	color: #666;
	padding: 1px 0 0 25px;
	background: url('images/poot.gif') no-repeat 1px 1px;
	}
	
/*---------------*/	
/* 	  TABLES	 */
/*---------------*/
	
	#onecolom table.recipe_table {
		width: 95%;
		border: 0;
	}
	#onecolom table.recipe_table td {
		vertical-align: top;
		width: 50%;
	}
	#onecolom table.recipe_table td p {
		letter-spacing : 0.01em;
		line-height: 1.4em;
		text-align: center;
	}
	
	
	#onecolom table.order_table {
		width: 95%;
		margin: 0 0 0 18px;
		border-collapse: collapse;
		text-align: left;
	}
	#onecolom table.order_table td {
		vertical-align: middle;
		padding: 4px 0;
		}
		
	#onecolom table.order_table input, #onecolom table.order_table textarea {
		border: 1px solid #999;
		background-color: #fff;
		color: #333; font-size: 1.2em;
		padding: 3px 5px;
		}
		
		
	#onecolom table#order_table th { 
		padding: 3px 5px;
		border: 1px solid #cc3300;
		font-size: 0.9em;
		vertical-align: middle;	
		background: #CC6633;
		color: #fff;
		}
		
	#onecolom table#order_table td.table_head { background: #cc3300; }
	
	#onecolom table#order_table td { 
		padding: 3px 5px;
		border: 1px solid #cc3300;
		font-size: 0.9em;
		vertical-align: middle;	
		background: #fff;
		}
		
	#onecolom table#order_table td.table_head { background: #cc3300; }
	#onecolom table#order_table td h3 {
		font-size: 110%;
		color: #fff;
		margin: 0; padding: 3px 0 3px 0;
		text-transform: uppercase; 
	}
	#onecolom table#order_table td h3 a { padding-left: 0; margin: 0; color: #fff; text-transform: none; }
	#onecolom table#order_table td h3 a span { color: #fff }
	
	#onecolom table#order_table input {
		border: 1px solid #fff;
		background-color: #fff;
		color: #333; font-size: 0.9em;
		}
	
		
#main p, #onecolom p { 
	line-height: 1.7em;
	}
	
#main span, #onecolom span { color: #cc3300; }
#main span.head, #onecolom span.head { 
	font-family: Arial;
	font-size: 125%;
	font-weight: bold;
	}
	
#main p.more a { 
	color: #cc3300;
	background: url('images/pyl.gif') no-repeat right;
	padding: 8px 20px 8px 0;
	}
	
#onecolom .inline_more a { 
	font-size: 0.9em;
	color: #cc3300;
	background: url('images/pyl_sml.gif') no-repeat right;
	padding: 0 15px 0 3px;
	}
	
#product_float {
	float: right;
	background: #fff;
	border: 1px solid #cc3300;
	margin: 5px 10px 5px 5px;
	
	}
	#product_float ul {
		padding: 5px; margin: 0;
		list-style-type: none;
	}
	#product_float ul li {
		margin: 4px;
	}
	#product_float ul li a {
		margin: 0;
		color: #666;
		padding: 1px 0 0 25px;
		background: url('images/poot.gif') no-repeat 1px 1px;
	}
	#product_float p {
		font-family: Courier New, Arial;
		font-size: 120%;
		padding: 0; margin: 3px 0 0 8px; 
		color: #cc3300;
	}
		
.gallery {
	margin: 8px auto;
	text-align: center;
	clear: both;
	}
.galleryright {
	margin: 5px 20px 5px 10px;
	text-align: center;
	float: right;
	clear: right;
	}
.galleryleft {
	margin: 8px 10px 8px 20px;
	float: left;
	clear: left;
	}
	
	.gallery img, .galleryright img, img.raam {
		margin: 2px; padding: 5px;
		background: #fff;
		border: 1px solid #ccc;
	}

	img.left {
		float: left;
		margin: 5px 10px 5px 10px;
	}
	
	img.right {
		float: right; 
		clear: right; 
		margin-top: 15px;
		margin-left: 10px;
	}
		
/*-------------------------------------------------
				- H-Tags -				
-------------------------------------------------*/


h2 {
	font-size: 160%;
	text-align: left;
	color: #CC6633;
	margin: 12px 8px 6px 10px; padding: 0 0 10px 0;
	text-transform: normal;
	border-bottom: 1px solid #cc3300;
}

h2.main {
	text-align: center;
	color: #cc3300;
	margin: 8px 8px 6px 8px;
}
	h2 a { color: #CC6633; padding: 0;}
	h2 a:hover { text-decoration: none;	}

h3 {
	font-size: 15px;
	color: #cc3300;
	margin: 16px 8px 0 8px; padding: 0; 
}

h3 a {
	font-family: Arial;
	margin: 8px 10px; padding: 0 20px 0 8px;
	background: url('images/pyl.gif') no-repeat right;
}
	h3 a.nolink {
	color: #cc3300;
	margin: 16px 8px 0 4px; padding: 0;
	background: none;
	}
	h3 a.nolink:hover {
	text-decoration: none;
	}
	.textboxright h3, h3.rightbox {
	margin: 12px 0; padding: 0;
}

h3.inline {
	font-size: 150%;
	margin: 16px 8px -5px 8px; padding: 0 0 8px 0;
	text-transform: uppercase;
	border-bottom: 1px solid #cc3300;
}

h4 {
	font-size: 120%;
	color: #cc3300;
	margin: 16px 8px -5px 8px; padding: 0; 
}
	h4 a {
		font-size: 90%;
		color: #cc3300;
		margin: 8px 0; padding: 0 20px 0 0;
		background: url('images/pyl_sml.gif') no-repeat right;
	}
	h4 a span {
		font-size: 80%;
	}

h5 {
	font-size: 100%;
	color: #cc3300;
	margin: 8px 8px -5px 8px; padding: 0; 
}


h6 {
	font-size: 130%;
	color: #cc3300;
	font-weight: bold;
	
}
/*-------------------------------------------------
		- BLOCKQUOTE -					
-------------------------------------------------*/

#blockquote { 
	background-color: #FFFFF0;
	width: 450px;
	margin: 0 auto ; 
	padding: 5px;
	border: 2px solid #eee;
	
}

#content blockquote p { margin: 0;
			text-indent: 1em;
			line-height: 2em;
			font-size: 90%;
			}


/*-------------------------------------------------
					- FOOTER -					
-------------------------------------------------*/

#footer {	
	float: none; clear: both;
	padding: 10px 0;	
	margin-top: 10px; 	
	color: #666; font-size: 10px;	
	background: #F1DFAF url('images/footer/back_footer.gif') no-repeat top;
}	

#footercontent { margin-top: 20px;}

#footer p { margin: 0 5px; text-align: center; }

#footer p.bmenu { color: #fff; border-bottom: 1px solid #fff; margin: 2px; padding: 3px;}

.footer {
	color : #999;
	font-size : 10px;
	text-align : right;
}