body { 
	background: #FEFEFE url('../grafik/back.png') repeat-x 0 0;

text-align : center;
padding: 0;
margin-top:10px;
font-size: 12px;
}
html { 
overflow-y: scroll; 
}
#hn_container { 
width : 990px; 
background-color : white; 
border-spacing : 0; 
border-right : 1px solid #999999; 
border-left : 1px solid #999999; 
border-top : 1px solid #999999; 
border-bottom : 1px solid #999999; 
margin-left : auto; 
margin-right : auto; 
text-align : left; 
} 
.nytkatalog, .lillared { 
font-family : "comic sans ms", arial; 
font-size : 15pt; 
color : #ff0000; 
font-weight : bold; 
text-decoration : none;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}

.nytkatalog:hover, .lillared:hover {
	color: #ff0000; 
}

form { 
padding : 0; 
margin : 0; 
} 
img { 
border : none; 
} 
label { 
cursor : pointer; 
}








/* backgrounds sprite */

.backgrounds {
	background: transparent url(../grafik/top-back.png) no-repeat 0 0;
	}




/* header */

#header {
	clear: both;
	width: 990px;
	height: 80px;
	background-position: 0 0;
	background-repeat: repeat-x;
	}

#header .logo {
	float: left;
	margin: 0 0 0 10px;
	width: 386px;
	height: 80px;
	}

#header .logo img {
	width: 386px;
	height: 80px;
	}

#header .kundekort {
	float: left;
	margin: 6px 0 0 15px;
	width: 193px;
	height: 74px;
	}

#header .kundekort img {
	width: 193px;
	height: 74px;
	}



#header .searchcontainer {
	float: left;
	margin: 7px 0 0 17px;
	width: 360px;
	position: relative;
	}

#header .searchcontainer .infolinks {
	position: absolute;
	right: 4px;
	font: normal 11px Arial, Tahoma, Verdana;
	line-height: 1em;
	color: #888;
	}

#header .searchcontainer .infolinks a {	
	margin: 0 6px;
	font: normal 11px Arial, Tahoma, Verdana;
	color: #666;
	}

#header .searchcontainer .infolinks a:hover {	
	color: #444;
	text-decoration: underline;
	}
	
#header .searchcontainer .search {
	position: absolute;
	top: 27px;
	left: 0;
	width: 356px;
	height: 31px;
	background: transparent url('../grafik/search-back.png') no-repeat 0 0;
	}	
	
	
#header .searchcontainer .search form, #header .searchcontainer .search fieldset, #header .searchcontainer .search input[type=text], #header .searchcontainer .search input[type=submit] {	
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	}

#header .searchcontainer .search input[type=text] {
	float: left;
	display: block;
	margin: 5px 0 0 35px;
	width: 260px;
	line-height: 21px !important; /* ie7-ie8 fix */
	height: 21px;
	font: normal 14px Arial, Tahoma, Verdana;
	color: #888;
	}

#header .searchcontainer .search input[type=submit] {
	float: right;
	display: block;
	background: transparent none;
	position: relative;
	top: 2px;
	width: 58px;
	height: 26px;
	cursor: pointer;
	}

#header .searchcontainer .search input.active {
	color: #000;
	}











	


/* header menu */

#headermenu {
	clear: both;
	width: 990px;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	border-top: 1px solid #CDCDCD;
	background-position: 0 -82px;
	background-repeat: repeat-x;
	}

#headermenu ul {
	margin: 0 0 0 20px;
	padding: 0;
	}

#headermenu ul li {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	border-right: 1px solid #CDCDCD;
	}

#headermenu ul li:last-child {	
	border: none;
	}

/*
#headermenu ul li:hover {
	background: #FAED6A url('../grafik/top-back.png') repeat-x 0 -114px;
	}

#headermenu ul li:active {	
	background: #F5DA3D url('../grafik/top-back.png') repeat-x 0 -146px;
	}
*/	
	
#headermenu ul li a {
	padding: 0 12px;
	display: block;
	color: #404040;
	line-height: 30px;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	}

