/*** Tags ***/
html
{
	width:100%;
}

body
{
	width:100%;
	margin:0px;
	padding:0px;
	background-color:#2E3488;
	background-image:url(../images/bg_gradient.jpg);
	background-repeat:repeat-x;
}

img
{
	border-style:none;
}

a:link, a:visited
{
	color:#2780aa;
}


/*** Special ***/
.hidden
{
    display:none;
}


/*** Root Container ***/
.root-container
{
	margin-left:auto;
	margin-right:auto;
	width:956px;
	background-image:url(../images/bg_side_shadows.gif);
	background-repeat:no-repeat;
}
.inner-root-container
{
	margin-left:auto;
	margin-right:auto;
	width:920px;
}


/***  Top / Content / Footer  ***/
.top-container
{
	background-image:url(../images/bg_top.gif);
	background-repeat:no-repeat;
	width:100%;
	height:90px;
	margin-bottom:23px;
}

.content-container
{
	margin:0px;
	padding:0px;
	width:920px;
	margin-bottom:18px; /* shortened from 23 */
}

.footer-container
{
	clear:both;
	background-image:url(../images/bg_footer.gif);
	width:770px;
	height:37px;
	padding-top:7px;
	padding-left:137px;
	padding-right:13px;
	text-align:center;
}


/***** MAINPAGE *****/

/*** Inside Top ***/
.top-row1
{
	width:100%;
	height:30px;
}
	.search-field
	{
		float:left;
		display:inline;
		margin-top:5px;
		margin-left:728px;
	}
	.search-field input
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
    	font-weight:normal;
		color:#010101;
		background-color:#FFFFFF;
		border-style:none;
		width:159px;
	}
	.search-button
	{
		float:left;
		margin-top: 5px;
	}
.top-row2
{
	width:100%;
	height:60px;
}

	.top-row2-col1-logo
	{
		float:left;
		width:227px;
		height:100%;
	}
	.top-row2-col2
	{
		float:left;
		width:462px;
		height:100%;
	}
		.menu-blue
		{
			width:458px;
			height:35px;
			margin-left:4px;
		}
			.menu-blue-item
			{
				float:left;
				margin-top:1px;
				line-height:34px;
			/* IE6 bugfixes */	
				display: inline;
			}
		.menu-white
		{
			width:454px;
			height:27px;
			margin-left:8px;
		}
			.menu-white-item
			{
				float:left;
				margin-top:0px;
				line-height:25px;
			/* IE6 bugfixes */	
				display: inline;
			}
		
	.top-row2-col3
	{
		float:left;
		width:230px;
		height:100%;
	}
		.menu-grey
		{
			width:226px;
			height:35px;
			margin-left:4px;
		}
			.menu-grey-item
			{
				float:left;
				margin-top:1px;
				line-height:34px;
			/* IE6 bugfixes */	
				display: inline;
			}
		.menu-flags
		{
			font-size:2px;
			width:100%;
			height:18px;
			text-align:center;
			padding-top:8px;
		}
		.menu-flags img
		{
			margin-right:2px;
			margin-left:2px;
		}
		

/*** Inside Content ***/
.row1-container
{
	clear:left;
	width:100%;

}
.row2-container
{
	width:100%;
/* IE6 bugfixes */
	margin-top:18px;
}
.row3-container
{
	clear:left;
	margin-left:13px;
	width:887px;
	border-width:1px;
	border-style:solid;
	border-color:#575757;
	padding-left:7px;
	padding-top:7px;
	padding-bottom:7px;
	background-color:#FFFFFF;
/* IE6 bugfixes */
	margin-top:23px;
}
	.row3-container-img-tag
	{
		width:880px;
	/* FireFox fixes */
		display:block;
	}

