@charset "utf-8";
/* CSS Document */


/* Reset styles - START - these will clear the different browser defaults for various margins, borders and such */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
strong{
	font-weight: bold;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Reset styles - END */
html{
	height: 100%;
}
body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #FFF;
}

/* Clearfix style - START - Forces Firefox to expand divs when content is bigger than initial height. Must be applied as a class to the divs needing it */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Clearfix style - END */


td, font, div{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 160%;
	color: #333;
}

a{
	color: #0066CC;
	text-decoration: underline;
}

a:hover{
	text-decoration: underline;
}
hr{
	width: 100%;
	border: none;
	border-bottom: 1px solid #CCC;
	margin-bottom: 12px;
}
h1{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 43px;
	line-height: 1.2em;
	margin-bottom: 15px;
	color: #333;
	font-weight: bold;
}
h1.smaller{
	font-size: 22px;
}
h1 a{
	color: #333;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1em;
	margin-bottom: 6px;
	color: #333;
	font-weight: bold;
}
h2.description{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 120%;
	color: #333;
	font-weight: normal;
	margin-bottom: 35px;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	margin-bottom: 6px;
	color: #333;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px solid #CCC;
}
h3.frontMain{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin-bottom: 3px;
	color: #333;
	font-weight: bold;
	padding-bottom: 0px;
	margin-top: 53px;
	border-bottom: 1px solid #CCC;
}
h4{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 120%;
	color: #333;
	padding-bottom: 3px;
	margin-bottom: 3px;
	font-weight: bold;
	text-decoration: none;
}
h4 a{
	color: #333;
	text-decoration: none;
}
.articleItem h4{
	float: left;
	width: 339px !important;
}
h4.functions{
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
	float: left;
	width: 339px;
	border-bottom: 1px solid #CCC;
}
h4.functionLink{
	margin-bottom: 6px;
	float: left;
	width: 339px;
	padding-top: 35px;
}
h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin-bottom: 6px;
	font-weight: bold;
}

h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 0px;
	color: #333;
	font-weight: normal;
	font-style: italic;
}

