﻿
/*------------------- Page --------------------*/


body {
	background: url(/Files/System/Page-BG.jpg) no-repeat top center #eeeeee;
}


.Main-container{
	
	width: 850px;
	margin-left: auto;
	margin-right: auto;	
}

.topText{
	margin-left: 20px;
}

.kreditkort{
	float: right;
	padding: 8px;
	height: 26px;
}


.Spacer {
	clear: both;
} 

.Legend-container{
	position: relative;
	width: 630px;
	height: 15px;
	top: 345px;
	left: 200px;
	text-decoration: none;
	font-style: normal;
	font-weight: normail;
	font-family: Arial, Helvetica;
	font-size: 11px;
}


.Legend-container a.Legend{
	color: #929292; 
}


.Legend-container a.Legend:Hover{
	color: #c15a09; 
}

.Page-container{
	width: 838px;
	background-color: #ffffff;
	padding: 12px 0px 12px 12px;
	float: left;
	
	}

.TopLogo{
	float: left;
	width: 530px;
	height: 61px;
	padding: 0px;
	margin: 0px;
}


.TopLogo p{
	padding: 0px 0px 14px 10px;
	color: #9d9d9d;
	text-decoration: none;
	font-style: normal;
	font-weight: Bold;
	font-family: Arial, Helvetica;
	font-size: 11px;
}

.toolsmenu{
	padding: 0px;
}

.login{
	float: right;
	margin-right: 12px;
}

.login a{
	text-decoration: none;	
}

#MM3{
	width: 25px;
	background: url(/Files/System/ToolsSpacer.gif) no-repeat center center;
}

.alternativTekst-sort{
	font-size: 11px;
	font-family: Arial, Helvetica;
	font-weight: Bold;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	line-height: normal;
}

.alternativTekst-sort:hover{
	font-size: 11px;
	font-family: Arial, Helvetica;
	font-weight: Bold;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	line-height: normal;
}

/*------------------------ Menu -----------------------*/


.Menu-container{
	width: 826px;
	height: 38px;
	padding: 0px;
	background: url(/Files/System/MenuBG.jpg) no-repeat top left;
	position: relative;
	margin: 0px;
	clear: both;
}

.Menu-container table{
	padding: 1px;
}

