/* PREDEFINED HTML TAGS
------------------------------------------------------------------ */

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; /* this text size is 80% of browsers size, need to discuss font-sizes */ }
	
p {
	margin-top:5px;}

p,span,div,li,td,th,label { 
	font-family: Arial, Helvetica, sans-serif;}

h1 {
	font-size: 1.8em; color:#003371; border-bottom: 1px solid #003371;}	
h1 a:link{font-size: 12px; }
h1 a:visited {
	color:#003371; text-decoration: none;} 
h1 a:hover, 
h1 a:active {
	color:#003371; text-decoration:underline;}
	
h2 {
	font-size: 1.3em; 
	color:#003371; 
	border-bottom: 1px solid #003371; 
	margin:3px 0 6px 0;}	
	
h3 {
	font-size: 1.3em; 
	margin: 2px 0}	
	
h4 {/* this client uses h4 on their headings on 1 big newsarticle at the frontpage*/ 
	font-size: 1.8em;
	margin:0 0 5px 0;}	


h5 {
	font-size: 0.9em; 
	color:#003371;
	margin-bottom:8px;}	
	
h6 {/* this client uses h6 on their headings on 2 small newsarticles at the frontpage*/ 
	font-size: 1.2em;
	margin:0 0 1px 0;}

form { margin: 0px; }


/* TOOLBOX
------------------------------------------------------------------ */
.hide{ display:none;}
.clear {clear:both}
.bold {font-weight:bold;}
.paddingLeft {padding-left:14px;}
.paddingBottom {padding:0 0 20px 0;}
.lineHorizontal {border: 0px solid #003371; border-width: 2px 0 0 0;}

/* LINKS 
------------------------------------------------------------------ */
a:link,
a:visited {
	color:#003371; text-decoration: none;} 
a:hover, 
a:active {
	color:#003371; text-decoration:underline;}


/* FORMS
------------------------------------------------------------------ */
form {}
input {}
textarea {}
/*edit feb2010 by YWN:*/
/*myFancyForm*/
.myFancyForm {
	}
/*Applying General Form Styling*/
.myFancyForm fieldset {
	/*margin: 1.5em 0 0 0;
	padding: 0;
	following used with "left-align" to ensure float does not go out of parent
	float: left;
	clear: left;
	width: 100%;*/
	margin: 0 0 1.5em 0;
	border: none;
	padding: 0;
}
.myFancyForm legend {
	margin-left: 1em;
	color: #000000;
	font-weight: bold;
}
.myFancyForm fieldset ul {
	padding: 1em 1em 0 1em;
	list-style: none;
}
.myFancyForm fieldset li {
	padding-bottom: 1em;
	/*following used with "left-align" to ensure float does not go out of parent*/
	float: left;
	clear: left;
	width: 49%;
	padding-bottom: 1em;
}
.myFancyForm fieldset li.formRight {
	float: right;
	clear:right;
	}
.myFancyForm fieldset.submit {
	/*border-style: none;
	following used with "left-align" to ensure float does not go out of parent*/
	float: none;
	width: auto;
	border: 0 none #fff;
	padding-left: 12em;
}
/*Using Top-positioned Text Labels*/
.myFancyForm label {
	display: block
}
/*Left-aligning Text Labels*/
.myFancyForm label {
	float: left;
	width: 4em;
	margin-right: 1em;
	/*following added to "right-align" labels*/
	text-align: right;
}

/* MAIN LAYOUT 
------------------------------------------------------------------ */
#container { /* This is the mainwrapper */
	width:1000px; 
	margin:0 auto;
	background:#DADBDC;
	position: relative;}

/* HEADER */
#header {
	position:relative;
	height:145px;}
	
#header .left {
	position:absolute;
	top:0;
	left:0;
	width:745px;}
	
#header .right {
	position: absolute;
	top:0;
	right:0;
	text-align:right;
	width:255px;}
	
/* MENU AT THE TOP
------------------------------------------------------------------ */
#menuTop {
	width:741px;
	height:23px;
	left:0px;
	top:120px;
	position: absolute;
	z-index:1;
	border: 0px solid #003371; border-width: 2px;}

#menuTop ul {
	display:block;
	height:23px;
	margin:0;
	padding-left:0px;}

#menuTop ul li { 
	float:left;
	list-style:none;
	height:23px;
	line-height: 23px;
	border-right: 2px solid #003371;	
	padding: 0 14px 0 15px;}

#menuTop ul li a {
	text-transform:uppercase;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #003371;}


#menuTop ul li:hover, 
#menuTop ul li.sfhover {
	background: #003371;
	margin-right: 0px;}
	
#menuTop ul li:hover a, 
#menuTop ul li.sfhover a {
	color: #DADBDC;}

#menuTop ul li ul { display: none;}

#menuTop ul li:hover ul, 
#menuTop ul li.sfhover ul {
	display:block;
	position:absolute; 
	left:auto;
	margin-left:-17px; 
	margin-top: 0px;
	padding:0;
	list-style: none;
	width:180px;}
	