.row-big-container
{
	clear:left;
	margin-left:23px;
	width:868px;
    border-width:1px;
	border-style:solid;
	border-color:#575757;
	background-color:#FFFFFF;
	margin-bottom: 20px;
	overflow:hidden;
}
.row-big-topbar 
{
    background-image: url(../images/ContentTopBar.gif);
    background-repeat: no-repeat;
    width: 884px;
    height: 27px;
    margin: 0px;
}
.row-big-bottombar 
{
    background-image: url(../images/ContentBotBar.gif);
    background-repeat: no-repeat;
    width: 884px;
    height: 17px;
    margin: 0px;
    clear: both;
}
.row-big-text-content
{
    float:left;
    width: 324px;
    min-height:200px;
    background:#ffffff url(../images/BgContent.gif) repeat-x;
    padding:15px 10px 10px 19px;
    clear: both;
}
.row-big-flash-area
{
    float:right;
    width:515px;
    height:240px;
    background-image:url(../images/BgContentFlash.gif);
}
.row-big-flash-content
{
    margin: 20px 0px 0px 20px;
    padding: 0px;
}
.row-big-expander {
    height:200px;
    float:left;
    width:1px;
    border:0;
    margin:0;
    padding:0;
} 


/*** Inside Rows ***/
.area-box
{
	float:left;
	width:200px;
	height:234px;
	margin-left:23px;
	margin-right:0px;
/* FireFox fixes */
	margin-bottom:23px;
/* IE6 bugfixes */
	display: inline;
}

	.area-image
	{
		width:198px;
		height:198px;
		background-color:#FFFFFF;
		border-width:1px;
		border-style:solid;
		border-color:#575757;
	}
	
	.area-text-bg
	{
		width:100%;
		height:34px;
		background-image:url(../images/grey_platta.gif);
		text-align:center;
		/* padding-top is in Text.css area-text-link-tag */
	}

.puff1-box
{
	float:left;
	width:239px;
	margin-left:13px;
	padding-left:7px;
	padding-top:7px;
	padding-bottom:7px;
	border-width:1px;
	border-style:solid;
	border-color:#575757;
	background-color:#FFFFFF;
/* Firefox fixes */
	margin-bottom:18px;
/* IE6 bugfixes */	
	display: inline;
}
	img.puff1-box-img-tag
	{
		width:231px;
		height:125px;
	/* Firefox fixes */
		display:block;
	}
.puff2-box
{
	float:left;
	width:305px;
	height: 139px;  /* added by S.A. for alignment with other boxes */
	margin-left:17px;
	border-width:1px;
	border-style:solid;
	border-color:#575757;
	background-color:#FFFFFF;
/* Firefox fixes */
	margin-bottom:18px;
}
	.puff-bild
	{
		float:left;
		margin-left:7px;
		margin-top:7px;
		margin-bottom:7px;
		width:125px;
	/* IE6 bugfixes */	
		display: inline;
	}
		img.puff-bild-img-tag
		{
			width:125px;
			height:125px;
		/* Firefox fixes */
			display:block;
		}
		
	.puff-text
	{
		float:right;
		margin-right:5px;
		margin-top:7px;
		margin-bottom:7px;
		width:163px;
	/* IE6 bugfixes */	
		display: inline;
	}
		.puff-text-header
		{
			background-image:url(../images/bg_puff_rubrik.gif);
			background-repeat:repeat-x;
			padding-left:7px;
			padding-top:5px;
			height:18px;
			
		}
		.puff-text-text
		{
			padding-top:4px;
		}
		.puff-text-link
		{
			width:100%;
			text-align:right;
		}
		
		
/***** SUBPAGE *****/