.cart-container{
	float: right;
	height: 29px;
	width: 138px;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

.cart-container a{
	background-image: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.cart-container a:hover{
	background-image: none;
}


.Menu-container #MM1{
	display:none;
}

/*---------------------------------------------------------*/
/*---------------------  LEFT MENU  -----------------------*/
/*---------------------------------------------------------*/

.MenuLeft  a{
	font-size: 11px;
	font-family: Arial, Helvetica;
	font-weight: Bold;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	line-height: normal;
	padding: 2px 10px 0px 0px;;
}


.MenuLeft a:hover{
	background-image: url(/files/system/LeftMenuBG_Over.jpg);
	
}





.MenuLeft .L1_Active a{
	font-size: 11px;
	font-family: Arial, Helvetica;
	font-weight: Bold;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	line-height: normal;
	padding: 2px 10px 0px 0px;;
}

.MenuLeft .L1_Active a:hover{
	background: url(/files/system/LeftMenuBG_Over.jpg) no-repeat ;
	
}

.MenuLeft .L2 a{
	font-size: 11px;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	line-height: normal;
	padding: 2px 10px 0px 0px;;
}

.MenuLeft .L3 a{
	font-size: 11px;
	font-family: Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #7c7c7c;
	line-height: normal;
	padding: 2px 10px 0px 0px;
}

.MenuLeft .M2 li a{
	width: 135px;
}

.MenuLeft{
	margin: 18px 0px 0px 10px;
	width: 151px;
}

.MenuLeft a{
	display: block;
	text-align: right;
	width: 149px;
	height: 19px;
}

 ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.MenuLeft ul.M0, ul.M2, ul.M3 {
	margin-left:0px;
}

.MenuLeftli.l2,li.l3,li.l4,li.l2_Active,li.l3_Active,li.l4_Active {
	list-style: none outside;
 	margin-left:15px;
 
}

.MenuLeft li.l1,li.l1_Active {
	list-style: none outside;
	margin-left:0px;
	display: block;
  
}

.MenuLeft li.l1 a.l1, li.l1_Active a.l1_Active, ul.M1{
	margin-left:0px;


}
.MenuLeft .nimg{
	display: block;
}


.M2 {
	display: none;

}

.MenuLeft a {
	display: none
}

.MenuLeft .M1 a {
	display: block;
}





	/*background-image: url(/files/system/LeftMenuBG_Over.jpg);*/




/*--------------- Footer -----------------*/


.Footer-container{
	padding: 10px 0px 0px 0px;
}



/*------------------ Setup ------------------*/


.TopArea{
	width: 826px;
	height: 173px;
	background-image: URL(/Files/System/TopBG.jpg);
	margin: 0px;
	padding: 0px;

}


/*-------------- Content container ------------*/

.Content-container {
	background: URL(/Files/System/Content-BG.gif) no-repeat;
	background-position: 0px 173px; 
	width: 836px;
}



.Right-Content-Container{
	float: right;
	width: 651px;
	margin: 60px 0px 0px 10px;
	}



/*------------ TopArea-paragraph-containers ------------*/

.TopArea-paragraph-container{
	width: 365px;
	height: 157px;
	background: url(/Files/System/TopAreaStreg.gif) no-repeat center center;
	padding: 8px;
	position: relative;
}

.TopArea-paragraph-1{
	Float: left;
	height: 138px;
	width: 166px;
	padding: 0 8px 8px;
}

.TopArea-paragraph-2{
	Float: right;
	height: 138px;
	width: 166px;
	padding: 0 8px 8px;
}

.TopArea-paragraph-container .h1 {
	font-size: 14px;
	font-family: Arial, Helvetica;
	font-weight: Bold;
	font-style: normal;
	text-decoration: none;
	color: #FFFFFF;
	line-height: normal;
	margin-bottom: 5px;
	margin-top: 15px;
}

.TopArea-paragraph-container p {
	font-size: 11px;
	font-family: Arial, Helvetica;
	font-weight: Bold;
	font-style: normal;
	text-decoration: none;
	color: #FFFFFF;
	line-height: normal;
	margin-bottom:5px;
	margin-top: 5px;
}
/*------------------- Produkt søg -------------------*/

.produktsearch {
	background: url(/Files/System/sogBG.png) no-repeat center center;
	height: 23px;
	width: 100px;
	border-style: none;
	margin: 3px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	
}

.produktsearch  input{
	background-color: none;
	border-style: none;
	border-color: #ffffff;
	width: 90px;
	margin: 3px 0px 0px 7px;
	color: #858585;
}

.produktsearch-container{
	float: right;
	margin-right: 10px;
}

/*------------------- Erhverskunde login ----------------------*/

.ErhvervskundeLogin .login-input{
	background: url(/Files/System/inputBG.png) no-repeat center center;
	height: 23px;
	width: 167px;
	border-style: none;
	padding: 5px 0px 5px 0px; 
}

.ErhvervskundeLogin .login-input input{
	background-color: none;
	border-style: none;
	border-color: #ffffff;
	width: 160px;
	margin: 3px 0px 0px 3px;
	color: #858585;
}



.LogOut-Btn{
	float: left;
	margin: 8px 0px 0px 0px;
}

.login-btn{
margin: 5px 0px 0px 0px;			
}

/*----------------------------------------------------------------*/
/*----------------------------  SHOP  ----------------------------*/
/*----------------------------------------------------------------*/

.ShopItemList{
	background-image: url(/Files/System/ListItemBG_3_Pasiv.gif);
	width: 137px;
	height: 186px;
	max-height: 186px;
	float: left;
	margin: 0px 11px 11px 0px;
	padding:7px;
	background-repeat: no-repeat;	
}

.ShopItemList:hover{
	background-image: url(/Files/System/ListItemBG_3.gif);
	cursor: pointer;
}

.ShopItemList .productImage{
	max-height: 105px;
	max-width: 136px;
	border: none;
}

.produktliste-overskrift{
	height: 48px;
}

.produktliste-overskrift a{
	font-size: 11px;
	font-family: Arial, Helvetica;
	font-weight: Bold;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	line-height: normal;
}

produktliste-overskrift_m_moms{
	font-size: 11px;
	font-family: Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #bebebe;
	line-height: normal;
}

.produktliste-billede-holder{
	background-color: #00ff00;
}

.produktliste-nummer{
	font-size: 11px;
	font-family: Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #7c7c7c;
	line-height: normal;
}

.produktliste-billede{
	position:relative;
	width: 137px;
	height: 153px;
	background-position: bottom center;
	background-repeat: no-repeat;
}

.Produktliste-billede-tilbud-display{
	height: 49px;
	width: 49px;
	background-image: url(/Files/System/ProductListTilbud.png);
	position: absolute;
	top: 104px;
	left: 93px;
}


.Produktliste-billede-tilbud-NOdisplay{
	height: 49px;
	width: 49px;
	background-image: url(/Files/System/ProductListTilbud.png);
	position: absolute;
	top: 104px;
	left: 93px;
	display: none;
}


.produktliste-price-container{
	width: 137px;
	height: 21px;
	margin-top: 0px;
}

.produktliste-price{
	float: left;
}

.produktliste-price-middle{
	float: left;
	width:95px; 
	text-align: center;
	padding-top: 3px;
}

#productlistnavigation{
	background-image: url(/Files/System/ListItemBottom.gif);
	width: 652px;
	float:right;
	padding-top: 15px;
}

