/*
	Current version: 1.0
	
	Site: Lean Concepts
	www: leanconcepts.se
	Author: Malin Klingsell, malin.klingsell@atrox.se
	Notes: This file contains the rules of the basic structure and navigation of the site.
	------------------------------------------------------------------
	
*/

/* ----------------------------------------------------------------------- */

html, body, form, fieldset, textarea, input
{
	margin: 0;
	padding: 0;
	font: 100%/1.2 Arial, Helvetica, sans-serif;
}
select, textarea, input
{
	border: 1px solid #eaeaea;
}
html body
{ 
	font-size: 76%;
}

h1, h2, h3, h4, h5, h6 {font-family: Arial, helvetica, Sans-Serif;font-weight: normal;margin: 1em 0 .5em 0;}
h1{font-size: 1.5em;color:#000;}
h2 {font-size: 1.3em;color:#5b7c9b;}
h3 {font-size: 1.2em;}
h4, h5, h6 {font-size: 1em;font-weight: bold;}

p {font-size: 1em;padding: 0;margin: 0 0 1.1em 0;}

a {color: #042964;font-weight: bold;text-decoration: none;outline:transparent;}
	a:hover {text-decoration: underline;}

form label {font-size: .916em;}
input, select, textarea {font-size: 100%;padding: 2px;}
fieldset {border: none;}
hr {
	border: 0;
	height: 0;
	border-top:1px solid #dfdbd7;
	clear:both;
	float:none;
}

li {margin: 0 0 .5em 0;}

img {border: 0;}

blockquote {margin: 0;padding: 0 0 0 40px;background: url(../images/common/icon_quote.gif) no-repeat;min-height: 20px;min-width: 20px;}

#startPage, #subPage{
	background: #002663;
}
#wrapper{
	margin: 10px auto 0 auto;
	text-align: left;
	width: 960px;
	background: #fff;
}
#header{
	display:block;
	height: 100px;
	width: 960px;
	overflow: hidden;
	background:url(../images/common/header1.gif) no-repeat;
}

	#languageSwe, #languageEng
	{
		display:block;
		width:auto;
		float:right;
		color:#fff;
		font-size:0.916em;
		margin:4px 10px 0 0;
		text-transform:uppercase;	
	}
	
	#languageSwe
	{
		padding:0 0 0 25px;
		background:url(../images/common/swe.gif) no-repeat;
	}
	
	#languageEng
	{
		padding:0 0 0 30px;
		background:url(../images/common/eng.gif) no-repeat;
	}
	
		#language:hover{text-decoration:none;}

	
	/* Page content */

	#startPage #content{margin: 0 20px 20px 20px;display: inline-block;background:url(../images/common/content-bg.gif) repeat-y;min-height:400px;height:auto !important;height:400px;}
	#subPage #content{margin: 0 20px 20px 20px;display: inline-block;background:url(../images/common/subpage-content-bg.gif) repeat-y;min-height:400px;height:auto !important;height:400px;}
	#startPage #col1{
		padding: 1px 19px 0 0;
		width: 608px !important;
		float: left;
		display:inline;
		overflow:hidden;
	}
	
	#subPage #col1{
		width:385px;
		float:left;
		margin:0 0 0 40px;
		display:inline;
		overflow:hidden;
	}
	
	#startPage #col2, #subPage #col2{
		width: 270px;
		float: left;
		display:inline;
		padding: 0 0 0 20px;
		overflow:hidden;
	}
	
	#subPage #col2{margin:0 0 0 20px;}

		.sidebar{
			float: left;
			overflow: hidden;			
			background:#f1f3f7 url(../images/common/sidebar-top.gif) repeat-x;
			margin: 0 0 20px 0;
		}
			.sidebar h2{	
				background: url(../images/common/sidebar-header.gif) repeat-x; 
				height: 18px; width: 260px; 
				display: block; 
				padding: 4px 0 0 10px; 
				color:#fff; 
				text-transform: uppercase; 
				font-weight: bold;
				font-size: .916em;
				margin: 0;
			}
			.sidebar a{font-weight:normal !important;}
			.sidebar .readMore{
				font-size:.916em;
				font-weight:bold !important;
				color:#000; 
				float:right;
				text-transform:uppercase;
				background:url(../images/common/arrow.gif) no-repeat right center;
				padding: 4px 29px 0 0;
				height:18px;
			}
			.sidebar ul{list-style:none; padding: 0; margin: 0;}
				.sidebar li{background: url(../images/common/sidebar-arrow.gif) no-repeat left center; padding: 0 0 0 10px;}
				
				.inner-sidebar{
					background: url(../images/common/sidebar-bottom.gif) no-repeat bottom left;
					float:left;
					overflow:hidden;
					padding:20px 9px 10px 9px;
					width:252px;
				}
			#leftCol{width: 298px;padding: 0 0 0 10px;float:left;}
			#rightCol{width: 265px;padding: 0 10px 0 23px;float:left;}
				#leftCol a, #rightCol a{
					background:transparent url(../images/common/arrow-white-bg.gif) no-repeat right center;
					color:#000;
					float:right;
					height:18px;
					padding:4px 29px 0 0;
					text-transform:uppercase;
				}
				
			#leftContainer
			{
				width:182px;
				float:left;
			}	
