/*
Ljusdesign css

Typsida 1

simon@ljusdesign.se


--------------------- */

body.mceContentBody {
   background: #FFF;
   background-image: none;
}

/* Basic css bara
------------------------------------------ */

html {
	height: 100%;
}

body {
	width:100%;
	height: 95%;
	margin:0; padding:0;


/*	background: #182a35;		/* */
/*	background: #332;	*/	/* */
/*	background: #fffde0 url('/assets/images/ljusdesign/grey-bg.gif') repeat; */
/*	background: #eee; */
	background: #fff;

	font-size:62.5%;
	text-align:left;
	letter-spacing:0;
	font-family:helvetica,"trebuchet ms",sans-serif;

	min-width:60em;		/* Minimum width of layout - remove line 
if not required */
				/* The min-width property does not work 
in old versions of Internet Explorer */
} 
#toprowthing {
/*        background: #17242C; /* 
url('/assets/images/ljusdesign/toprowthing.gif'); */
/* background:#CDC4B1 none repeat scroll 0 0; */
	background: url(/assets/images/ljusdesign/upper-bg.png) scroll top left repeat-x;
/* border-bottom:0.3em solid #F4EDFF; */

        position: absolute;
        float: left;
        top: 0;
        width: 100%;
        height: 132px;
        z-index: -99;
}
a {
	color: #bb4000;
	text-decoration: none;
}
a.external {
display:inline-block;
padding-right:14px;
background:transparent url(/assets/images/icons/external.gif) center right no-repeat;
}

a.attention {
    background: url("/assets/images/double_arrow.gif") no-repeat scroll left center transparent;
    clear: both;
    display: block;
    float: left;
    font-size: 1em;
    overflow: auto;
    padding: 0 0 0 1em;
    text-decoration: none;
}

p.tekniktext a {
text-decoration: none;
color: #bb4000;
font-style: italic;
}

p.tekniktext a:hover {
text-decoration: underline;
color: #000;
}

p.tekniktext a img {
text-decoration: none;
vertical-align: middle;
}

.tekniktext {
	font-size: 1.2em;
	color: #606060;
	margin: 1.5em 0;
padding: 0;
white-space: pre-wrap;
}

a:hover {
	text-decoration: underline;
	color: #000000;
}
a img {
	border: 0;
}
h1 {
	color:#333;
	font-family:verdana;
	font-size:3.4em;
	font-weight:100;
	letter-spacing:-0.02em;
	line-height:1.4em;
	margin:0.2em 0 0em;
	padding:0;
}  
h2 {
	font-family: verdana;
	margin: 0;
	padding:0.9em 0 0;
	color: #333;
/*	color:#565D81; */
/*	background:url('/assets/images/header-underline.gif') center bottom repeat-x; */
	font-weight: 100;
	line-height:1.3em;
	font-size: 1.8em;
	clear: both;
} 
h3 {
	color: #333;
	font-family: verdana;
	font-weight: normal;	font-size: 1.7em;
	padding: 1em 0 0.1em;
	margin: 0;
	clear:both;
}
h4 {
	color: #333;
	font-family: verdana;
	font-weight: normal;	font-size: 1.7em;
	padding: 1em;
	margin: 0;
	clear:both;
}
h5 {
        font-size: 1.4em;
        margin: 12px;padding: 0;
	float: left;
        font-weight: 600;
}
h6 {
        font-size: 1.4em;
        margin: .4em 0 .5em;
        font-weight: 600;
}

p {	top:0.4em;
	margin:1em 0 1em 0;
	padding:0;
	line-height:1.4em;
	font-size: 1.3em;
	letter-spacing: 0;
	clear:left;
}
.strong {
	font-weight: bold;
}
blockquote p {
        position: relative;
        font-style:italic;
        margin: 0 2em 1.7em 1em;
        padding: 0 1em .2em;
/*      border-left: 5px solid #565D81; */
/*      background-color: #f6ebc1; */

        font-size: 1.3em;
        font-family: helvetica,"trebuchet ms",sans-serif;
        color: #473500;
        word-spacing: 0.05em;
        text-align: left;
        letter-spacing: 1px;
        line-height: 1.3em;
}

.signatur, p.signatur {
        font-family: Verdana;
        text-align: left;
        font-style:italic;
	line-height: 1.2em;
	margin-bottom: 1em;
}
img {
	margin:0;
	border: 0;
}
#fixed {
	position: relative;

	width:96.4em;

	margin:0 auto 1em;
	margin-top: .5em;
	padding-bottom: 1em;

	background: transparent;

	text-align:left;
}
#logo {
	float: left;

	margin:0;padding:0;

	color: #003c6b;

	font-family: Georgia;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: -0.2em;
	font-size: 4em;
}
#logo img {
border:0;
margin:0.4em;
padding:0;
}
#logo a, #logo a:hover {
	position: relative;
	height: 8.6em; width: 8.6em;
	margin: 0; padding: 0;

	color: #fff;
	border: none;

	text-align: left;
}
#header {
	float:left;
	width:964px;
	height: 12.9em;
	padding:0;
	margin:0;

	color: #fff;