p{
	margin-bottom: 14px;
}
p em{
	font-style: italic;
}
.menuDivider{
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #FFFFFF;
}
input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 18px;
}
ul{
	list-style-type: disc;
	margin-bottom: 10px;
}
li{
	list-style-position: outside;
	margin-left: 15px;
}
/* Main container styles - START - These are containers for the entire site design. Background is usually defined outside of these, and these contain the actual box of the main site. Usually the outer wrapper is just a box to properly position the site while the siteContainer keeps the main look of the box */
#outerWrapper1{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-image: url(../images/top-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#headingWrapper1{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 194px;
	text-align: center;
	background-image: url(../images/top-bg-big-np.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
#outerWrapper100{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-image: url(../images/top-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#headingWrapper100{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 194px;
	text-align: center;
	background-image: url(../images/top-bg-big-np.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
#outerWrapper102{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-image: url(../images/top-bg-pers.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#headingWrapper102{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 194px;
	text-align: center;
	background-image: url(../images/top-bg-big-np-pers.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
#outerWrapper101{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-image: url(../images/top-bg-ved.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#headingWrapper101{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 194px;
	text-align: center;
	background-image: url(../images/top-bg-big-np-ved.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
#outerWrapper103{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-image: url(../images/top-bg-uts.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#headingWrapper103{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 194px;
	text-align: center;
	background-image: url(../images/top-bg-big-np-uts.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
#outerWrapper1653{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-image: url(../images/top-bg-bru-rep.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#headingWrapper1653{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 194px;
	background-image: url(../images/top-bg-bru.jpg);
	background-repeat: no-repeat;
	background-position: center -130px;
	text-align: center;
}
#mainWrapper{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	text-align: left;
	background-image: url(../images/main-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#languageSelectContainer{
	margin: 0 auto;
	text-align: right;
	padding-top: 7px;
	padding-bottom: 6px;
	padding-right: 15px;
	font-size: 11px;
	color: #DFE0E3;
}
#languageSelectContainer a{
	color: #4E94DC;
	text-decoration: none;
}
#siteContainer{
	margin: 0 auto;
	padding: 0;
	width: 930px;
	clear: both;
	text-align: left;
	min-height: 430px;
	position: relative;
}
#siteContainer.bru{
	background-image: url(../images/top-bg-shadow-bru.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
#topContainer{
	margin: 0;
	width: 98%;
	text-align: center;
	position: relative;
}
#topContainerBru{
	margin: 0 auto;
	width: 930px;
}

#flagContainer{
	position: absolute;
	width: 100px;
	height: 16px;
	top: 5px;
	right: -50px;
	z-index: 50000;
}
#flagContainer img{
	margin-right: 5px;
}
#logoContainer{
	margin: 0 auto;
	width: 126px;
	height: 98px;
	padding-top: 33px;
}
#logoContainerBru{
	float: left;
	width: 200px;
	margin-left: 40px;
	padding-top: 55px;
}
#logoContainerBru a{
	display: block;
}
#logoContainerPers{
	margin: 0 auto;
	width: 141px;
	height: 63px;
	padding-top: 68px;
}
#menuContainer{
	float: left;
	margin-top: 33px;
	margin-left: 0px;
	display: inline;
}
#menuContainerBru{
	float: left;
	width: 640px;
	margin-top: 164px;
	margin-left: 40px;
	display: inline;
}
.menuItem{
	float: left;
	margin-right: 12px;
	display: inline;
}
.menuItemLeft{
	float: left;
	width: 4px;
	height: 30px;
	background-image: url(../images/menu-onix-left.gif);
	background-repeat: no-repeat;
}
.menuItemMid{
	float: left;
	min-width: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 130%;
	color: #FFF;
	background-image: url(../images/menu-onix-mid.gif);
	background-repeat: repeat-x;
}
.menuItemMid a{
	color: #FFF;
	text-decoration: none;
	padding-top: 6px;
	height: 24px;
	padding-left: 18px;
	padding-right: 18px;
	display: block;
}
.menuItemRight{
	float: left;
	width: 4px;
	height: 30px;
	background-image: url(../images/menu-onix-right.gif);
	background-repeat: no-repeat;
}

