/* CSS */
body{
margin:0;
padding:0;
line-height: 1.5em;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding-top:10px;
}


#toplogo{
background: url(images/test1.gif) no-repeat top;
	height: 94px; /*Height of top section*/
}
#lowertopbar{
clear:both;
background: url(images/pipe4.gif) no-repeat top;
height: 45px; /*Distance between header and main content - Height of  bar: 30px*/
}

#topsection h1{
	text-align: left;  
	color:white;
	margin: 0 0 0 0;
	padding: 25px 0 0 8px;
	font-size: 9pt;
	font-family: Verdana;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 190px 0 150px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#contentcolumn p{
font-family: Tahoma;
font-size: 10pt;
line-height: 13pt;
}
#contentcolumn h1{
font-family: Tahoma;
font-size: 10pt;
font-weight: bold;
color:black;
padding: 0;
margin: 0;
}

#leftcolumn{
float: left;
width: 150px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
padding: 0;
}
#mainmenu ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#mainmenu ul li
{
	display: block;
	height: 16px;
	line-height: 16px;
	padding: 0;
	margin: 0;
	border: 0;
}
#mainmenu ul li b{
	font-family: Tahoma;
	font-size: 10pt;
}

#mainmenu ul li b:hover
{
	background: gray;
	color: white;
	text-decoration: none;
	border-style: none;
}

#mainmenu a:hover
{
	background: gray;
	color: white;
	text-decoration: none;
	border-style: none;
}

#rightcolumn{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
}

#footer{
clear: left;
width: 100%;
text-align: center;
padding: 0;
padding-top: 15px; /* Distance between main content and footer */
}
#footerbar{
clear:both;
background: url(images/pipe4.gif) no-repeat top;
height: 30px; /*Height of  bar*/
}
#footer a{
color: black;
font: 11px Tahoma; 
}
#footertextarea, #footertextarea a{
clear:both;
text-align: left;
font: 11px Tahoma; 
color:black;
margin-top:3pt;
width: 280px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#footertextleft{
float: left;
width: 140px; 
}

#footertextright{
float: left;
width: 140px;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-right: 30px;
margin-top: 0;
}

/* Links */
a:visited,
a:link {
	color: #000000;
	font-family: Tahoma;
	font-size: 10pt;
	text-decoration: none;
	border-style: none;
}

a:hover {
	color: #c0c0c0;
	font-family: Tahoma;
	font-size: 10pt;
	text-decoration: underline;
	border-style: none;
}

a:active {
	color: #808080;
	font-family: Tahoma;
	font-size: 10pt;
	text-decoration: none;
	border-style: none;
}
/* ----- Kontakta-sidan ----- */
.kontakta {
	clear:both;
	}
.kontakta h2 {
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	color:black;
	padding: 0;
	margin: 0;
	margin-top: 20px;
}


.bildtext{
	font-family: Tahoma;
	font-size: 8pt;
	line-height: 10pt;
	color:black;
	padding: 0;
	margin: 0;
}

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

.kontakta-text ul li {
	line-height: 16px;
	font-family: Tahoma;
	font-size: 10pt;
	color:black;
}
.kontakta-text ul li strong{
	font-weight: normal;
	font-style: italic;

}

.kontakta-bild {
	float: left;
	width: 100px; 
	padding: 0;
	margin: 0;
	margin-top: 3px;
}
.kontakta-text {
	margin-left: 110px; 
}

.kontakta-text ul li a{
color: black;
font-family: Tahoma;
font-size: 10pt;
}
/* --- remove for print */
.printer{
display: none;
border: none 0; 
border-top: 1px solid #000;
}

/* ----- tool tip specific styles ----- */
#theToolTip{
position: absolute;
left: -300px;
width: 200px;
border: 2px solid #DDDDDD;
padding: 6px 0px 0px 10px;
background-color: #FFFFFF;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
}

#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#theToolTip p{
font-size: 0.7em;
color: #333333;
line-height:1.4em;
margin-right:10px;
margin-top:0;
}

#ToolTipTextWrap {
font-weight:bold;
font-size: 0.9em;
color: #000000;
margin-right:10px;
}
/* ----- table sort----- */
/*
   Add the following to your CSS file should you wish the cursor to
   "wait" while the script is processing the sort

body.sort-active *
        {
        cursor:wait;
        }
*/


.cs1
        {
        width:30em;
        }
.cs2
        {
        width:20em;
        }
.cs1 td,
.cs2 td,
        {
        font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #4f6b72;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        border-top: 1px solid #C1DAD7;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: left;
        padding: 8px 12px 4px 12px;
        vertical-align:middle;
        }
td.total
        {
        border-top: 0;
        border-left: 0;
        border-right: 1px solid #C1DAD7;
        background: none;
        text-align:right;
        font-weight:bold;
        text-transform:uppercase;
        letter-spacing:1px;
        }
th.sortable,
th.sortable-text,
th.sortable-date,
th.sortable-keep,
th.sortable-date-dmy,
th.sortable-numeric,
th.sortable-currency,
th.sortable-sortByTwelveHourTimestamp,
th.sortable-sortIPAddress,
th.sortable-sortEnglishLonghandDateFormat,
th.sortable-sortScientificNotation,
th.sortable-sortImage,
th.sortable-sortFileSize,
th.sortable-dimension,
th.sortable-sortAlphaNumeric,
th.sortable-sortEnglishDateTime

        {
	        font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	        color: #4f6b72;
	        border-right: 1px solid #C1DAD7;
	        border-bottom: 1px solid #C1DAD7;
	        border-top: 1px solid #C1DAD7;
	        letter-spacing: 1px;
	        text-transform: uppercase;
	        text-align: left;
	        padding: 8px 12px 4px 12px;
	        vertical-align:middle;
        cursor:pointer;
        background: #CAE8EA;
        padding: 8px 12px 4px 16px;
        }
th.forwardSort
        {
        background:#CAE8EA;
        }
th.reverseSort
        {
        background:#CAE8EA ;
        }
table thead th.forwardSort a,
table thead th.reverseSort a
        {
        color:#000;
        text-decoration:none;
        }

td.sortable
        {
        font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        padding: 6px 12px 6px 12px;
        color: #4f6b72;
        }
td.lft
        {
        text-align:left;
        }
tr.alt
        {
        background: #F5FAFA;
        color: #797268;
        }