/*	background: #02192F 
url('/assets/images/ljusdesign/banner-temp.png') bottom repeat-x; */
	background: #fff 
url('/assets/images/ljusdesign/header-ljusdesign.png') top center no-repeat; 
background: #fff

/* #002F4E */
	border-bottom:0;
	position: relative;

	z-index: 40;
}
#header a {
	color: #fff;
}
#header p {
	padding:1.1em 1.5em 0.2em;
	margin:0;
}
#header h1  {
	padding:0; margin:0;
}
#header h2  {
	padding:.2em 15px .7em 15px;
	margin:0;
}
#content {
/*	width:100%; */
	padding-bottom: 9em;

/*	background: url('/assets/images/ljusdesign/topfade.png') top 
repeat-x; */
	overflow:hidden;
	font-size: 1em;
}
#content ul, #content ul li  {
/*	list-style-image: url('/assets/images/double_arrow.gif'); */
	list-style-image: url('');
        list-style-image: url('/assets/images/0129_ibullet.png');

	margin-left: 1em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	font-size: 1.1em;
	line-height:1.2em;
	letter-spacing: 0;
padding:0 0 0.2em 0;
}
#content h2 {
	margin-bottom: .2em;
}
#content p {
	margin-top: 0;
}


#navigation {
	float:left;
	width:20em;
	position:relative;
	margin-left: -99.5em;
	padding-top: .3em;
	background: transparent;		/* Left column 
background colour */


	left:22em;

	overflow:hidden;
}
#navigation h2 a {
	text-decoration: none;
	font-size: .8em;
	border-bottom: 0;
	background-image: none;
}
dl {
	font-size: 1.1em;
}
dt {
        list-style-image: url('/assets/images/double_arrow.gif');

        margin-left: 1em;
        padding: 0;
        font-size: 1.1em;
        line-height:1.4em;
        letter-spacing: 0;
}
dd {
	font-size: 1.1em;
}
#misc {
	float:left;
	width:180px;
	padding: .8em 0 0;
	position:relative;
	left:15px;
	overflow:hidden;

	font-size: 1em;

}
#misc .strong {
	font-weight: bold;
}
#misc ul, #misc ul li {
        list-style-image: url('/assets/images/double_arrow.gif');
	
	margin-left: 1em;
	padding: 0;
        font-size: 1.1em;
        line-height:1.4em;
        letter-spacing: 0;
}
#misc ul li ul, #misc ul li ul li {
	list-style-image: none;
	margin: 0;
}
#misc a {
}

#misc h2 {
background: url("/assets/images/ljusdesign/h2_line.png") no-repeat scroll right top transparent;
padding: 0;
margin: 1em 0 0 0;
}

#footerbox {
	width: 100%;
	height: 80px;
/*	background: url(/assets/images/ljusdesign/bottom_bg.png) repeat-x scroll bottom; */
	clear: both;
	margin-bottom: 2px;
}
#footer {
	height: 105px;
	border-top: 1px solid #FFF;
	width:964px;
	margin: 0 auto ;
	padding: 0;
	font-size: 1em;
background: transparent url(/assets/images/foot.png) repeat scroll 0 0;
}
 
top repeat-x;
/*	background: #182A35 url('/assets/images/ljusdesign/a502.gif') 
bottom repeat-x; */
	clear:both; 
}
#footer p {
	margin: 20px 0;
}
#footer p span {display: none}
#footer p a {
/*	color: #559; */
}
#footer p a:hover {
	background: transparent;
}
.clear {
	clear: both;
	overflow: hidden;
}
.copyright {
	position: relative;
	clear: left;
	margin: 0;
	float: right;
	text-align: right;
	width: 300px;
}
/* teh inner werkingz
------------------------------------------ */

#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden 
bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any 
overhanging divs */
/*	background: #182a35; */ /* Left column background colour */
	background: #fff;
}
#colmid {
	float:left;
	width:200%;
	position:relative;
	left:200px;
}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-400px;
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {
	margin:0 15px 0 415px;
	overflow:hidden;
}
div#index {
	list-style: none;
	font-size: 1.8em;
	margin-bottom: 2em;
}
div#index ul {
        list-style: none;
	font-size: .97em;
	margin: .3em 0 0 .6em;
}
div#index ul li {
        list-style: none;
	font-size: 0.97em;
	margin: .3em 0 0;
}
/* {{bildsnurra}}
------------------------------------------ */

