/* Standard css
----------------------------------------------- */
	html {
		height:100%;
	}

	body {
		background-image:url(/images/bg_ns4.gif);
		height:100%;
		margin:0px;
		padding:0px;
		color: #000000;
	}
	
	body, h1, h2, h3, h4, ul, li, p, em, td, th, input, select, textarea, label {
		font-family: Helvetica, Arial, Trebuchet MS, sans-serif;
	}
	
	A 			{ color: #1471C1; text-decoration: none; }
	A:link		{ color: #1471C1; text-decoration: none; }
	A:visited	{ color: #1471C1; text-decoration: none; }
	A:active	{ color: #004F94; font-weight: normal; }
	A:hover		{ color: #004F94; font-weight: bold; }

	h1, h2, h3, h4, p, em, form {
		margin: 0px;
		padding: 0px;
	}

/* Layout 
----------------------------------------------- */
	#pagewrap {
		width:745px;
		padding:0px;
		margin:0px;
	}
	
	#top {
		height:90px;
		width:730px;
		}
			
	#middle {
		height:160px;
		width:730px;
	}
	
	#bottom {}

	#logo {
		position:absolute;
		left:0px;
		top:0px;
	}

	#mainmenu {
		position:absolute;
		left:0px;
		top:90px;
		width:195px;
		height:160px;
		background-color:#999999;		
	}
	
	#pageimage {
		position:absolute;	
		left:195px;
		top:90px;
		height:160px;
		width:535px;
		margin:0px;
		padding:0px;
		background-color:#999999;
	}

	#pageheader{
		position:absolute;
		left:195px;
		top:213px;		
		height:37px;
		width:535px;
		overflow:hidden;
	}
	
	#submenu {
		position:absolute;
		left:2px;
		top:250px;
		width:195px;
	}
	
	#content {
		position:absolute;
		left:198px;
		top:250px;
		width:482px;
		padding: 0px 25px 0px 26px;
	}

	#longbanner {
		position:absolute;
		width:520px;
		height:72px;
		top:8px;
		left:194px;
		border:1px solid #cccccc;
		color:#CCCCCC;
	}

	#banner1 {
		position:absolute;
		width:318px;
		height:72px;
		top:8px;
		left:194px;
		border:1px solid #cccccc;
		color:#CCCCCC;
	}
	
	#banner2 {
		position:absolute;	
		width:194px;
		height:72px;
		top:8px;
		left:522px;
		border:1px solid #cccccc;
		color:#CCCCCC;
	}

/* Front
----------------------------------------------- */
	#front #mainmenu {
		height:320px;
	}
	
	#front #pageimage {
		height:320px;
	}		
	
	#front_left {}
	
	#front_right {}
	
/* Innehll
----------------------------------------------- */
	#pageheader h1 {
		font-size: 150%;
		font-weight:bold;
		padding-left:26px;
		color:#ffffff;
	}

	#content {
		font-size: 80%;
		line-height: 120%;
		color: #666666;
	}

	#content p {
		font-size: 80%;
		margin:4px 0px 4px 0px;		
		line-height: 120%;
		color: #666666;
	}
	
	#content h2 {
		margin:12px 0px 4px 0px;
		font-size: 120%;
		font-weight:normal;
	}

	#content h3 {
		margin:6px 0px 4px 0px;
		font-size: 110%;
		font-weight:bold;
	}

	#content h4 {
		margin:6px 0px 4px 0px;
		font-size: 100%;
		font-weight:bold;
	}

	#content img {}
	
	#content table {
		color: #666666;
	}
	
	#content table td, #content table th, #content table tr {
		border:none;
		padding:0px;
	}

	#content p.important {
		color: #CC0000;
		font-weight:bold;
		border: 1px dotted #CC0000;
		padding:4px;
	}

	#content p.disclaimer {
		margin-top: 13px;
		padding-top: 10px;
		/*font-style: italic;*/
		border-top: 1px solid #cccccc;
		clear: both;
	}

/* Huvudmeny
----------------------------------------------- */
	#mainmenu ul {
		list-style-type:none;
		margin-top:8px;
		font-size: 80%;
		font-weight:bold;
	}
	
	#mainmenu li {
		padding: 1px 0px 1px 0px;
	}
	
	#mainmenu a {
		color: #ffffff;
	}

	#mainmenu a:link, #mainmenu a:visited {}

	#mainmenu a.active {}