#menuTop ul li:hover ul li,
#menuTop ul li.sfhover ul li {
	background: #DADBDC;
	xheight: 10px;
	xline-height: 10px;
	padding: 0px 9px;
	border: 0px solid #003371; 
	border-width: 0 2px 2px 2px;
	float: none;
	margin: 0px;}

#menuTop ul li ul li.first {
	border-top-width: 2px;}
	
#menuTop ul li ul li:hover,
#menuTop ul li ul li.sfhover {
	background: #003371;}


#menuTop ul li:hover ul li a,
#menuTop ul li.sfhover ul li a {
	display: inline;
	border: none;
	color: #003371;
	font-size:10px;}

#menuTop ul li ul li:hover a,
#menuTop ul li ul li.sfhover a{
	color: #DADBDC;}
	
	
/* LEFT AND RIGHT */

/* LEFT */
#left {	
	width:171px;
	position:absolute;
	top:158px;
	left:0;}
	
#left .textfield {
	width:100px;
	border:1px solid #000000;}
	
#left .button {
	height:21px;}
	
#left form {
	border: 0px solid #003371; border-width: 2px 0 2px 0;
	padding:8px 1px 8px 5px;
	font-size:10px;}
	
#left form a:link, 
#left form a:visited {
	font-weight:bold;}

#left a img {border: none;}
/* MENU LEFT */
#left .menu {
	margin-bottom:15px;
	padding-left:4px;
	position: relative;
	font-weight: bold}

#left .menu ul {
	margin: 0px;
	padding-left: 0px;}
	
#left .menu ul li {
	background-image:url(../Bilder_losning/leftMenuBg.gif); background-repeat:no-repeat;
	list-style: none;
	line-height: 20px;}
	
#left .menu ul li a {
	height: 20px;
	line-height: 20px;
	padding-left: 15px;
	font-size: 12px;
	color: #003371;
	text-decoration: none;}
	
#left .menu ul li.selected a {
	font-style:italic;}
	 
#left .menu ul li a:hover {
	text-decoration:underline;}


/* MAINCONTENT */
#mainContent {
	margin:0px 255px 15px 171px;
	padding:15px 15px;
	width:auto;
	min-height:500px;
	height:auto !important;
	height:500px;
	background: #FFFFFF;
	border: 2px solid #003371;}

/* RIGHT */
#right {
	position:absolute;
	top:158px;
	right:14px;
	width:231px;
	padding-left:5px;}
	
#right .link {
	margin:6px 0 20px 0;}
	
#right .dateAndHeading {
	margin:10px 0;}
	
#right UL {}
#right LI {}
#right input,
#right select {}	
#right form {}

	

/* FOOTER (INSIDE THE #CONTAINER) */
#footer {
	background-image:url(../bilder_losning/bgFooter.jpg);
	background-repeat:no-repeat;
	height:48px;}

/* FOOTER (OUTSIDE THE #CONTAINER) */
#footerPoweredByitools {
	width:812px;
	font-size:10px;
	text-align:center;
	margin:0 auto;
	position: relative;}
	
/* OTHER STYLES
------------------------------------------------------------------ */

#navigationPath {
	font-size:10px; 
	border-bottom:1px solid #003371;}
	

/* INNER TEMPLATE STYLES
------------------------------------------------------------------ */

#innerTemplate {}

#innerTemplate .text {
	margin-top:5px;}

/* NEWS
------------------------------------------------------------------ */

#news {}

#news .smallTitle {}

#news .introduction {}
	
#news .introductionBold {
	font-weight:bold;}
	
#news .date {}
#news .text {}

#news .readMore {
	padding-top:5px;}
	
#news .row {
	float:left;
	padding-bottom:20px;}	

#news .row .imageThumbnail{
	float:left;
	margin-right:10px;}
	
#news  .halfColumn .imageThumbnail {
	float:left;
	margin-right:10px;}

	
#news .TextContent {
	float:left;
	width:60%;
	padding-right:10px;}

	
#news .halfColumn {
	float:left;
	height:160px;
	margin-bottom:20px;	
	width:50%;}
	
#news img,
#news img a:link,
#news img a:visited {
	border:1px solid #000000;}
	
#moreresults ul {
	margin-left:0px;
	padding-left:0px;}
	
#moreresults ul li {
	display:inline;}
	
.error { font-weight: bold; color: #fe6700; font-size:12px; }
.message { font-weight: bold; color: #003371; font-size:12px; }
.tableHead { background-color:#000000; color:#FFFFFF; text-align:left}
.trList0 {background-color:#dedede;}
.trList1 {background-color:#FFFFFF; }

/* LINKS HEADER, LEFT AND RIGHT - NOT IN USE 
------------------------------------------------------------------

#left a:link, #left a:visited, 
#right a:link, #right a:visited  { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#3D3D3D;}
	
#left a:hover, 
#right a:hover { color:#858569;} 

#header .links a:link {color:#000000; text-decoration:none;}
#header .links a:hover {color:#000000; text-decoration:underline;} 
#header .links a:visited {color:#000000;}
#header input {}
#header .button {}*/