/*
	Current version: 1.1.1
	
	Site: Advantum
	www: advantum.se
	Author: Robert Hedman, robert.hedman@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;
}

html body {
	font-size: 63%;
}

h1,h2,h3,h4,h5,h6 {
	font-family: arial, helvetica Sans-Serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #353535;
}

h1 {
	font-size: 1.6em;
	margin: 0.3em 0 0.3em 0;
}

h2 {
	font-size: 1.3em;
	margin: 0.3em 0 0.3em 0;
}

h3 {
	font-size: 1.3em;
	margin: 0.3em 0 0.3em 0;
	color:#ce5c34;
}

h4,h5,h6 {
	font-size: 1em;
	font-weight: bold;
	margin: 0.3em 0 0.3em 0;
}

p {
	padding: 0;
	margin: 0 0 1em 0;
}
#col1 p a
{
	color: #ce5c34;
	text-decoration: none;
}

#defaultPage #col1 a
{
	color: #ce5c34;
	text-decoration: none;
}


a
{
	color: black;
text-decoration: none;
}

a:hover, #col1 a:hover {
	color: black;
	text-decoration: underline;
}

input,select,textarea {
	font-size: 100%;
	padding: 2px;
}

fieldset {
	border: none;
}
ul
{
	margin: 1em 0;
}
ul li {
	margin: 0 0 0.5em 0;
	background:url(../images/common/bullet.gif) 0 3px no-repeat;
	padding:0 0 0 15px;
}

img {
	border: 0;
	display: block;
	behavior: url("/pngbehavior.htc");
}

hr {
	clear: both;
	height: 0;
	border: 0;
	border-top: 1px solid #a1a1a1;
}

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

ul
{
	list-style:none;
	list-style-type:none;
	margin-left:10px;
	padding-left:0;
}

#startPage, #defaultPage {
	background: #f2f4f2;
}

#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 960px;
	background: #fff;
	position: relative;
	z-index: 1;
}

	#startPage #innerWrapper
	{
		background:#fff url(../images/common/startpage-inner-wrapper-bg.gif) top right repeat-y;
		margin:0 10px 0 0;
	}
	
	#defaultPage #innerWrapper 
	{
		background:#fff url(../images/common/defaultpage-inner-wrapper-bg.gif) top right repeat-y;
		margin:0 10px 0 10px;
		padding:0;
		clear:both;
		float:none;
		overflow:hidden;
	}

#header {
	backgroun0d: white;
	height: 88px;
	width: 960px;
	overflow: hidden;
}

#logotype {
	background: url(../images/common/kompetens-logo.gif) no-repeat;
	height: 88px;
	width: 262px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin: 0;
	overflow: hidden; 
}

#searchContainer {
	width: 200px;
	height: 35px;
	overflow: hidden;
	float: right;
	display: inline; margin : 30px 20px 0 0;
	font-size: 0.96em;
	margin: 30px 20px 0 0;
}

#language
{
	position:absolute;
	top:10px;
	right:20px;
	color:#858585;
	font-size:110%;
}

	#language a
	{
		color:#ce5d34
	}

/* SEARCH */
#searchText {
	font-size: 0.9em;
}

#searchInput {
	weight: 20px;
	width: 170px;
	float: left;
}

#searchString {
	width: 170px;
	border: 1px solid #ffcb08;
	margin: 0;
	padding: 1px 0 0 2px;
}

#searchSubmit input {
	background-image: url(../images/common/btn-goto.gif);
	width: 18px;
	height: 18px;
	float: right;
	border: 0;
	font-size: 0;
	color: #fff;
	margin: 0;
}

.searchResultItem
{
	border-bottom:1px solid #a2a5a2;
	padding:10px 0 15px 0;
}

	.searchResultItem a
	{
		font-size:130%;
	}

/* Page content */
#content {
	width: 960px;
	background: url(../images/common/main-bg.gif) repeat-x;
	height: 300px;
	min-height: 300px;
	height: auto !important;
	margin:0 !important;
	padding:27px 0 0 0;

}