.content-container-subpage /* only for equal height */
{
	width:906px;
	float:left;
	margin-left:0px;
	padding-bottom:25px;/* 1 vanligtvis */
	background-image:url(../images/border_bottom.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	position: relative;
/* IE6 bugfix*/
	display:inline;
}

.content-container-subpage-inner /* only for equal height */
{
	overflow:hidden;
	float:left;
}


/*** Left Menu ***/
.left-menu
{
	float:left;
	width:226px;
	border-width:1px;
	border-style:solid;
	border-left-color:#B7B8B8;
	border-right-color:#787979;
	border-top-color:#FFFFFF;
	border-bottom-color:#575757;
	background-color:#BCBCBC;
	background-image:url(../images/bg_left_menu_top_shade.gif);
	background-repeat:repeat-x;
	margin-right:13px;
	
	/* Ugly solution for equal height */
	padding-bottom:10000px;
	margin-bottom:-10000px;
}
	.left-menu-inner
	{
		margin-top:16px;
		margin-left:6px;
	}
		/*** Normal item ***/
		.left-menu-item-normal
		{
			background-image:url(../images/btn_level1_normal.gif);
			background-repeat:no-repeat;
			width:213px;
			height:23px;
			line-height:23px;
		}
			.left-menu-item-normal a
			{
				padding-left:21px;
				height:100%;
				display:block;
			}
			.left-menu-item-normal a:hover
			{
				background-image:url(../images/btn_level1_mouseover.gif);
				background-repeat:no-repeat;
			}
			.left-menu-item-normal-selected
			{
				background-image:url(../images/btn_level1_selected.gif);
			}
			.left-menu-item-normal-selected a:hover
			{
				background-image:url(../images/btn_level1_selected.gif);
				background-repeat:no-repeat;
			}
			
		/*** HasChildren item ***/
		.left-menu-item-haschildren
		{
			background-image:url(../images/btn_level1_hasChildren.gif);
			background-repeat:no-repeat;
			width:213px;
			height:23px;
			line-height:23px;
		}
			.left-menu-item-haschildren a
			{
				padding-left:21px;
				height:100%;
				display:block;
			}
			.left-menu-item-haschildren a:hover
			{
				background-image:url(../images/btn_level1_hasChildren_mouseover.gif);
				background-repeat:no-repeat;
			}
			.left-menu-item-haschildren-selected
			{
				background-image:url(../images/btn_level1_expanded.gif);
			}
			.left-menu-item-haschildren-selected a:hover
			{
				background-image:url(../images/btn_level1_expanded.gif);
			}
		
		/*** subItem ***/	
		.left-menu-subitem-normal
		{
			background-image:url(../images/btn_level2_normal.gif);
			background-repeat:no-repeat;
			width:213px;
			height:20px;
			line-height:20px;
		}
			.left-menu-subitem-normal a
			{
				padding-left:27px;
				height:100%;
				display:block;
			}
			.left-menu-subitem-normal a:hover
			{
				background-image:url(../images/btn_level2_mouseover.gif);
				background-repeat:no-repeat;
			}
			.left-menu-subitem-selected
			{
				background-image:url(../images/btn_level2_selected.gif);
			}
				.left-menu-subitem-selected a:hover
			{
				background-image:url(../images/btn_level2_selected.gif);
			}
			.left-menu-subitem-indented
			{
			    text-indent: 20px;
			}
	.left-menu-image
	{
		margin-top:20px;
		text-align:center;
	}


/*** Right Content ***/
.right-content
{
    margin-top: 20px;
}
.right-content-box
{
	float:left;
	width:663px;
	border-width:1px;
	border-style:solid;
	border-color:#575757;
	background-color:#FFFFFF;
	
	background-image:url(../images/fader_bg.gif);
    background-repeat:repeat-x;

	/* Ugly solution for equal height */
	padding-bottom:2000px;
	margin-bottom:-2000px;
}
	.category-and-breadcrumb
	{
		background-image:url(../images/bg_breadcrumb.gif);
		background-repeat:repeat-x;
		height:26px;
	}
		.subpage-category
		{
			float:left;
			padding-left: 10px;
			margin-top: 3px;
		}
		.breadcrumb
		{
			float:right;
			margin-top: 5px;
			padding-right: 10px;
		}
	
	.right-content-article
	{
		float:left;
		display:inline;
		margin-left:11px;
		width:413px;
	}
	.right-content-article-copyright
	{
		float:none;
		margin-left:11px;
		margin-top: 10px;
		width:413px;
		clear: both;
		font-family:Arial, Helvetica, sans-serif, Verdana;
    	font-size:11px; /* 11px */
    	font-weight:bold;
	    color:#444444;
	    text-decoration: none;
	    text-align:center;
	}
		.right-content-article-img img
		{
			width:413px;
			margin-bottom: 15px; /* -  moved from .right-content-article-title  - */
		}
		.right-content-article-title			
		{
			/* margin-top: 15px;  - margin control moved to top image/flash and main div - */
		}
		.right-content-article-preamble
		{
			margin-top: 12px;
		}
		.right-content-article-text
		{
			margin-top: 15px;
		}
	.right-content-puffs
	{
		float:right;
		display:inline;
		width:217px;
		margin-right:11px;	
	}
		.right-puff
		{
			border-style:solid;
			border-width:1px;
			border-color:#BBBBBB;
			margin-bottom: 15px;
		}
			.right-puff-title
			{
				height:24px;
				background-image:url(../images/bg_right_puff_rubrik.gif);
				background-repeat:no-repeat;
			}
			.right-puff-title-text
			{
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px; /* 13px */
				color:#ffffff;
				text-decoration: none;
				font-weight:bold;
				padding-top: 5px;
				padding-left: 6px;
			}
			    .right-puff-title-text a
    			{
    			    color:#ffffff;
    			    text-decoration: none;
    			}
			.right-puff-content
			{
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:9px;
				color:#000000;
				text-decoration: none;
				margin-left: 5px;			
				margin-top: 6px;
				padding-bottom: 10px;
				width: 207px;
			}
			.right-puff-content a:link, .right-puff-content a:visited 
			{
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:9px;
				color:#2780aa;
				text-decoration: underline;
			}
			.right-puff-content a:hover, .right-puff-content a:visited:hover
			{
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:9px;
				color:#2780aa;
				text-decoration: underline;
			}
			

/* Product list */
.list-right-content-gradient {
	/*
	background-image:url(../images/fader_bg.gif);
	background-repeat:repeat-x;
    width: 663px;
    */
    /*
	padding-left: 6px;
	width: 657px;
    */
    padding-left: 2px;
	width: 661px;
}
.list-material-area {
	width: 653px;
	height: 96px;
	padding-top: 17px;
}
.list-material-box {
	width: 207px;
	height: 93px;
	float: left;
    margin-left: 5px;
	margin-right: 4px;
}
.list-material-box-top {
	width: 207px;
	height: 21px;
	background-image:url(../images/material_box_top.gif);
	background-repeat:no-repeat;
	padding-top: 3px; /* added to align headers when changed tag to SPAN */
}
.list-material-box-text {
	width: 136px;
	height: 0px;
	float: right;
}
.list-material-img-text {
	margin-top: 7px; /* changed from 15px */
	width: 207px; 
}
img.list-floatLeft 
{
	height: 55px;
	float: left;
    margin-left: 0px;
	margin-right: 9px;
	margin-bottom: 0px;
	border: 1px solid #666;
}
.list-right-content-article-text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	text-decoration: none;
}
a.list-right-content-article-text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	text-decoration: none;
}
a.list-right-content-article-text:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	text-decoration: underline;
}
.list-bottom-bar-spacer {
	/* width: 663px; */
	width: 657px;
	height: 24px;
    background-color: #ffffff;
}