.productcount{
	padding: 15px 0px 0px 3px;
	float: left;
	
}

.pagecount{
	padding: 0px 15px 0px 0px;
	float: right;
	color: #858585;
}

.pagecount a {
	text-decoration: none;
	color: #858585;
}

.pagecount a:hover {
	text-decoration: none;
	color: #000000;
}



/*--------------------- popup ---------------*/

.popupBG{
	width: 561px;
	height: 462px;
	background-image: url(/Files/System/popupBG.png);
	margin-left: auto;
	margin-right: auto;	
	margin-top: 100px;
	vertical-align: middle;
}

.closeBtn{
	float: right;
	height: 21px;
	width: 21px;
}

.popupProduktOverskrift{
	font-size: 14px;
	font-family: Arial, Helvetica;
	font-weight: Bold;
	font-style: normal;
	text-decoration: none;
	color: #FFFFFF;
	line-height: normal;
	padding: 27px 0px 0px 27px;
}

.popupProduktLeft{
	float: left;
	width: 301px;
	height: 345px;
	background-color: #00ff00;
	margin: 10px 0px 0px 25px;
}

.popupProduktRight{
	float: right;
	width: 200px;
	height: 345px;
	margin: 15px 25px 0px 10px;
	overflow-y: auto;
	sc
}

.popupProduktBund{
	width: 511px;
	height: 40px;
	margin: 15px 0px 0px 25px;
}

.popupProdukt{
	width: 100%;
}

.popupProduktBund-left{
	float: left;
	
}

.popupProduktBund-right{
	float: right;

}

.AntalProdukter{
	background-image: url(/files/system/AntalprodukterBG.gif);
	width: 42px;
	height: 23px;
	background-color: #ff0000;
}

.AntalProdukter input{
	background-color: none;
	border-style: none;
	border-color: #ffffff;
	margin: 3px 0px 0px 3px;
	height: 10px;
}

.popupPris{
	background-image: url(/files/system/popupPrisBG.jpg);
	width: 144px;
	height: 29px;
	float: right;
	margin: 300px 25px 0px 0px;
	vertical-align: middle;
	font-size: 22px;
	font-family: Arial, Helvetica;
	font-weight: Bold;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	line-height: normal;
	text-align: center;
	padding: 5px 0px 0px 0px;
}