#bildsnurra {
	height: 36.6em;
	width: 52em;
	padding: .6em .6em 0 .6em;
	margin: 0 0 0;
	margin-bottom: 2.5em;
	border: none;
	clear: both;
	line-height: 1.4em;
        overflow: hidden;
}
#bildsnurra img {
	padding: 0;
	margin: 0;
	border: 0;
	line-height: 0;
	z-index: 7;
}
#bildsnurra dl {
	text-align: center;
	background: #efefef;
	padding: .3em;
	border: .1em solid #dcdcdc;
	height: 33em;
}
#bildsnurra dl dt { /* definition term */
	height: 28.4em;
	z-index: 5;
	list-style-image: none;
	margin:0;padding:0;
}
#bildsnurra dl dt img { /* bild */
        height: 28.4em;
        z-index: 5;
	list-style-image: none;
	margin:0;padding:0;
}
#bildsnurra dl dd { /* bildtext */
	color: #444;
	line-height: 2em;
	text-align: center;
	height: 2em;
	z-index: 99;
	padding: 0;
	font-size: 1.2em;
}
#content ul.personal {
	float: left;
	list-style: none;
	margin-left: -10px;
}
#content ul.personal li {
	float: left;
	width: 220px;
	height: 200px;
	margin: 10px;
	list-style: none;
	text-align: center;
	background: #EEEDEB url(/assets/images/ljusdesign/personal.li.bg.png) no-repeat scroll right bottom;
}
#content ul.personal li p {
	font-size: 1.1em;
}
#content ul.personal li h3 {
	font-size: 1.5em;
	font-family: arial;
	color: #000;
}
#content ul.personal li h4 {
	font-size: 1em;
	font-family: arial;
	margin: 0 0 1em;
}

.highlight {
	background: #ffffe1;
}
/* news feed */
datum {
	margin:0; padding: 0;
	color: #888;
}
/* {{select-language}}
------------------------------------------ */

.select-language, select-language a {
	float: right;
	padding: 2em;
	font-size: 1.2em;
	color: #000;
}
/* aktuellt under misc
------------------------------------------ */
.rubrik {
	float: left;
	clear: left;
	margin: 1em 0 -0.2em; 
	padding: 0;
	font-size: 1.4em;
	color: #0055FF;
}
.projekt {
	clear: left;
	margin: 0; padding: 0 0 1em;
	background: transparent url(/assets/images/header-underline.gif) repeat-x scroll center bottom;
}
.datum {
	float: left;
	clear: left;
	margin: 0.1em 0 0.5em;
	padding: 0;
	font-size: 1.2em;
	color: #999999;
}
.bildtext {
    color: #606060;
    float: right;
    font-size: 1.2em;
    line-height: 0;
    margin: 0.5em 0em 2em;
    top: 0;
}

/* {{pdf}} (under misc)
------------------------------------------ */

.pdf {
	position: relative;
	font-family: Verdana;
	clear:both;
}
.pdf img {
	border: 0;
	margin: 0;
}
.pdf a {
/*	border: .1em double #ddd; */
/*	background: url('/assets/images/page_white_acrobat.gif') center left no-repeat; */
	background: url('/assets/images/icons/pdf.gif') center left no-repeat;

	clear:both;
	display: block;
	float: left;
	font-size: 1em;
	text-decoration: none;
	margin-bottom: .4em;
	padding: 1em .3em 1em 3em;
	overflow: auto;
}
.pdf a:hover {
/*	border-color: #ccc #ddd #eee #ccc; */
/*	background-color: #eee; */
	text-decoration: underline;
}
.pdf a:active {
	text-decoration: none;
}
.pdf h2 {
	text-align: left;
}

.gobo {
	position: relative;
	font-family: Verdana;
	clear:both;
}
.gobo img {
	border: 0;
	margin: 0;
}
.gobo a {
	background: url('/assets/images/icons/gobos.gif') center left no-repeat;
	clear:both;
	display: block;
	float: left;
	font-size: 1em;
	text-decoration: none;
	margin-bottom: .4em;
	padding: 1em .3em 1em 3em;
	overflow: auto;
}
.gobo a:hover {
	text-decoration: underline;
}
.gobo a:active {
	text-decoration: none;
}

.filter {
	position: relative;
	font-family: Verdana;
	clear:both;
}
.filter img {
	border: 0;
	margin: 0;
}
.filter a {
	background: url('/assets/images/icons/filter.gif') center left no-repeat;
	clear:both;
	display: block;
	float: left;
	font-size: 1em;
	text-decoration: none;
	margin-bottom: .4em;
	padding: 1em .3em 1em 3em;
	overflow: auto;
}
.filter a:hover {
	text-decoration: underline;
}
.filter a:active {
	text-decoration: none;
}





/* {{search}}
------------------------------------------ */
.search {
        float: right;
        padding:.4em;
        width: 195px;
        border: 0;
        height: 25px;
/*        background: #F69E06 none repeat scroll 0 0; 
        opacity: .7;
        filter: alpha(opacity=75);
        -moz-opacity: .7;
/* url('/assets/images/ljusdesign/searchfield.gif') center top no-repeat; */
	background: transparent;
        display: inline;
	right: 0;
        margin: 70px 10px 0 0;
	position: absolute;
}
 #ajaxSearch_form {
           color: #444;
           width: auto;
	text-align: right;
       }