.list-right-bottom-gradient {
	width: 663px;
	height: 17px;
	background-image:url(../images/bottom_fader_bg.gif);
	background-repeat:repeat-x;	
	position: absolute; left: 242px; bottom: 0px; 
	clear: both; 
	display: block;
}
.list-bottom-letters {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#27609e;
	text-decoration: none;
	text-align: center;
}
.list-bottom-letters a:link, .list-bottom-letters a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#27609e;
	text-decoration: none;
	text-align: center;
}
.list-bottom-letters a:hover, .list-bottom-letters a:visited:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#a5a5a5;
	text-decoration: none;
	text-align: center;
}
.list-right-material-box-white {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-decoration: none;
}
a.list-right-material-box-white, a:visited.list-right-material-box-white {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-decoration: none;
}
.list-white-text-margin {
	margin-left: 3px;
	margin-top: 0px;
	padding-top: 3px;
}


/*** SearchPage ***/
.search-container
{
	margin-left:11px;
	margin-top:30px;
	margin-bottom:100px;
	margin-right:11px;
}
.search-border
{
	background-color:#FFFFFF;
	border-color:#192364;
	border-style:solid;
	border-width:1px;
	font-size:0px;
	width:184px;
	margin-top:10px;
}
.search-result-container
{
	margin-left:11px;
	margin-top:20px;
	margin-bottom:20px;
	margin-right:11px;
}
.search-result
{
	margin-top:20px;
	margin-bottom: 25px;
}
.search-result-head
{
	background-color:#27609E;
	height:20px;
	line-height:20px;
	background-image:url(../images/search_result_arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
}
.search-result-body
{
	margin-top:10px;
	margin-left:3px;
}


/** Target group page **/
.tg-right-content-gradient {
	width: 663px;
	/*
    background-image:url(fader_bg.gif);
	background-repeat:repeat-x;
    */
}
.tg-right-content-top {
	width: 643px;
	padding-top: 10px;
	padding-bottom: 5px;
}
img.tg-floatLeft {
	float: left; 
    margin-left: 10px;
	margin-right: 9px;
	margin-bottom: 0px;
}
.tg-right-content-top-text-leftfloat {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	float: left;
	width: 376px;
	margin-top: 15px;
	padding-right: 10px;
	padding-left: 15px;
}
.tg-right-content-top-text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	float: right;
	width: 376px;
	margin-top: 15px;
	padding-right: 10px;
}
.tg-right-content-top-text a {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#27609e;
	text-decoration: none;
}
.tg-right-content-tgbox {
	width: 643px;
	height: auto;
	display: block; 
	clear: both;
	padding-top: 10px;
	padding-bottom: 15px;
}
.tg-right-content-blue-bar {
	width: 643px;
	height: 21px;
	background-color: #27609e;
	margin-left: 10px;
	margin-bottom: 10px;

}
.tg-right-content-blue-bar-white {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	padding-top: 3px;
	padding-left: 5px;
}
.tg-right-content-link-area {
	width: 620px;
	heght: 17px;
	margin-left: 10px;
}
.tg-right-content-link-content {
	width: 138px;
	height: 17px;
	float: left;
	background-image:url(../images/ad_link_inactive.gif);
	background-repeat: no-repeat;	
}
a.tg-right-content-link-content:hover {
	width: 138px;
	height: 17px;
	float: left;
	background-image:url(../images/ad_link_active.gif);
	background-repeat: no-repeat;
}
a.tg-right-content-link-text, a:visited.tg-right-content-link-text
{
    color: #000000;
}
.tg-right-content-link-text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-left: 17px;
	padding-top: 2px;
}
a.tg-right-content-link-text:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding-left: 17px;
	padding-top: 2px;
}
.list-bottom-bar {
	width: 663px;
	height: 15px;
    background-color: #e7e7e7;
	position: absolute;
	left: 242px;
	/*bottom: 17px;*/
	clear: both; 
	display: block;
}
.list-right-bottom-gradient {
	width: 663px;
	height: 17px;
	background-image:url(../images/bottom_fader_bg.gif);
	background-repeat:repeat-x;	
	position: absolute;
	left: 242px;
	bottom: 0px;
	clear: both; 
	display: block;
}
.list-bottom-letters {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#27609e;
	text-decoration: none;
	text-align: center;
	padding: 0px 10px 0px 10px;
}
.list-bottom-letters a:link, .list-bottom-letters a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#27609e;
	text-decoration: none;
	text-align: center;
}
.list-bottom-letters a:hover, .list-bottom-letters a:visited:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#a5a5a5;
	text-decoration: none;
	text-align: center;
}
.list-right-material-box-white {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	margin-top: 3px;
	margin-left: 3px;
}
.blue11bold {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#27609e;
	text-decoration: none;
	text-align: center;
}