.menuItemSelected{
	float: left;
	margin-right: 12px;
	display: inline;
}
.menuItemSelected .menuItemLeft{
	float: left;
	width: 4px;
	height: 30px;
	background-image: url(../images/menu-onix-left-selected.gif);
	background-repeat: no-repeat;
}
.menuItemSelected .menuItemMid{
	float: left;
	min-width: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333;
	display: block;
	background-image: url(../images/menu-onix-mid-selected.gif);
	background-repeat: repeat-x;
}
.menuItemSelected .menuItemMid a{
	color: #333;
	text-decoration: none;
	padding-top: 6px;
	height: 24px;
	padding-left: 18px;
	padding-right: 18px;
	display: block;
}
.menuItemSelected .menuItemRight{
	float: left;
	width: 4px;
	height: 30px;
	background-image: url(../images/menu-onix-right-selected.gif);
	background-repeat: no-repeat;
}
.personell.menuItem .menuItemLeft{
	background-image: url(../images/menu-onix-pers-left.gif);
}
.personell.menuItem .menuItemMid{
	background-image: url(../images/menu-onix-pers-mid.gif);
}
.personell.menuItem .menuItemRight{
	background-image: url(../images/menu-onix-pers-right.gif);
}
.vedlikehold.menuItem .menuItemLeft{
	background-image: url(../images/menu-onix-ved-left.gif);
}
.vedlikehold.menuItem .menuItemMid{
	background-image: url(../images/menu-onix-ved-mid.gif);
}
.vedlikehold.menuItem .menuItemRight{
	background-image: url(../images/menu-onix-ved-right.gif);
}
.utstyrsportal.menuItem .menuItemLeft{
	background-image: url(../images/menu-onix-uts-left.gif);
}
.utstyrsportal.menuItem .menuItemMid{
	background-image: url(../images/menu-onix-uts-mid.gif);
}
.utstyrsportal.menuItem .menuItemRight{
	background-image: url(../images/menu-onix-uts-right.gif);
}
.brukerforum.menuItem .menuItemLeft{
	background-image: url(../images/menu-onix-bru-left.gif);
}
.brukerforum.menuItem .menuItemMid{
	background-image: url(../images/menu-onix-bru-mid.gif);
}
.brukerforum.menuItem .menuItemRight{
	background-image: url(../images/menu-onix-bru-right.gif);
}
#subMenuContainer{
	float: left;
	width: 930px;
	height: 25px;
	margin-top: 10px;
	margin-bottom: 5px;
}
#subMenuContainer ul{
	margin: 0;
	list-style-type: none;
}
#subMenuContainer li{
	margin: 0;
	float: left;
	margin-right: 25px;
	font-size: 11px;
	font-style: italic;
	font-family: Verdana, Geneva, sans-serif;
	display: inline;
}
#subMenuContainer li a{
	color: #666;
	text-decoration: none;
}
#subMenuContainer li a.selected{
	color: #000;
	text-decoration: none;
}
#subMenuDivider{
	float: left;
	width: 930px;
	height: 0px;
	font-size: 0px;
	border-top: 1px solid #B1B1B1;
	border-bottom: 1px solid #FFF;
}
#footerContainer{
	margin: 0 auto;
	width: 930px;
	clear: both;
	border-top: 1px solid #CACACA;
}
#onixIntroductionContainer{
	float: left;
	width: 450px;
}
#onixFooterLogo{
	float: left;
	margin-top: 25px;
	padding-top: 10px;
	margin-left: 30px;
	width: 93px;
	height: 71px;
	display: inline;
}
#onixInformation{
	float: left;
	width: 268px;
	margin-top: 25px;
	margin-left: 30px;
	margin-right: 4px;
	margin-bottom: 10px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	line-height: 140%;
	border-right: 1px solid #CACACA;
	display: inline;
}
p.footerInfo{
	color: #333;
	line-height: 140%;
}
span.footerInfoHeader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0667A9;
}
span.footerAddressHeader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0667A9;
	font-weight: bold;
}
#sitemapPartnerContainer{
	float: left;
	width: 470px;
	margin-top: 30px;
}
#sitemapContainer{
	float: left;
	width: 470px;
}
.sitemapItem{
	float: left;
	width: 107px;
	margin-right: 10px;
	font-size: 12px;
	color: #999;
	display: inline;
}
.sitemapItem a{
	text-decoration: none;
	color: #999;
}
#partnerContainer{
	float: left;
	width: 450px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#partnerContainer img{
	float: left;
	margin-right: 15px;
	display: inline;
}
#copyrightContainer{
	margin: 0 auto;
	width: 930px;
	clear: both;
	border-top: 1px solid #CACACA;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
}
#copyrightContainer span{
	width: 500px;
	float: left;
	padding-bottom: 10px;
}
#siteLinks{
	float: right;
	width: 340px;
	padding-bottom: 10px;
	font-size: 11px;
	text-align: right;
}
#bigColumnContainer{
	float: left;
	width: 560px;
}
#mainArticleContainer{
	float: left;
	width: 560px;
	margin-top: 53px;
	padding-bottom: 10px;
}
#mainArticleContainerFront{
	float: left;
	width: 560px;
	margin-top: 53px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