div#content #ajaxSearch_form {
text-align:left;
}

       #ajaxSearch_input {
/*           width: auto; */
           width: 120px;
           display: inline;
           height: 17px;
           border: 1px solid #ddd;
           border-left-color: #c3c3c3;
           border-top-color: #7c7c7c;
           background: #fff;
           margin: 0 3px 0 0;
           padding: 3px 0 0;
           vertical-align: top;
       }
       #ajaxSearch_submit {
           display: inline;
           height: 22px;
           line-height: 22px;
	   background: #fff;
	   border: .1em solid #ccc;
       }
       #ajaxSearch_output {
           border: 1px solid #444;
           padding: 10px;
           background: #fff;
           display: block;
           height: auto;
           vertical-align: top;
       }
       .AS_ajax_result {
           color: #444;
           margin-bottom: 3px;
       }
       .AS_ajax_resultLink {
           text-decoration: underline;
	   font-size: 1.4em;
       }
       .AS_ajax_resultDescription{
           color: #555;
       }
       .AS_ajax_more {
           color: #555;
       }
#ajaxSearch_resultListContainer {
        font-size: 1.3em;
}
#ajaxSearch_resultListContainer .ajaxSearch_result {
        font-size: 1.4em;
        margin: .5em;
}
.ajaxSearch_paging {
        font-size: 1.4em;
}
.ajaxSearch_result {
	font-size:1.4em;
	margin: 1em 0;
}
.ajaxSearch_resultExtract {
font-size:0.7em;
}
.ajaxSearch_highlight {
color: #000;
background: #ffde91;
font-weight: bold;
font-style: italic;
}



/* ditto 
--------------------- */
span.innehall {
        margin: 0 0.17em 0.33em;
        width:10em;
        float: left;
        display: inline;
        background: transparent;
        overflow: hidden;
        clear: none;
	font-size: 1.3em;
}
span.innehall a, span.innehall span span a {
        display: block;
        font-size: 1em;
        padding: 10px 8px 12px 10px;
        background: #eeedeb url(/assets/images/ljusdesign/p.startsida.bg.png) no-repeat bottom right;

        color: #bb4000;
        line-height: 16px;
        text-decoration: none;
        text-align: center;
}

