body
{
	margin: 30px 0 20px 0px;
	color: #b8b8b8;
	background-image: url(../grafik/bg_body.jpg);
	background-color: #01354A;
	background-repeat: repeat-x;
}

/* ///////// produktdata ///////// */
.prod_links
{
	width: 250px;
	height: 200px;
	float: left;
	clear: none;
	border-color: #CCC;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	margin: 0 50px 10px 0px;
	padding: 20px 0 0 10px;
	background-color: #fff;
}

a.produkt_links
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333;
	margin: 0px 0px 0 0px;
	padding: 0px 15px 0px 30px;
	font-weight: normal;
	line-height: 15px;
}

.prod_info
{
	float: right;
	clear: both;
	font-size: 10px;
	background-color: #fff;
	width: 680px;
	margin: 10px 10px 0px 0px;
}

.head
{
	background-color: #e8e8e8;
	line-height: 15px;
	padding: 5px;
	font-size: 11px;
}

.datahead
{
	width: 100px;
	height: 20px;
	float: left;
	clear: none;
	line-height: 15px;
	padding: 2px;
}

.datahead_1
{
	width: 170px;
	height: 20px;
	float: left;
	clear: none;
	line-height: 15px;
	padding: 2px;
	font-size: 10px;
}

.data
{
	width: 100px;
	float: left;
	clear: none;
	padding: 2px;
}

.data_table { font-size: 10px; }

.data_1
{
	width: 170px;
	float: left;
	clear: none;
	padding: 2px;
}

/* ///////// SLUT produktdata ///////// */
.staus_images { margin: 0px; }

.staus_images2, .staus_images2 td
{
	margin: 0px 0px 0px 62px;
	font-size: 9px;
}

.staus_images2 img
{
	border: thin #666 solid;
	margin: 0px 2px 0px 0px;
}

.staus_images img
{
	border: thin #666 solid;
	margin: 0px 2px 0px 0px;
}

.af_border
{
	border-color: #D1D1D1;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	padding: 10px 20px 10px 40px;
}

#header_bg { background-color: #999; }

#nyhets_rand
{
	width: 100%;
	height: 30px;
	background-color: #4d4d4d;
}

#botten { background-color: #000; }

.snabb
{
	background-color: #FFF;
	margin: 0;
	padding: 0;
	float: left;
	clear: none;
	border-width: 1px 0px 1px 0px;
	border-color: #ddd;
	border-style: solid;
}

.snabb_ruta
{
	width: 231px;
	height: 215px;
	margin: 0;
	padding: 0;
	float: left;
	clear: none;
	border-width: 0;
}

#snabb_lank
{
	width: 168px;
	background-color: #FFF;
	margin: 0;
	padding: 0 10px 0 0;
}

.snabb_text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #575757;
	margin: 16px 10px 16px 16px;
}

#scroll
{
	overflow: auto;
	height: 215px;
	width: 215px;
	padding: 0 0 0 10px;
}

#af_scroll
{
	overflow: auto;
	height: 290px;
	width: 755px;
}

.nyheter { color: #B5B5B5; }

#meny
{
	border-color: #C3C3C3;
	border-width: 0 2px 0 0;
	border-style: dotted;
	padding: 16px 0px 0px 0px;
}

td.adress
{
	padding: 3px 0px 0px 10px;
	font-weight: normal;
	font-size: 9px;
	color: #D47800;
}

td.copy
{
	padding: 3px 10px 0px 10px;
	font-weight: normal;
	font-size: 9px;
	color: #727272;
}

.bild_ram
{
	border-color: #FFF;
	border-width: 2px;
	border-style: solid;
}

.box
{
	padding: 10px 0px 2px 40px;
	display: block;
	float: left;
	clear: none;
	color: #575757;
}

.boxbr
{
	clear: both;
	height: 200px;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
}

.top_boxar
{
	float: left;
	clear: none;
	display: table;
}

.top_box2
{
	float: right;
	clear: none;
	display: table;
	background-color: #D47800;
	width: 180px;
	height: 20px;
	text-align: right;
}

.box2
{
	/*padding: 6px;
	display: block;
	float: left;
	clear: none;
	color: #FFF;
	width: 180px;*/
	border-bottom: #01D6F0;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
	text-align: center;
	padding: 0px 0 0 0px;
	margin: 0 0 0 30px;
}

.imagePos
{
	padding: 0;
	margin: 0;
	position: relative;
	top: 0px;
	left: 31px;
	float: right;
}

.links { margin: 0 30px 0 40px; }

.links a
{
	background-image: url(../grafik/pil_red.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 8px;
	background-position: 0px 1px;
}

.fil
{
	width: 100px;
	padding: 1px 0px 3px 20px;
	float: left;
}

a.fil
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #333;
	font-weight: bolder;
	text-decoration: none;
}

a.vit_fil
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

a.crums
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
	text-decoration: none;
}

.two { padding: 0 0 0 8px; }

