﻿html,body
{	background-color:#F3ECE1;}
body {
	margin:0;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
}
img
{border:none;}
div{margin:0;padding:0;}
p{margin:0; padding:0;}

.heading, h1
{
	color: #000000; 
	font-weight: bold;
	font-size: 17px; 
	font-style: normal;
	FONT-FAMILY: Arial,  Verdana,  Helvetica, geneva;
}
.heading1, h2
{ 
	color: #000000;
	font-weight: bold; 
	font-size: 14px;
	font-style: normal;
	FONT-FAMILY: Arial, Verdana, Helvetica, geneva;
}
.heading2, h3
{
	color: #000000;
	font-weight: bold;
	font-size: 17px; 
	font-style: normal;
	FONT-FAMILY: Arial,  Verdana,  Helvetica, geneva;
}
.heading3, h4
{ 
	color: #000000;
	font-weight: bold; 
	font-size: 14px;
	font-style: normal;
	FONT-FAMILY: Arial, Verdana, Helvetica, geneva;
}
.heading4, h5
{
	color: #205394;
	font-weight: bold;
	font-size: 17px; 
	font-style: normal;
	FONT-FAMILY: Arial,  Verdana,  Helvetica, geneva;
}
.heading5, h6
{ 
	color: #205394;
	font-weight: bold; 
	font-size: 14px;
	font-style: normal;
	FONT-FAMILY: Arial, Verdana, Helvetica, geneva;
}
#contentwrap a
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}
#contentwrap a:hover{
    TEXT-DECORATION: underline;
}
#outerwrap
{
    background-image:url('/images/contentBg.jpg');
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
	width:749px;
}
#contentwrap
{
    background-color: #FFFFFF;
    background-image: url("/images/contentBg.jpg");
    background-position: left top;
    background-repeat: repeat-y;
    margin: 0;
    min-height: 600px;
    padding: 0;
    width: 749px;
    z-index: 10;
}
#footer
{
	margin:0;
	padding:0;
	position:relative;
	width:200px;
	height:100px;
}
#footer .txtfoot
{
    color: #004898;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 9px;
    left: 20px;
    position: absolute;
    text-align: right;
    top: 10px;
    width: 155px;
    line-height: 12px;
}
.innerfoot
{
    background-image: url("/images/footerBg.jpg");
    background-repeat: no-repeat;
    height: 122px;
    width: 750px;
    margin-top: 4em;
}
#navigation
{
	float:left;
	margin:0 0 0 18px;
	width:165px;
}
#content_frontpage
{
	float:left;
	margin:10px 0 0 10px;
	width:540px;
	z-index:11;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
}

#content_FullWidth 
{
	float:left;
	width:540px;
	z-index:11;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    margin:10px 0 0 15px;
}

#content_pos1,#content_pos3
{
	float:left;
	width:532px;
	z-index:11;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    margin:18px 0 20px 2px;
}

#content_pos2 ul
{
    padding-left: 10px;
}

#content_pos3 ul
{
    padding: 0;
}

#content_pos3 li
{
    background: url("/images/handUl.jpg") no-repeat scroll 0 2px transparent;
    list-style: none outside none;
    margin: 10px 0;
    padding-left: 20px;
}

#content
{
	float:left;
	margin:18px 0 0 10px;
	width:350px;
	z-index:11;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal; 
}

#content_publicent * 
{
    margin: 0;
}

#right
{
	float:left;
	margin:15px 0 0 10px;
	width:180px;
}

#right p 
{
    margin:0 9px;
}

#content P
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    margin:1px 1px 1px 1px;
}
#content  {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
}
/*Topnavigation*/
#topWrap {
	background-image:url('/images/contentBg.jpg');
	background-repeat:repeat-y;
	background-position:left top;
	background-color: transparent;
}
#top
{
    background: url("/images/HeaderBg.jpg") no-repeat scroll 6px 0 transparent;
    height: 147px;
    margin: 0;
    padding: 0;
    width: 743px;
}
.topfirst
{
	float:right;
    height:20px; 
    width:713px;
	margin:0;
	padding:10px 10px 0 0;
	text-align:right;
	font-size:10px;
	color:#FFFFFF;
}
.topsecond
{
    float: left;
    margin: 0;
    padding: 14px 0 0 11px;
    width: 720px;
}
.topsecondwrap
{
	width:743px;
	margin:0;
	padding:0;
	float:right;
}