span.innehall a:hover {color: #BB4000; /* background: #dbc79d; */ background: #ffde91;}
div#misc span.innehall a:hover, div#misc span.startsida a:hover strong {background: #ffde91; color: #bb4000;}
span.innehall a:hover strong { color: #bb4000 /* color: #BB4000; */ border-bottom: 0 dotted #953;
}
span.innehall a:hover em { color: #BB4000; background-position: -500px 60%; }

span.innehall a strong, span.innehall a strong span {
        font: normal 0.7em verdana, arial, sans-serif;
	font-weight: bold;
        color: #000;
}

div.tagcloud {
    float: left;
    margin: 0 0 1em;
    position: relative;
}
div.tagcloud span {
    background: none repeat scroll 0 0 transparent;
    clear: none;
    display: inline;
    float: left;
    font-size: 1.3em;
    margin: 0 0 0.4em;
    overflow: hidden;
    width: 10em;
}

span.startsida {
        margin: 0 0.17em 0.33em;
        width:13em;
	height: 16em;
        float: left;
        display: inline;
        background: transparent;
        overflow: hidden;
        clear: none;
	font-size: 1.3em;

}
div#misc span.startsida a {
	background: transparent;
}
p span.startsida {font-size: 1em;}
span.startsida a, span.startsida span span a {
        display: block;
        font-size: 1em;
        padding: 10px 8px 6px 10px;
        background: #eeedeb url(/assets/images/ljusdesign/p.startsida.bg.png) no-repeat bottom right;

        color: #444;
        line-height: 16px;
        text-decoration: none;
        text-align: center;
}
span.startsida a strong, span.startsida a strong span {
        font: normal 1.1em verdana, arial, sans-serif;
	font-weight: bold;
        color: #000;
}
span.startsida a img, span.startsida a img span {
        padding: 0 0 0 0em;
        margin: 0em 0.01em 0.3em;
        float: left;
}

span.startsida a em {
        font-style: normal;
        line-height: 2.2em;
        color: #07a;
        padding-left: 12px;
        background: transparent url() no-repeat 0 60%;
}

span.startsida a em span.startsidap { color: #922; font-weight: bold; }

/* span.startsida a:hover { color: #000; background-color: #92adbf;} */
span.startsida a:hover {color: #BB4000; /* background: #dbc79d; */ background: #f5f5f5;}
div#misc span.startsida a:hover, div#misc span.startsida a:hover strong {background: transparent; color: #bb4000;}
span.startsida a:hover strong { color: #FFB811 /* color: #BB4000; */ border-bottom: 0 dotted #953;
}
span.startsida a:hover em { color: #BB4000; background-position: -500px 60%; }


table {
	border: .1em solid #ccc;
	width: 95%;
	float: left;
        font-family: Verdana;
        font-weight: normal;
        font-size: 11px;
        color: #000;
        background-color: #fafafa;
        border-collapse: collapse;
        border-spacing: 0px;
        margin-left: .4em;
        margin-top: 0.3em;
	margin-bottom: 1em;
        clear: both;
}
table th {
	padding: .3em;
        border-bottom: 1px solid #ccc;
        text-align: left;
        font-family: Verdana;
        font-weight: bold;
        font-size: 11px;
	color: white;
	background: #ccc;
}
table td {
	padding: .3em; margin: 0;
}
table tr {
	background-color: #fff;
}
table tr.odd {
	background-color: #efefef;
}
table tr:hover {
        background: #ddd;
        color: #000;
}
ul.download {
display: block; overflow: hidden; margin: 0 auto; padding-top: 1em;width: 95%;
}
ul.download li {
display: block; width: 95%; margin-right: 10px; float: left;
}
ul.download li a {
display: block; border: 1px solid #ddd; background-color: #f5f5f5; text-decoration: none; padding: 10px; color: #444; 
}
ul.download li a:hover {
 border-color: #fc6; background-color: #ffc;
}
ul.download li a strong { /* filnamn */
 display: block; font-size: 1.2em; line-height: 1em; padding-left: 3em; margin-bottom: 5px; color: #BB4000; 
}
ul.download li a:hover strong {  /* filnamn hover */
 color: #000; text-decoration: underline;
}
ul.download span { /* datum */
	position: relative;
float: right;	
	font-size: 75%;
	color: #777;
	bottom: 2.4em;
}
ul.download img {
	float: left;
	margin-top: -1.4em;
}
.treirad {
        margin:0.2em .5em 2em 0;
        width:100%;

        float: left;
        display: inline;
        background: transparent;
        border-bottom: 0.1em solid #dedede;
	border-right: 0.1em dotted #dedede;
        overflow: hidden;
        clear: none;
}
.treirad .box {
	display: block;
	width: 32%;
	float: left;
	border-left: 0.1em dotted #dedede;
	padding-left: .6em;
}
.treirad .box ul li {
	list-style: url(/assets/images/double_arrow.gif) disc;
	margin-left: 1em;
	padding-left: 0;
}
.treirad h2 {
	color: black;
	font-weight: bold;
	border: 0;
	background: transparent;
	font-size: 1.6em;
}
.treirad a {
        display: block;
        font-size: 10px;
        padding: 8px 8px 8px 10px;

        color: #444;
        line-height: 16px;
        text-decoration: none;
        text-align: center;
}
.treirad a strong {
        font: normal 1.4em/1.6em "helvetica", arial, sans-serif;
        color: #d60;
}
.treirad a img {
        padding: 0.4em 1em 1em 0;
        margin: 0;
        float: left;
}
.treirad a em {
        font-style: normal;
        line-height: 2.2em;
        color: #07a;
        padding-left: 12px;
        background: transparent url() no-repeat 0 60%;
}
.treirad a em span.treiradp { color: #922; font-weight: bold; }

.treirad a:hover { color: #000; background-color: #ddd;}
.treirad a:hover strong { color: #b40; border-bottom: 0 dotted #953; }
.treirad a:hover em { color: #d60; background-position: -500px 60%; }
  .vlist {
    width: 18em;
    overflow: hidden;
    margin: 1em 0 1.5em 1.8em;
    list-style-type: none;
/*    border-bottom: 2px #fcb115 solid; */
	font-size: 1.3em;
  }

  .vlist ul {
    list-style-type: none;
    margin:0;
    padding: 0;
  }

  .vlist li {
    float:left; /* LTR */
    width: 100%;
    margin:0;
    padding: 0;
  }

  .vlist a,
  .vlist strong,
  .vlist span {
    display:block;
    padding: 3px 0px 3px 10%;
    text-decoration: none;
    border-bottom: 1px #ddd solid;
  }

  .vlist a,
  .vlist a:visited {
    color: #444;
  }

  .vlist li span {
    display:block;
    font-weight: bold;
    border-bottom: 1px #ddd solid;
  }

  /* active list element */
  .vlist li.active {
    color: #fff;
    background-color:#fff;
    font-weight: bold;
  }
  .vlist li.active ul li {
	font-weight: normal;
}
  /* Level 1 */
  .vlist li a,
  .vlist li strong,
  .vlist li span { width: 90%; padding-left: 1em; } /* LTR */

  .vlist li a:focus,
  .vlist li a:hover,
  .vlist li a:active { background-color:#d3850f; color: #fff;}


  /* Level 2 */
  .vlist li ul li a,
  .vlist li ul li strong,
  .vlist li ul li span { width: 80%; padding-left: 2em; } /* LTR */

  .vlist li ul li a, 
  .vlist li ul li a:visited { background-color:#f8f8f8; color: #333; }
  .vlist li ul li a:focus,
  .vlist li ul li a:hover,
  .vlist li ul li a:active { background-color:#d3850f; color: #fff;}

  /* Level 3 */
  .vlist li ul li ul li a,
  .vlist li ul li ul li strong,
  .vlist li ul li ul li span { width: 70%; padding-left: 3em; } /* LTR */

  .vlist li ul li ul li a,
  .vlist li ul li ul li a:visited {background-color:#f0f0f0; color: #222;}
  .vlist li ul li ul li a:focus,
  .vlist li ul li ul li a:hover,
  .vlist li ul li ul li a:active { background-color:#d3850f; color: #fff;}

  /* Level 4 */
  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li strong,
  .vlist li ul li ul li ul li span { width: 60%; padding-left: 4em; } /* LTR */

  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color: #111; }
  .vlist li ul li ul li ul li a:focus,
  .vlist li ul li ul li ul li a:hover,
  .vlist li ul li ul li ul li a:active { background-color:#d3850f; color: #fff;}
  /* Level 5 */
  .vlist li ul li ul li ul li ul li a,
  .vlist li ul li ul li ul li ul li strong,
  .vlist li ul li ul li ul li ul li span { width: 50%; padding-left: 5em; } /* LTR */

  .vlist li ul li ul li ul li ul li a,
  .vlist li ul li ul li ul li ul li a:visited { background-color:#c8c8c8; color: #111; }
  .vlist li ul li ul li ul li ul li a:focus,
  .vlist li ul li ul li ul li ul li a:hover,
  .vlist li ul li ul li ul li ul li a:active { background-color:#d3850f; color: #fff;}


.thumbscontainer {
	width: 100%;
	margin-left: -1.7em;
	text-align: center;
}
#misc .thumbscontainer {
	margin-left:-1.5em;
}
.thumbscontainer ul li {
/*	background: #eee; */
	margin:0; padding: 0.1em;
}
.thumbscontainer .caption, .thumbscontainer span.caption {
	margin: 0; padding: 0 0 0.5em 0;
	font-size: 1em;
	height: auto;
	line-height: 1.4em;
/*	height:0; */
	padding: 0;
	text-align: center;
	z-index: 50;
	overflow: hidden;
	clear: left;
	display: block;
	background: #eaeaea;
}
.thumbscontainer ul.thumbs li, #content .thumbscontainer ul.thumbs li {
	margin: 1em;
	list-style-type: none;
}
.thumbscontainer ul.thumbs li a {
	display: block;
	border: .1em solid #eee;
	background: #eaeaea;
	line-height: 0;
}
.thumbscontainer ul.thumbs li a:hover {
        border: .1em solid;
	border-color: #eee #ddd #ccc #ddd;
	background: #fff;
	text-decoration: none;
}
.thumbscontainer ul li a {
	margin: 0; padding: 0;
}
.thumbscontainer ul li a:hover {
	background: #cDc8aE;
}
.thumbscontainer img.thumbnail {
	text-align: left;
}
#content .thumbscontainer ul.thumbs li.gobo {
	display: inline;
	float: left;
	clear: none;
	margin: 0; padding: 0;
}
#content .thumbscontainer ul.thumbs li.gobo p.title {
	font-size: 1.5em;
	font-weight: bold;
	height: 1.5em;
	margin: 0; padding: 0;
}
#content .thumbscontainer ul.thumbs li.gobo p.description {
	font-size: 1.2em;
	margin: 0 0 2em 0; padding: 0;
}
.childscontainer {
	width: 100%;
	text-align: center;
	font-size: .9em;
}
#content div.childscontainer ul.thumbs li {
	width:201px; height:169px; overflow:hidden;
	border: .1em solid #eee;
}
#content div.childscontainer ul.thumbs li img {
	height: 149px;
}
#content div.childscontainer ul.thumbs li span {
	display: block;
	height: 2em;
	clear: left;
}
.childscontainer ul li a {
	display:block;color: #BB4000;margin:0;padding:0;
}
.childscontainer ul li a:hover {
	background: #cdc8ae;
}
.teknikSammanfattning {
	clear: none;
	display: inline;
	font-size: 1.2em;
}
.teknikSammanfattning p {
	display: inline;
	font-size: 1em;
}
.teknikSammanfattning a {
	clear:none;
	display:inline;
}
.teknikSammanfattning span {
position: absolute;
left: -1000px;
width: 900px;
}

#content div.referens p span {
	color: #554;
}
#content div.referens p a span {
	color: #BB4000;
}
#content div.referens p a:hover span {
	color: #000;
}
img.middle { vertical-align: middle; margin-right: 0.5em; margin-bottom: 0.2em; }

img.footer { vertical-align: middle; margin-right: 0.5em; margin-left: 1.5em; margin-bottom: 0.2em; }

p.footer { margin:20px; 0 width: 964px; text-align: center; }

p.bottomlinks { margin-left: auto; margin-right: auto; width: 940px; text-align: center; }

p.startbeskrivning { 
	margin: 0 0.15em;
	padding: 0;
	letter-spacing: 0;
	word-spacing: 0;	
	color: #473500;
	font-family: verdana, arial;
	font-size: 1.3em;
}




div.content {
    border: #48f solid 3px;
    clear: left;
    padding: 1em;
}

div.content.inactive {
	display: none;
}


/* root element for tabs  */
ul.css-tabs {  
	margin-left:0 !important; 
	margin-bottom:0 !important; 
	margin-top:0 !important; 
	margin-right:1em;
	height:30px;
	border-bottom:1px solid #D9DDE3;	 	
	font-family:verdana;
padding-top:1.3em;
clear:both;
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;
	list-style-type:none;	
list-style-image:none;

}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #D9DDE3;	
	border-bottom:0px;
	background-color:#fefefe;
	color:#BB4000;
	margin-right:2px;
	position:relative;
	height:18px;
	top:1px;	
	outline:0;
	-moz-border-radius:4px 4px 0 0;	
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
	text-decoration:underline;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color: #F7F7F7;
	border-bottom:1px solid #fff;	
	color:#000;	
	cursor:default;
}
ul.css-tabs a.current:hover {
	text-decoration:none;
}


	
/* tab pane */
.css-panes > div {
	display:none;
	border:1px solid #D9DDE3;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#fff;	
margin-right:1em;
}

div.css-panes div.holder
{
padding: 0 0 0 15px;
border: 1px solid #D9DDE3;
border-width:0 1px 1px;
background-color: #FFFFFF;
margin-right:1em;
min-height:150px;
overflow:auto;

}

div.holder div.tabright {
float: right;
width: 280px;
}

div.holder div.tableft {
float: left;
width: 400px;
}

div.holder h3 {
    clear: both;
    color: #333333;
    font-family: verdana;
    font-size: 1.7em;
    font-weight: normal;
    padding: 1em 0 0.5em 0;
}

div.holder p {
margin: 1em 0.4em;
}

p.tab {
padding:0.9em 0 0
}


#content ul.css-tabs li {
list-style-image:none;
margin:0;}

table td.struken {
text-decoration:line-through;
color:#C0C0C0;
}

/* Produktbilder
------------------------------------------ */

#colmask #product360 {
	display: none;
}

#fancybox-title-index {
padding: 10px;
display: block;
font-family:verdana;
letter-spacing:0.1em;
padding:10px;
float:right;
color:#000;
}

#fancybox-title-description {
padding: 10px;
display: block;
font-family:verdana;
letter-spacing:0.1em;
padding:10px;
float:left;
color:#000;
opacity: 0.5;
}