#headermenu ul li a:hover {
	background: #FAED6A url('../grafik/top-back.png') repeat-x 0 -114px;
	}

#headermenu ul li a:active { /* ie bug */
	background: #F5DA3D url('../grafik/top-back.png') repeat-x 0 -146px;
	}	
	
#headermenu ul li span.shopping {
	display: inline-block;
	padding-left: 30px;
	background-position: 0 -180px;
	}






	

.lillaback {
	height: 43px;
	background-position: 0 -220px;
	background-repeat: repeat-x;
	}
	

.lillamenutop {
	width: 160px;
	text-align: center;
	font-style: italic;
	font-size: 11px;
	font-weight: bold;
	color: #625C1C;
	line-height: 43px;
	}




/* web categories*/

.category {
	padding: 15px 5px 60px 25px;
	width: 600px;
	line-height: 1.85em;
	color: #909090;
	}

.category a {	
	font-size: 12px;
	text-decoration: underline;
	}

.category a:hover {	
	text-decoration: underline;
	}	
	
.category .categoryheader {
	margin: 15px 0 0 0;
	font-size: 20px;
	color: #F00000;	
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	}
	
.category.web100000 {
	background: transparent url('../grafik/100000/background.jpg') repeat-y 0% 10%;
	}

.category.web200000 {
	background: transparent url('../grafik/200000/background.jpg') repeat-y 0% 10%;
	}

.category.web300000 {
	background: transparent url('../grafik/300000/background.jpg') repeat-y 0% 5%;
	}

.category.web400000 {
	background: transparent url('../grafik/400000/background.jpg') repeat-y 0% 10%;
	}

.category.web500000 {
	background: transparent url('../grafik/500000/background.jpg') repeat-y 0% 10%;
	}

.category.web600000 {
	background: transparent url('../grafik/600000/background.jpg') repeat-y 0% 10%;
	}

.category.web700000 {
	background: transparent url('../grafik/700000/background.jpg') repeat-y 0% 10%;
	}

.category.web800000 {
	background: transparent url('../grafik/800000/background.jpg') repeat-y 0% 10%;
	}

.categorypromo {
	width: 190px;
	text-align: center;
	}









































#frontcontainer { 
margin-left : auto; 
margin-right : auto; 
width : 100%; 
text-align : left; 
} 
.spotprice { 
margin : 0; 
padding : 0; 
float : left; 
position : relative; 
width : 203px; 
height : 169px; 
} 
.spotprice a { 
text-decoration : none; 
} 
.spotprice div { 
width : 60px; 
height : 60px; 
position : absolute; 
top : 103px; 
left : 5px; 
font-family : arial, verdana; 
text-align : center; 
overflow : hidden; 
cursor : pointer; 
background : #ffff00 url(../grafik/spotprice.png) no-repeat 0 0; 
} 
.spotyellow { 
padding-top : 5px; 
display : block; 
height : 22px; 
color : #000; 
font-size : 11px; 
line-height : 1em; 
font-weight : bold; 
} 
.spotred { 
padding-top : 11px; 
display : block; 
color : #ffff00; 
font-size : 16px; 
font-weight : bold; 
} 






#menu {
	margin-left: 10px; 
	background-color: #FFFFF7;
	border-left: 1px solid #ffe700; 
	border-right: 1px solid #ffe700;
	}

#webmenu {	
	padding: 0 0 20px 0;
	}

#menu ul, #menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.2em;
	}

#menu ul {
	padding: 2px 1px 6px 1px;
	}


	
	
#menu ul li span {
	display: block;
	padding: 3px 0 3px 3px;

	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	cursor: default;
	
	overflow: hidden;
	white-space: nowrap;
	background: #F0F1EA url('../grafik/top-back.png') repeat-x 0 -335px;
	border-bottom: 1px solid #E3E4D2;
	border-top: 1px solid #F0F0E4;
	}

#webmenu ul li span {	
	cursor: pointer;
	}
	