/** ie7 hacks **/
*+html .topsecondwrap
{
    margin-top:-6px;
}


.divtopnav
{
	float:left;
	background-position:right top;
	background-repeat:no-repeat;
	background-image:url('/images/topNaviItemRight.png');
	height:31px;
	padding:0 7px 0 0;
	margin:0 2px 0 2px;
}
.divtopnavhigh
{
	float:left;
	background-image:url('/images/currentItemRight.png');
	height:33px;
	background-position:right top;
	background-repeat:no-repeat;
	padding:0 7px 0 0;
	margin:0 2px 0 2px;
	position: relative;
}
.topnav
{
	background-image:url('/images/topNaviItemBg.png');
	background-repeat:repeat-x;
	height:29px;
	float:left;
	padding:8px 0 0;
}
.topnavhigh
{
    background-color: #FFFFFF;
    float: left;
    height: 28px;
    padding:8px 0 0;
}
.topnavhigh a{color:#004898 !important;}
.topnavleft{background-image:url('/images/topNaviItemLeft.png');background-repeat:no-repeat;width:7px;height:30px;float:left; padding:2px 0 0;}
.topnavlefthigh{background-image:url('/images/currentItemLeft.png');background-repeat:no-repeat;width:7px;height:27px;float:left;padding:7px 0 0 0;}

.topsecond a
{
	color:white;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.divSearch
{
    background-color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    float: right;
    height: 18px;
    margin: 5px 13px 0 0;
    overflow: hidden;
}

/** ie7 hacks **/
*+html .divSearch
{
    background-color: transparent;
    margin-top: -65px;
}

A.smallnavtop
{
	color: #FFFFFF;
	FONT-SIZE: 10px;
    TEXT-DECORATION: none
}
/*End Topnavigation*/
.textfieldborder
{
    border:none;
}
.textfieldbordersearch
{
    border:none;
    height:20px;
    width:100px;
    padding-left: 6px;
}

.buttonformatsearch
{
    -moz-transition: color 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s;
    background-color: #fff;
    border: none;
    color: #000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    position:relative;
    top: -2px;
/** invalid css-hack, fult - men ie 8 och ner är fulare **/
    top: 0\9;
}

.buttonformatsearch:hover
{
    color: #E87B36;
}

*+html .buttonformatsearch 
{
    height: 26px;
    margin: 0;
    top: 0;
}

/*Navigation*/
.left-menu, #navigation .submenu
{
	list-style:none;
	background-color:#fff;
	
}

.left-menu li
{
	margin:0;
	padding:10px 0 0;
	background-color:White;
	vertical-align:bottom;
}

.left-menu li .submenu li{
    padding: 5px 0;    
}

.sub{border-bottom:1px dotted #666;}

.showchild
{
	border: none;
	padding:0;
}

.nochild{border-bottom:1px dotted #666;}

#navigation .left-menu li a
{
	color: #205394;
	text-decoration:none;
}
.left-menu
{
	margin:20px 0 40px 0;
	padding:0 0 0 0;
}
#navigation .submenu
{
	border-top:1px dotted #D5BE98;
	margin:4px 0 0 0;
	padding:0 0 0 11px;
}
/*End Navigation*/

/*Blue right side*/
.pushheaddiv
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    color:#FFFFFF;
    padding:7px 0 0 0;
    margin:0;
    height:24px;
    width:181px;
    background-image:url("/images/puffTitelBg.png");
    background-repeat:no-repeat;
    text-align:center;    
    text-transform:uppercase;
}
.specno { font-size:10px; }
.pushmiddiv
{
	padding:8px 0;
	border-left:solid 1px #245695;
	border-right:solid 1px #245695;
    background-repeat:repeat-y;
    width:179px;
    position:relative;
}

.pushmiddiv a img{ margin-top: -7px;}

.pushbutt
{
	padding:0;
	margin:0;
	height:20px;
	width:181px;
	background-image:url('/images/rightdivbottom.png');
	border:solid 0px none;
}
#bluecontents { margin-bottom:10px; }
#divBluWrap, #brown, #blue
{margin:0; width:181px;}
/*End Blue right side*/

/*Overrides for brown*/
#browntop, .numbertop{background-image:url('/images/puffTitelBg.png');}
#browncontent{border-left:solid 1px #245695;border-right:solid 1px #245695;}
.brownbot{background-image:url('/images/rightdivbottom.png');}
/*End overrides for brown*/

#border    
{
    background-image: url("/images/topBar.png");
    float: left;
    height: 6px;
    margin: -7px 0 0 6px;
    width: 737px;
    border: none;
}

*+html #border{ margin-top: -6px;}

.clear{clear:both; width:100%;}
.divProductWrap img{
	float:left;
	margin:0;
	padding:0;
}
.divProductWrap div {
	float:right;
	width:180px;
}
.divProductWrap {
	width:100%;
	margin-bottom:20px;
	float:left;
	border-bottom:solid 1px #004898;
	padding-bottom:20px;
}
.clear {
	width:100%;
	clear:both;
}
/*Questionbox*/
.qboxbtn:hover{cursor:pointer;}
.fltlft{float:left;}

#qboxtop
{
	width:350px !important;
	height:21px !important;
	background-image:url('/images/qboxtop.png');
}
#qboxcontent
{
	width:328px;
	border-right:solid 1px #e4d7c2;
	border-left:solid 1px #e4d7c2;
	padding:10px 0 0 20px;
	height:auto;
}
#qboxbott
{
	background-image:url('/images/qboxbott.gif');
	background-repeat:no-repeat;
	width:350px;
	height:15px;
}
#qboxtop{
	background-repeat:no-repeat;
	width:181px;
	height:25px;
	text-transform:uppercase;
	text-align:center;
	padding:5px 0 0 0;
	color:White;
	font-size:11px;
	font-family:Verdana;
	font-weight:bold;
}
/*End Questionbox*/
.AnchLinks a {
	display:block;
}

.divUpdated2 { display:none; }

.receptpuff {
	width:179px;
	height:200px;
	background-image:url('/images/lipilhoger3.jpg');
	background-repeat:no-repeat;
	border-right:solid 1px #245695;
	border-left:solid 1px #245695;
	/*border-bottom:solid 1px #d6e4f2;
	margin-bottom:10px;*/
	position:relative;
}
.lipiltext { 
	position:absolute; 
	bottom:0;
	font-family:Arial;
	font-weight:bold;
	color:#44749a;
	font-size:11px;
}
.lipilspec {
	color:#f4990d;
	text-transform:uppercase;
}
/*
.receptpuff a, .varunummer a {
	color:#2c50a8;
	font-weight:bold;
	text-decoration:none;
}
.receptpuff a:hover, .varunummer a { text-decoration:underline; }
*/
.receptpuff img, .varunummer a img { vertical-align:bottom; }
#divBluWrap { margin-bottom:10px;}
.pushmiddiv .iefix {
/*	#position:absolute;
	#bottom:0;
*/
position:relative;
}
.SendRecipe div {
	margin:7px 0 7px 0;
}
.SendRecipe label { 
	display:block;
	float:left;
	width:100px;
}
.SendRecipe input.error {
	border:solid 2px red;
}
.SendRecipe label.error {
	color:Red;
}
.SendRecipe .nofloat label {
	display:inline;
	float:none;
}
.required { font-weight:bold; color:Red; }

/* ------------  MangaPuff  -------------- */

#mangaWrap 
{
    width: 324px;
    height: 169px;
    background: white url('/images/puff-bg.jpg') no-repeat top center;
    padding: 20px 15px 40px 15px;
    position: relative;
    margin-bottom: 10px;
    }

#mangaLeft 
{
    width: 140px;
    height: 169px;
    display: block;
    float: left;
    margin-right: 34px;
    }

#mangaLeft h2 
{
    margin: 0;
    font-size: 2em;
    color: White;
    text-align: left;
    line-height: 1.3em;
    }

#mangaRight 
{
    width: 150px;
    height: 169px;
    display: block;
    float: left;
    }
    
#mangaRight p 
{
    line-height: 1.3em;
    }
    
#mangaRight a 
{
    color: #1c408b;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
    }

/* --------------------------- */


#receptWrap {
	width:354px;
	font-family:Arial;
	color:#ffffff;
	padding:0;
	margin:0;
}
#receptTop {
	width:100%;
	background-image:url('/images/recepttop.gif');
	background-repeat:no-repeat;
	height:102px;
	margin-bottom:-1px;
	border-top:solid 1px transparent;
}
#receptTop h2 { 
	font-size:22px;
	margin:20px 18px 0px 18px;
	font-family:Arial;
	color:#fff;
}
#receptTop p {
	font-size:15px;
	margin-left:18px;
	margin-right:60px;
	margin-top:12px;
	line-height:15px;
	word-spacing:0px;
	font-family:Arial;
}
#receptMid {
	background-image:url('/images/receptmid.gif');
	width:100%;
	height:170px;
	padding-top:19px;
}
#receptMid p {
	margin-left:30px;
	font-size:13px;
	color:#000;
	font-family:Arial;
	line-height:19px;
}
#receptMid img {
	float:right;
	margin-right:24px;
}
#receptBott {
	width:100%;
	background-image:url('/images/receptbott.gif');
	background-repeat:no-repeat;
	height:26px;
	text-align:right;
	padding-top:18px;
}
#receptBott a {
	font-size:15px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	margin-right:18px;
}

