

/* CSS Document */
/* Normalisera margin och padding */
* {
	margin:0;
	padding:0;
}

/* Normalisera fontsize för headers */
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;

}

/* Normalisera list-style */
ol, ul {
	list-style:none;

}

/* Normalisera font-style och font-weight till normal */
address, caption, cite, code, dfn,  th, var {
	font-style:normal;
	font-weight:normal;
}

/* Normalisera tabellstil från tabeller */
table {
	border-collapse:collapse;
	border-spacing:0;

}

/* Ta bort border från img och fieldset */
fieldset, img {
	border:none;

}

/* Vänsterställ text i th och caption */
th, caption {
	text-align:left;

}
/* Ta bort citationstecken */
q:before, q:after {
	content:'';

}

/*Ta bort underlinen på a element */
a {
	text-decoration:none;
	
}
.clearthefloats {
	clear:both;

}

html{
/*	text-align:center;*/
	
}

body {
/*	margin: 0px auto ;
	width: 899px;
	text-align: left;*/
	/* IE 6 resizing bug fix */
	position: relative;

}
#wrap {
	
	text-align:left;
	float:left;
	width:899px;
	height:700px;
	margin:0px 0 30px 0 ;
	padding-bottom:30px;
	
	
}

html>body #wrap {
	height:auto;
	min-height:700px;

}



#corpmenu {
	float:right;
	background:url(../img/backgrounds/corpmenu-bg.gif) top right no-repeat;
	width:388px;
	height:23px;
	display:inline;
	
}

html>body #coprmenu {
	height:auto;
	min-height:23px;

}

#corpmenu #corpmenulist {
	float:left;
	margin-left:0px;
	padding-left:45px;
	display:inline;
	
}

#corpmenulist li {
	float:left;
	background: url(../img/backgrounds/corpmenu-mark.gif) right 2px no-repeat;
	padding:0 8px 0 8px;
	margin:3px 0 0 0;
	display:inline;

}

html>body #corpmenulist li {
	margin:4px 0 0 0;
	padding:0 10px 0 8px;

}

#corpmenulist li.lastItem {
	background:none;

}

#topmenu {
	float:left;
	width:100%;
	position:absolute;
	top:135px;
	height:30px;
	background:url(../img/backgrounds/topmenu-bg.gif) 67px 0px no-repeat;
}

html>body #topmenu {
	height:auto;
	min-height:30px;

}

ul#topmenulist {
	float:left;
	margin:0 0 0 120px;
	width:750px;
	background:#003476;
	display:inline;
	position:relative;
	z-index:3000;

}

#topmenulist li {
	float:left;

}

#submenu {
	float:left;
	width:100%;
	position:absolute;
	top:165px;
	height:25px;
	background:url(../img/backgrounds/submenu-bg.gif) 50px 0 no-repeat;
}

html>body #submenu {
	height:auto;
	min-height:25px;

}

ul#submenulist {
	background:#fecc00;
	float:left;
	margin:0 0 0 95px;
	width:750px;
	display:inline;
}

#submenulist li {
	float:left;

}

#topPuff {
	position:absolute;
	top:37px;
	right:0px;
	width:315px;
	padding-right:0px;
	color:#003476;
	line-height:1.15em;
	float:left;
	background:#fff;
	height:auto;
	z-index:100;
}

#topPuff img.langFlag  {
	position:relative;
	top:0;
}

#topPuff a {
	text-decoration:underline;

}

#logo {
	background:url(../img/logotype.png) 0 0 no-repeat;
	position:absolute;
	top:33px;
	left:83px;
	z-index:2000;

}

#content {
	float:left;
	margin:0px 0 25px 84px;
	display:inline;
	width:792px;
	height:550px;
}

html>body #content {
	min-height:550px;
	height:auto;

}

/* Ordinarie bredd på vänsterfältet */
.content_left {	
	float:left;
	width:141px;
	display:inline;
	margin:22px 15px 0 0;
	position:relative;
}


/* Lista med 3:e nivåns menyer */
#thirdmenulist {
	float:left;
	bottom:0px;
	width:140px;
	border-top:1px solid  #003476;
	margin:2px 0 0 0;
}

#thirdmenulist li {
	border-bottom:1px solid #003476;
}


/*ENd tredje menyn */

/* Huvudinnehållet på en sida som har en thirdmenu */
.maintext {
	width:414px;
	float:left;

}


/* Klass som vi sätter till när content_right ska "bli stor" och bredare */
.big {
	width:572px;
	margin-right:17px;

}
/* Kampanjfält på startsidan */
.campaign {
	float:left;
	width:572px;
	display:inline;
	margin:0 0 19px 0;
	

}

.recipePix {
	float:right;
	width:290px;
	height:384px;
	background:url(../img/backgrounds/recipe-pix-bg.gif) 0 0 no-repeat;
	margin:20px 0 0px 17px;
}

.recipePix img {
	float:left;
	margin:15px 0 0 17px;
	


}


.recipePixtva {
	float:right;

	
	margin:20px 0 0px 17px;
}

.recipePixtva img {
	float:left;
	margin:18px 0 0 0px;
	


}

.instructions {	
	float:left;
	clear:both;
	width:auto;

}

ul.ingredients{
	width:230px;
}

.ingredients li {
	margin-bottom:8px;

}