#webmenu ul li span:hover {
	background-position: 0 -114px;
	border-bottom: 1px solid #F0E001;
	border-top: 1px solid #FAED69;
	}
	

#menu ul ul {
	margin: 2px 2px 5px 2px;
	padding: 4px 0 0 0;
	}

#webmenu ul ul {
	display: none;
	}
	
#webmenu ul.active ul {
	display: block;
	}


	
#webmenu ul li ul li.active {	
/*	background-color: #F0F0E4;*/
	background-color: #FCF49C;
	}


	
	
#menu ul li ul li a {
	display: block;
	padding: 1px 0 1px 4px;
	}

#menu ul li ul li a:hover  {	
	background-color: #FFF373;
	}














.spaltewidth { 
width : 300px; 
text-align : left; 
} 
hr { 
width : 98%;
} 
.gruppe { 
font-size : 24px; 
font-family : Georgia, "Times New Roman", Times, serif; 
font-style : italic; 
color : #808080; 
padding : 15px 0 10px 0; 
line-height : 27px; 
} 
.large { 
font-family : verdana, arial, sans-serif; 
font-size : 14px; 
color : #ff0000; 
font-weight : bold; 
text-decoration : none; 
} 
.big { 
font-family : verdana, arial, sans-serif; 
font-size : 12px; 
color : #ff0000; 
font-weight : bold; 
text-decoration : none; 
font-style : italic; 
} 
.big a { 
font-family : verdana, arial, sans-serif; 
font-size : 12px; 
color : #ff0000; 
font-weight : bold; 
text-decoration : none; 
font-style : italic; 
} 
.big a:hover { 
font-family : verdana, arial, sans-serif; 
font-size : 12px; 
color : #4040ff; 
font-weight : bold; 
text-decoration : underline; 
font-style : italic; 
} 
.knap { 
border-top : 1px solid #999999; 
border-left : 1px solid #999999; 
border-right : 1px solid #999999; 
border-bottom : 1px solid #999999; 
background-color : #00ff00; 
font-family : verdana; 
font-size : 9px; 
} 
a { 
font-family : verdana, arial, sans-serif; 
font-size : 10px; 
color : #202020; 
text-decoration : none; 
word-spacing : 1px; 
/*line-height : 13px;  */
} 
td { 
color : #202020; 
font-family : arial, sans-serif; 
font-size : 12px; 
word-spacing : 2px; 
} 
.forminput { 
border-right : 1px solid #999999; 
border-top : 1px solid #999999; 
border-left : 1px solid #999999; 
border-bottom : 1px solid #999999; 
background-color : #ffffeb; 
font-family : verdana; 
font-size : 8pt; 
} 
.submitbutton { 
border-right : 1px solid #999999; 
border-top : 1px solid #999999; 
border-left : 1px solid #999999; 
border-bottom : 1px solid #999999; 
background-color : #dddddd; 
cursor : pointer; 
font-family : verdana; 
font-size : 8pt; 
} 
.border { 
border-bottom : 1px solid #848484; 
border-left : 1px solid #848484; 
border-right : 1px solid #848484; 
border-top : 1px solid #848484; 
} 
a:hover { 
/* font-size : 10px;  */
color : #0000ff; 
text-decoration : none; 
} 
.form { 
font-size : 9px; 
color : #202020; 
font-family : verdana, arial, sans-serif; 
text-decoration : none; 
} 
.tilbud { 
font-family : "comic sans ms", arial; 
font-size : 10pt; 
color : #000080; 
font-weight : bold; 
text-decoration : none; 
} 
.pri { 
font-family : verdana, arial, sans-serif; 
font-size : 14pt; 
color : #ff0000; 
font-weight : bold; 
text-decoration : none; 
} 
s { 
text-decoration : none; 
background-image : url("/grafik/over_st.gif"); 
background-repeat : no-repeat; 
background-position : 0 0; 
padding-left : 10px; 
padding-right : 4px; 
} 

