/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


#NewsPostDetailContent p {padding-bottom:10px;}

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.none {display: none; }

img, .search-wrapper .left, .search-wrapper .right, ul.sp-results li.viewall a, ul.sp-results li .replacementimg, 
#globalfooter #breadcrumbs, #globalfooter #breadcrumbs span, #directorynav .capbottom, 
#productheader h1 a, #productheader h2 a, 
#productheader a.buynow, #productheader a.ordernow, #productheader a.joinnow, #productheader a.preorder, 
#productheader a.freetrial, #productheader a.downloadnow, #productheader a.upgradenow { behavior: url(/global/scripts/lib/iepngfix.htc); }

img { border: 0; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }
.border {border: 1px solid #eee; padding: 1px;}

body, input, textarea {color: #333333; background-color: white; font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}


/* HEADINGS */
h1 {font-size: 26px; padding-top: 15px; padding-bottom: 10px;}
h3 {font-size: 15px; font-weight: bold; padding-bottom: 0px;}

.ing img {padding-bottom: 5px;}
.ing {padding-bottom: 30px;}

h4 {font-size: 12px; font-family: Verdana; font-weight: bold;}
h5, .NewsSummaryLink {font-size: 10px; font-weight: bold; margin: 0px; padding-bottom: 1px; padding-top: 13px;}


/* SHOWCASE */
#showcase {width: 600px; height: 192px; position: relative; overflow: hidden; background-image: url(/global/images/showcase/showcaseback.jpg); padding:5px;}

.stage {display: block; position: absolute; top:4px;left:5px; width: 400px; height:192px;}
.stage .stage_item {display: block; position: absolute; top:0px; left:0px; width: 400px; height:192px;}
.backstage {display: block; position: absolute; top:4px; right:5px; width:200px; height:192px; overflow: hidden;}
.backstage_item {display: block; position: absolute; height:64px; width:200px;}


/* MAIN LINKS */
a:active, a:visited, a:link {
color: #6b6a6a;
text-decoration: none;
}

a:hover {
color: #868585;
text-decoration: underline;
}

/* SECTION MENU */
#section_box { padding-top: 6px; margin: 0px auto;  height:30px; width: 790px; position: relative; z-index: 9999; }

#section_box li {display:inline;}
a.sectionspacer {float: left; padding-right: 0px; padding-left: 0px; width: 20px; height: 20px; margin-left: 10px; margin-right: 10px; margin-bottom: 0px;  display: block; cursor: default; }
a.sectionspacer:hover {text-decoration: none;}

/* SECTION MENU - NORMAL POSITION */
a.sectionmenu {
background: transparent url(/global/images/menu/sectionmenu_a.jpg) no-repeat;
background-position: 100% -60px;
display: block;
height: 20px;
float: left;
padding-right: 7px;
text-decoration: none;
margin-right: 15px;
font-size: 10px;
text-transform: uppercase;
}

a.sectionmenu span {
background: transparent url(/global/images/menu/sectionmenu_span.jpg) no-repeat;
background-position: 0px -60px;
display: block;
line-height: 10px;
padding: 5px 0 5px 7px;
margin-left: 0px;
}

/* SECTION MENU - SELECTED POSITION */
a.sectionmenu.selected, a.sectionmenu.selected:hover {
background-position: 100% -20px;
color: #fff;
}

a.sectionmenu.selected span, a.sectionmenu.selected:hover span {
background-position: 0px -20px;
color: #fff;
}

/* SECTION MENU - HOVER POSITION */
a.sectionmenu:hover {
background-position: 100% 0px;
color: #fff;
text-decoration: none;
}

a.sectionmenu:hover span {
background-position: 0px 0px;
color: #fff;
}

/* SECTION MENU - SUB (CIRCLE) POSTION */
a.sectionmenu.selected_sub, a.sectionmenu.selected_sub:hover {
background-position: 100% -40px;
color: #6b6a6a;
}

a.sectionmenu.selected_sub span, a.sectionmenu.selected_sub:hover span {
background-position: 0px -40px;
color: #6b6a6a;
}


/* LEFT PAGE COLUMNS */

/* TEXT COLUMNS */
.text_col1 {float:left; width: 285px; font-size: 10px;}
.text_col2 {float:right; width: 285px; font-size: 10px;}

.text_col1 h5 {padding-top: 0px;}
.text_col2 h5 {padding-top: 0px;}
.text_col1 varumarken_img {border: 1px solid #ccc;}

.text_col1 p {margin:0px; padding-top: 0px; padding-bottom: 10px}
.text_col2 p {margin:0px; padding-top: 0px; padding-bottom: 10px}
.text_col1 h3 {margin:0px; padding: 0px; padding-bottom: 7px}
.text_col2 h3 {margin:0px; padding: 0px; padding-bottom: 7px}
.h3top {margin:0px; padding: 0px; padding-bottom: 40px;}
.h3bottom {margin:0px; padding: 0px; padding-bottom: 10px;}

p.coltop {margin-top: 33px;}
p.colbottom {margin-bottom: 33px;}
p.textimg {margin-top: 15px; padding-bottom: 20px;}
p.textimg2 {margin-top: -10px; padding-bottom: 45px; text-align: center;}

.col_img {padding-bottom: 5px;}

/* 1 START PAGE */
.smallpics_box { padding-left: 20px; width: 843px; margin: 0px auto; text-align: center; color: #333333; position: relative; height:100px;}
.smallpics_box h3 { padding-bottom: 7px; text-align: left; position: relative;}
.smallpics {display:block; position: relative; float:left; width: 97px; height: 60px; border: 1px solid #cccccc; margin-right: 4px;}
a.smallpics:hover { border: 1px solid #aaa;}


/* 2 ABOUT PAGE */
#about {width: 590px; font-size: 10px;}
.about-sv {background: url(/global/images/om.jpg) no-repeat 335px 60px;}
.about-en {background: url(/global/images/about.jpg) no-repeat 335px 60px;}
.about_col p {margin:0px; padding-top: 0px; padding-bottom: 10px; padding-right: 220px;}
.about_col h3 {margin:0px; padding: 0px; padding-bottom: 7px}

.about_col h3 img {padding-top: 3px}

/* 2.1 BRANDS PAGE */
.varumarken_box1 {float:left; width: 251px; height: 215px; font-size: 10px; padding: 10px; margin-bottom: 18px; margin-right: 18px; border: 1px solid #ccc;}
.varumarken_box2 {float:left; width: 251px; height: 215px; font-size: 10px; padding: 10px; margin-bottom: 18px; border: 1px solid #ccc;}
.varumarken_box1 p, .varumarken_box2 p {height: 100px;}
.varumarken_box1 h5 {text-transform: uppercase; padding-top: 0px;}
.varumarken_box2 h5 {text-transform: uppercase; padding-top: 0px;}

.varumarken_img { display: block; width: 251px; height: 80px; text-align: center; margin: 0px auto;}
.varumarken_img img {padding-top: 5px;}

.varumarken_img2 { display: block; width: 285px; text-align: center; border: 1px solid #ccc; padding-top: 30px; padding-bottom: 30px; margin-bottom: 20px;}
.new {color: red;}


/* 2.2 MATSKOLAN PAGE */
.matskolan_box {float:left; width: 285px; height: 260px; font-size: 10px; margin-top: 0px; margin-right: 11px;}
.matskolan_box h3 { margin:0px; padding-top: 18px; padding-bottom: 10px}
.matskolan_box p {margin:0px; padding-top: 0px; padding-bottom: 15px;}
p.varumarken_topspace {margin-top: 145px;}

.matskolan_box1 {float:left; width: 285px; font-size: 10px; margin-top: 18px; margin-right: 18px;}
.matskolan_box2 {float:left; width: 285px; font-size: 10px; margin-top: 18px;}
.matskolan_box1 h3 {margin:0px; padding-top: 0px; padding-bottom: 10px}
.matskolan_box2 h3 {margin:0px; padding-top: 0px; padding-bottom: 10px}
.matskolan_box1 p {margin:0px; padding-top: 0px; padding-bottom: 15px}
.matskolan_box2 p {margin:0px; padding-top: 0px; padding-bottom: 15px}

.recipe p {font-size: 10px;}
.recipe_topinfo {height: 60px; margin: 0px; margin-right:22px; margin-top:20px;position: relative;   float:left;}
.recipe_topinfo h3 {line-height: 20px; }
.recipe_topinfo img { }

.recipe_topinfo span.easy {color: #02644b;}
.recipe_topinfo span.medium {color: #02644b;}
.recipe_topinfo span.hard {color: #02644b;}

.recipe_ingredients {}

.list_col1 {float: left; width: 150px;}
.list_col2 {float: right; width: 135px;}

.recipe_img {
overflow:hidden;
width: 285px;
height: 108px;
}

.recipe_clear {clear: both; width: 600px; height: 10px; color: #fff;}
.recipe_step p {padding-top: 15px;}
.recipe_brand, .recipe_number {font-weight: bold;}


/* 4 NEWS PAGE */
.news_box h5, .news_img {}
.news_nav {padding-top: 40px;}

.NewsSummaryMorelink {padding-top: 5px; padding-bottom: 25px;}
.NewsSummaryContent {padding-top: 0px; padding-bottom: 10px;}
.newsdate {text-transform: lowercase;}

h3#NewsPostDetailTitle {padding-bottom: 20px; }
#NewsPostDetailSummary {font-size: 10px; font-weight: bold;  padding-bottom: 15px;}
#NewsPostDetailContent {font-size: 10px;}
#NewsBottom {border-top: 1px solid #ccc; font-size: 10px; margin-top: 20px; padding-top: 5px; padding-top: 10px;}


/* 4.1 RSS PAGE */
.rsspage {font-size: 10px; background: url(/global/images/rss.jpg) no-repeat 380px 115px; }
.rsspage p {padding-top: 10px; padding-right: 225px;} 
.rsspage h3 {padding-top: 10px; padding-bottom: 8px;} 


/* 5 CATALOG PAGE */
.katalog {padding: 0px; margin-top: 23px; margin-bottom: 13px;}


/* 6 CONTACT PAGE */
.personal {float:left; width: 196px; font-size: 10px; padding-top:20px; height: 210px;}
.contact_name {font-weight: bold; padding-top: 10px;}
.contact_space {padding-bottom: 30px;    }

#staff {margin: 0px; padding: 0px;}

#staff h3 {padding-top:15px; clear:both;}
/* 6.1 KONSUMENTKONTAKT - ASK DANIEL PAGE */
.daniel_img {padding: 0px 0px 20px 0px;}
.daniel_space {padding-bottom: 12px;}

.formbuilderform {width: 582px; height: 155px; position: relative; }

.required input, .required textarea {width: 269px; border: 1px solid #ccc; padding: 5px; outline: none; margin-bottom: 18px;}
.required input {height: 18px;  }
.name {position: absolute; top: 0px; left: 0px;}
.email {position: absolute; top: 50px; left: 0px;}
.required textarea {height: 90px; position: absolute; top: 0px; right: 0px;}

.fbsubmit {  padding: 0px 8px 2px 8px; height: 20px;  position: absolute; top: 120px; right: 0px;  border: none; color: #fff; font-size: 10px;  background: url(/global/images/sendbutton1.jpg) no-repeat 0px 0px; }

.submit {height: 20px;}

.sent_message,
.error_message {font-size: 10px;}
.error_message {color: red; margin-bottom: 15px;}


/* SITEMAP PAGE */
.sitemap {padding: 0px; margin-top: 23px; margin-bottom: 13px;}
.sitemap h3 {padding-top: 20px; padding-bottom: 5px; border-bottom: 1px solid #ccc;}
.sitemap h5 {padding-top: 0px;}

.sitemap_col1 {float:left; width: 190px; font-size: 10px; padding-top:20px;}
.sitemap_col2 {float:left; width: 190px; font-size: 10px; padding-top:20px;}
.sitemap_col3 {float:left; width: 190px; font-size: 10px; padding-top:20px;}
.sitemap_col4 {float:left; width: 190px; font-size: 10px; padding-top:20px;}


/* COOKIES PAGE */
.cookies {padding: 0px; margin-top: 0px; margin-bottom: 13px; font-size: 10px; width: 590px; }
.cookies li {width: 200px;}
.cookies ul {padding-bottom: 5px; padding-top: 5px;}

.cookies h5 {padding-top: 0px;}
.cookies p {padding-bottom: 10px;}
.cookies_col1 {float: left; width: 475px;}
.cookies_col2 {float: right; width: 280px; padding-right: 5px;}

a.dotlist {cursor: auto; text-decoration: none; width: 200px; padding-bottom: 0px; margin-bottom: 7px;}
a.dotlist:hover {cursor: auto; text-decoration: none; color: #333;}


/* 404 ERROR PAGE */
.errorpage {font-size: 10px; width: 760px;}
.errorpage p {padding-top: 10px;} 
.errorpage h3 {padding-top: 20px;} 


/* SEARCH PAGE */
.searchpage {font-size: 10px;}
.searchpage p, .searchpage ul {padding-bottom: 10px;}
.searchpage li {padding-bottom: 1px;}


/* SIDEBAR INFO */
.infopart {text-align: center; position: relative;   display:block; margin-bottom:20px; width: 168px;  }
.infopart img {position: relative; margin-top: 15px;}
.infopart p {position: absolute; bottom:10px; left:0px; font-size:10px; width:168px;   }

.infopart2 {text-align: center; position: relative; margin-bottom:20px; width:168px;}
.infopart2 img {position: relative; margin-top: 15px;}
.infopart2 p {position: absolute; bottom:10px; font-size:10px; width:168px; }


/* SIDEBAR VARUM€RKEN */
.brands_box {padding: 10px; font-size: 10px;}
.brands_box img {padding-bottom: 10px;}


/* SIDEBAR NEWS HEADLINES */
.newsgroup {padding: 10px; margin-top: 15px; margin-bottom: 15px;}
.newstitle {font-size: 10px;  display: inline;    }
.sectionspacer, .dotlist, .newstitle a {display:block; padding-left:20px; background:url(/global/images/layout/arrow.png) no-repeat 0px 5px; margin-bottom:15px; width:120px;}

.enginfo {padding: 10px; margin-top: 15px; font-size: 10px;}


/* PAGE FOOTER */
.footer {margin: 0px auto; width: 823px;  padding-top: 7px; padding-bottom: 50px; border-top: 1px solid #cccccc; font-size: 10px; clear: both;}
.footer .copyright { float: left;   display: block;  }
.footer .matlink { float: right; margin-left: 40px;  display: block; cursor: pointer; }


/* PAGE HEADER */
#topheader { width: 790px; height: 70px; margin: 18px auto; position: relative; z-index: 9998;  }
#topheader #toplogo { width: 100px; height: 80px; top:0px; left:0px; background-image: url(/global/images/layout/logo.jpg); background-repeat: no-repeat; }
#toplogo a {display: block; width: 90px; height: 70px; outline: none;}

#topheader #topinfo  { width: 400px; height: 60px; top:15px; left:200px; position: absolute; text-align: right; font-size: 10px; border-right: 1px solid #ccc; padding-right:15px;}

#topheader #topinfo2  { width: 200px; height: 60px; top:15px; left:630px; position: absolute; text-align: left; font-size: 10px; }

.toplang:active, .toplang:visited, .toplang:link {
background: url(/global/images/layout/global.png) no-repeat 0px 2px;
padding-left: 25px;
width: 100px;
height: 18px;
display: block;
}

.toplang:hover {
background: url(/global/images/layout/global.png) no-repeat 0px 2px;
padding-left: 25px;
width: 100px;
height: 18px;
display: block;
}

.toplink:active, .toplink:visited, .toplink:link {
margin-left: 25px;
width: 150px;
height: 18px;
display: block;
}

.toplink:hover {
margin-left: 25px;
width: 150px;
height: 18px;
display: block;
}

.top-email:active, .top-email:visited, .top-email:link {
color: #333333;
text-decoration: none;
}

.top-email:hover {
color: #868585;
text-decoration: underline;
}

#main { width: 840px; min-height:500px; margin: -18px auto; margin-top:-80px; position: relative; z-index: 9998; background-image: url(/global/images/layout/left.jpg); background-repeat: no-repeat; }
#wrap { width: 791px; min-height:500px; padding:27px; padding-top:70px; position: relative;  background-image: url(/global/images/layout/right.jpg); background-repeat: no-repeat; background-position: top right; z-index: 9998;}
#hero {width: 607px; height:190px;background-image: url(/global/images/start.jpg);}


/* GLOBALHEADER */
#globalheader { width: 790px; height: 28px; margin: 0px auto; position: relative; z-index: 9999; }
#globalheader #globalnav { margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; width: 117px; height: 0; padding-top: 26px; overflow: hidden; }
#globalheader #globalnav li a,
#globalheader #globalsearch { background-image: url(/global/images/menu/meny.jpg); background-repeat: no-repeat; outline:none; }

#globalheader #globalnav li#mk0 a { width:82px; background-position: 0 0; }
#globalheader #globalnav li#mk1 a { width:116px; background-position: -82px 0;}
#globalheader #globalnav li#mk2 a { width:102px; background-position: -199px 0; }
#globalheader #globalnav li#mk3 a { width:102px; background-position: -301px 0;}
#globalheader #globalnav li#mk4 a { width:102px; background-position: -403px 0;}
#globalheader #globalnav li#mk5 a { width:102px; background-position: -505px 0;}

#globalheader #globalnav li#mk0 a:hover { background-position: 0 -26px; }
#globalheader #globalnav li#mk1 a:hover { background-position: -82px -26px;}
#globalheader #globalnav li#mk2 a:hover { background-position: -199px -26px; }
#globalheader #globalnav li#mk3 a:hover { background-position: -301px -26px; }
#globalheader #globalnav li#mk4 a:hover { background-position: -403px -26px; }
#globalheader #globalnav li#mk5 a:hover { background-position: -505px -26px; }

#globalheader #globalnav li#mk0 a:active { background-position: 0 -52px; }
#globalheader #globalnav li#mk1 a:active { background-position: -82px -52px; }
#globalheader #globalnav li#mk2 a:active { background-position: -199px -52px; }
#globalheader #globalnav li#mk3 a:active { background-position: -301px -52px; }
#globalheader #globalnav li#mk4 a:active { background-position: -403px -52px; }
#globalheader #globalnav li#mk5 a:active { background-position: -505px -52px; }

#globalheader #globalnav li#mk0.selected a { background-position: 0 -78px; }
#globalheader #globalnav li#mk1.selected a { background-position: -82px -78px; }
#globalheader #globalnav li#mk2.selected a { background-position: -199px -78px; }
#globalheader #globalnav li#mk3.selected a { background-position: -301px -78px; }
#globalheader #globalnav li#mk4.selected a { background-position: -403px -78px; }
#globalheader #globalnav li#mk5.selected a { background-position: -505px -78px; }

.topnav-eng {border-bottom: 1px solid #ccc; color: #fff; font-size: 1px; line-height: 20px;}

/* GLOBAL SEARCH */
#globalsearch { width: 185px; height: 26px; position: absolute; top: 0; right: 0; background-position: 100% 0; background-repeat: no-repeat; }

#globalsearch input { position: absolute; width: 110px; top: 5px; right: 30px; border: 0px; margin: 0; padding: 3px 0 0 0; font: 11px "Lucida Grande", Arial, sans-serif; outline: none; }
#globalsearch .search-wrapper { position: relative; width: 140px; margin-top: 9px; margin-left: 11px; }
#globalsearch .search-wrapper input.g-prettysearch { width: 110px; margin-left: 20px; *margin-top:-1px; *margin-right:-2px; *margin-left:10px; }
#globalsearch .search-wrapper .left, 
#globalsearch .search-wrapper .left { display: block; position: absolute; left: 0; top: 0; width: 20px; height: 19px; background: url(http://images.apple.com/global/nav/images/searchfield_leftcap.png) left top no-repeat; }
#globalsearch .search-wrapper .right { display: block; position: absolute; right: 0; top: 0; width: 10px; height: 19px; background: url(http://images.apple.com/global/nav/images/searchfield_rightcap.png) right top no-repeat; }
#globalsearch .search-wrapper.empty.blurred input { color: #7E7E7E; }
#globalsearch .search-wrapper .reset { position: absolute; width: 11px; height: 11px; overflow:hidden; z-index: 1; right: 4px; top: 4px; background: url(http://images.apple.com/global/nav/images/close.gif); display: block; cursor: pointer; _cursor:hand; }
#globalsearch .search-wrapper.empty .reset { display: none; }
#globalsearch .search-wrapper input.g-prettysearch { position: absolute; width: 110px; top: 0; right: 10px; border: 0px; margin: 0; padding: 3px 0 0 0; font: 11px "Lucida Grande", Arial, sans-serif; }
#globalsearch label .prettyplaceholder { display: block; overflow: hidden; text-indent: -9999px; height: 0; width: 0;}
 
#globalsearch input[type=search].not-round { background: #ABABAB; height: 19px; outline: none; -webkit-border-radius: 9px; -webkit-border-image: url(http://images.apple.com/global/elements/prettysearch/searchfield_border.png) 2 2 2 2 stretch stretch; width: 133px; }


/* MENU ENGLISH */
#globalheader #globalnav_eng { margin: 0; padding: 0; }
#globalheader #globalnav_eng li { display: inline; }
#globalheader #globalnav_eng li a { float: left; height: 0; padding-top: 26px; overflow: hidden; }
#globalheader #globalnav_eng li a { background: url(/global/images/menu/meny_eng.jpg) no-repeat; outline:none; }

#globalheader #globalnav_eng li#top-home a { width: 82px; background-position: 0 0; }
#globalheader #globalnav_eng li#top-about a { width: 116px; background-position: -82px 0;}
#globalheader #globalnav_eng li#top-contact a { width: 101px; background-position: -505px 0;}
#globalheader #globalnav_eng li#top-space a { width: 422px; background-position: -198px 0;}

#globalheader #globalnav_eng li#top-home a:hover {  background-position: 0 -26px; }
#globalheader #globalnav_eng li#top-about a:hover { background-position: -82px -26px;}
#globalheader #globalnav_eng li#top-contact a:hover { background-position: -505px -26px;}

#globalheader #globalnav_eng li#top-home a:active { background-position: 0 -52px; }
#globalheader #globalnav_eng li#top-about a:active { background-position: -82px -52px;}
#globalheader #globalnav_eng li#top-contact a:active { background-position: -505px -52px; }

#globalheader #globalnav_eng li#top-home.selected a { background-position: 0 -78px; }
#globalheader #globalnav_eng li#top-about.selected a { background-position: -82px -78px; }
#globalheader #globalnav_eng li#top-contact.selected a { background-position: -505px -78px; }


/* SIDEBAR */
.infoarea {width: 168px; position: relative;  background-image: url(/global/images/layout/infoback.jpg); background-repeat: no-repeat;  padding-top:3px;}

.infoarea.daniel {background-image: url(/global/images/daniel_box.jpg); background-repeat: no-repeat; height: 130px; }
 
.infoarea.daniel h3 {padding-left: 10px; padding-top: 17px; padding-bottom: 10px; }
.infoarea.daniel p  {padding-left: 10px; font-size: 10px;}

.infoarea.daniel h3 img {padding-top:5px;}

.infoarea h2 {width:100%; text-align: center; }


/* LAYOUT COLUMNS */
.grid2col {width:100%; zoom:1;}

.column {float:left;}

.column.first, .column.last {margin-left: 0px !important;}

.column.first {width:75%; padding-top:0px; margin-bottom: 30px;}

.last {margin-bottom:0px;}

.column.last {float:right !important;}

.column.last {padding-top:0px; width:22%; margin-bottom: 30px;}