/*********** JOHANS CSS **************/

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000000;
}

.newsHeader { color: #888888; font-size: 15px; width: 165px; float: left; height: 45px; }
.newsAll {  width: 150px; text-align: right; float: right; }
.newsAll a { font-size: 12px; }
.newsTitle { clear: both; font-size: 14px; }
.newsDate { font-size: 8px; } 
.newsText { font-size: 12px; }
.newsLink { font-size: 12px; color: blue; text-decoration: none; }
.newsLink:visited { color: blue; }
.newsLink:hover { color: blue; text-decoration: underline; }


#mainContent {
  margin: 0 auto;
  margin-top: 5px;
  width:960px;
  background-color:#ffffff;
  text-align:left;
  font-size:10pt;
}

.produktbeskrivning{ padding-right:10px; }
#footer a {
color:#ffffff;
}

.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#footer {
margin:0 auto;
width: 960px;
height: 80px;
background: url(/econtent/img/footer.jpg) no-repeat;
color:#ffffff;
padding-top:15px;
font-size:9pt;
text-align:center;
}

.kategori
{
width: 525px;
float:right;
}

.kategori .header
{

}

.kategori .text
{

}

.produkt
{
padding-bottom: 20px; 
width: 525px;
float:right;
margin-bottom:30px;
}

.produkt 
{
float:right;
}

.certifikat  {
float: right;
width: 275px;
text-align: right;
}

.produktbilder
{
float:left;
width: 236px;
height: 230px;
}

.produktbilder img, .produktbilder a img
{
border:0px;
}

.tekspec
{
float:right;
text-align:left;
width:285px;
}

.tillbehor
{
margin-top:10px;
float:right;
}

.skrivut
{
float:left;
}

.produkttabell
{
width: 285px;
border:1px black solid;
font-size: 10px;
}

.produkttabell .even 
{
background-color:#ffffff;
}

.produkttabell .odd
{
background-color:#8c96b4;
}

.tillbehorcontainer
{
width:400px;
float:right;
}

.tillbehor
{
width:100px;
float:left;
display:table-cell;
}

.standardlascontainer
{
width:400px;
float:right;
}

.standardlas
{
width:100px;
float:left;
display:table-cell;
}

.ruler
{
float:right;
width:525px;
height:1px;
color: black;
}




.navigationcontainer
{
height:200px;
margin-top:10px;
margin-left:5px;
margin-right:5px;
float:left;
}

#navigation {
	border:1px solid #5263AB;
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#d1d8df;
	width:250px;
}
#navigation a.head_active {
	cursor:pointer;
	border:1px solid #CCCCCC;
	background:#182d69 url(/econtent/img/collapsed.gif) no-repeat scroll 3px 4px;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:14px;
	text-decoration: none;
	font-size: 8pt;
}
#navigation a.head_active:hover {
	color:#0078ff;
}

#navigation a.head {
	cursor:pointer;
	border:1px solid #CCCCCC;
	background:#182d69 url(/econtent/img/collapsed.gif) no-repeat scroll 3px 4px;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:14px;
	text-decoration: none;
	font-size: 8pt;
}
#navigation a.head:hover {
	color:#0078ff;
}
#navigation a.selected {
	background-image: url(/econtent/img/expanded.gif);
}
#navigation a.current {
	background-color:#0098DA;
}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation li {
	list-style:none outside none; display:inline;
}
#navigation li li a {
	color:#000000;
	display:block;
	text-indent:10px;
	text-decoration: none;
	font-size: 8pt;
}
#navigation li li a:hover {
	background-color:#0078ff;
	color:#FFFFFF;
}

/**************** ÖVRIGT *************/

h1{ margin:0px 0 7px 0; font-size:14px;}
h2{ margin:6px 0 4px 0px; font-size:12px; font-weight:bold; } 
h3{ margin:6px 0 4px 0px; font-size:14px; font-weight:bold; } 
/***** KONTAKTER / PERSON  *******/
.personItem{ width:240px; height:120px; margin:3px; float:left; margin-bottom:7px; border:1px solid black;}
#employees{ width:100%; margin-top:15px;}
.personItem img{ margin-right:7px; }


/***** GALLERI **************/

.galleryItem{ padding:4px; background-color:#ffffee; border:1px solid #dadada; margin:5px; float:left;}

/******* HEADER **************/
#header{ background: url('/econtent/img/header.jpg') no-repeat; width:960px; height:120px; }
/* #headerlinks{ display:inline; float:right; margin-right:80px; width:auto; border:0px solid red; margin-top:80px;} */
#breadcrumbs{display:inline; float:left; margin-left:210px; width:380px; border:0px solid black; margin-top:80px;}

#headerTable, #mainContainer, #footerTable{ width:960px; }
#menu_td{ width:175px; border:0px solid blue; }
#embed_td{ padding:0 10px; border:0px solid black; }

#content{ width:100%; border:0px solid #dadada; }

/***  FEATURES ***/
#boxMenuHeader{ background:url('/econtent/img/backfade.gif') no-repeat; width:205px;  border-top:3px solid white;  border-bottom:3px solid white; }
.title { background: widht:205px; height:50px; font-size:15px; font-weight:bold; }
#boxArea_td{width:229px;  background:url('/econtent/img/skugga.gif') repeat-y;}
#boxArea{ border:0px solid red; text-align:left; margin:0 12px; background:url('/econtent/img/backfade.gif') no-repeat; width:205px; height:auto; text-align:center;}
#boxArea div { text-align:left; }
#boxLogin{ border-bottom:3px solid white;  width:185px; padding: 10px; }
#boxNews { border-bottom:3px solid white;  width:185px; padding: 10px; cursor:pointer; }
#boxNews.newsTitle {  }
#boxNews.newsText {  }
#boxNotice{ border-bottom:3px solid white;  width:185px; padding: 10px;}
#boxNotice img{ border:none;}

/******************** BILDSPEL *************************************/
.portfolio, .portfolio li { margin:0; padding:0; list-style:none; }
.fade{ margin-bottom: 2em; }


/****** BILD MED THUMBS ******/
#thumbsHolder { width: 290px; height:auto;}
.thumbdiv{ height:61px; width:92px; margin:0px; border:solid 0px #000000; float:left; }
#alignLeft{ float:left; margin:0 10px 10px 0px; }
#alignRight{ float:right; margin:0 0 10px 10px; }

/******* NYHETER ****************/
#otherNews{ margin-top:30px; clear:both;}

/*** MENY ***/
ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 5px;
}

.open {
   padding-left: 16px;
   background-image: url(/wise/gfx/econtent/minus.gif);
   background-repeat: no-repeat;
}

.open_active {
   padding-left: 16px;
   font-weight: bold;
   background-image: url(/wise/gfx/econtent/minus.gif);
   background-repeat: no-repeat;
}

.closed {
   padding-left: 16px;
   background-image: url(/wise/gfx/econtent/plus.gif);
   background-repeat: no-repeat;
}

.closed_active {
   padding-left: 16px;
   font-weight: bold;
   background-image: url(/wise/gfx/econtent/plus.gif);
   background-repeat: no-repeat;
}

.link {
   padding-left: 16px;
   background-image: url(/wise/gfx/econtent/neutral.gif);
   background-repeat: no-repeat;
}

.link_active {
   padding-left: 16px;
   font-weight: bold;
   background-image: url(/wise/gfx/econtent/yellow.gif);
   background-repeat: no-repeat;
}

ul.menu li {
  padding-left: 10px; 
}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;

}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}