#footer
{
	float: none;
	clear: both;
	width: 896px;
	height: 17px;
	padding: 5px 32px 13px 32px;
	font-size: .916em;
	background: url(../images/common/footer-bg.gif) no-repeat;
	color: #fff;
}
	#inner{float: left;}
	#credit{float: right;}
		#credit a{color: #fff; font-weight: normal;}


/* Primary navigation */
#topmenu
{
	background: url(../images/common/topmenu-bg.gif) repeat-x;
	height: 24px;
	padding: 0 0 0 10px;
	margin: 0 0 20px 0;
}
	#topmenu li
	{
		list-style: none;
		float: left;
		font-size: .916em;
		font-weight: bold;
	}
		#topmenu li a
		{
			color: white;
			text-decoration: none;
			text-transform: uppercase;
		}
#topMenuList
{
	margin: 0;
	padding: 0;
}

	/* Active tab */
	.topMenuItemRightSelected, .topMenuItemRight{
		width: 1px;
		height: 24px;
		float: left;
		margin: 0;
		padding: 0;
	}
	.topMenuItemContentSelected{
		background: url(../images/common/topmenu-selected-bg.gif) repeat-x;
		height: 20px;
		float: left;
		padding: 4px 15px 0 15px;
	}
	.topMenuItemContentSelected a{color: #fff;}

	/* Inactive tabs */
	.topMenuItemRight{background: url(../images/common/topmenu-divider.gif) no-repeat;}
	.topMenuItemContent
	{
		height: 20px;
		padding: 4px 15px 0 15px;
		float:left;
		display: inline-block;
	}

/* Secondary navigation */

#subMenu
{
	width:182px;
	float:left;
	background:#f1f3f7 url(../images/common/submenu-bottom.gif) bottom left no-repeat;
	padding:0 0 20px 0;
}

#subMenuActive
{
	width:182px;
	height:22px;
	background:#002663 url(../images/common/submenu-h2.gif) no-repeat;
}

#subMenuActiveContent h2{font-size: 0.916em;}

#subMenuActiveContent h2 a
{
	color:#fff;
	text-decoration: none;
	font-weight: normal;
	text-transform:uppercase;
	line-height:1.8em;
}
#subMenuActiveContent h2
{
	margin: 0;
	text-indent:9px;
}
/* Secondary Navigation - First level */
.leftMenuSelected
{
	font-weight: bold !important;
	color:#8C2830 !important;
}
#subMenuListLvl1
{
	margin: 0;
	padding: 0;
}
	#subMenuListLvl1 li 
	{
		list-style: none;
		margin: 0;
		padding: 5px 0 6px 0;
		border-bottom:1px solid #d2d2d2;
	}
	#subMenuListLvl1 a
	{
		color: #042964;
		font-size:0.916em;
		font-size:normal;
		margin:0 0 0 10px;
		display:block;
		text-transform:uppercase;
	}
		#subMenuListLvl1 a:hover
		{
			color: #000;
			text-decoration:none;
		}


/* Secondary Navigation - Second level */
#subMenuListLvl2
{
	margin: 5px 0 0 8px;
	padding: 0;
}
	#subMenuListLvl2 li
	{
		border: 0;
		padding: 0;
		margin: 6px 0 6px 0;
		background: none;
		font-size: .916em;
	}
		#subMenuListLvl2 li a
		{
			color: #555;
		}



/* Etc */
.right
{
	float: right;
}
.left
{
	float: left;
}
.inputHidden
{
	display: none !important;
	height: 0;
	width: 0;
}
.clearFix
{
	clear: both;
	float: none;
}

.msgError{font-weight:bold;color:red;}
.msgWarning{font-weight:bold;color:orange;}
.msgInfo{font-weight:bold;color:green;}