/* ------------------------------------------------
	reset css
-------------------------------------------------*/

/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, cite, var, address, { font-style: normal; }
th,h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */


* {
border: 0px;
margin: 0px;
padding: 0px}

html, body, form { margin:0;
				   padding:0;
				   height:100%; }

	#cont {
		min-height:100%;
		position:relative;
	}
	#body {
		padding:0px;
		padding-bottom:127px;	/* Height of the footer */
	}
	#footer {
		position:absolute;
		bottom:0;
		width:100%;
		padding:60px 0px 0px 0px;
		height:67px;	/* Height of the footer */
		background: url(../images/footer.png) repeat-x;
	}
	/* other non-essential CSS */
	
	#footer p {
		margin:0;
		padding:10px;
	}

a { color:#000;
	text-decoration:underline; } 
body {
background: #f4f3ec url(../images/background-body.png) top left repeat-x;
font: normal 12px/18px Arial, Helvetica, sans-serif}

#container {
background-image: url(../images/background-container2.png);
background-position: 0px 0px;
background-repeat: no-repeat;
margin: 0 auto 0 auto;
width: 1000px}
#container2 {
background-image: url(../images/background-container.png);
background-position: 0px 0px;
background-repeat: no-repeat;
margin: 0 auto 0 auto;
width: 1000px}
#container3 {
background-image: url(../images/background-container3.png);
background-position: 0px 0px;
background-repeat: no-repeat;
margin: 0 auto 0 auto;
width: 1000px}

/************************************************************************
  Sidhuvud
************************************************************************/
#header-black, #header-blue, #header-red {
height: 156px;
overflow: hidden;
width: 1000px;}
#header-black {
background:  url(../images/background-header-black.png) bottom left no-repeat;}
#header-blue {
background:  url(../images/background-header-blue.png) bottom left no-repeat;}
#header-red {
background:  url(../images/background-header-red.png) bottom left no-repeat;}
	#header-black .logo, #header-blue .logo, #header-red .logo {
	float: left;
	margin: 40px 0 0 19px}
	#header-black .logo2, #header-blue .logo2, #header-red .logo2 {
	float: left;
	margin: 10px 0 0 19px}
	
	/* Toppmenyn */
	ul.topmenu {
	background: url(../images/background-topmenu.png) top left repeat-x;
	float: right;
	height: 32px;
	list-style: none;
	margin: 0 9px 0 0;
	padding: 0 9px 0 9px}
	ul.topmenu li {
	float: left;
	padding: 5px 9px 2px 9px}
	ul.topmenu li a {
	color: #555555;
	position: relative;
	text-decoration: none}
	ul.topmenu li a:hover {
	text-decoration: underline}
	ul.topmenu li a.active {
	color: #e52427}
	
	/* Flikmenyn */
	ul.mainmenu {
	float: right;
	list-style: none;
	margin: 0 9px 0 0}
	ul.mainmenu li {
	display: inline-block;
	float: left;
	font-size: 18px;
	font-weight: bold;
	margin: 39px 0 0 6px}
		ul.mainmenu li.black {
		margin: 54px 0 0 6px}
		ul.mainmenu li.blue {
		margin: 54px 0 0 6px}
	ul.mainmenu li a {
	color: #fff;
	display: inline-block;
	height: 39px;
	text-decoration: none}
		ul.mainmenu li.black a {
		background:url(../images/menu-black-right.png) no-repeat right top;
		padding: 17px 24px 0 0;}
		ul.mainmenu li.blue a {
		background:url(../images/menu-blue-right.png) no-repeat right top;
		padding: 17px 33px 0 0;}
		ul.mainmenu li.red a {
		background:url(../images/menu-red-right.gif) no-repeat right top;
		padding: 32px 36px 0 0;}
	ul.mainmenu li a span {
	height: 39px;
	padding-top: 31px;
	font-weight: bold}	
		ul.mainmenu li.black a span {
		background:url(../images/menu-black-left.png) no-repeat left top;
		padding: 16px 0 0 26px;}
		ul.mainmenu li.blue a span {
		background:url(../images/menu-blue-left.png) no-repeat left top;
		padding: 16px 0 0 29px;}
		ul.mainmenu li.red a span {
		background:url(../images/menu-red-left.gif) no-repeat left top;
		padding-left: 34px;}
		
	ul.mainmenu li.red a:hover {
	background-position: 100% -71px;}
	ul.mainmenu li.red a:hover span {
	background-position: 0% -71px}
	ul.mainmenu li.black a:hover, ul.mainmenu li.blue a:hover {
	background-position: 100% -56px;}
	ul.mainmenu li.black a:hover span, ul.mainmenu li.blue a:hover span {
	background-position: 0% -56px}
	
	ul.mainmenu li.black a.active {
	background: url(../images/menu-black-right.png) no-repeat right top}
	ul.mainmenu li.black a.active span {
	background: url(../images/menu-black-left.png) no-repeat left top}
	ul.mainmenu li.blue a.active, ul.mainmenu li.blue a.active:hover {
	background: url(../images/menu-blue-right-active.png) no-repeat right top}
	ul.mainmenu li.blue a.active span, ul.mainmenu li.blue a.active:hover span {
	background: url(../images/menu-blue-left-active.png) no-repeat left top}
	ul.mainmenu li.red a.active, ul.mainmenu li.red a.active:hover {
	background: url(../images/menu-red-right-active.gif) no-repeat right top}
	ul.mainmenu li.red a.active span, ul.mainmenu li.red a.active:hover span {
	background: url(../images/menu-red-left-active.gif) no-repeat left top}
	
/************************************************************************
  Sortering
************************************************************************/ 
#choice {
background: transparent url(../images/background-choice.png) top left no-repeat;
height: 36px;
padding: 0 0 0 9px}
	#choice p {
	float: left;
	height: 32px;
	margin: 3px 0 0 23px}
	#choice p a {
	color: #898989;
	display: inline-block;
	height: 32px;
	margin: 0 5px 0 0;
	padding:1px 0px 0px 0px;
	text-decoration: none;}
	#choice p a:hover, #choice p a.current {
	background: transparent url(../images/background-choice-active.gif) bottom center no-repeat;
	color: #000}
	