.three
{
	padding: 0 0 0 15px;
	font-size: 9px;
}

.main_table
{
	width: 850px;
	border-width: 1px;
	border-color: #333;
	border-style: solid;
}

.form
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.3em;
	color: #000;
	margin: 0px 0px 0px 40px;
}

.form2
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.3em;
	margin: 0px 0px 0px 30px;
	padding: 0 0 0 10px;
}

.form3
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.3em;
	padding: 0 0 0 35px;
	border-width: 0px 0px 2px 0px;
	border-color: #f2f2f2;
	border-style: solid;
	margin: 0px 0px 0px 30px;
}

td.top
{
	background-image: url(../grafik/bg_top.jpg);
	background-repeat: no-repeat;
}

td.content { padding: 10px 15px 15px 20px; }

#topbild_box
{
	padding: 0;
	margin: 0;
	width: 800px;
}

#logga
{
	background-image: url(../grafik/Carpero-webbo-orginal.jpg);
	background-repeat: no-repeat;
	height: 120px;
}

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

#headerItems
{
	float: right;
	background-color: #fff;
	opacity: .8;
	filter: alpha(opacity=80);
	padding: 3px 3px 3px 3px;
	height: 55px;
}

.headitem1
{
	float: left;
	margin: 5px 10px 0px 0px;
}

.headitem2 a
{
	float: left;
	margin: 5px 10px 0px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #B3B3B3;
	font-weight: bold;
}

#headerItems_down
{
	float: right;
	background-color: #fff;
	opacity: .8;
	filter: alpha(opacity=80);
	padding: 3px 3px 3px 3px;
	clear: both;
}


.headitem
{
	float: left;
	margin: 0px 10px 0px 0px;
}

.borderLine { }

#content
{
	margin: 0;
	padding: 0;
}

.produktMeny
{
	float: left;
	margin: 0px 5px 0px 5px;
}

#subcontent
{
	height: 10px;
	text-align: right;
	color: #A0A0A0;
	font-family: verdana;
	font-size: 9px;
	margin: auto;
	width: 850px;
}

#rubrikBg
{
	background-image: url(../grafik/rubrikBg.gif);
	background-repeat: no-repeat;
	color: #FBB907;
	width: 165px;
	height: 27px;
	margin: 10px 10px 10px 0;
	line-height: 25px;
	padding: 0 0 0 10px;
}

#subText
{
	padding: 5px 10px 0 0;
	bottom: 0px;
}

#border
{
	width: 100%;
	height: 5px;
	z-index: 1;
	margin: -3px 0 0 0;
	background-image: url(../grafik/dotted.gif);
	background-repeat: repeat-x;
}


#scroll_content
{
	overflow: auto;
	height: 330px;
	width: 850px;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

.ram
{
	border: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

.news { margin: 70px 0px 0px 0px; }

.text
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	margin: 5px 20px 0 40px;
	padding: 0px 20px 0px 0px;
}

.text2
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #A1B8BD;
}

.ingress
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	font-weight: bold;
	padding: 0 0 0 0px;
}

.all_news
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	padding: 10px 15px 10px 20px;
	border-color: #7F7F7F;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
}

.sprak, a.sprak
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	font-weight: bold;
	text-decoration: none;
}

a
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #c00032;
	text-decoration: none;
	font-weight: bold;
}

a:hover { text-decoration: underline; }
#subText a { color: #A1B8BD; }
#subText a:hover { color: #A1B8BD; }

.reg
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	vertical-align: super;
}

.foo2
{
	border-color: gray;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-style: solid;
}

.rubrik
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

H1
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 28px;
	color: #c00032;
	font-weight: normal;
	line-height: 30px;
	margin: 20px 15px 20px 40px;
	padding: 0;
}

H2
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 20px;
	color: #c00032;
	font-weight: normal;
	line-height: 22px;
	margin: 5px 15px 10px 40px;
	padding: 0;
}

H3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #c00032;
	font-weight: normal;
	line-height: 20px;
	margin: 20px 15px 0 16px;
	padding: 0;
}

H4
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	line-height: 14px;
	margin: 0 0 6px 0;
	padding: 8px 0 2px 0;
	border-color: #5b5b5b;
	border-width: 0 0 1px 0;
	border-style: solid;
}

H5
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	margin: 0;
	padding: 6px 0 4px 21px;
	letter-spacing: 1px;
}

.adress_red
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #5b5b5b;
	font-weight: bold;
	margin: 0;
	line-height: 16px;
}

.stycke
{
	clear: both;
	display: block;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	background-color: #FFF;
}

.stycke_border
{
	background-color: #999;
	width: 10px;
	float: left;
}

.styckefloat
{
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}

.liten
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

a.liten
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #fff;
	text-decoration: none;
}

a.cms
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #A0A0A0;
	text-decoration: none;
}

a.nyhet
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #E6001C;
	text-decoration: none;
	line-height: 15px;
	font-weight: bold;
}

input, textarea, select
{
	color: #000000;
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 0;
	margin: 2px 0 2px 0;
}

