/*
-----------------------------------------------
Site:		Mizetto, Kalmar, Sweden
Author:   	A&O Media Design, Henrik Eklund, Kalmar, Sweden
Version:  	2007.02
----------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
						{ margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 		{ font-size:100%; }
p						{ padding-bottom:1em; }
input, select, textarea	{ font:100% Arial, Helvetica, sans-serif, Tahoma; }
hr 						{ display:none; }
a:link, a:visited		{ color:#6091FF; font-weight:normal; text-decoration:none }
a:hover					{ text-decoration:underline; color:#FF6407}
table 					{ border-collapse:collapse; border-spacing:0; }
fieldset,img 			{ border:0; }
caption,th 				{ text-align:left; }
ol,ul 					{ list-style:none; }

html {
	font: normal 84%/140% Arial, Helvetica, sans-serif, Tahoma;
	color: #555;
}
body {
	width:972px;
	background-color:#fff;
	position:absolute;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}
#content{
	background:#FFF;
	width:970px;
	margin:25px auto;
	position:relative;
	clear:both;
	float:left;
}
.surround {
	height:77px;
	width:880px;
	padding:0px;
	margin:0 auto;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
#branding {
	text-indent:-9999px;
	display:block;
	height:64px;
	width:208px;
	background:#fff url(graphics/mizetto_logga.gif) no-repeat left bottom;
	position:relative;
	left:0px;
	top:13px;
	z-index:300;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #666;
}
#productlinks {
	position:absolute;
	background:#FFFEF7;
	width:382px;
	z-index:100;
	height:706px;
}
div.info {
	position:absolute;
	width:326px;
	top:506px;
	left:28px;
	z-index:500;
}
.omoss {
	background:#fff url(graphics/bg_no_meny_2.jpg) right top;
	width: 253px;
	height: 300px;
	float:left;
	clear:both;
}
.bildbank_left {
	background:#fff url(graphics/bg_no_meny_2.jpg) right top;
	width:253px;
	height: 1200px;
	float:left;
	clear:both;
}
.pdf_left {
	background:#fff url(graphics/bg_no_meny_2.jpg) right top;
	width:253px;
	height: 440px;
	float:left;
	clear:both;
}
/* Productview */

#product {
	background:#fff;
	width:253px;
	height: 300px;
	min-height:300px;
	height:auto !important;
	float:left;
	clear:both;
}
#product_start {
	position:absolute;
	width:970px;
	height:706px;
	z-index:150;
}
#product p {
	color:#fff;
	font-size:0.8em;
	padding:0 12px 12px 12px;
}
#product h2 {
	background:url(graphics/bg_prodmenu.gif) left top repeat-y;
	color:#333;
	text-align:right;
	text-transform: uppercase;	
	padding: 5px 19px;
}
#product .expo {
	width:296px;
	background:#333;
	position:absolute;
	z-index:170;
	right:12px;
	top:59px;
}
#product .prodmenu {
	width:200px;
	margin:0 0px 0 20px;
	text-align:right;
	z-index:170;
	float:right;
	clear:both;
}
.maincontent, .maincontent_kontakt {
	background:#fff url(graphics/skugga.gif) left top repeat-y;
	float:left;
	padding:15px 20px;
	width:632px;
	height: 270px;
	min-height: 270px;
	height:auto;
	
}
.maincontent_pdf {
	background:#fff url(graphics/skugga.gif) left top repeat-y;
	float:left;
	padding:15px 20px;
	width:632px;
	height: 410px;
	
}
.maincontent_prod {
	float:left;
	padding:15px 20px;
	width:632px;
	height: 350px;
	min-height:350px;
	height:auto !important;
}
.maincontent_bilder {
	background:#fff url(graphics/bg_bild.jpg) left top repeat-y;
	float:left;
	padding:15px 20px;
	width:632px;
	height: 350px;
	min-height:350px;
	height:auto !important;
}
.underline {
	border-bottom:3px solid #658819;
	width:632px;
	height: 3px;
	margin:0px auto;
	clear:both;
	float:left;
}
.produktview {
	width:642px;
	border-bottom:1px solid #658819;
	height:150px;
	min-height:150px;
	height:auto !important;
	float:left;
	padding:10px 0 10px 0;
	
}
.produktview_start {
	width:642px;
	border-bottom:1px solid #658819;
	height:150px;
	min-height:150px;
	height:auto !important;
	float:left;
	padding:10px 0 10px 0;
	margin-top:130px;
	
}
.maincontent .produktview p, .maincontent_prod .produktview p, .maincontent_prod .produktview_start p {
	padding:0px 0 0 125px;
}
.maincontent_prod  a {
	padding:3px 5px;
	background:#658819 url(graphics/pil_ner.gif) no-repeat center top;
	color: #FFF;
	display: block;
	float:left;
	text-decoration: none;
}
.maincontent_prod a:hover {
	background: #CCC;
	color:#333;
	text-decoration: none;
}
#product .prodmenu li {
	padding: 5px 20px;
}
#product .prodmenu li a {
	font-style:normal;
	color:#325ec3;
}
#product_img, #bildbank, #kontakt {
	position:absolute;
	z-index:170;
	right:12px;
	top:59px;
}
#bildbank {
	right:36px;
	top:46px;
}
#kontakt {
	left:154px;
	top:46px;
}
#kontakt img {
	float:right;
	border:3px solid #fff;
	margin:6px 170px 0 0;
}
#bildbank ul {
	margin:1em 0 0 0;
	border-bottom:1px solid #000;
	height:1.7em;
	padding-left:8px;
}
#bildbank ul li {
	float:left;
	margin-right:2px;
	padding-left:2px;
	display:inline;
}
#bildbank ul li a {
	display:block;
	padding:0.2em 0.5em;
}
body.b-1 a#b-1, body.b-2 a#b-2, body.b-3 a#b-3, body.b-4 a#b-4, body.b-5 a#b-5, body.b-6 a#b-6 {
	background:none;
	color:#FF6407;
}
#product_img img, #bildbank img {
	border:3px solid #ddd;
	margin-left:12px;
}
#bildbank img {
	margin:0 0 12px 18px;
}
#bildbank h2 {
	margin:1em 0 0.5em 5px;
	clear:both;
	font-size:1.2em;
}
.bgexpo {
	background:url(graphics/bg_expo.jpg) no-repeat left top;
}
.bgversion2 {
	background:url(graphics/bg_version2.jpg) no-repeat left top;
}
.bgversion3{
	background:url(graphics/bg_2punkt0.jpg) no-repeat left top;
}
.bgdesco {
	background:url(graphics/bg_desco.jpg) no-repeat left top;
}
.bgblanco {
	background:url(graphics/bg_blanco.jpg) no-repeat left top;
}
.bgcabo {
	background:url(graphics/bg_cabo.jpg) no-repeat left top;
}
.bgdresso {
	background:url(graphics/bg_dresso.jpg) no-repeat left top;
}
.bgshelfo {
	background:url(graphics/bg_shelfo.jpg) no-repeat left top;
}
.bgbildbank {
	background:url(graphics/bg_bildbank.jpg) no-repeat left top;
}