.social
{
    list-style: none;
    float: right;
    margin: 3px 0 0;
    color: #FFFFFF;
}

.social li
{
    float: left;
    margin: 0 3px;
}

.social li#tipsa a 
{
    font-weight: normal;
    text-decoration: underline;
}

#LogoImg 
{
    margin-left: 30px;
}

.slide-holder{
	width:49em;
}
.slide-block{
	float:right;
	position:relative;
	margin:0;
	padding:0;
}
.slideshow{
	float:right;
	height:270px;
	margin:0;
	overflow:hidden;
	position:relative;
	width:530px;
}
.slideshow .holder{
	height:183px;
	overflow:hidden;
	width:528px;
	padding:15px 0 45px 0;
	margin-left: 1px;
}
.slideshow .mask{
	background:url(/images/SlideshowBg.jpg) no-repeat;
	position:absolute;
	width:530px;
	height:255px;
    bottom: 0;
    top: 0;
    right:0;
	z-index:10;
}
.slideshow .frame{
    float: left;
    height: 172px;
    overflow: hidden;
    position: relative;
    width: 529px;
    z-index: 15;
}
.slideshow ul{
	height:172px;
	list-style:none;
	padding:0;
	width:99999px;
	overflow:hidden;
	float:left;
	margin: 0;
}
.slideshow li{
	overflow:hidden;
	height:172px;
	list-style:none;
	position:relative;
	float:left;
	vertical-align:top;
	width:509px;
	padding: 0 10px;
}