#heading {
width: 72em;
height: 240px;
overflow: visible;
position: relative;
}

#overlay {
position: absolute;
width: 40em;
float:left;
	}

	#headimg {
float:right;
	}

.technical {
width:475px;
border:0;

}

.technical .first {
width: 154px;
}

.technical td {
padding:0.8em 0 0.8em 6px;
border-bottom:1px solid #D9DDE3;
background-color:#fff;
line-height:1.4em;
}

.technical th {
background-color:#fff;
font-weight: bold;
color:#000;
border-bottom:1px solid #D9DDE3;
}

table.art-no td {
border:0.1em dotted #CCCCFF;
}

div.PrevJumpNext {
	margin: 10px 0;
}

.PrevJumpNext table {
	width: 99%;
background:url("/assets/images/ljusdesign/p.startsida.bg.png") no-repeat scroll right bottom #EEEDEB;
	font-size: 0.8em;
	line-height: 1.0em;
	vertical-align: top;
border-top: 1em solid #bb4000;
}

.PrevJumpNext td {
color:#000;
	width: 33%;
	padding: 4px 4px 4px;
}

.PrevJumpNext td p {
	margin: 0;
	padding: 0;
}

.PrevJumpNext td.previous p {
	text-align: left;
	padding-left: 4px;
}

