/**************************************************************
 Cascading Style Sheet for the http://www.katarinawendsjo.com web site
 
 Author					Emelie Tångelin, Wendsjö Consulting
 Date					2012-06-26
 Version  				2.0
**************************************************************/

/**********************************************
 Main Areas
**********************************************/
html { overflow: auto; }
table { border-collapse: collapse; }

body
{
	background-color: #fff;
	color: #000; 
	font: normal 12px Arial,Tahoma,sans-serif;
	margin: 0; 
	padding: 0; 
	line-height: normal;
}
#wrapper 
{ 
 margin: 2px auto; 
 padding: 0; 
 width: 990px; 
 text-align: left; 
} 
#contentback
{
	position: absolute;
	width: 990px;
	height: 580px;
	background: #ffffff url(images/shadow.gif) repeat-y top left; 	
}

.separator
{
	background: #264566 url(images/shadow.gif) repeat-y top left;
	height: 2px;
	clear: both;
}

/**********************************************
 Header Area
**********************************************/
#banner
{
	height: 90px;
	width: 496px;
	position: relative;
	float: right;
	margin: 0px 0px 0px 0px;
	display: inline;
}

#logotyp
{
	float: right;
	display: block;
	height: 70px;
	width: 70px;
	padding: 10px 20px 10px 10px;
	z-index: 5;
	background: #fff url(images/shadow.gif) repeat-y top right;
}

#headerarea
{
	height: 40px;
	width: 595px;
	background: #f9a74a url(images/shadow.gif) repeat-y top right;
	float: right;
	display: inline;
}
/**********************************************
 Main Content Area
**********************************************/

#mainleftcolumn
{
	background-color: #fff;
	float: left;
	width: 379px;
	height: 440px;
	margin-left: 10px;
	display: inline;
}

#sideimage
{
	width: 328px;
	height: 570px;
	margin-top: -130px;
	margin-left: 57px;
	z-index: 4;
	position: absolute;
}

#lct,
#utsikt,
#insikt,
#avsikt
{
	position: absolute;
	z-index: 7;
}

#avsikt{margin: -115px 5px 0 -19px; width: 49px; height: 91px;}
#utsikt{margin: -20px 5px 0 -19px; width: 49px; height: 91px;}
#insikt{margin: 75px 5px 0 -19px; width: 49px; height: 91px;}
#lct{margin: 162px 0px 0 12px; width: 31px; height: 270px;}

#mainrightcolumn
{
	float: right;
	width: 537px;
	text-align: left;
	padding: 10px 24px;
	margin-right: 10px;
	display: table; 
	height: 420px;
	position: relative;
	overflow: hidden;
}

#textedit 
{
    display: block;
    margin: 45px auto;
}

html>body #textedit
{
	display: table-cell;
	vertical-align: middle;
} 	

/**********************************************
 Footer Area
**********************************************/

#footerarea
{
	background: #9d8873 url(images/shadow.gif) repeat-y top left;
	height: 36px;
	width: 982px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	padding: 4px 0;
	margin: 0px;
}
html>body #footerarea { height: auto; min-height: 36px; width: 988px;}

#footerarea  table {width: 100%; padding-right: 10px;}
#footerarea  img {width: 213px; height: 23px; padding: 0 97px 0 125px; overflow: hidden;}

#footerend { clear: both; }

/**********************************************
 Shadowing
**********************************************/

#bottomshadow
{
	background: transparent url(images/bottomshadow.gif) repeat-x top left;
	height: 10px;
}

#bottomshadow span
{
	display: block;
	height: 10px;
	background: transparent url(images/bottomcornershadow.gif) no-repeat top right;
}

#topshadow
{
	background: transparent url(images/topshadow.gif) repeat-x bottom left;
	height: 10px;
}

#topshadow span
{
	display: block;
	height: 10px;
	background: transparent url(images/topcornershadow.gif) no-repeat bottom left;
}

/**********************************************
 Text Settings
**********************************************/

h1
{
	color: #264566; 
	font: normal 19px Arial,Tahoma,sans-serif;
	margin: 15px 0px;
}

h2
{
	color: #264566; 
	font: normal 14px Arial,Tahoma,sans-serif; 
	margin: 15px 0px 10px 0px;
}

h2.ci {text-align: center; font-style: italic;}
h2.iua {word-spacing: 10px;}

h3
{
	color: #264566; 
	font: normal 18px Arial,Tahoma,sans-serif;
	text-align: center;	
}

p { margin: 0px 0px 9px 0px; }
p.signatur{font: italic 15px Arial, Tahoma, sans-serif; margin-right: 90px; color: #264566;}
p.vl { margin: 2px 22px 6px 0; }
p.copyright
{
	color: #264566;
	font-size: 11px;
	text-align: center;
}

a {color: #000; text-decoration: none;}
a:hover {text-decoration: underline; color: #264566;}
a.light { color: #9d8873; text-decoration: none;}
a.lcol:hover img {background: url(images/sideshadow.png) no-repeat bottom right;}
a.links
{
	color: #264566; 
	font: normal 12px Arial,Tahoma,sans-serif; 
	text-decoration: none;
	border-bottom: 1px dotted #264566;
}

/**********************************************
 Table Settings
**********************************************/
td {vertical-align: middle;}

table.menu {border: none; height: 40px; width: 98.4%; border-spacing: 0; font-size: 14px;}
table.menu a {padding: 13px; text-decoration: none; color: #fff;}
table.menu td {width: 16.4%;  text-align: center;}
table.menu td:hover {background-color: #f6b568;}
table.menu td.current {background-color: #fdc98c;}
table.menu td.current a{color: #cf7000;}

table.sp {width: 100%;}
table.sp td {vertical-align: middle; padding: 8px 8px; text-align: center;}

table.kw {width: 100%;}
table.kw td {text-align: left;}

table .vardel {width:69%}
table .vardel td {}

/**********************************************
 Misc Settings
**********************************************/

img { border: none; }
img.pdf {vertical-align: middle;}

div.hr
{
color: #bca792;
background-color: #bca792;
height: 2px;
width: 373px;
}

div.hr hr {display: none;}

ul { list-style-position: outside; margin-left: 0px; padding-left: 0px;}
li { margin: 3px 5px 3px 15px; padding: 0px; }