﻿html {
    overflow-y: scroll;
}

a {
    outline: none;
    color:#5D5D5D;
}

img 
{
    border:0;
}

li a 
{
    border:none;
}

body 
{
    
}

.bold {
    font-weight:bold;
}

.italic {
    font-style:italic;
}


.font10 {
    font-size:10px;
}

.textleft {
    text-align:left;
}

h1 {
    font-family:Arial;
    font-size:30px;
    color:#fe1c10;
}

h2 {
    font-family:Arial;
    font-weight:bold;
    font-size:16px;
    color:#5b8fc4;
}

.ingress 
{
    font-size: 16px;
    font-weight:bold;
    color:#5b8fc4;
}

.shadow {	
	filter: Shadow(Color=#333333, 	
			Direction=135, 
			Strength=5);
}


/* Left menu */

#nav{
    float:left;
	padding: 0 0 0 11px;
	list-style: none;
	margin: 0 auto -1px;	
	position: relative;
	z-index: 10;
	overflow: hidden;
	width:180px;
	margin-bottom:20px;
}

#sidebar ul 
{
    /*width:170px;*/
    width:100%;
}

#sidebar ul.submenu {    
    width:100%;
}

#nav li{
	float: left;
	padding-left: 3px;
	margin-bottom:5px;
	width:100%;
}
#nav a{
	float: left;
	font-size: 15px;
	font-weight:bold;
	color: #fff;
	line-height: 30px;
	background: url(../images/Menu/MainLeftCornerSprite.png) no-repeat;	
	padding-left:11px;	
	text-shadow: #6374AB 0px 2px 2px;
}



#nav a.double {
    float: left;
	font-size: 15px;
	font-weight:bold;
	color: #fff;
	line-height: 19px;
	/*padding-top:8px;*/
	background: url(../images/Menu/MainLeftCorner150percSprite.png) no-repeat;
	padding-left:11px;
}

#nav span{
	float: left;	
	background: url(../images/Menu/MainRightCornerSprite.png) no-repeat 100% 0;
	cursor: pointer;
	background-color:#ffbd00;	
	padding-top:0px;
	padding-left:6px;
	padding-right:12px;
	padding-bottom:0px;
}

#nav span.double {
	float: left;	
	background: url(../images/Menu/MainRightCorner150percSprite.png) no-repeat 100% 0;
	cursor: pointer;
	background-color:#ffbd00;	
	padding-top:3px;
	padding-right:12px;
	padding-bottom:4px;
	padding-left:6px;
}

#nav .submenu span
{
    background: url(../images/Menu/SubMenuRightCornerSprite.png) no-repeat 100% 0;
}

#nav a:hover,
#nav .active a{
	backgroundcolor: #ffbd00;
	text-decoration: none;
	background-position: 0 -30px;
}

#nav a.double:hover {
    backgroundcolor: #ffbd00;
	text-decoration: none;
	background-position: 0 -45px;
}

#nav a:hover.double span {
    background-position: 100% -45px;
	background-color:#acdaff;
}

#nav a:hover span,
#nav .active a span{
	background-position: 100% -30px;
	background-color:#acdaff;
}


#nav .submenu a span 
{
    background-position: 100% 0px;	
	background-color:#FFBD00;
	padding-bottom:0px;
}

#nav .submenu a span.active 
{
    background-position: 100% -20px;
	background-color:#acdaff;	
	padding-bottom:0px;
}

#nav .submenu a 
{
    background-position: 0 0px;
	/*background-color:#acdaff;*/
	background-color:#FFBD00;
	/*padding-bottom:4px;*/
}

#nav .submenu a.active
{
    background-position: 0 -20px;
	/*background-color:#acdaff;*/
	background-color:#acdaff;
	/*padding-bottom:4px;*/
}

/*#nav .submenu.active a span 
{
    background-color:#ACDAFF;
    background-position:100% 0px;
}*/






/* Footer menu */

#footer ul .forsiden {
	background: url(../images/Footer/forsiden_Passive_NO.png) no-repeat;
	width: 201px;
	height: 66px;
	margin-top:11px;
}
#footer ul .vare {
	background: url(../images/Footer/SeVaareIs_Passive_NO.png) no-repeat;
	width: 203px;
	height: 71px;
	margin-top:6px;
}
#footer ul .vareDK {
	background: url(../images/Footer/SeVaareIs_Passive_DK.png) no-repeat;
	width: 203px;
	height: 71px;
	margin-top:6px;
}

#footer ul .activ {
	background: url(../images/Footer/Aktiviteter_Passive_NO.png) no-repeat;
	width: 202px;
	height: 68px;
	margin-top:9px;
}