.PrevJumpNext td.index p {
	text-align: center;
display:block;
}

.PrevJumpNext td.next p {
	text-align: right;
	padding-right: 4px;
}

.PrevJumpNext td.index:hover {
background-color:#FFDE91;
}

.PrevJumpNext td.previous:hover {
background-color:#FFDE91;
}

.PrevJumpNext td.next:hover {
background-color:#FFDE91;
}

.direction {
	//font-variant: small-caps;
	text-transform:uppercase;
color:#000;
}

.grayout {
	color: #FFF;
}

.PrevJumpNext td a {
	display: block; //causes link to fill table cell
color:#000;
}

.index select {
font-size:1.4em;}.news_header {
    display: block;
    font-size: 2em;
    font-weight: bold;
    position: relative;
    text-align: left;
}
.news_header h3 {
    padding: 0;
}
.news_introtext {
    color: #000000;
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0.5em 0 2em;
    position: relative;
    text-align: left;
}
.news_content {
    bottom: 1em;
    color: #000000;
    display: block;
    font-weight: normal;
    line-height: 1em;
    margin: 1em 0;
    position: relative;
    text-align: left;
}

.news_extra {
    bottom: 1em;
    color: #000000;
    display: block;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 1.2em;
    margin: 1em 0 1.2em 0;
    position: relative;
    text-align: left;
}

