html {
	height: 100%;
	width: 100%;
}

body {
	color : black;
	background : #003333;
	font : 11px Arial, sans-serif;
	height: 100%;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/* LAYOUT ********************************************************************/

div.main_outer {
	margin-left: auto;
	margin-right: auto;
	width: 768px;
	padding: 0px;
	border: 1px solid #000000;
	background : #FFFFFF;
}

h1 {
	font-weight: bold;
	font-size: 32px;
	color: #FFCC33;
	background: #666666;
	text-align: center;
	padding: 10px;
	margin: 0px;
	border-bottom: 1px solid #000000;
}

div.meny {
	text-align: center;
	background: #FFCC33;
	border-bottom: 1px solid #000000;
	margin: 0px;
	padding: 5px;
}

span.menypunkt {
	color: black;
	margin: 0px 5px 0px 5px;
	padding: 5px;
	font-weight: bold;
}

span:hover.menypunkt {
	background: #FFFFFF;
}

div.hoved {
	margin: 0px;
	padding: 10px;
	border: 0px;
	text-align: center;
}

div.footer {
	text-align: center;
	background: #F0F0F0;
	border-top: 1px solid #000000;
	margin: 0px;
	padding: 10px;
}

div.loginbox {
	width: 200px;
	text-align: center;
	background: #F0F0F0;
	border: 2px dashed #CECECE;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}

div.loginbox h3 {
	font-weight: bold;
	font-size: 14px;
	color: #6189C6;
	text-align: center;
}

div.hurtigmeny {
	text-align: center;
	background: #F0F0F0;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin: 5px;
	padding: 5px;
}


/* Vis bruk **************************************************************/

div.bruk_meny {
	text-align: center;
	background: #F0F0F0;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin: 0px;
	padding: 5px;
}

div.VAsak {
	background: #99CC99;
	border: 1px dotted #000000;
	margin: 0px;
	padding: 5px;
}

div.byggsak {
	background: #99CCCC;
	border: 1px dotted #000000;
	margin: 0px;
	padding: 5px;
}

table.sak {
	background: #FFFFFF;
	border: 1px solid #000000;
	padding: 0px;
	margin: 0px;
}

table.sak td {
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	padding: 0px;
	margin: 0px;
}

table.sak_heading {
	background: #FFFFFF;
	border: 2px solid #000000;
	padding: 0px;
	margin: 0px;
}

table.sak_heading tr, table.sak_heading td {
	background: #CCCCCC;
}

p.sakmeny {
	background: #FFFFFF;
	border: 1px solid #000000;
	padding: 5px;
	margin: 0px;
}

/* FORMS **************************************************************/

form {
	color : black;
	padding: 0;
	border : 0;
	margin : 0;
}

input, textarea {
	color : black;
	background : #FFFFF0;
	border : 1px solid;
}

select {
	color : black;
	background : #FFFFF0;
	border : 1px solid;
}

textarea {
	color : black;
	background : #FFFFF0;
	border : 1px solid;
	padding: 2px;
}

input.text {
	color : black;
	border : 1px solid;
	background : #FFFFF0;
	padding: 1px;
}

input.submit {
	font-weight: bold;
	font-size: 11px;
	color : #FFFFFF;
	border : 2px outset;
	background : #CC6600;
	padding: 1px;
	width: 150px;
	text-align: center;
	margin: 5px;
}

input.submit_fakturert {
	font-weight: bold;
	font-size: 11px;
	color : #FFFFFF;
	border : 2px outset;
	background : #CC6600;
	padding: 1px;
	width: 100px;
	text-align: center;
	margin: 5px;
}

input.submitimage {
	border : 0px;
	padding: 0px;
	padding: 1px;
}

input.checkbox {
	color : black;
	border : 0px;
	background : transparent;
}

input.radio {
	color : black;
	border : 0px;
	background : transparent;
}

/* TABLES ******************************************************************/

table {
	width: 100%;
	border: 1px solid #CECECE;
	padding: 0px;
	margin: 0px;
}

table.table_white {
	background: #FFFFFF;
}

td {
	padding: 2px;
	border: 1px solid #F0F0F0;
	margin: 0px;
}

tr.table_heading {
	background: #71C7E7;
	font-weight: bold;
	font-size: 11px;
}

table.noframe {
	width: 100%;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

table.noframe td {
	border: 0px;
	padding: 2px;
	margin: 0px;
}

table.compact {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

table.compact tr, table.compact td{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

td.borderright {
	border-right: 1px solid #CECECE;
	margin: 0px;
	padding: 2px;
}

td.borderbottom {
	border-bottom: 1px solid #CECECE;
	margin: 0px;
	padding: 2px;
}

td.borderrightbottom {
	border-bottom: 1px solid #CECECE;
	border-right: 1px solid #CECECE;
	margin: 0px;
	padding: 2px;
}

td.noborder {
	margin: 0px;
	padding: 2px;
}



/* ERROR *******************************************/
div.error {
	text-align: left;
	border: 1px solid red;
	background: #F0F0F0;
	padding: 10px;
	margin: 10px;
}

div.error h2 {
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 1px;
	color: red;
}

div.error li {
	color: red;
}

p.error {
	color: red;
	font-weight: bold;
}



/* GENERELT *******************************************************/

div.spacer {
	width: 100%;
	padding: 1px;
}

.white {
	color: white;
}

small, .small {
	font-size: 10px;
}

li {
	margin-left: 16px;
}

p {
	margin-top: 5px;
	margin-bottom: 5px;
}

h2 {
	font-weight: bold;
	font-size: 16px;
	color: #CC6600;
	text-align: left;
	letter-spacing: 1px;
	border-bottom: 1px solid #CC6600;
	margin: 8px;
}

h3 {
	font-weight: bold;
	font-size: 12px;
	color: #CC6600;
	text-align: left;
	letter-spacing: 1px;
	border-bottom: 1px solid #CC6600;
	margin: 5px;
}

h4 {
	font-weight: bold;
	font-size: 10px;
	color: #CC6600;
	text-align: left;
	letter-spacing: 1px;
	border-bottom: 1px solid #CC6600;
	margin: 3px;
}

h3.simple {
	font-weight: bold;
	font-size: 12px;
	color: #CC6600;
	text-align: center;
	letter-spacing: 1px;
	border: 0px;
	margin: 5px;
}

/* LINKER ********************************************************/

a:link {
	color : #9A3334;
	text-decoration : none;
}
a:visited {
	color : #9A3334;
	text-decoration : none;
}
a:hover {
	color : #9A3334;
	text-decoration : underline;
}
a:active {
	color : #9A3334;
	text-decoration : underline;
}