#mainArticleContainerFront h1{
	min-height: 104px;
}
#mainArticleContainerFront h2.description{
	min-height: 159px;
}
#mainArticleContainerFrontOnix{
	float: left;
	width: 560px;
	margin-top: 10px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCC;
}
#mainArticleContainerFrontOnix p{
	margin-bottom: 14px;
}
#smallArticleContainer{
	float: left;
	width: 337px;
	margin-top: 53px;
	font-size: 12px;
	line-height: 140%;
}
#smallArticleContainer h1{
	font-size: 20px;
}
.frontImage{
	background-image: url(../images/onix-front-image-bg.png);
	background-repeat:no-repeat;
}
#newsArticleContainer{
	float: left;
	width: 332px;
	margin-top: 15px;
}
#functionArticleContainer{
	margin: 0;
	padding: 0;
	float: left;
	width: 332px;
	margin-top: 33px;
}
#customerContainer{
	margin: 0;
	padding: 0;
	float: left;
	width: 332px;
	margin-top: 25px;
	margin-bottom: 30px;
	min-height: 100px;
	position: relative;
}
#customerContainer a{
	color: #333;
	text-decoration: none;
	cursor: pointer;
}
#customerContainer a:hover{
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
#customerContainer h4{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #CCC;
	padding-bottom: 0px;
}
.customers{
	float: left;
	margin-left: 35px;
	margin-right: 35px;
	margin-top: 25px;
	margin-bottom: 25px;
	display: inline;
}
.customers a{

}
#sloganContainer{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	margin-bottom: 30px;
	position: relative;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
#sloganContainer a{
	color: #333;
	text-decoration: none;
}
#sloganContainer h4{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #CCC;
	padding-bottom: 0px;
}
.slogans{
	float: left;
	margin-left: 35px;
	margin-right: 35px;
	margin-top: 25px;
	margin-bottom: 25px;
	display: inline;
}
.slogans a{

}
.newsItem{
	float: left;
	padding-top: 15px;
	margin-bottom: 15px;
	width: 332px;
}
.newsItemFunctions{
	margin: 0;
	padding: 0;
	float: left;
	margin-bottom: 15px;
	/margin-bottom: 13px;
	width: 332px;
}
.newsItem h4{
	border-bottom: 1px solid #CACACA;
	margin-bottom: 8px;
	padding-bottom: 1px;
}
.newsItemFunctions h4{
	border-bottom: 1px solid #CACACA;
	margin-bottom: 8px;
	padding-bottom: 0px;
}
.newsItem p{
	font-size: 12px;
}
#articleContainer{
	float: left;
	width: 560px;
	margin-top: 15px;
}
#articleContainerSmall{
	float: left;
	width: 332px;
	margin-top: 15px;
}
.articleItem{
	float: left;
	border-bottom: 1px solid #CCC;
	padding-top: 12px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	width: 560px;
}

.articleItem .childImageContainer{
	float: left;
	margin-right: 15px;
	display: inline;
}
.articleItem img{
	float: left;
	display: inline;
}
.articleItem h4{
	float: left;
	width: 339px;
}
.articleItem p{
	float: left;
	width: 339px;
}

