body	{
/*		background-color:	#cbc2a5;*/
		background-color:	#ccc3a6;
		color:			#000000;
		font-family:		helvetica, arial, verdana, sans-serif;
		font-size:		0.8em;
}
body,td,th {
	font-size: 9px; 
	color: Black; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: Black;
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #75491e;
}
.style3 {
font-size: 9px; 
color: Black; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}
P {margin: 6px 0 10px 0; line-height: 1.3em; padding: 0px 0px 0px 0px; /* top right bottom left */	}
img	{
		display:		block;
}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: 0px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -222px;
left: -100px; /*position where enlarged image should offset horizontally */
}

/* Page container to help keep the page centered */
div#container	{
/*		background-color:	#cbc2a5;*/
		margin-left:		auto;
		margin-right:		auto;
		margin-top:		0;
		margin-bottom:		0;
		width:			700px;
}

div#container img	{
		margin:			0;
		padding:		0;
}

/* The menu list */
/* First we start with an ugly container div hack, centering the div and setting its width to the total width of the meny */
div#meny		{
		margin-left:		auto;
		margin-right:		auto;
		width:			700px;
		background:		url("/images/nav.jpg") no-repeat;
}

ul.meny		{
		list-style-type:	none;
		display:		inline;
		margin:			0;
}

ul.meny li	{
		float: left;
}

/* The menu links, first we define general style settings and then the individual bg pictures */
ul.meny li a	{
		display:		block;
		text-decoration:	none;
		width:			120px;
		height:			30px;
		margin:			0;
		padding:		0;
}

ul.meny li a.startsidan:link, ul.meny li a.startsidan:visited	{
		background:		url("/images/meny/meny_startsidan.png") 0 0;
		width:			102px;
		margin-left:		87px;
}
ul.meny li a.startsidan:hover				{
		background-position:		0 30px;
}


ul.meny li a.sortiment:link, ul.meny li a.sortiment:visited	{
		background:		url("/images/meny/meny_sortiment.png") 0 0;
		width:			93px;
		margin-left:		24px;
}
ul.meny li a.sortiment:hover					{
		background-position:		0 30px;
}


ul.meny li a.info:link, ul.meny li a.info:visited	{
		background:		url("/images/meny/meny_info.png") 0 0;
		width:			47px;
		margin-left:		23px;
}
ul.meny li a.info:hover				{
		background-position:	0 30px;
}

ul.meny li a.lankar:link, ul.meny li a.lankar:visited	{
		background:		url("/images/meny/meny_lankar.png") 0 0;
		width:			74px;
		margin-left:		23px;
}
ul.meny li a.lankar:hover	{
		background-position:	0 30px;
}

ul.meny li a.kontaktaoss:link, ul.meny li a.kontaktaoss:visited {
		background:		url("/images/meny/meny_kontaktaoss.png") 0 0;
		width:			128px;
		margin-left:		23px;
}
ul.meny li a.kontaktaoss:hover {
		background-position:	0 30px;
}

/* Actual content section */
div#content	{
		clear:			both;
		background:		#cbc2a5 url(/images/bg.jpg) no-repeat ;
}

div#content a:link, div#content a:visited	{
		color:			#6b6245;
}
div#content a:hover				{
		color:			#8b8265;
}

/* Footer */
div#footer	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #75491e;
	text-align: center;
}

div#footer a:link, div#footer a:visited	{
		color:			#6b6245;
}
div#footer a:hover			{
		color:			#8b8265;
}