/* ====== style_produkter_long.css ====== */


#content {
	width: 750px;
	text-align: left;
}

#mainarea {
	width: 220px;
	float: left;
}
.titlesmall {
	border-top: 1px dashed #CCCCCC;
	clear: both;
	padding-bottom: 0.5em;
}
.whiteborder {
	border-top: 1px dashed #fff;
}
#rightarea {
	width: 500px;
	text-align: left;
	margin-top: 0.5em;
	float: right;
}
#rightarea h2 {
	font-size: 1em;
	color: #444444;
	padding-top: 0.2em;
	padding-bottom: 0.7em;
}
#rightarea img {
	float: right;
	margin-bottom: 1em;
	margin-left: 2em;
	margin-top: 1.5em;
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #999999;
}


/* ======================================================================= */
/* =====     Start: Product list style                               ===== */	
/* =====     http://www.smileycat.com/miaow/archives/000230.html     ===== */
/* ======================================================================= */

.links ul {
	list-style-type: none;
	width: 200px;
	background-color: #FFFFFF;
	float: right;
	text-align: left;
} 

.links li {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 11px;
}

.links li img {
	border: 1px solid #999999;
	margin-right: 10px;
	float: left;
}

.links li a {
	display: block;
	padding-right: 10px;
	height: 4em;
}

* html .links li a {  /* make hover effect work in IE */
	width: 200px;
}

.links li a:hover {
	color: #114477;
	background-image: url(img/bgprodlink2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}