.slideshow li img
{
    width: 100%;
}
.slide-block .switcher{
	position:absolute;
    left: 50%;
    top: 20em;
	z-index:120;
}
.slide-block .switcher ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	font-size:0;
	line-height:0;
	position: relative;
	left: -50%;
}
.slide-block .switcher li{
	float:left;
	padding:0 0 0 8px;
	text-indent:-9999px;
	overflow:hidden;
	position:static;
}
.slide-block .switcher ul a{
	background-image:url("/images/pagination.jpg");
	background-position: bottom;
	width:10px;
	height:14px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
.slide-block .switcher .activeSlide
{
    background-image:url("/images/pagination.jpg");
	background-position: top;
}

#askPeople 
{
    margin-left: 10px;
}

#askPeople > div
{
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    width:256px;
}

#askDoctor 
{
    background: url("/images/AskPeolpe_orangeBg.jpg") repeat-x scroll 0px -2px transparent;
    float:left;
}

#askDietist 
{
    background: url("/images/AskPeolpe_orangeBg.jpg") repeat-x scroll 0px -2px transparent;
    float: right;
}

#askPeople div p
{
    margin:0;
}

#doctor_header > p, #dietist_header > p
{
}

#doctor_header > *, #dietist_header > *
{
    color: #FFFFFF;
    line-height: 8px;
}

*+html #doctor_header > *, *+html #dietist_header > *
{
    line-height: 6px;
}

/** All css utgår från den svenska webben, ändras dynamiskt beroende på språk i vb koden **/
#doctor_header, #dietist_header
{
    height: 51px;
    padding: 35px 0 5px 10px;
}

/** ie7 hack **/
*+html #doctor_header, *+html #dietist_header
{
    padding-top: 42px;
}

/** Sveriges endast **/
#doctor_header
{
    background: url("/images/dok.jpg") no-repeat scroll 100% 1px;
}

/** Den svenska bilden, bilderna för de andra språken laddas in i vb koden **/
#dietist_header
{
    background: url("/images/diet.jpg") no-repeat scroll 100% 1px;
}

.AskPopleHeader_outer
{
    background: url("/images/AskPeolpe_orangeBg.jpg") no-repeat scroll 0 0 transparent;
    padding: 2px 0;
}

.AskPopleHeader_outer > div 
{
    height: 90px;
}

#doctor_question, #dietist_question, #askDietist_introTxt
{
    height:10em;
    margin-top: 2em;
}

#dietist_name, #doctor_name 
{
    float:right;
    text-align:right;
    margin-right: 10px;    
}

.askDietist_introTxt 
{
    float: left;
    margin-right: 10px;
    width: 256px;    
}

#doctor_question_link, #dietist_question_link 
{
    background: url("/images/askPeople.jpg") no-repeat scroll right center transparent;
    clear: both;
    float: right;
    margin: 0;
    padding: 10px 50px 12px 0;
}

#FirstBox
{
    border-top:3px dotted #1a1a1a;
    margin-top: 3em;
}

#FirstBox_startpage > p, #SecondBox_startpage > p 
{
    margin: 20px 0;  
}

#strSearch {
    background-color: #FFF;
}

