/* default styling */

* {
	margin: 0;
	padding: 0;
}

a {
	outline: none;
}

a img {
	border: none;
	text-decoration: none;
} 

fieldset {
	border: 0;
}

body {
	background-color: #ffffff;
	text-align: center;
	margin: 20px 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: .8em;
	color: #262626;
}

h1, h2, h3 {
	font-family: Arial, Verdana, sans-serif;
	color: #0087b3;
	font-weight: 100;
}

h1 {
	font-size: 1.4em;
	margin-bottom: .5em;
}

h2 {

	font-size: 1.2em;
	margin-bottom: .5em;
	margin-top: 1.5em;
}

h3 {
	font-size: 1.0em;
	margin-bottom: .2em;

}


/* Oppsett av de ulike div'er og wrappere rundt innholdet */

div#pageWrap {
	position: relative;
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

div#header {
	background: transparent url(grafikk/header-bg.gif) no-repeat;
	height: 68px;
	padding: 15px 0 0 17px;
	border-bottom: 2px solid #cccbca;
	border-right: 2px solid #cccbca;
	border-top: 1px solid #dbdbda;
	border-left: 1px solid #dbdbda;
}

div#header div#nhoLogo img {
	width: 161px;
	height: 53px;
	border: 0;
}

div#content {
	width: 960px;
}

div#leftColumn {
	float: left;
	width: 720px;
}

div#leftColumn-stor {
	float: left;
	width: 970px;
}

div#rightColumn {
	float: left;
	width: 238px;
}

div.left {
	float: left;
	border-right: 1px dotted #A0A0A4;
}

div.right {
	float: left;
	padding-left: 17px;
	width: 218px;
}

div.rightLarge {
	float: left;
	padding-left: 17px;
	width: 300px;
}

div.mainBox {
	border-bottom: 2px solid #cccbca;
	border-right: 2px solid #cccbca;
	border-top: 1px solid #dbdbda;
	border-left: 1px solid #dbdbda;
	background: #ffffff url(grafikk/mainBox-bg.gif) top left repeat-x;
	margin: 10px 10px 0 0;
	padding: 17px;
}


div#skjema {
	border-bottom: 2px solid #cccbca;
	border-right: 2px solid #cccbca;
	border-top: 1px solid #dbdbda;
	border-left: 1px solid #dbdbda;
	background: #ffffff url(grafikk/mainBox-bg.gif) top left repeat-x;
	margin: 10px 10px 0 0;
	padding: 17px;
	overflow: hidden;
}

div.mainBox p, div#skjema p {
	margin: 1em 0;
}

div#rightColumn .mainBox{
	margin: 10px 0 0 0;
}

div.formBox {
	float: left;
	width: 217px;
}

div.left div.formBox {
	width: 217px;
}

div.right div.formBox {
	width: 200px;
}


table#skjemaTabell {
	margin: 10px 0;
	/*width: 550px; */
}


ul {
	margin-left: 20px;
}

.litenTekst {
	font-size: .8em;
	font-style: italic;
	color: #666666;
}

.langtFelt {
	width: 380px;
}

.kortFelt {
	width: 180px;
}


div.tips {
	font-size: .9em;
	margin: 0 0 1.3em 0;
	padding: .6em;
	border: 1px solid #c5bbaa;
	background-color: #dbdbda;
}

div.tips ol {
	margin: .4em 0 .4em 3em;
}

div.tips p {
	margin: 0 0 .4em 0;
}

.red {
	color: #FF0000;

}


form#orgForm {
	border: 1px solid #c5bbaa;
	background-color: #e7e5e3;
	padding: 8px;
}


/* Styling av forms-elementer */

div.formBox label,table#skjemaTabell label {
	display: block;
	font-size: .9em;
	margin: .3em 0;
	color: #666666;
}	

div.formBox input.tekstfelt_kort {
	width: 100px;
}

div.formBox input.buttonBlock {
	display: block;
	margin: 10px 0px;
}

div.formBox select {
	width: 200px;
	margin: 5px 0 10px 0;
}




/* Tekst-styling av høyre kolonne */

div#rightColumn ul {
	margin: 10px 17px;
}

div#rightColumn li, div#rightColumn p {
	font-size: .9em;
} 

div#rightColumn p {
	margin: 10px 0;
}







/* Alsett Clearing Method - the footer comes below the longest column */

.clearfix:after {
    content: ".";          
	display: block;        
    height: 0;             
    clear: both;           
    visibility: hidden;	   
}

.clearfix {
	display: inline-block; /* a fix for IE Mac */
}   

/* a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}