/* Submeny
----------------------------------------------- */
	#submenu ul {
		list-style-type:none;	
		font-size: 80%;
	}
	
	#submenu li {
		padding: 3px 0px 3px 0px;
	}
	
	#submenu a {
		color: #4673AA;		
	}

	#submenu a:link, #submenu a:visited {}
	
	#submenu li ul li {
		padding: 1px 0px 1px 0px;
	}
	
	#submenu li ul li a {
		padding: 0px 12px 0px 22px;
	}
	
	#submenu li ul li ul li a {
		padding: 0px 16px 0px 31px;
	}

	#submenu a.active {
		/*font-weight:bold;*/
	}
	
	#submenu a.current {
		font-weight:bold;
	}

/* Produktgrupp 
----------------------------------------------- */
	#products {
		margin-top:15px;
		display:none;
	}

/* Bildgrupp 
----------------------------------------------- */
	div.imagegroup {
		margin-top:15px;
	}

/* Receptsök
----------------------------------------------- */
	form.search_recipe {
		width:100%;
		margin-top: 12px;
		margin-bottom: 4px;		
		padding: 0px;
	}

	form.search_recipe div {
		width:470px;
		background-color:#F0F2F4;
		margin-bottom:1px;
	}
	
	form.search_recipe div.active {
		background-color:#FFDF04;
	}
	
	form.search_recipe label {
		width:120px;
		height:19px;
		background-color:#E7E9EB;
		padding-top:4px;
		padding-bottom:4px;
		padding-left:12px;
		display:block;
		float:left;
		font-weight: bold;
	}	

	form.search_recipe div.active label {
		background-color:#FFC80A;
	}
	
	form.search_recipe select {
		width:270px;
		margin-left:30px;
		margin-top:3px;
		margin-bottom:3px;
		display:inline;
	}
	
	form.search_recipe input.text {
		width:264px;
		margin-left:30px;
		margin-right:10px;
		margin-top:2px;
		margin-bottom:3px;
		display:inline;
	}

	form.search_recipe div.buttons {
		background-color:#E7E9EB;
		border-top:1px solid #cccccc;
		height:28px;
	}

	form.search_recipe input.button {
		padding:1px 2px 1px 1px;		
		margin-top:2px;
		margin-bottom:2px;
	}

	#basic, #advanced {
		float:right;
		display:inline;
		margin-right:37px;
	}


/* Zodiaksök
----------------------------------------------- */
	div#search_zodiak {
		width:100%;
		margin-top: 12px;
		margin-bottom: 4px;		
		padding: 0px;
	}

	div#search_zodiak {
		width:470px;
		background-color:#F0F2F4;
		margin-bottom:1px;
	}
	
	div#search_zodiak label {
		width:120px;
		height:19px;
		background-color:#E7E9EB;
		padding-top:4px;
		padding-bottom:4px;
		padding-left:12px;
		display:block;
		float:left;
		font-weight: bold;
	}	
	
	div#search_zodiak input.text {
		width:40px;
		margin-left:10px;
		margin-right:10px;
		margin-top:2px;
		margin-bottom:3px;
		float:left;
	}

	div#search_zodiak input.button {
		padding:1px 2px 1px 1px;
		float:left;		
	}
	
/* Recept 
----------------------------------------------- */
	#recipe_meta {
		padding:5px 5px 6px 8px;
		margin-bottom:13px;
		background-color:#F0F2F4;
		border-top:1px solid #cccccc;
		/*border-bottom:1px solid #cccccc;*/
	}
	table#recipeingrediens td{
		padding-right:15px;
	}
	#recipe_meta span{
		margin-right:20px;
	}
	#recipe_content img {
		float:right;
	}

/* Kontaktformulär 
----------------------------------------------- */
	#contactform{
		width:250px;
	}
	#contactform .long {
		width:100%;
	}
	#contactform .short {
		/*float:left;*/
		width:45%;
	}

	#contactform .button {
		float:right;		
	}

/* Tävlingsformulär 
----------------------------------------------- */
	#contestform form {
		width:100%;
	}

	#contestform .long {
		width:250px;
	}

	#contestform .short {
		/*float:left;*/
		width:112px;
	}

	#contestform .button {
		float:right;		
	}

	#contestform table textarea {
		width:210px;
	}
/* Generella formulär 
----------------------------------------------- */
	textarea, input, select {
		font-size:80%;
	}
		
	input.button {
		padding:0px 2px 0px 1px;		
	}
	
/* Övrigt
----------------------------------------------- */
	.clear {clear:both;overflow:hidden;height:2px;}
	
	.hide {display:none;}