textarea.style_ingress
{
	color: #000000;
	background-color: #f9f9f9;
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border-width: 0px;
	border-color: #FFF;
	border-style: none;
}

textarea.style_textarea
{
	color: #000000;
	background-color: #f9f9f9;
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border-width: 0px;
	border-color: #FFF;
	border-style: none;
}

input.style_rub
{
	color: #000000;
	background-color: #ffffff;
	font-size: 14px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border-width: 0px;
	border-color: #FFF;
	border-style: none;
}

.full_form { width: 100%; }

.bild
{
	border: #CCCCCC;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.bild_margin
{
	margin: 0px 10px 0px 40px;
	padding: 0;
}

.bild_margin2
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	border-width: 0px 0px 0px 1px;
	border-color: #000;
	border-style: solid;
	float: left;
}

.bild_text
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
	text-align: center;
}

.bild_margin img
{
	margin: 0;
	padding: 0;
}

#img_meny
{
	background-image: url(../grafik/bg_linje_v.gif);
	background-position: 0px 0px;
	background-repeat: repeat-y;
}

hr
{
	color: #cccccc;
	height: 1px;
}

.blue { color: navy; }
.red { color: #c00; }
.green { color: #360; }
.orange { color: #F60; }
.liten { font-size: 9px; }
.stor { font-size: 13px; }
.sitemap { margin: 0 0 0 20px; }

.map1
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	padding: 0 0 0 10px;
}

.map2
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	padding: 0 0 0 20px;
}

.map3
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	padding: 0 0 0 30px;
}

ul
{
	line-height: 15px;
	padding: 0 15px 0 15px;
	margin: 0 15px 0 40px;
}

li
{
	color: #4b4b4b;
	font-size: 10px;
}

/* ///////// MENY STYLE ///////// */

.menu
{
	font-size: 11px;
	background-image: url(../grafik/bg_meny.jpg);
	background-repeat: repeat-x;
	width: 850px;
	height: 30px;
	text-align: left;
	font-family: Arial, Verdana;
	margin: 0;
	padding: 0;
	font-weight: bold;
	background-position: center bottom;
	background-color: #D1D1D1;
	border-color: #858585 #E9E9E9 #E9E9E9 #E9E9E9;
	border-width: 5px 0px 1px 0px;
	border-style: solid;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul
{
	padding: 0 0 0 30px;
	margin: 0 auto 0 auto;
	list-style-type: none;
	height: 2em;
}

/* style the sub-level lists */
.menu ul ul { width: 15em; }

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li
{
	float: left;
	height: 30px;
	line-height: 2.5em;
	display: block;
	z-index: 1;
}

/* style the sub level list items */
.menu ul ul li
{
	display: block;
	width: 12em;
	height: auto;
	line-height: 1.1em;
}

/* style the links for the top level */
.menu a, .menu a:visited
{
	display: block;
	float: left;
	height: 100%;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	color: #4b4b4b;
	padding: 0 2em 0 1em;
}

/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited
{
	width: 11em;
	w\idth: 7em;
}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited
{
	display: block;
	color: #4b4b4b;
	width: 10em;
	height: 100%;
	line-height: 1.5em;
	padding: 0.5em 1em;
	border-color: #ccc;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	background-color: #fff;
	opacity: .9;
	filter: alpha(opacity=90);
}

* html .menu ul ul a, * html .menu ul ul a:visited
{
	width: 14em;
	w\idth: 12em;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table
{
	border-collapse: collapse;
	padding: 0;
	margin: -1px;
	width: 0;
	height: 0;
	font-size: 1em;
	z-index: 1;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited { background-color: #ccc; }

/* style the sub level 1 background */
.menu ul :hover a.sub1 { background-color: #ccc; }

/* style the sub level 2 background */
.menu ul ul :hover a.sub2 { background: #ccc; }

/* style the level hovers */
/* first */
* html .menu a:hover
{
	color: #c00032;
	position: relative;
	z-index: 100;
}

.menu li:hover { position: relative; }
.menu :hover > a { color: #c00032; }

/* second */
* html .menu ul ul a:hover
{
	color: #c00032;
	position: relative;
	z-index: 110;
}

.menu ul ul li:hover { position: relative; }
.menu ul ul :hover > a { color: #c00032; }

/* third */
* html .menu ul ul ul a:hover
{
	position: relative;
	z-index: 120;
	background-color: #ccc;
}

.menu ul ul ul :hover > a { background: #E3E3E3; }


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul
{
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 2em;
	left: 0;
	width: 14em;
}

/* position the third level flyout menu */
.menu ul ul ul
{
	left: 12em;
	top: 0;
	width: 14em;
}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul
{
	visibility: visible;
	height: auto;
	padding: 0 3em 3em 3em;
	left: -3em;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul { visibility: hidden; }


/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul
{
	visibility: visible;
	left: 9em;
}


/* ///////// SLUT MENY STYLE ///////// */