/* Mainmenu */

ul#menu {
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 1px;
	position: absolute;
	width:660px;
	left:251px;
	top:50px;
}
ul#menu li {
	display: inline;
}
ul#menu li a {
	background:#666;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	float: left;
	display: block;
	padding: 4px 12px;
	margin:0 1px;
}
ul#menu li a:hover {
	background:#658819;
	color:#FFF;
	text-decoration:none;
}
ul#menu li a.last {
	border-right: none;
}

/* Menu products */

/* Left */

ul#col-1 {
	width:176px;
	height:405px;
	margin-top:87px;
	background:url(graphics/m-1.png) no-repeat -176px 0;
	float:left;
}
ul#col-1 li {
	display:block;
	text-indent:-9999px;
}
ul#col-1 li a {
	display:block;
	width:176px;
	background:url(graphics/m-1.png) no-repeat;
	vertical-align: bottom;
}
ul#col-1 li a:hover, ul#col-1 li {
	background:none;
}
ul#col-1 li#l-1 a {
	width:176px;
	height:135px;
	background-position:0 0;
}
ul#col-1 li#l-1, body.l-1 ul#col-1 li#l-1 {
	background-position:-176px -0;
}
ul#col-1 li#l-2 a {
	width:176px;
	height:135px;
	background-position:0 -135px;
}
ul#col-1 li#l-2, body.l-2 ul#col-1 li#l-2 {
	background-position:-176px -135px;
}
ul#col-1 li#l-3 a {
	width:176px;
	height:135px;
	background-position:0 -270px;
}
ul#col-1 li#l-3, body.l-3 ul#col-1 li#l-3 {
	background-position:-176px -270px;
}
body.l-1 ul#col-1 li#l-1 a, body.l-2 ul#col-1 li#l-2 a, body.l-3 ul#col-1 li#l-3 a, body.r-1 ul#col-2 li#r-1 a, body.r-2 ul#col-2 li#r-2 a, body.r-3 ul#col-2 li#r-3 a {
	background:none;
}

/* Right */

ul#col-2 {
	float:left;
	width:206px;
	height:405px;
	margin-top:87px;
	background:url(graphics/m-2.png) no-repeat -206px 0;
}
ul#col-2 li {
	display:block;
	text-indent:-9999px;
}
ul#col-2 li a {
	display:block;
	width:206px;
	background:url(graphics/m-2.png) no-repeat;
	vertical-align: bottom;
}
ul#col-2 li a:hover, ul#col-1 li {
	background:none;
}
ul#col-2 li#r-1 a {
	width:206px;
	height:135px;
	background-position:0 0;
}
ul#col-2 li#r-1, body.r-1 ul#col-2 li#r-1 {
	background-position:-206px -0;
}
ul#col-2 li#r-2 a {
	width:206px;
	height:135px;
	background-position:0 -135px;
}
ul#col-2 li#r-2, body.r-2 ul#col-2 li#r-2 {
	background-position:-206px -135px;
}
ul#col-2 li#r-3 a {
	width:206px;
	height:135px;
	background-position:0 -270px;
}
ul#col-2 li#r-3, body.r-3 ul#col-2  li#r-3 {
	background-position:-206px -270px;
}