#footer ul .service {
	background: url(../images/Footer/ForbrukerService_Passive_NO.png) no-repeat;
	width: 204px;
	height: 77px;
}
#footer ul .serviceDK {
	background: url(../images/Footer/ForbrukerService_Passive_DK.png) no-repeat;
	width: 204px;
	height: 77px;
}


#footer ul .diplom {
	background: url(../images/Footer/OmDiplomIs_Passive_NO.png) no-repeat;
	width: 201px;
	height: 77px;	
}


#footer ul .forsiden:hover {
background:url("../images/Footer/Forsiden_active_NO.png") no-repeat scroll 0 0 transparent;
height:66px;
margin-top:11px;
width:201px;
}

#footer ul .vare:hover {
background:url("../images/Footer/SeVaareIs_Active_NO.png") no-repeat scroll 0 0 transparent;
height:71px;
margin-top:6px;
width:203px;
}
#footer ul .vareDK:hover {
background:url("../images/Footer/SeVaareIs_Active_DK.png") no-repeat scroll 0 0 transparent;
height:71px;
margin-top:6px;
width:203px;
}

#footer ul .activ:hover {
background:url("../images/Footer/Aktiviteter_Active_NO.png") no-repeat scroll 0 0 transparent;
height:68px;
margin-top:9px;
width:202px;
border:none;
}

#footer ul .service:hover {
background:url("../images/Footer/ForbrukerService_Active_NO.png") no-repeat scroll 0 0 transparent;
height:77px;
width:204px;
}
#footer ul .serviceDK:hover {
background:url("../images/Footer/ForbrukerService_Active_DK.png") no-repeat scroll 0 0 transparent;
height:77px;
width:204px;
}

#footer ul .diplom:hover {
background:url("../images/Footer/OmDiplomIs_Active_NO.png") no-repeat scroll 0 0 transparent;
height:62px;
margin-top:15px;
width:201px;
}

/* Footer active states */
#footer ul .forsiden.current 
{
    background:url("../images/Footer/Forsiden_active_NO.png") no-repeat scroll 0 0 transparent;
    height:66px;
    margin-top:11px;
    width:201px;
}

#footer ul .vare.current 
{
    background:url("../images/Footer/SeVaareIs_Active_NO.png") no-repeat scroll 0 0 transparent;
    height:71px;
    margin-top:6px;
    width:203px;
}
#footer ul .vareDK.current 
{
    background:url("../images/Footer/SeVaareIs_Active_DK.png") no-repeat scroll 0 0 transparent;
    height:71px;
    margin-top:6px;
    width:203px;
}

#footer ul .service.current 
{
    background:url("../images/Footer/ForbrukerService_Active_NO.png") no-repeat scroll 0 0 transparent;
    height:77px;
    width:204px;
}
#footer ul .serviceDK.current 
{
    background:url("../images/Footer/ForbrukerService_Active_DK.png") no-repeat scroll 0 0 transparent;
    height:77px;
    width:204px;
}

#footer ul .diplom.current 
{
    background:url("../images/Footer/OmDiplomIs_Active_NO.png") no-repeat scroll 0 0 transparent;
    height:62px;
    margin-top:15px;
    width:201px;
}
#footer ul .activ.current 
{
    background:url("../images/Footer/Aktiviteter_Active_NO.png") no-repeat scroll 0 0 transparent;
    height:68px;
    margin-top:9px;
    width:202px;
}



/* Nutrients "table" */

.heading1  {
    background-color:#fe1c10;
    color:#ffffff;
}

.heading2  {
    background-color:#daebf7;
    color:#5b8fc4;
}

.nutrientdetailstablerow {
    float:left;
    height:auto !important;
    min-height:16px;
    width:547px;    
}

.nutrientdetailswrapper a {
    color:#ffb000;
    text-decoration:none;
}

.yellowBackgroundBox {
    float:left;
    width:230px;
    height:230px;
    background:url("../images/AktiviteterBoks.png") no-repeat scroll 0 0 transparent;
    margin-right:10px;
}

.yellowBackgroundBox img {
    margin-top:18px;
    margin-left:18px;
}

.yellowBackgroundBox h2 {
    color:#ffffff;
    margin-top:2px;
    margin-bottom:2px;
}

.yellowBackgroundBox div {
    padding:4px;
}

.boxSubText {
    color:#FFFFFF;
    font-size:10px;
    font-weight:bold;
    text-align:center;    
}

