/* LAYOUT */

#body {
		background-color: #edf5f0;
		margin: 0;
		font-family: Georgia, Arial, Sans-Serif;;
		color:#545755;
		font-size: 12px;
		line-height: 18px;
}
		
#wrap {
		width:974px;
		margin: 0 auto;
		background-color: #ffffff;
		padding: 0;
		text-align: left;
}

#header {
		width:974px;
		height:139px;
		margin: 0;
		background: url(/images/graphics/gui-top_bg.jpg) no-repeat top left;
 		padding: 0;
}

#logo {
		float: left;
		width:255px;
		height:139px;
		margin: 0;
 		padding: 0;
}

#login {
		float: left;
		display: none;
		padding: 3px 17px 0px 0px;
		font-family: Georgia, Arial, Sans-Serif;;
		color:#ffffff;
		font-size: 12px;
		height: 27px;
		background: url(/images/graphics/gui-login_delimiter.jpg) no-repeat top right;
		margin-right: 15px;
}

#search {
		float: right;
		/* med login: width: 261px; */
		width: 175px;
		height: 100px;
		margin: 20px 0px 0px 0px;
 		padding: 0;
}

#searchbg {
		float: left;
 		background-color: none;
 		border: none;
		background: url(/images/graphics/gui-search.jpg) no-repeat top left;
		height: 19px;
		width: 180px;
}

#searchinput {
 		background: none;
 		border: none;
		height: 19px;
		margin-left: 8px;
		margin-top: 1px;
		width: 116px;
		font-family: Georgia, Arial, Sans-Serif;;
		color:#545755;
		font-size: 12px;
}

#searchbutton {
 		background: none;
 		border: none;
		height: 19px;
		width: 30px;
		margin-bottom: 3px;
		margin-left: 8px;
		font-family: Georgia, Arial, Sans-Serif;;
		color:#ffffff;
		font-size: 12px;
}

div.puff {
		float: left;
		display: inline;
		width: 211px;
		min-height: 250px;
		line-height: 16px;
		height:expression( this.scrollHeight < 250? "250px" : "auto" );
		padding: 10px;
		margin: 10px 0px 0px 10px;
		background: url(/images/graphics/gui-front_puff.gif) no-repeat bottom left;
}

div.puff_nobg {
		float: left;
		display: block;
		/*width: 211px;*/
		width: 452px;
		min-height: 250px;
		line-height: 16px;
		height:expression( this.scrollHeight < 250? "250px" : "auto" );
		padding: 10px;
		margin: 10px 0px 0px 10px;
}

div.puff span.header, div.puff_nobg span.header {
		display: block;
		padding: 0px 0px 10px 0px;
		font-family: Georgia, Arial, Sans-Serif;
		font-size: 18px; font-weight: normal;
		color: #274332;
}

#footer {
		clear: both;
		width: 974px;
		height: 183px;
		margin: 0;
		padding: 0;
		background-image: url(/images/graphics/footer-bg.jpg);
}

#footer div.footer-delimiter {
		float: left;
		display: block;
		width: 2px;
		height: 100px;
		margin-top: 28px;
		padding: 0;
		background: url(/images/graphics/footer-delimiter.gif) repeat-y top left;
}

#footer div.footer span.header {
		display: block;
		font-family: Georgia, Arial, Sans-Serif; font-size: 18px; font-weight: normal; color: #274332; padding: 0px 0px 7px 0px; margin: 0;
}

#footer div.footer {
		float: left;
		display: inline;
		width: 230px;
		margin-right: 22px;
		margin-left: 22px;
		margin-top:  28px;
		padding: 0;
		text-align: right;
}

#footer-edit {
		clear: both;
		width: 974px;
		height: 183px;
		margin: 0;
		padding: 0;
		background-image: url(/images/graphics/footer-bg.jpg);
}

#footer-edit div.footer-delimiter {
		float: left;
		display: block;
		width: 2px;
		height: 100px;
		margin-top: 28px;
		padding: 0;
		background: url(/images/graphics/footer-delimiter.gif) repeat-y top left;
}

#footer-edit div.footer span.header {
		display: block;
		font-family: Georgia, Arial, Sans-Serif; font-size: 18px; font-weight: normal; color: #274332; padding: 0px 0px 7px 0px; margin: 0;
}

#footer-edit div.footer {
		float: left;
		display: inline;
		width: 230px;
		margin-right: 22px;
		margin-left: 22px;
		margin-top:  28px;
		padding: 0;
		text-align: right;
}

#content {
		width: 974px;
		margin: 0;
		padding: 0;
}

.normal {
		float: left;
		margin: 0;
		padding: 0px 0px 10px 0px;
		width: 974px;
		min-height: 340px;
		height:expression( this.scrollHeight < 340? "340px" : "auto" );
		background: #edf5f0 url(/images/graphics/gui-content_bg.jpg) repeat-x bottom left;
}