.articleItemFront{
	float: left;
	border-top: 1px solid #CCC;
	padding-top: 12px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	width: 560px;
}
.articleItemFront img{
	float: left;
	width: 206px;
	display: inline;
}
.articleItemFront .childImageContainer{
	float: left;
	width: 206px;
	margin-right: 15px;
	display: inline;
}
.articleItemFront h4{
	float: left;
	width: 339px;
}
.articleItemFront p{
	float: left;
	width: 339px;
}
.articleItemFunctions{
	margin: 0;
	padding: 0;
	float: left;
	margin-bottom: 15px;
	font-size: 12px;
	width: 560px;
}
.articleItemFunctions p{
	float: left;
	width: 339px;
}
.articleItemFunctions h4{
	float: left;
	width: 339px;
}
.articleItemFunctions img{
	float: left;
	width: 206px;
	display: inline;
}
.articleItemFunctions .childImageContainer{
	float: left;
	width: 206px;
	margin-right: 15px;
	display: inline;
}
#thinColumnContainer{
	float: left;
	width: 332px;
	margin-left: 38px;
	display: inline;
	position: relative;
}
.largeArticleImageContainer{
	float: left;
	width: 332px;
	margin-top: 53px;
	margin-bottom: 0px;
}
.largeArticleImageContainerFront{
	margin: 0;
	padding: 0;
	float: left;
	width: 332px;
	height: 262px;
	overflow: hidden;
	margin-top: 53px;
	margin-bottom: 39px;
}
.largeImageContainer{
	float: left;
	width: 562px;
	margin-top: 53px;
	margin-bottom: 6px;
}
.childImageContainer{
	float: left;
	width: 206px;
	margin-bottom: 15px;
	margin-right: 15px;
	display: inline;
}
.childImageContainerCourse{
	float: right;
	width: 206px;
	margin-bottom: 15px;
	margin-left: 15px;
	display: inline;
}
.smallArticleImageContainer{
	float: left;
	width: 76px;
	margin-right: 9px;
	margin-bottom: 9px;
	display: inline;
}
span.imageDescription{
	float: left;
	font-size: 11px;
	font-style: italic;
	line-height: 140%;
	margin-bottom: 3px;
}
#frontSolutionsContainer{
	float: left;
	width: 332px;
	margin-top: 57px;
}
#subsubMenuContainer{
	float: left;
	width: 332px;
	margin: 0px;
	padding: 0px;
}
#subsubMenuContainer h4{
	margin-bottom: 0px;
}
#subsubMenuContainer p{
	margin-bottom: 20px;
}
#seminarContainer{
	float: left;
	width: 332px;
	margin-top: 125px;
}
#seminarContainer h2{
	padding-bottom: 1px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 8px;
}
#seminarContainer h4 a{
	font-weight: normal;
	margin-bottom: 3px;
}
#relatedContainer{
	float: left;
	width: 100%;
	margin-top: 10px;
}
#relatedContainerFront{
	float: left;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 0px;
}
.relatedItem{
	font-size: 12px;
	float: left;
	width: 100%;
}
#relatedContainerBig{
	float: left;
	width: 560px;
	margin-top: 10px;
}
.relatedItemBig{
	margin: 0;
	padding: 0;
	float: left;
	width: 560px;
	margin-bottom: 15px;
	font-size: 12px;
}