/*content_right är brett på vissa sidor */
.content_right {
	float:left;
	width:634px;
	display:inline;
	margin:22px 0 0 0;
	


}

/*Annorlunda margin i toppen för att bakgrundsbilden i puffarna ställer till det en aning*/
/* Klassen small används när vi vill att vänsterfältet ska vara litet */
.small {
	margin:0;
	width:203px;
	margin:16px 0 0 0;
}

/* Vi behöver lägga till en extra marginal till vanliga bilder på basic sidor */

/* IE & anpassningar*/
.content_right img.basicPix {
	float:right;
	display:inline;
	padding-left:10px;
	position:relative;

}

.small img.basicPix {
	float:right;
	display:inline;
	padding-left:0;
	position:relative;

}

/*End IE 6 anpassningar */

html>body .basicPix {
	margin:0px 0pt 20px 20px;
	padding:0;
	float:right;
	display:inline;

}



/*Puff inställningar gällande högerställds puffar */

.puff {
	float:left;
	background:url(../img/backgrounds/white-puff-bg.gif) bottom left no-repeat;
	width:202px;
	height:112px;
	padding-bottom:20px;
	z-index:200;
	margin:0 0 8px 0;
	
}

.red {
	background:url(../img/backgrounds/red-puff-bg.gif) bottom left no-repeat;

}

html>body .puff {
	min-height:112px;
	height:auto;

}
.puff img.puffpic {
	margin:0px 0 0 0px;
	background:url(../img/backgrounds/white-puff-bg-top.gif) 0 0 no-repeat;
	padding:6px 0 0 4px;


}

.puff .button {
	margin:10px 5px 0 0 ;
	float:right;
	
}

.puff .txtField {
	width:125px;
	height:18px;
	border:1px solid #003476;
	float:left;
	margin:12px 0 0 0px;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;

}

.puff form{
	padding:0 10px 0 16px;

}

/*End Puffar */

/*Sök items för receptsök sidan */
.searchfield {
	width:138px;
	margin:0 0 13px 0;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
}

#searchArea {
	width:140px;
	margin:0 0 10px 0;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;

}

#searchbutton {
	margin-left:28px;
}

.searchinstructions {
	margin:10px 0 0 0;
	float:left;
	display:inline;
	width:130px;
	background:#f3f3f3;
	padding:6px 4px 10px 6px;
	display:none;
}

/*End sök items */

/* Listning av recept */
#itemlist {
	float:left;
	width:100%;
	
}
#itemlist li {
	float:left;
	margin:0 16px 20px 0;
	text-align:center;
	width:200px;
	height:177px;
	margin-top:15px;
	
}

#itemlist li.lastinrow {
	margin:0 0 0 0;
	margin-top:15px;

}

#itemlist li img {
	background:url(../img/backgrounds/smallRecipe-bg.gif) 0 0 no-repeat;
	padding:15px 13px 19px 12px;
	

}


#itemlist h3 {

	margin-top:-10px;

}

.paging {
	float:left;
	width:100%;
	margin:30px 0;
	text-align:center;
}






/* End listning */


#pickedRecipe {
	float:left;
	width:100%;
	background:url(../img/backgrounds/pickeRecipe-bg.gif) 0 0 no-repeat #003476;
	width:619px;
	height:18px;
	margin:0px 0 10px 0 ;
	display:inline;
	padding:3px 5px 0 10px;
}

html>body #pickedRecipe {
	height:auto;
	min-height:18px;
	
}

/* Nutrition tabeller och dude datebller */

table {
	width:100%;
	border-collapse:collapse;
	border:none;
	margin:15px 0 0 0;

}

td, th {
	margin:0;
	padding:6px 0px 6px 6px;
	color:#595959;
}

th {
	font-weight:bold;
	font-size:1.1em;
}

tr.alt {
	background:#dae9f5;

}

/* */

/* Lista över alla i styrelse/ledning mm */
#personallist {
	width:414px;
	float:left;

}

#personallist li {
	margin-bottom:20px;
	clear:both;

}

#personallist li img {
	float:left;
	margin:0 40px 20px 0;
	clear:both;

}

div#adminLinks {
	position:absolute;
	top:25px;
	left:300px;
	font-size:.8em;
	border:1px solid #dae9f5;
	padding:15px 10px;
	background:#fff;
	font-size:1.2em;
	-moz-opacity:0.4;
	opacity: 0.4;

	

}
#adminLinks a {
	color:#003476;
	font-weight:bold;
	text-decoration:none;

}

#adminLinks a:hover {
	text-decoration:underline;

}



#site_info {

	border-top:2px solid #e6e6e6;
	float:left;
	margin:10px 0 0 84px;
	display:inline;
	width:792px;
	color:#6d6f71;

}

#site_info img {
	float:left;
	margin:5px 10px 0 0;

}

#site_info p {
	float:left;
	margin:20px 0 0 0;

}

#site_info p.cookies {
	float:right;

}


/* Normalisera list-style */
#branding {
display:none;
}

#pickedRecipe {
display:none;
}

#thirdmenulist {
display:none;
}

#site_info {
display:none;
}

.cookies {
display:none;
}

.basicPix {
margin-bottom:20px;
}

#printloggo {
display:inline;
}

.content_left {
display:none;
}

h1, h3, h5 {
font-weight:bold;
margin-top:15px;
}