#startPage #col1 {
	width: 650px;
	float: left;
	display: inline;
	overflow: hidden;
	background: #fff url(../images/common/col1-shadow.gif) no-repeat;
	margin:0;
	height: 300px;
	min-height: 300px;
	padding: 0 10px 0 0;
	height: auto !important;
}

#defaultPage #col1 {
	width: 450px;
	float: left;
	display: inline;
	overflow: hidden;
	margin:0;
	padding: 0;
	height: 300px;
	min-height: 300px;
	height: auto !important;
}

#startPage #col1 .marginContainer{
	margin: 10px 0 10px 20px;
	font-size: 1.1em; 
}

	#col3 .marginContainer
	{
		margin:10px;
	}

#defaultPage #col1 .marginContainer {
	margin: 10px;
	font-size: 1.1em;
}

#startPage #col2 {
	width: 290px;
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0 0 0 0;
	background: #d9deda;
	height: 300px;
	min-height: 300px;
	height: auto !important;
}

#defaultPage #col2 {
	width: 290px;
	float: left;
	display: inline;
	overflow: hidden;
	margin:0 0 0 10px;
	background: #d9deda;
	height: 300px;
	min-height: 300px;
	height: auto !important;
}

#col3
{
	width: 190px;
	float: left;
	display: inline;
	margin: 0;
	background: #edf0ed url(../images/common/col3-bg.gif) no-repeat;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#position2
{
	clear:both;
}

#position1 h3, #position2 h3  {
	background: #ce5c34 url(../images/common/col2-h3-bg.gif) repeat-x;
	color: #fff;
	margin: 0 0 7px 0;
	text-transform: uppercase;
	font-size: 0.95em;
	overflow:hidden;
	font-weight: bold;
	padding: 0 0 0 10px;
	height:25px;
}

	#position1 h3
	{
		line-height:2.4em;
	}

#footer {
	border-top: 1px solid #e0e0e0;
	margin: 10px 10px 10px 10px;
	padding: 10px;
	float: none;
	clear: both;
}

	#footerLeft
	{
		float:left;
		width:600px;
	}
	
	#footerRight
	{
		float:right;
		width:70px;
		color: #c0c4c1;
		text-align:right;
		font-size:10px;
	}
	
		#progressLink
		{
			width:70px;
			height:30px;
			display:block;
			margin:5px 0 0 0;
			background:url(../images/common/logo-progress.gif) no-repeat;
		}

	#footer p
	{
		margin:10px 0 0 0;
	}

#defaultPage #footer {
}

#credit {
	margin: 0 auto;
	width: 960px;
	color: #c0c4c1;
	text-align: right;
}

	#credit a
	{
		color:#c0c4c1;
	}

/* Primary navigation */

/* HIDDEN MENU ITEMS FOR ERICSSON AND LÄNSFÖRSÄKRINGAR */


#menuContainer {
	background: url(../images/common/main-menu-bg.gif) repeat-x;
	height: 28px;
	width: 960px;
	overflow: hidden;
	clear:both;
}

#topMenuActive{display:none;}

#topMenuList li
{
	margin-left:0;
	padding-left:0;
}

#menuContainer li {
	list-style: none;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	background:none;
}

#menuContainer li a {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}

#menuContainer li a:hover {
	color: #000;
}

#menuContainer .menuItemFirst {
	margin: 0 0 0 7px !important;
}

#inquiryLink {
	display: block;
	width: auto;
	float: right;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	background: url(../images/common/menu-tab-right.gif) no-repeat;
	height: 22px;
	padding: 6px 0 0 15px;
	margin: 0 15px 0 0;
	display: inline-block;
	font-weight: bold;
	font-size: 1.1em;
}

#inquiryLinkClose {
	display: block;
	width: auto;
	float: right;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	height: 22px;
	padding: 6px 0 0 0;
	margin: 0 15px 0 0;
	display: inline-block;
	font-weight: bold;
	font-size: 1.1em;
}

.inquiryIcon {
	display: block;
	padding: 0 15px 0 0;
	background: url(../images/common/inquiry-arrow.gif) center right
		no-repeat;
}

#inquiryContainer {
	width: 300px;
	height: 332px;
	background: url(../images/common/inquiry-bg.gif) no-repeat;
	position: absolute;
	top: 88px;
	left: 660px;
	z-index: 100;
}

	#inquiryContainer p
	{
		font-size:110%;
	}