.relatedItemBig p{
	float: left;
	width: 339px;
}
.relatedItem h4{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #CCC;
	margin-bottom: 8px;
	padding-bottom: 3px;
}
.relatedItemFrontMain h4{
	margin: 0;
	padding: 0;
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.relatedItemFrontMain p{
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
.relatedItemBig h4{
	margin: 0;
	padding: 0;
	border: none;
	border-bottom: 1px solid #CCC;
	margin-bottom: 8px;
	float: left;
	width: 339px;
}
.relatedItem img{
	float: left;
}
.relatedItem hr{
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
}
.relatedItemBig hr{
	margin: 0;
	padding: 0;
	width: 100%;
	margin-bottom: 8px;
	border: none;
	border-top: 1px solid #CCC;
}
.attachmentContainer{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.attachmentContainer h4{
	margin: 0;
	padding: 0;
}
.attachmentContainer hr{
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
}
.attachmentContainer li{
	margin-left: 25px;
	list-style-type: none;
}
.attachmentContainer a{
	text-decoration: none;
	color: #000;
	font-size: 12px;
	padding-bottom: 3px;
}
.attachmentContainer a:hover{
	text-decoration: underline;
}
#loginContainer{
	position: absolute;
	top: 307px;
	left: 0px;
	width: 332px;
	height: 50px;
	text-align: center;
	z-index: 55000;
}
#loginContainer a{
	display: block;
}
.courses p{
	width: 192px;
}
#fieldContainer{
	float: left;
	width: 310px;
	padding: 10px;
	padding-top: 35px;
	min-height: 63px;
	border: 1px solid #CACACA;
	background-image: url(../images/login-bg.jpg);

}
.formLine{
	float: left;
	width: 310px;
	margin-bottom: 10px;
}
#fieldContainer .formLine label span{
	margin-right: 10px;
	width: 60px;
	float: left;
	text-align: right;
	font-size: 15px;
	padding-top: 5px;
	display: inline;
}
#fieldContainer .formLine label input{
	float: left;
	width: 220px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	font-size: 14px;
	height: 25px;
	border: none;
	background: none;
	background-image: url(../images/form-input-bg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#fieldContainer .formLineButton{
	text-align: center;
}
#fieldContainer .formLineButton input{
	margin: 0 auto;
	font-size: 16px;
	width: 237px;
	height: 42px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: none;
	background: none;
	background-image: url(../images/formbutton-bg.png);
	cursor: pointer;
}
#fieldContainer .formLineButton a{
	text-decoration: none;
	color: #000;
}
span.frontHeader{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	line-height: 1.2em;
	margin-bottom: 12px;
	border-bottom: 1px solid #CCC;
	color: #333;
	float: left;
	width: 560px;
}
#functionSubThinList{
	margin-top: 53px;
}
#courseThinColumn{
	margin-top: 53px;
}
#relatedColumn{
	margin-top: 53px;
}
.categoryList{
	float: left;
	width: 332px;
	margin-top: 55px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.categoryList h4{
	padding-left: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #CCC;
}
.categoryList h5 a{
	text-decoration: none;
}
.categoryList h5 a:hover{
	text-decoration: underline;
}
.categoryList ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 5px;
}
.categoryList li{
	margin: 0;
	padding-left: 20px;

}
.categoryList li.firstLevel{
	margin: 0;
	padding-left: 5px;

}
.categoryList li ul li{
	background: none;
	padding-left: 15px;
}
.categoryList li a{
	font-size: 12px;
	text-decoration: none;
	color: #666;
}
.categoryList li.expanded{
	margin: 0;
	padding-left: 20px;
	background-image: url('../images/tipslist-close.gif');
	background-repeat: no-repeat;
	background-position: 0px 8px;

}
.articleItem h4{
	width: 560px;
}
.keywordList{
	margin-bottom: 25px;
}
.keywordList a{
	color: #333;
}
.keywordsUnderHeader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.keywordArticlesList{
	float: left;
	width: 560px;
	margin-top: 15px;
}
.keywordArticlesList h5{
	font-size: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 110%;
}
.keywordArticlesList h5 a{
	font-size: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 110%;
	text-decoration: none;
}
.keywordArticlesList h5 a:hover{
	text-decoration: underline;
}
.keywordsInList{
	margin: 0;
	padding: 0;
	float: left;
	width: 560px;
	line-height: 110%;
	margin-bottom: 5px;
}
.keywordsInList a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}
.userTipSearchBox{
	float: left;
	width: 322px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	margin-bottom: 0px;
}
.userTipSearchBox input{
	float: left;
	width: 253px;
	padding-left: 7px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 14px;
	color: #AAA;
	border: 1px solid #666;
	border-right: none;
}
.keywordArticlesHeader{
	float: left;
	width: 332px;
	font-size: 12px;
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #EEE;
}
.userTipSignupBox{
	float: left;
	width: 292px;
	background-color: #DDD;
	padding: 20px;
	margin-bottom: 25px;
}
.userTipSignupBox input{
	width: 282px;
	padding: 5px;
	margin-bottom: 5px;
	color: #999;
	border: 1px solid #999;
}
/* Contact stuff */

.contactButton{
	position: absolute;
	top: -194px;
	right: -90px;
	width: 363px;
	height: 171px;
	z-index: 10001;
	cursor: pointer;
}

