body {
	padding: 0px;
	margin: 0px;

	font-family: verdana,arial,sans-serif;
	font-size: 8pt;
}
a			{ background: #fff; color: #000080;}
a:link		{ text-decoration: none; }
a:visited	{ text-decoration: none; }
a:hover		{ text-decoration: underline; }

/* =CONTAINERS
*************************************************/
#wrapper {
	width: 735px;
}

#content {
	float: right;
	width: 606px;
	margin-right: 5px;
	margin-top: 176px;
	display: inline;
}
#menu {
	position: absolute;
	left: 7px;
	top: 200px;
	width: 100px;
}
#footer {
	float: right;
	width: 616px;
	padding-top: 10px;
	margin-top: 15px;
	text-align:center;
	font-family: arial,sans-serif;
	color: #000;
	background: url(../bilder/form/border-01.gif) #fff top left no-repeat;
}
#logo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 119px;
	height: 176px;
	background: url(../bilder/form/logotyp.gif) no-repeat;
}
#bild {
	position: absolute;
	left: 120px;
	top: 95px;
	width: 616px;
	height: 71px;
	background: url(../bilder/form/bild.jpg) no-repeat;
}
#border-top {
	z-index: 100;
	position: absolute;
	left: 120px;
	top: 166px;
	width: 616px;
	height: 10px;
	background: url(../bilder/form/border-01.gif) 0 0 no-repeat;
}
/* =MENU
*************************************************/
#menu a, #menu a:link, #menu a:visited {
	display: block;
	line-height: 19px;
	
	width: 100px;
	height: 20px;
	margin-top: 5px;	/* 'margin-bottom' skapar bugg, artiklar och omoss läggs samman. använd 'margin-top' */
	text-indent: 18px;

	color: #fff;
	background-color: #A0A0A0;
	font-weight: bold;

	text-decoration: none;
	text-transform: uppercase;
	
	background-image:  url(../bilder/menu-bg-1.gif);
	background-repeat: no-repeat;
}
#menu a:hover, #menu a:active {
	background-image:  url(../bilder/menu-bg-2.gif);
	background-repeat: no-repeat;
}

/* =TEXT */
h1 {
	position: absolute;
	top: 0px;
	left: 120px;

	width: 616px;
	height: 95px;
	margin: 0px;
	
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

	font-family: garamond,serif;
	text-align: center;
	font-size: 16pt;
	text-indent: -2000px;
	overflow: hidden;

	/* preload */
	background:url(../bilder/form/header-text.gif) no-repeat;
}
h2 {
	margin: 0px;

	padding-top: 25px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

	color: #666;
	background-color: #fff;
	font-family: garamond,serif;
	text-align: left;
	font-size: 12pt;

	/* preload */
	background:url(../bilder/menu-bg-2.gif) no-repeat;
	background-position: -1000px -1000px;
}
h3 {
	margin: 0px;

	padding-top: 25px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

	color: #666;
	background-color: inherit;
	font-family: arial,sans-serif;
	font-size: 9pt;
}
hr {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	height: 1px;
	color: #c0c0c0;
	background-color: #c0c0c0;
	border-width: 0px;
}

#leftCol {
	width: 350px;
	float: left;
}
/* =BILDER
***************************************/
#broschyr {
	float: right;
	width: 240px;
}

#prod {
	position: absolute;
	top: 0px;
	right: 0px;
}
#prod img { border: 0px; }

/* =ANNAT
***************************************/
ul { line-height: 20px; }

.spacing	{ letter-spacing: 1px; }
.nopad		{ margin: 0px; padding: 0px; }
.center		{ text-align: center; }
.alignleft	{ text-align: left; }
.alignright	{ text-align: right; }
.floatleft	{ float: left; }
.floatright	{ float: right; }
.mtop10		{ margin-top: 10px; }

.aktuellt {
	margin-top: 25px;
	margin-bottom: 5px;
	padding: 1px;
	color: #fff;
	background: #999;
	font-weight: bold;
	text-transform: uppercase;
}

/* =PRINT
***************************************/
@media print {
	#wrapper	{ width: 100%; }
	#content	{ float: left; margin-top: 50px; }
	h1			{ top: 20px; left: 0px; text-indent: 0px; text-align: left; }
	#menu		{ display: none; }
}