.text {
		padding: 25px 15px 15px 15px;
		font-size: 13px;
		float: left;
}

#top_image {
		margin: 15px 0px 0px 7px; /* top right bottom left */
 		padding: 0px 0px 0px 0px; /* top right bottom left */
}

.fleft {
	float: left;
}

.fgeneric {
	background: url(/images/graphics/gui-ftext_bg.gif) no-repeat top left;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	padding: 4px;
}

.ftext {
	width: 240px; margin-right: 16px; margin-bottom: 8px;
}

.farea {
	width: 506px; margin-right: 16px; margin-bottom: 8px;
	height: 140px;
}

.fbutton {
	background: url(/images/graphics/gui-fbutton_skicka.gif) no-repeat top left;
	width: 65px;
	height: 23px;
	border: none;
	
}

/* FONTS */


p { 
	margin: 0;
	padding: 0;
}

h2 { font-family: Georgia, Arial, Sans-Serif; font-size: 26px; line-height:28px;; font-weight: normal; color: #274332; margin: 0px 0px 10px 0px; }
h3 { font-family: Arial, Sans-Serif; font-size: 13px; line-height:18px;; font-weight: bold; color: #274332; margin: 0px 0px 0px 0px; }

/* LINKS */

a { color: #105090; text-decoration: none;  }
a:visited { color:#105090; text-decoration: none;  }
a:hover, a:visited:hover { color:#A04040;}
.normal_column a:hover, .normal_column a:visited:hover { color:#A04040; border-bottom: 1px dotted #A04040;}

/* IMAGES */
img {border-style:none;}

/*  TABLE */
td
{
		background:#F9F9F9;
		border-style: solid;
		border-color: #EFEFEF;
		border-top-width: 0px;
		border-right-width: 4px;
		border-bottom-width: 0px;
		border-left-width: 0px;
		vertical-align: top;
}


/* NAVIGATION TOP*/

#navigation_top {
		width:974px;
		height: 28px;
		margin: 0;
		padding: 0;
		background: url(/images/graphics/nav-bg.jpg) repeat-x top right;
}
  
#navigation_top ul {
		margin: 0;
		padding: 0px;
 		list-style: none;
}
  
#navigation_top li {
		float: left;
		margin: 0;
		padding: 0;
		background: url(/images/graphics/nav-bg_out.jpg) repeat-x top right;
}
  
#navigation_top li a {
		float: left;
		display: block;
		margin: 0;
		height: 23px;
		padding: 5px 14px 0px 14px; /* top right bottom left */
		font-family: Georgia, Arial;
		text-decoration: none;
		color: #274332;
		font-size: 13px;
		}
   
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#navigation_top a {float:none;}
/* End IE5-Mac hack */

 #navigation_top a:hover{
		text-decoration: underline;
}
  
#navigation_top .active, #navigation_top .dir_active {
		background: url(/images/graphics/nav-bg_over.jpg) repeat-x top right;
}

#navigation_top .active a, #navigation_top .dir_active a{
		background: url(/images/graphics/nav-bg_over.jpg) repeat-x top right;
}



/* NAVIGATION LEFT*/

#navigation_left {
		float: left;
  	margin: 0px 15px 0px 0px;
		padding: 20px 0px 0px 13px; /* top right bottom left */
}

#navigation_left ul {
	 	margin: 0;
		padding: 0;
		font-family: Georgia, Arial;
 		font-size: 13px;
		list-style: none;
}

#navigation_left li.header{
  		margin: 0;
 		padding: 8px 12px 6px 12px;
		width: 188px;
		height: 16px;
		border-bottom: 1px solid #c6d5cc;
}

#navigation_left li a{
		display: block;
  		margin: 0;
 		padding: 8px 12px 6px 12px;
		width: 188px;
		height: 16px;
		text-decoration: none;
		color: #274332;
		border-bottom: 1px solid #c6d5cc;
}

#navigation_left li a:hover {
		text-decoration: underline;
}

#navigation_left li.active a{
		background-color: #bccec4;
}

#navigation_left li.dir_active a, #navigation_left li.dir_active a:hover{
}

#navigation_left li li a, #navigation_left li.dir_active li a {
	padding-left: 24px;
	width: 176px;
}

#navigation_left li li a:hover, #navigation_left li.dir_active li a:hover{
}

#navigation_left li li.active a, #navigation_left li li.active a:hover{
}

#navigation_left li li.dir_active a, #navigation_left li li.dir_active a:hover{
}

#navigation_left li li li a, #navigation_left li.dir_active li li a {
}

#navigation_left li li li a:hover, #navigation_left li li.dir_active li a:hover{
}

#navigation_left li li li.active a, #navigation_left li li li.active a:hover, #navigation_left li li li.dir_active a:hover{
}