#lastvieweditems { 
	padding: 0;
	margin: 0 auto;
	width: 670px; 
	} 
	
.lastvieweditem { 
width : 218px; 
} 
.lastviewedimage { 
float : left; 
width : 58px; 
text-align : center; 
} 
.lastvieweddesc { 
float : left; 
width : 160px; 
} 
.lastvieweddesc span { 
display : block; 
font-size : 10px; 
} 
.lastvieweddesc a { 
font-size : 10px; 
} 
#vejled { 
padding : 20px 10px; 
} 

#vejled  table { 
margin :0 auto;
} 

#vejled a { 
text-decoration : underline; 
} 
.clear { 
clear : both; 
} 
.clearfix:after { 
content : "."; 
display : block; 
clear : both; 
height : 0; 
line-height : 0; 
visibility : hidden; 
} 
.clearfix { 
display : inline-table; 
} 
* html .clearfix { 
height : 1%; 
} 
* + html .clearfix { 
height : 1%; 
} 
.clearfix { 
display : block; 
} 













.frontnews {
	margin: 30px 25px;
	}

.frontnews p {
	margin: 2px 0 4px 0;
	font-weight: bold;
	font-size: 14px;
	}

.frontnews .columnleft {
	float: left;
	margin: 0 0 0 0px;
	width: 375px;
	}
	
.frontnews .columnleft .newsletter {
	float: left;
	margin: 0 10px 0 0;
	}	
	
.frontnews .columnleft .newsletter img {
	width: 120px;
	-moz-box-shadow: 2px 2px 4px #CCC;
	-webkit-box-shadow: 2px 2px 4px #CCC;
	box-shadow: 2px 2px 4px #CCC;
	}
	
.frontnews .columnright {
	float: left;
	margin: 0 0 0 25px;
	width: 350px;
	}
	
.frontnews .columnright img{
	width: 199px;
	height: 47px;
	}
	













#frontcontainer2 { 
margin-left : auto; 
margin-right : auto; 
width : 100%; 
text-align : left; 
} 
.spotprice2 { 
margin : 0; 
padding : 0; 
float : left; 
position : relative; 
width : 203px; 
height : 171px; 
} 
.spotprice2 a { 
text-decoration : none; 
} 
.spotprice2 div { 
width : 60px; 
height : 60px; 
position : absolute; 
top : 103px; 
left : 5px; 
font-family : arial, verdana; 
text-align : center; 
overflow : hidden; 
cursor : pointer; 
background : url(../grafik/stregtest.gif) no-repeat 0 0; 
} 
.spotyellow2 { 
padding-top : 5px; 
display : block; 
height : 22px; 
color : #000; 
font-size : 11px; 
line-height : 1em; 
font-weight : bold; 
} 
.spotred2 { 
padding-top : 8px; 
display : block; 
color : #ffff00; 
font-size : 16px; 
font-weight : bold;
text-shadow: 0px 0px 5px #550000;
} 















/* auto complete */
	
.ac_results {
	margin: 2px 0 0 -8px;
	padding: 0;
	border: 1px solid #CDCDCD;
	background-color: #FFF;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	}

.ac_results li {
	margin: 1px;
	padding: 2px 5px 2px 10px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 1.1em;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	text-align: left;
	color: #111;
	}

	
.ac_results li strong {
	color: #000;
	}
	
	
.ac_loading {
/*	background: white url(../static/ajax-loader.gif) right center no-repeat; */
}

.ac_odd {
	background-color: #FDFDFD;
}

.ac_over {
	background-color: #FAEA55;
	
	background-image: linear-gradient(top, #FDF680, #F4D838);
	background-image: -moz-linear-gradient(top, #FDF680, #F4D838);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDF680), to(#F4D838));
	background-image: -ms-linear-gradient(top, #FDF680 0%, #F4D838 100%); /* ie10 */
	background-image: -o-linear-gradient(top, #FDF680 0%, #F4D838 100%); /* opera */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FDF680', endColorstr='#F4D838'); /* ie7-8-9 */
	}