/************************************************************************
  Sökning
************************************************************************/
#search {
margin: 0px 9px 2px 0;
text-align: right}
	#search input.textfield {
	border: 1px solid #e7e7e7;
	color: #d6d6d6;
	font-size: 100%;
	padding: 5px 10px 5px 10px;
	width: 100px}
	#search input.button {
	background: #0AB1DD url(../images/background-searchbutton.png) top left repeat-x;
	color: #fff;
	font-size: 100%;
	margin: 2px 0 0 6px;
	padding: 5px 15px 5px 15px;
	cursor:pointer; }
	#search input.button2 {
	background: #0AB1DD url(../images/background-searchbutton2.png) top left repeat-x;}
	
/************************************************************************
  Innehall
************************************************************************/
#content {
min-height: 100%}

#content-webcam { text-align:center;
				  margin:10px 9px 0px 8px;
				  padding:40px;
				  background:#fff; }
	#content-webcam img { text-align:center;
						  margin:0px auto; }
	#content-webcam h1 { color:#01BDED;
						 font-size:20px;
						 padding:0 0 10px; 
						 text-align:left;}
	#content-webcam ol { list-style:decimal;
						 margin:0px 0px 0px 20px;
						 padding:10px 0px;
						 text-align:left; }
		#content-webcam ol li { margin:0px;
								padding:3px 0px; }
	#content-webcam h3 { text-align:left;
						 font:bold 14px Arial, Helvetica, sans-serif;  }
	#content-webcam ul { list-style:disc;
						 margin:0px 0px 0px 16px;
						 padding:10px 0px;
						 text-align:left; }
	#content-webcam p { text-align:left; }
#content-inner {
padding: 0 420px 0 33px; }
	#content-inner h1 {
	font-size: 20px;
	padding: 0 0 10px 0;
	color:#01bded; }
	#content-inner p {
	padding: 0 0 10px 0;
	font-size: 13px; }
	#content-inner a {
	color: #000;
	text-decoration: underline}
	#content-inner a:hover {
	color: #e72428}

#content-left {
float: left;
margin: 0 0 0 3px;
min-height: 100%;
width: 531px}
#content-left2 {
float: left;
margin: 0 0 0 7px;
min-height: 100%}