/* ListTemplate */
.listItem 
{
    float:left;
    width:655px;
    margin-bottom:55px;
}
.listItemColumn 
{   
    float:left;
    width:205px;
    margin-right:15px;
    font-size:16px;
    font-weight:bold;
    color:#5b8fc4;
}

.listItemColumn h5 
{
    font-size:16px;
    font-weight:bold;
    color:#ff0c00;
    margin-top:0px;
    margin-bottom:2px;
}

.listItemColumn a 
{
    color:#ffbd00;
    text-decoration:none;
}


/* Product gallery */

.productDescription 
{
    color:#5B8FC4;
    /*display:block;*/
    font-size:10px;
    margin:0 0 4px;
}


/* Forms */
.complaintTextboxDI2 {
    background-color:#FFFFFF;    
    color:#343434;
    font-size:13px;
    font-weight:normal;
}


.suggestionTextboxDI2 {
    background-color:#FFFFFF;    
    color:#343434;
    font-size:13px;
    font-weight:normal;
    width:350px;
}

.suggestionswrapper, .suggestionscontrol, .suggestionsbody {
    color:#5B8FC4;
    float:left;
    font-size:11px;
    font-weight:bold;
    height:auto;
    width:547px;
}

/* Product tables */

.filtercontrolswrapperDI2  {
    float:left;
    height:140px;
    width:441px;
}

.productdetailrowDI2 {
    float:left;    
    padding-left:3px;
    padding-top:3px;
    width:630px;
}


.productartcolDI2 {
    float:left;
    height:16px;
    width:42px;
}

.productnavncolDI2 {
    float:left;
    height:auto;
    width:270px;
}

.productnavncolDI2 a  
{
    color:#FF0C00;
    font-size:10px;
    font-weight:bold;
}

.productmelkcolDI2 {
    float:left;
    height:auto;
    width:40px;
}

.producteggcolDI2 {
    float:left;
    height:auto;
    width:30px;
}

.productglutencolDI2 {
    float:left;
    height:auto;
    width:50px;
}

.productnottercolDI2 {
    float:left;
    height:auto;
    width:50px;
}

.nutrientdetailsdropdownDI2  {
    border:1px solid #666666;
    color:#343434;
    float:left;
    font-family:Verdana,Tahoma,Helvetica,Geneva,Arial,sans-serif;    
    width:200px;
}


.heading1DI2 {
    background-color:#FF0C00;
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
}

.heading2DI2 {
    background-color:#daebf7;
    color:#5b8fc4;
    font-size:12px;
    font-weight:bold;
}

/* Nutrients table */

.productdetailwrapper  {
    float:left;
    font-family:arial;
    height:auto;
    padding-left:10px;
    padding-right:10px;
    width:547px;
}

.nutrientdetailsdropdown  {
    border:1px solid #666666;
    color:#343434;
    float:left;
    font-family:Verdana,Tahoma,Helvetica,Geneva,Arial,sans-serif;    
    width:200px;
}

.nutrientdetailswrapper  {
    float:left;
    height:auto;
    width:610px;
}

.nutrientdetailswrapper a {
    color:#BD0026;
    text-decoration:none;
}

.nutrientdetailstablerow  {
    float:left;
    height:auto !important;
    min-height:20px;
    width:610px;
}

.artCol {
    float:left;
    height:16px;
    width:50px;
}

.navncol {
    float:left;
    height:auto !important;
    min-height:16px;
    width:255px;
}

.navncol a {
    color:#FF0C00;
    font-size:10px;
    font-weight:bold;
}

.energicol {
    float:left;
    height:16px;
    width:105px;
}

.proteincol {
float:left;
height:16px;
width:75px;
}

.karbohydcol {
float:left;
height:16px;
width:80px;
}

.fett {
float:left;
height:16px;
width:45px;
}

/* Varebestilling */
#orderFormWrapper {
    font-size:11px;
    margin-left:10px;
    margin-top:0px;
}

#orderFormWrapper input, textarea, select {
    color:#000000;
    font:12px arial,sans-serif;
    vertical-align:middle;
}

.customercommentswrap  {
    font-family:Arial;
    margin-left:3px;
}

.categoryTitle {
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    margin-left:2px;
    text-transform:uppercase;
}

.orderprodtable {
    color:#333344;
    font-family:Verdana,Tahoma,Helvetica,Geneva,Arial,sans-serif;
    font-size:10px;
    font-weight:normal;
    margin-bottom:15px;
    padding:0 5px;
    text-align:left;
}

/* Products */
span.new img {
margin:-10px 0 0 120px;
position:absolute;
z-index:3;
}

.orderlinks
{
	font-weight: bold;
	color: black;
	
}