/* LAYOUT */

.body{
	background: #689633 url(../img/background.png) repeat-x scroll top;	/* Canvas background */
}
#container{
	background: none;
	text-align: center;	/* Center (IE) */
	background: url(../img/container-bg.jpg) no-repeat 50% 0;
}
#page{
	background: transparent url(../img/page-background.gif) repeat-x scroll top;	/* Page background */
	width: 997px;	/* Page width */
	margin: 0px auto;	/* Center (other browsers) */
	
	text-align: left;
}


/* TOP */
#top {
	min-height: 96px;
	height:		auto !important;
	height: 	96px;
	position: relative;
}

	#logo {
		position: absolute;
		left:0px;
		top:25px;
	}
	#search {
		width:190px;
		position: absolute;
		right:0px;
		top:6px;
	}
		
	
	#flashtop {}
	
	#top-bar {
		min-height: 43px;
		height:		auto !important;
		height: 	43px;
		position: absolute;
		width:491px !important;
		width:520px;
		left:256px;
		top:41px;
	}
		#menu-top {}
		
	.innskra {
		position: absolute;
		right:0px;
		top:41px;
	}
		.innskra a {
			display:block;
			width:148px;
			height:42px;
			background:url(../img/btn-innskraning.gif) no-repeat;
			overflow: hidden;
			text-indent: -9999px;
		}

/* MIDDLE */
#middle {
	width:975px;
	clear: both;
	float: left;
	padding:19px 11px;
	background: #fff url(../img/middle-top-corner.gif) no-repeat top right;
}

	#left-column {
		float: left;
		width: 219px;
	}
		#menu {}
		#menu-catalogue {}
		#mailing-list {}
		#calendar {}
	
	#middle_right {
		float: right;
		width: 740px; /* 10px margin left */
	}
	
	#right-column {
		float: right;
		width: 219px;
	}
		#search {}
		#news {}
		#extra-content {}
		#shopping-info {}
		#shopping-cart{ }
	
	#main-column{
		float: left;
		width: 502px; /* 10px margin right */
		background-color:#fff;
	}
		#content{
			height: 	1%;
		}


/* BOTTOM */
#bottom{
	clear: both;
	text-align: center;
	
	background: #ffffff url(../img/bottom-bg.gif) no-repeat bottom;
}

	#footer{
		padding:15px;
	}
		#footer a {}
		#footer a:hover{}
	#copyright{}

	
/* Boxes */
.box {
	position:relative;
	background:#f5f5f5;
	margin-bottom:20px;
	padding:10px;
	float:left;
}
#forsida .box {
	position:relative;
	background:#f5f5f5;
	margin-bottom:20px;
	padding:10px;
	float:none;
}
#left-column .box, #right-column .box {
	float:none;
}
.box.green { background:#8cb046; }
	.box .tl,
	.box .tr,
	.box .bl,
	.box .br {
		display:block;
		height:15px;
		width:15px;
		position: absolute;
	}
	.box .tl { background:url(../img/tl.gif) no-repeat left; left:0px; top:0px; }
	.box .tr { background:url(../img/tr.gif) no-repeat left; right:0px; top:0px; }
	.box .bl { background:url(../img/bl.gif) no-repeat left; left:0px; bottom:0px; }
	.box .br { background:url(../img/br.gif) no-repeat left; right:0px; bottom:0px; }
	.box.green .tl { background:url(../img/tl-green.gif) no-repeat left; left:0px; top:0px; }
	.box.green .tr { background:url(../img/tr-green.gif) no-repeat left; right:0px; top:0px; }
	.box.green .bl { background:url(../img/bl-green.gif) no-repeat left; left:0px; bottom:0px; }
	.box.green .br { background:url(../img/br-green.gif) no-repeat left; right:0px; bottom:0px; }
	
	.box .box-content { border:1px solid #ebebeb; background:#fff; }
	.box.green .box-content { background:#95b655; border:none; }
	
	.box .box-header { background: #f8f8f8 url(../img/box-header-bg.gif) repeat-x bottom; }
	.box.green .box-header { background: transparent url(../img/box-header-green-bg.gif) repeat-x top; }
	.box .box-header h3 {
		height:34px;
		line-height:34px;
		padding-left:15px;
	}
	.box.green .box-header h3 { color:white; }
	
	.box h3.frettir { background:url(../img/h3-frettir.gif) no-repeat 100% 50%; }
	.box h3.karfa { background:url(../img/h3-karfa.gif) no-repeat 100% 50%; }
	.box h3.frettir { background:url(../img/h3-frettir.gif) no-repeat 100% 50%; }
	.box h3.vinsaelt { background:url(../img/h3-vinsaelt.gif) no-repeat 100% 50%; }
	.box.green h3.postlisti { background:url(../img/h3-green-postlisti.gif) no-repeat 100% 0%; }
	
	
	/* Shop item */
	
.catalogue .list .box {
	float:left;
}	

.box.shop-item {
	float:left;
	width:223px;
	margin-right:15px;
}
.box.shop-item-alt { margin-right:0px; }