*+html .ShowNotInIE7
{
    display:none;
}

*+html .divSearch 
{
    overflow: visible;
}

*+html #footer .txtfoot 
{
    top: 55px;
}

.divBox 
{
    float: left;
    margin: 2px;
    width: 128px;
	height: auto;
	border: 1px solid #265696;
}

.divBox .divTitle {
	width: 128px;
	height: 20px;
	padding-top: 5px;
	background: url(/images/titleBg.png) repeat-x left top;
}

.divBox .divTitle p {
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.boxContent {
	width: 118px;
	padding: 8px 5px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	height:75px;
}

#small_header 
{
    background:transparent url("/images/calendar.jpg") no-repeat scroll left bottom;
    padding-bottom: 5px;
    padding-left: 30px;
    padding-top: 13px;
    margin-bottom: 10px;    
}

#content_frontpage #FirstBox 
{
    margin-top: 20px;
}

#content_frontpage #FirstBox, #content_frontpage #LastBox
{
    border-top: 2px dotted #ccc;
}

.text-box 
{
    border-top: 2px dotted #ccc;
    margin: 10px 0;
    padding: 15px 0;
}

.Dietiset-left-text 
{
    float: left;
    width: 256px;
    height: 10em;
}

#bluecontent img {
    padding-bottom: 5px;
}