#topMenuList {
	margin: 0;
	padding: 0;
}

/* Active tab */
.topMenuItemLeftSelected {
	display: none;
}

.topMenuItemRightSelected {
	background: url(../images/common/menu-tab-right-active.gif) top right no-repeat;
	width: 2px;
	height: 28px;
	float: left;
}

.topMenuItemContentSelected {
	background: #858585 url(../images/common/menu-tab-active.gif) repeat-x;
	height: 28px;
	padding: 6px 15px 0 15px;
	margin: 0;
	float: left;
	display: inline-block;
}

.topMenuItemContentSelected a {
	color: #fff !important;
}

.topMenuItemContentSelected a:hover {
	color: #fff !important;
}

/* Inactive tabs */
.topMenuItemLeft {
	display: none;
}

.topMenuItemRight {
	background: url(../images/common/menu-tab-right.gif) top right no-repeat;
	width: 2px;
	height: 22px;
	float: left;
	display:inline;
}

.topMenuItemContent {
	height: 22px;
	padding: 6px 15px 0 15px;
	margin: 0;
	float: left;
	display: inline-block;
}

.topMenuItemContent a:hover {
	
}

/* Secondary navigation */


#subMenuContent a {
	text-decoration: none;
	font-size: 110%;
}

#subMenuActive h2 {
	background:#CE5C34 url(../images/common/col2-h3-bg.gif) repeat-x scroll 0%;
	color:#FFFFFF;
	font-size:0.95em;
	font-weight:bold;
	line-height:2.4em;
	margin:0;
	height:25px;
	overflow:hidden;
	padding:0pt 0pt 0pt 10px;
	text-transform:uppercase;
}

	#subMenuActive h2 a
	{
		color:#fff;
	}
	
	#subMenuActive h2 a:hover;
	{
		color:#fff;
		text-decoration:none;
	}
	

/* Secondary Navigation - First level */


#subMenuListLvl1 {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
	list-style-type: none;	
}

#subMenuListLvl1 li
{
	background:url(../images/common/submenu-li-bg.gif) bottom left no-repeat;
	display:block;
	margin:0;
	padding-left:0;
	line-height:2em;
}

#subMenuListLvl1 .menuItemFirst
{
	margin:0 !important;
}

#subMenuListLvl1 a {
	color: black;
	background:url(../images/common/submenu-a-arrow.gif) 5px center no-repeat; 
	padding:0 0 0 15px;
}

#subMenuListLvl1 a:hover {
	color: #ce5c34;
	background:url(../images/common/submenu-a-arrow.gif) 5px center no-repeat; 
}

/* Secondary Navigation - Second level */
#subMenuListLvl2 {
	margin: 0 0 0 10px;
	padding: 0;
}

#subMenuListLvl2 li {
	background:none !important;
}

#subMenuListLvl2 li a {
	color: #555;
	background:none;
}

#subMenuListLvl2 .leftMenuSelected {
	font-weight: normal !important;
	background:url(../images/common/submenu-a-arrow.gif) 5px center no-repeat; 
}

#subMenuListLvl2 .menuItemLast
{
	padding:0 0 10px 0 !important;
}

#express
{
	background: url(../images/common/kompetens-express.gif) no-repeat;
	height: 28px;
	width: 80px;
	display: inline;
	text-indent: -9999px;
	float: right;
	margin: 14px 40px 0 0;
	overflow: hidden; 
}

/* Etc */
.right {
	float: right;
}

.left {
	float: left;
}

.inputHidden {
	display: none !important;
	height: 0;
	width: 0;
}

.clearFix {
	clear: both;
	float: none;
}

.msgError {
	border: 1px solid #ca7f7f;
	background: #ffcfd2;
	margin: 0 0 5px 0;
	padding: 2px;
}

.msgInfo {
	border: 1px solid #a8be9c;
	background: #eef9de;
	margin: 0 0 5px 0;
	padding: 2px;
}

.msgWarning {
	border: 1px solid #bebe9c;
	background: #fdffcf;
	margin: 0 0 5px 0;
	padding: 2px; 
}