.contactContainer{
	display: none;
	position: absolute;
	z-index: 80001;
	top: 135px;
	left: 25%;
	background-image: url(../images/contact-bg.png);
	background-position: top center;
	background-repeat: no-repeat;
	width: 598px;
	padding: 80px;
	padding-right: 43px;
	padding-top: 23px;
	height: 515px;
	text-align: left;
}
#outerWrapper103 .contactContainer.smaller, #outerWrapper101 .contactContainer.smaller, #outerWrapper102 .contactContainer.smaller{
	height: 273px;
	background-image: url(../images/contact-bg.png) !important;
	background-position: top center;
	background-repeat: no-repeat;
}
.contactThanksContainer{
	margin-top: 35px;
	float: left;
}
div.lightbox{
	background-color: #000;
}
/* Utstyrsportalen */
#outerWrapper103 .contactContainer{
	background-image: url(../images/contact-bg-bernt.png);	
	background-position: top center;
	background-repeat: no-repeat;
}
/* Vedlikehold */
#outerWrapper101 .contactContainer{
	background-image: url(../images/contact-bg-bernt.png);	
	background-position: top center;
	background-repeat: no-repeat;
}
/* Personell */
#outerWrapper102 .contactContainer{
	background-image: url(../images/contact-bg-anita.png);	
	background-position: top center;
	background-repeat: no-repeat;
}
.closeContactForm{
	float: left;
	width: 598px;
	height: 20px;
	text-align: right;
	cursor: pointer;
}
.contactContainer .buttonContainer{
	float: left;
	width: 313px;
	height: 51px;
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: center;
	background-image: url(../images/contact-sendform.png);
	background-position: left;
}
.contactContainer .buttonContainer a{
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: 15px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
}
.contactContainer span.formRequiredLabel{
	float: left;
	width: 340px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F00;
}
.contactFormContainer{
	float: left;
	width: 340px;
}
.contactDescription{
	float: left;
	width: 221px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 120%;
	color: #333;
	margin-top: 40px;
}
.contactContainer .contactFormContainer label{
	float: left;
	width: 340px;
	margin-bottom: 5px;
}
.contactContainer .contactFormContainer label input{
	float: left;
	width: 290px;
	height: 24px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 8px;
	border: 1px solid #CCC;
	background-image: url(../images/contact-form-input-bg.jpg);
}
.contactContainer .contactFormContainer label span{
	float: left;
	width: 5px;
	margin-right: 25px;
	font-size: 15px;
	color: #333;
}
.contactContainer .contactFormContainer label.check span{
	margin: 0;
	padding: 0;
	float: right;
	width: 310px;
	display: inline;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 110%;
	padding-top: 7px;
}
.contactContainer .contactFormContainer label.check input{
	margin: 0;
	padding: 0;
	float: left;
	width: 16px;
	display: inline;
}
.contactContainer .contactFormContainer textarea{
	float: left;
	width: 300px;
	background-image: url(../images/contact-form-input-bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	border: 1px solid #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 120%;
	color: #333;
}
.contactContainer span.formHeader{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 22px;
	color: #333;
	display: block;
	margin-bottom: 20px;
}	
.contactPhone{
	font-size: 16px;
	font-weight: bold;
}
#demoButton{
	float: left;
	width: 560px;
	text-align: center;
	margin-bottom: 15px;
	cursor: pointer;
}
#loginContainer{
	padding-top: 10px;
	padding-bottom: 10px;
}

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;    
    position: fixed;
    top: 17%;
    left: 50%;    
    margin-left: -300px;
    width: 680px;
    height: 396px;
    background-color: #000;
    color: #333;
    border: 1px solid black;
    padding: 0px;
	z-index: 61000;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
/* Table fixes */
#mainArticleContainer table td{
	padding: 10px;
	font-size: 13px;
	vertical-align: top;
}
.brukerForum{
	
}
table.brukerForum{
	border: 1px solid #000;
	border-left: none;
}
table.brukerForum td{
	border-top: 1px solid #000;	
	border-left: 1px solid #000;
	padding: 5px;
	text-align: center;
}
table.brukerForum th{
	padding: 5px;
	border-left: 1px solid #000;
	background-color: #B6D134;
	font-weight: bold;
	text-align: center;
}
.break{
	background-color: #C5D9F1;
}
.personell{
	background-color: #FF66FF;	
	color: #FFF;
	font-weight: bold;
}
.personellLight{
	/*background-color: #FFF4FF;	*/
}
.utstyr{
	background-color: #E46D0A;	
	color: #FFF;
	font-weight: bold;
}
.utstyrLight{
	/*background-color: #FEF7F1;	*/
}
.vedlike{
	background-color: #7030A0;	
	color: #FFF;
	font-weight: bold;
}
.vedlikeLight{
	/*background-color: #F7F0FB;	*/
}