.popupPris_m_moms{
	width: 144px;
	height: 29px;
	float: right;
	margin: 2px 25px 0px 0px;
	vertical-align: middle;
	font-size: 15px;
	font-family: Arial, Helvetica;
	font-weight: Bold;
	font-style: normal;
	text-decoration: none;
	color: #bebebe;
	line-height: normal;
	text-align: center;
	padding: 5px 0px 0px 0px;
	
}

.produktOverskrift h1{
	color: #000000;
	text-align: left;
	margin: 0 0 15px 20px;
	padding: 0;
}

.produktLeft{
	float: left;
	width: 350px;
	margin: 0 0 0 20px;
}

.produktLeft p{
	float: left;
	margin: 20px 0 0 0;
}


.produktLeft img{
	float: left;
}

.produktRight{
	float: right;
	width: 250px;
}

.produktKurv{
	float: left;
	margin: 10px 0 0 0;
}

.produktPris{
	background-image: url(/files/system/popupPrisBG.jpg);
	width: 144px;
	height: 29px;
	float: left;
	margin: 20px 0 0 0;
	vertical-align: middle;
	font-size: 22px;
	font-family: Arial, Helvetica;
	font-weight: Bold;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	line-height: normal;
	text-align: center;
	padding: 5px 0px 0px 0px;
}

.produktPris_m_moms{
	width: 144px;
	height: 29px;
	float: left;
	margin: 2px 0 0 0;
	vertical-align: middle;
	font-size: 15px;
	font-family: Arial, Helvetica;
	font-weight: Bold;
	font-style: normal;
	text-decoration: none;
	color: #bebebe;
	line-height: normal;
	text-align: center;
	padding: 5px 0px 0px 0px;
}

/*DW shop categories - CMO*/
#subgroups{float:left; width:100%; }
ul.M1 li a#activeitem{background-image:url(/files/system/LeftMenuBG_Over.jpg); width:149px; height:19px; background-repeat:no-repeat; background-position:5px 0px}



/*------ Submenu paragraph -----------*/

#submenu{
    float:left;
	width: 636px; 
	height:auto;
	background-color:#f4f4f4;
}

#submenu ul li{
	margin: 5px;
}

/*-----Top pageturn -----*/

#productlistnavigation_top {
	width: 652px;
	float:right;
	top: 328px;
	position: absolute;
	padding-top: 15px;
	
}

.Groupinfo_left{
	width:150px;
	height: 20px;
	float:left;
	text-align: left;
	color: #858585;
}
.Groupinfo_left a {
	text-decoration: none;
	color: #858585;
}

.Groupinfo_left a:hover {
	text-decoration: none;
	color: #000000;
}


.Groupinfo_middle{
	width: 352px;
	height: 20px;
	float:left;
	text-align:center; 
}
.Groupinfo_right{
	width:150px;
	height: 20px;
	float:left;
}

/*------------ Groups i søgeresultat--------------*/

.ProductGroupLink{

}

.groupDiscription{
	padding: 5px;
}

.ProductGroupLink a {
	font-size: 11px;
	font-family: Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #7c7c7c;
	line-height: normal;
}

.ProductGroupLink a:hover {
	color: #c15a09;
	text-decoration: underline;
}

.groupDiscriptionGroupName{
	text-transform: lowercase;
}


.groupDiscription H1{
	color: black;
	font-size: 14px;
	line-height: 12px;
}


.ProductGroupLinkTable{
	height: 28px;
}

.produktSearch_ShopItemList{
	background-image: url(/Files/System/ListItemBG_3_Pasiv.gif);
	width: 137px;
	height: 210px;
	float: left;
	margin: 0px 11px 11px 0px;
	padding:7px;
	
}

.produktSearch_ShopItemList_Over{
	background-image: url(/Files/System/ListItemBG-Search.jpg);
	width: 137px;
	height: 210px;
	float: left;
	margin: 0px 11px 11px 0px;
	padding:7px;
	background-repeat: no-repeat;
}