.news_date {
    color: #888888;
    display: block;
    font-size: 1.1em;
    font-weight: normal;
    position: relative;
    text-align: left;
}
div.news_item {
    border: 1px dotted #D0D0D0;
    padding: 1em;
    margin: 1em 0 1em;
}
div.news_item p {
    line-height: 1.2em;
    margin-bottom: 1em;
}

div.tagcloud span {
    clear: both;
    float: left;
    font-size: 1.3em;
    line-height: 1.3em;
}


span.productlink {
    background: none repeat scroll 0 0 transparent;
    clear: none;
    display: block;
    float: left;
    font-size: 1.3em;
    height: 18em;
    margin: 0 auto;
    overflow: hidden;
    padding: 0.5em 0.5em 0 0;
    width: 18em;
}
div#misc span.productlink a {
    background: none repeat scroll 0 0 transparent;
}
p span.productlink {
    font-size: 1em;
}
span.productlink a, span.productlink span span a {
    background: url("/assets/images/ljusdesign/p.startsida.bg.png") no-repeat scroll right bottom #EEEDEB;
    color: #444444;
    display: block;
    font-size: 1em;
    height: 18em;
    line-height: 0;
    padding: 10px 8px 6px 10px;
    text-align: center;
    text-decoration: none;
}
span.productlink a strong, span.productlink a strong span {
    clear: both;
    color: #000000;
    font: bold 1.4em verdana,arial,sans-serif;
}
span.productlink a img, span.productlink a img span {
    clear: right;
    margin: 0 auto;
    padding: 0;
}
span.productlink a em {
    background: url("") no-repeat scroll 0 60% transparent;
    font-family: helvetica;
    font-size: 0.9em;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 2px;
}
span.productlink a p {
    clear: none;
    font-size: 0.9em;
font-family:verdana;
padding:0.4em 0 0 0;
}
span.productlink a em span.productlinkp {
    color: #992222;
    font-weight: bold;
}
span.productlink a:hover {
    background: none repeat scroll 0 0 #f5f5f5;
    color: #000000;
}
div#misc span.productlink a:hover, div#misc span.productlink a:hover strong {
    background: none repeat scroll 0 0 transparent;
    color: #BB4000;
}
span.productlink a:hover strong {
}
span.productlink a:hover em {
    background-position: -500px 60%;
    color: #BB4000;
}

.productimage {
    bottom: 4.46em;
    float: right;
    height: 30em;
    margin: 0 1em 0 0;
    position: relative;
}

.productdescription {
    float: left;
    position: absolute;
    width: 50em;
}
#content .thumbscontainer ul.thumbs li.productimage {
    clear: none;
    display: inline;
    float: left;
    height: 10em;
    margin: 0;
    padding: 3em 0.1em 0 0.5em;
}
.thumbscontainer img.productmini {
    padding: 1em;
    text-align: left;
}
.thumbscontainer ul.thumbs li a.productmini {
    background: none repeat scroll 0 0 #EAEAEA;
    border: 0.1em solid #EEEEEE;
    display: block;
    line-height: 0;
    padding: 0;
margin: 1em 0 0 0;
}
.thumbscontainer ul.thumbs li a.productmini:hover {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #EEEEEE #DDDDDD #CCCCCC;
    border-style: solid;
    border-width: 0.1em;
    text-decoration: none;
}

.rotate {
    border: 0.1em solid #EEEEEE;
    display: block;
    height: 10em;
    margin-bottom: 1em;
    margin-left: 0.5em;
    margin-top: 1em;
    padding: 1em;
    position: relative;
    width: 10em;
}

img.rotate {
    border: 0 none;
    position: absolute;
    right: 0;
    top: 0;
}

.rotate p {
font-size: 1.4em;
}

#content ul.tabthumb li {
margin-left: 7em;
}

div.tabthumb img {
    float: left;
    margin-left: 0.32em;
    margin-right: 1em;
}

div.tabthumb p {
    border: 1px solid #CCCCCC;
    font-size: 1.2em;
    font-style: italic;
    margin: 0 2.6em 1em 0.4em;
    padding: 1em;
}

div.moretech {
float:right;
clear:right;
margin: 4em 2em 0 0;
width: 14em;
}

#content ul.arrow li {
list-style-image: url("/assets/images/double_arrow.gif");
}

hr {
border: 0;
background-color: #f9bf5c;
color: #f9bf5c;
}