@import url(typography.css);

/* 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: 1022px;
	text-align: left;
	/* IE 6 resizing bug fix */
	position: relative;
	
background:#fff url(../img/backgrounds/body-bg-left-right.gif) left 0 repeat-x;

}

#wrap_before {
background:#fff url(../img/backgrounds/body-bg-left.gif) left 0 no-repeat;
width:1372px;
margin-left:-200px;
}

#wrap {
	background:url(../img/backgrounds/body-bg.gif) center 0 no-repeat;
	text-align:left;
	/*float:left;*/
	width:1222px;
	height:700px;
	margin:0px 0 30px 0 ;
	padding-bottom:30px;
	padding-left:200px;
	
	
}

html>body #wrap {
	height:auto;
	min-height:700px;

}

#branding {
	float:left;
	height:156px;
	position:relative;
	width:100%;
}

#corpmenu {
	position:absolute;
	top:40px;
	right:290px;
	background:url(../img/backgrounds/corpmenu-bg.gif) top right no-repeat;
	width:576px;
	height:31px;
	display:inline;
	

	
	
}

html>body #coprmenu {
	height:auto;
	min-height:31px;

}

#corpmenu #corpmenulist {
	float:left;
	margin-left:0px;
	padding-left:85px;
	padding-top:3px;
	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;


}


#corpmenulist li a{

	color:#174691;

}



#corpmenulist li a.selected{
	float:left;
	display:inline;

	background-color:#174691;
	color:#FFFFFF;
	padding-right:8px;
	padding-left:8px;
	

}

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:100px;
	height:32px;
	background:url(../img/backgrounds/topmenu-bg.gif) 82px 4px no-repeat;
}

html>body #topmenu {
	height:auto;
	min-height:32px;

}

ul#topmenulist {
	float:left;
	margin:4px 0 0 89px;
	width:836px;
	background:#174691;
	display:inline;
	position:relative;
	z-index:3000;
height:32px;

}

#topmenulist li {
	float:left;

}

#submenu {
	float:left;
	width:100%;
	position:absolute;
	top:136px;
	height:28px;
	background:url(../img/backgrounds/submenu-bg.gif) 82px 0 no-repeat;
}

html>body #submenu {
	height:auto;
	min-height:28px;

}

ul#submenulist {
	/*background:#fff;*/
	float:left;
	margin:0 0 0 95px;
	width:750px;
	display:inline;
}

#submenulist li {
	float:left;

}

#topPuff {
	position:absolute;
	top:37px;
	right:100px;
	width:315px;
	padding-right:0px;
	color:#fff;
	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;
	color:#fff;

}

#logo {
	background:url(../img/logotype.png) 0 0 no-repeat;
	position:absolute;
	top:23px;
	left:83px;
	z-index:2000;

}

#content {
	float:left;
	margin:0px 0 25px 82px;
	display:inline;
	width:850px;
	height:550px;
	background-color:#FFF;
}

html>body #content {
	min-height:550px;
	height:auto;

}

.content_all {
	margin:50px 0 0 82px;
	
}

/* Ordinarie bredd på vänsterfältet */
.content_left {	
	float:left;
	width:141px;
	display:inline;
	margin:22px 15px 0 15px;
	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;
	display:inline;
}


/* Klass som vi sätter till när content_right ska "bli stor" och bredare */
.big {
	width:595px;
	margin-right:10px;
	margin-left: 26px;
        float:left;

}
/* 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;
	max-width: 300px;

	
	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:654px;
	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:20px 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;
width:210px;

}

.content_right .maintext img.basicPix {
	padding:0;
	margin-bottom:20px;

}

.small img.basicPix {
	float:right;
	display:inline;
	padding-left:0;
	position:relative;

}

/*End IE 6 anpassningar */

html>body .basicPix {
	/*margin:0px 0px 20px 20px;*/
	padding:0;
	float:right;
	display:inline;
}

html>body .content_right .maintext img.basicPix {
	padding:0;
	margin:0 0 20px 0;

}

/*Specialklass som används för att hålla ihop alla puffar på basic3 sidorna */
.collect_puffs {
	float:right;
	width:200px;
	margin:-6px 1px 0 0;
	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;
}

.red p{
	margin-top:3px;
}

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 no-repeat;
	padding:0px 0 0 0px;
	width:198px;
	max-width:198px;


}

.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;
	
}

/*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;
	margin-bottom:25px;
	
}

#itemlist li.lastinrow {
	margin:0 0 0 0;
	margin-top:15px;
	margin-bottom:25px;

}

#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:0px;
	left:275px;
	font-size:.8em;
	border:1px solid #dae9f5;
	padding:15px 10px;
	background:#fff;
	font-size:1.2em;
	-moz-opacity:0.4;
	opacity: 0.4;
	z-index:1;

	

}
#adminLinks a {
	color:#003476;
	font-weight:bold;
	text-decoration:none;

}

#adminLinks a:hover {
	text-decoration:underline;

}



#site_info {

	border-top:2px solid #174691;
	float:left;
	margin:10px 0 0 84px;
	display:inline;
	width:850px;
	color:#6d6f71;

}

#site_info img {
	float:right;
	margin:6px 10px 0 0;

}

#site_info p {
	float:right;
	margin:33px 0 0 0;
	width:240px;

}

#site_info p.cookies {
	float:left;

}

#printloggo {
display:none;
}

div.filmLeft {
width:380px;
height: 218px;

float:left;
margin-right:10px;
margin-bottom:10px;
margin-top:25px;
text-align:center;
}

div.film {
width:380px;
height: 218px;

float:left;
margin-bottom:10px;
margin-top:25px;
text-align:center;
}

.uppfodare {
	width:595px;
	
	float:left;

}

#content .content_left .uppfodare h6 {
	color:#003476;
}


.uppfodare_bild1 {
	margin-left: 280px;
	position:absolute;
	background:url(../img/backgrounds/uppfodare_bg.gif);
	background-repeat:no-repeat;
	padding:20px 20px 20px 20px;
	padding-bottom: 60px;
	

}

#gards_up {

background-image:url(../img/gardskylling_hoger_uppe.jpg);
height:358px;
width:214px;
}


#gards_down {
background-image:url(../img/gardskylling_hoger_nere.jpg);
height:137px;
width:214px;
}


#gards_down form{
padding-top:15px;
}



*html #gards_up {
height:340px;
max-height:340px;
background-repeat:no-repeat;

}

*html #gards_down {
margin-top:-10px;

}







#gardsnr {
margin-left:70px;
margin-top:15px;
width:60px;
background:#fde5c1;
color:#523d12;
font:pristina;
}



#programpunkter {
width:655px;
}

#programpunkter h3 {
font-weight:bold;
}


#programpunkter h2 {
margin-top:0px;
}





.puff .button {
	margin:-10px 5px 0 0 ;
	float:right;

	
}


.hasPicture {
margin-top:-5px;
margin-bottom:-5px;
}


#site_info {

	border-top:2px solid #174691;
	float:left;
	margin:0px 0 0 84px;
	display:inline;
	width:850px;
	color:#6d6f71;
        margin-top:-20px;

}




#panna_top {
float:left;
width:635px;
height:40px;
}

#panna_left {
width:380px;
float:left;
margin-right:20px;

}
#panna_right {
width:200px;
float:left;
}

.panna_field {
font-weight:bold;
font-size:14px;
font-style:italic;
}

.panna_textarea {
width:380px;
height:177px;
margin-top:10px;
margin-bottom:20px;
float:left;
}