#content-right {
float: left;
display:block;
background-color: #fafaf7;
margin: 8px 0 0 4px;
padding: 0px 0 0 0;
min-height: 100%;
width: 453px}
#content-right2 {
float: left;
display:block;
margin:0px -4px 0px 4px;
}
	#content-right2 p.middle {
	color: #b3b3b3;
	font-size: 14px;
	font-style: italic;
	margin: 12px 0 8px 6px}

/*** Undermeny ***/ 
.submenu ul {
list-style: none;
margin: 7px 0 0 1px;
background:#f4f3ec; }
.submenu li a.first, .submenu li a.first-active {
color: #fff;
display: inline-block;
font-size: 16px;
font-weight: bold;
height: 33px;
padding: 15px 0 0 42px;
text-decoration: none;
width: 233px; }
.submenu li a.first {
background: url(../images/background-submenu.png) top left no-repeat;
margin: 0 0 2px 0;}
.submenu li a.first:hover {
background: url(../images/background-submenu-hover.png) top left no-repeat}
.submenu li a.first-active {
background: url(../images/background-submenu-active.png) top left no-repeat;
margin: 0 0 2px 0;}
.submenu li.second {
/*background: url(../images/submenu-bullet.png) center left no-repeat;*/
color: #898989;
font-size: 14px;
line-height: 26px;
margin: 8px 0 4px 3px;
padding: 0 0 0 20px;
text-decoration: none}
.submenu li.last { margin: 8px 0 18px 3px; }
.submenu li.second a {
color: #898989;
text-decoration: none;
padding: 0 0 0 19px;}
.submenu li.second a:hover, .submenu li.second a.active {
background: url(../images/link-arrow.gif) center left no-repeat;
color: #000;
padding: 0 15px 0 19px;}

/*** Produktruta 177 pixlar ***/
.product177 {
float: left;
width: 177px;
position:relative;
padding:0px 0px 0px 0px; }
	.product177-top {
	background: url(../images/product-177-top.png) top left no-repeat;
	height: 8px}
	
	.product177-content {
	background: url(../images/product-177.png) repeat-y;
	padding: 7px 0 0 6px;}
	.product177arrow { position:absolute;
					   right:5px;
					   bottom:8px;
					   display:block;
					   width:32px;
					   height:32px;
					   background: transparent url(../images/product-hover.png) bottom right no-repeat; }
					   
	.product177 ul {
	/*background: transparent url(../images/product-hover.png) bottom right no-repeat;*/
	list-style: none;
	margin: 0 4px 0 0;
	padding: 0 0 0 0}
	.product177 li {
	padding: 0 35px 0 14px}
	.product177 li a {
	text-decoration: none}
	.product177 li.image {
	padding: 0 0 10px 7px}
	.product177 li.writer {
	color: #898989;
	text-decoration: none}
	.product177 li.category {
	color: #898989;
	font-weight: bold;
	padding: 0 35px 14px 14px;
	text-decoration: none}
	
	.product177-bottom {
	background: url(../images/product-177-bottom.png) top left no-repeat;
	height: 8px;
	margin: 0 0 0 0;}
	
	.product177over .product177arrow { background: transparent url(../images/product-hover-active.png) bottom right no-repeat; }
	
	.product177over .product177-top { background: url(../images/product-177-topover.png) top left no-repeat;}
	
	.product177over .product177-content { background: url(../images/product-177over.png) top left repeat-y; }
	.product177over .product177-bottom { background: url(../images/product-177-bottomover.png) top left no-repeat;}
		
	/*
	.product177-content {
	background: url(../images/product-177.png) top left repeat-y;
	padding: 7px 0 0 6px;
	min-height: 200px}
	.product177-content:hover {
	color: #221e1f}
	.product177 ul {
	background: transparent url(../images/product-hover.png) bottom right no-repeat;
	list-style: none;
	margin: 0 4px 0 0;
	padding: 0 0 0 0}
	.product177 ul:hover {
	background: transparent url(../images/product-hover-active.png) bottom right no-repeat;
	color: #221e1f}
	.product177 li {
	padding: 0 35px 0 14px}
	.product177 li:hover {}
	.product177 li a {
	color: #221e1f;
	text-decoration: none}
	.product177 li a:hover {
	color: #e72428;
	text-decoration: underline}
	.product177 li.image {
	padding: 0 0 10px 7px}
	.product177 li.category {
	font-weight: bold;
	padding: 0 35px 14px 14px} 
	*/
	
/*** Produktruta 716 pixlar ***/
.product716 {
width: 716px;
margin:0px -10px 0px 0px; }
	.product716-top {
	background: url(../images/product-716-top.png) top left no-repeat;
	height: 9px;}
	.product716-content {
	background: url(../images/product-716.png) top left repeat-y;
	min-height: 100px;}	
	.product716-content2 {
	background: url(../images/product-716.png) top left repeat-y;}
	.product716-content-left {
	float: left;
	margin: 20px 0 0 30px;
	width: 430px}
		.product716-content-left h1 {
		font-size: 20px;
		font-weight: bold;
		margin: 0 0 8px 0;
		color:#01bded; }
		.product716-content-left p {
		font-size: 14px;
		margin: 0 0 20px 0}
		.product716-content-left div {
		font-size: 14px;}
		.product716-content-left span {
		font-size: 14px;}
		.product716-content-left p.intro {
		color: #c4c4c4;
		font-size: 12px}
		.product716-content-right p.intro {
		color: #c4c4c4;		
		font-size: 12px;
		display:block;
		width:160px; }
		.product716-content-right ul.intro {
		/*color: #c4c4c4;*/
		color:#3a3a3a;
		font-size: 12px;
		display:block;
		width:160px; }
			.product716-content-left p.intro span {
			font-weight: bold;
			line-height: 18px;
			padding: 0 20px 0 0;}
			/*.product716-content-left*/ p.price {}
				/*.product716-content-left*/ p.price a {
				background: url(../images/button-price-right.png) top right no-repeat;
				color: #fff;
				display: inline-block;
				font-size: 12px;
				font-weight: bold;
				height: 30px;
				margin: 5px 0 0 0;
				padding: 0 15px 0 0;
				text-decoration: none}
				/*.product716-content-left*/ p.price a span {
				background: url(../images/button-price-left.png) top left no-repeat;
				display: inline-block;
				height: 30px;
				padding: 5px 0 0 15px;
				margin: 0 0 0 0;
				text-decoration: none}
				
			.product716-content-right {
			float: right;
			margin: 22px 30px 0 0}
			.product716-content-right p {
			color: #01bded;
			font-size: 11px;
			font-style: italic;
			margin: 0 0 10px 0}
			.product716-content-right p.big img {
			border: 1px solid #02bded}
			.product716-content-right p.thumbs {
			margin: 0 0 0 0}
			.product716-content-right p.thumbs a img {
			border: 2px solid #fff}
			
			.magnify {
			    position:absolute;
			    z-index:10000
			    }
			    
			a .magnify img {			    
			    border-style:none;
			    }
			
			.product716-content-right p.thumbs a:hover img, .product716-content-right p.thumbs a.active img {
			border: 2px solid #000}
		
	.product716-bottom {
	background: url(../images/product-716-bottom.png) top left no-repeat;
	height: 8px}
	 
/*** Produktruta 446 pixlar ***/
.product446 {
margin: 0px;
width: 453px;
position:relative;
clear:both; }
	.product446-top {
	background: url(../images/product-453top.png) top left repeat-y;
	height: 16px;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px; }

	.product446-bottom {
	background: url(../images/product-453bottom.png) top left no-repeat;
	height: 6px;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px;
	clear:both; }	

	.product446arrow { position:absolute;
					   right:9px;
					   bottom:6px;
					   display:block;
					   width:32px;
					   height:32px;
					   margin:0px;
					   padding:0px;
					   background: transparent url(../images/product-hover.png) bottom right no-repeat; }	
	.product446over  .product446arrow { background: transparent url(../images/product-hover-active.png) bottom right no-repeat; }		
	.product446over .product446-top { background: transparent url(../images/product-453topover.png) bottom right no-repeat; }		
	.product446over .product446-content { background: transparent url(../images/product-453over.png) repeat-y; }		
	.product446over .product446-bottom { background: transparent url(../images/product-453bottomover.png) bottom right no-repeat; }	
	/*
	.product446-content {
	background: url(../images/product-446.png) top left repeat-y;
	padding: 7px 0 0 13px;
	min-height: 120px}
	.product446 ul {
	background: transparent url(../images/product-hover.png) bottom right no-repeat;
	list-style: none;
	margin: 20px 5px 0 0;
	min-height: 110px;
	padding: 0 0 0 0}
	.product446 ul:hover {
	background: transparent url(../images/product-hover-active.png) bottom right no-repeat;}
	.product446 li {
	color: #898989;
	margin: 0 35px 0 0;}
	.product446 li.heading {
	color: #01bded;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	padding: 0 0 10px 0}
	.product446 li a {
	color: #221e1f;
	text-decoration: none}
	.product446 li a:hover {
	color: #e72428;
	text-decoration: underline}
	.product446 li span {
	font-weight: bold}
	.product446-content .image {
	background-color: #f1f1f2;
	float: left;
	height: 120px;
	margin: 0 20px 0 0;
	text-align: center;
	width: 120px}
	.product446 .image span {
	background-color: #e62327;
	color: #fff;
	font-style: italic;
	font-weight: bold;
	position: absolute;
	margin: 43px 0 0 -102px;
	padding: 5px 10px 5px 10px}
	.product446-bottom {
	background: url(../images/product-446-bottom.png) bottom left no-repeat;
	height: 4px;
	margin: 0 0 0 0;}
	*/
	
	/*** Svart textruta ***/
	.box {
	background: #231f20 url(../images/background-welcome.png) top left no-repeat;
	color: #fff;
	font-size: 20px;
	line-height: 26px;
	margin: 0px 0 1px 0;
	min-height: 110px;
	padding: 34px 0 26px 40px;
	width: 413px}
	
	/*** Nyheter ***/
	.news {
	margin: 15px 0 0 0;
	padding: 0 0 10px 0}
		.news h1 {
		background-color: #00bdef;
		color: #fff;
		display: inline-block;
		font-size: 12px;
		font-style: italic;
		font-weight: bold;
		margin: 0 0 10px 16px;
		padding: 5px 10px 5px 10px}
		.news p {
		font-style: italic;
		font-weight: bold;
		margin: 0 0 3px 24px}
		.news p a {
		color: #231f20;
		text-decoration: underline}
		.news p a span {
		color: #959595;
		text-decoration: underline}
		.news p a:hover {
		color: #e72428}
		.news p a:hover span {
		color: #e72428}
		
	.page {
	color: #acacac;
	font-size: 14px;
	font-weight: bold;
	margin: 0px auto;
	padding:10px 20px; }
		.page ul {
		list-style: none;
		margin:0px auto;
		text-align:center; }
		.page li {
		display:inline;
		margin: 0 20px 0 0;
		text-align:center; }
		.page li span {
		color: #000;
		margin: 0 0px 0 0}
		.page li a {
		padding:0px 15px 0px 0px;
		background: url(../images/link-arrow.gif) center right no-repeat;
		color: #e62528;
		display: inline-block;
		height: 20px;
		text-decoration: none;}
		.page li a.prev {
		padding:0px 0px 0px 15px;
		background: url(../images/link-arrow2.gif) center left no-repeat; }
	

/************************************************************************
  Sidfot
************************************************************************/	
#clearfooter {
height: 47px}

#footer2 {
background: url(../images/background-footer.png) bottom left no-repeat;
width: 1000px;
color: #DDD;
text-align: center;
height: 47px;
padding:20px 0px 0px 0px;
margin: 0px auto 0 auto}
	#footer2 p {
	color: #7d7d7d;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	padding-top: 15px;
	text-align: center}
	#footer2 p span {
	color: #b7b7b7}
	#footer2 p span a {
	color: #b7b7b7;
	text-decoration: none}
	#footer2 p span a:hover {
	color: #7d7d7d;
	text-decoration: underline}

/* for understanding browsers */
.puffhojd {
	min-height:200px; 
	height:auto;
}
/* for Internet Explorer */

* html .puffhojd {
	height: 200px;
}
/* for understanding browsers */
.hojd {
	min-height:554px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 554px;
}


.clear { width: 100%;
		 height: 1px;
margin: 0 0 -1px;
clear: both;
}
.clear {
width: 100%;
clear: both !important;
display: inline-block;
height: 0px;
line-height: 0px;
font-size:1px; }
.clear:after {
 content: ".";
   display: block;
    height: 0;
	   clear: both;
     visibility: hidden; }
* html .clear {
    height: 1%;
 }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */