@charset "utf-8";
body {
	
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    background: #FFF url(../images/gradvis2.jpg) repeat-x scroll left top;
}


/* Some stylesheet reset */
.nav, .nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}

/* The main container */
.nav {
	/* Layout and positioning */
	display: block;
	position: relative;
	height: 34px;
	/*width: 750px;  CHANGE this if you want another width or remove it if you want the width of the container */
	border-radius: 3px;
	border: 1px solid #c1c1c1;

	/* Background and effects */
	background: #eaeaea; /* Background for IE9 and older browsers */
	background: -webkit-linear-gradient(bottom, #e1e1e1, #f4f4f4); /* Background for Chrome & Safari */
	background: -moz-linear-gradient(bottom, #e1e1e1, #f4f4f4); /* Background for Firefox */
	background: -o-linear-gradient(bottom, #e1e1e1, #f4f4f4); /* Background for Opera */
	background: -ms-linear-gradient(bottom, #e1e1e1, #f4f4f4); /* Background for Internet Explorer 10 */
	box-shadow: inset 0 1px 0 #fff;
}

.nav>li {
	display: block;
	position: relative;
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
}

/* The main navigation links */
.nav>li>a {
	/* Layout */
	display: block;
	padding: 11px 20px;
	/* Typography */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #333;
	text-shadow: 0 1px 0 #fff;
	/* Effects */
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

/* The hover state of the navigation links */
.nav>li>a:hover, .nav>li:hover>a {
	background: #fff;
	background: rgba(255, 255, 255, .6);
	color: #333;
}

.nav>li:first-child>a {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.nav>.dropdown>a {
	padding-right: 26px;
}

/* The arrow indicating a dropdown menu */
.nav>.dropdown>a::after {
	 content: "";
	 position: absolute;
	 top: 14px;
	 right: 11px;
	 width: 4px;
	 height: 4px;
	 border-bottom: 1px solid #9a9a9a;
	 border-right: 1px solid #9a9a9a;
	 -webkit-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 -moz-transform: rotate(45deg);
	 -o-transform: rotate(45deg);
	}

/* Changing the color of the arrow on hover */
.nav>.dropdown>a:hover::after, .nav>.dropdown:hover>a::after {
	border-color: #999;
}

.nav ul {
	position: relative;
	position: absolute;
	left: -9999px;
	display: block;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}

/* Level 1 submenus */
.nav>li>ul {
	padding-top: 0px;
	z-index: 99;
	border-top: 1px solid #c9c9c9;
	top: 34px;
}

/* Making the level 1 submenu to appear on hover */
.nav>li:hover>ul {
	left: -1px;
}

/* Level 2+ submenus */
.nav ul ul {
	left: -9999px;
	top: 0px;
	z-index: 999;
}

/* Making the level 2+ submenu to appear on hover */
.nav ul>li:hover>ul {
	left: 120px;
	top: -1px;
}

/* The submenu link containers */
.nav ul li {
	position: relative;
	display: block;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;

	/* Creating the slide effect. The list elements which contain the links have 0 height. On hover, they will expand */
	height: 0px;
	-webkit-transition: height .3s;
	-moz-transition: height .3s;
	-o-transition: height .3s;
	-ms-transition: height .3s;
}

/* Expanding the list elements which contain the links */
.nav li:hover>ul>li {
	height: 25px;
}

.nav ul li:hover>ul>li:first-child {
	height: 26px;
}

/* The links of the submenus */
.nav ul li a {
	/* Layout */
	display: block;
	width: 120px;
	padding: 6px 10px 6px 20px;
	border-bottom: 1px solid #e1e1e1;
	/* Typography */
	font-size: 12px;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	/* Background & effects */
	background: #fff;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-ms-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s;
}

/* The hover state of the links */
.nav ul li>a:hover, .nav ul li:hover>a {
	background: #e9e9e9;
	color: #333;
}

.nav ul ul>li:first-child>a {
	border-top: 1px solid #c1c1c1;
}

.nav ul>li:last-child>a {
	border-bottom: 1px solid #c1c1c1;
}


/* The arrow indicating a level 2+ submenu */
.nav ul>.dropdown>a::after {
	content: "";
	 position: absolute;
	 top: 10px;
	 right: 8px;
	 width: 4px;
	 height: 4px;
	 border-bottom: 1px solid #a6a6a6;
	 border-right: 1px solid #a6a6a6;
	 -webkit-transform: rotate(-45deg);
	 -ms-transform: rotate(-45deg);
	 -moz-transform: rotate(-45deg);
	 -o-transform: rotate(-45deg);
}

.nav ul>.dropdown:hover>a::after, .nav ul>.dropdown>a:hover::after {
	border-color: #a1a1a1;
}



/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding-left: 5px;
	margin: 0;
	color: #03F;
	text-align: left;
	list-style-type:none;
	
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px;

}


a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #039;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	text-decoration: none;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
	color: #333;

		
}


/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
	width: 95%;
	min-width:768px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border: 2px solid #999;
	background-color: #FFF;
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	float: left;
	width: 100%;
	border-right-width: thin;
	border-left-width: thin;
	border-right-color: #999;
	border-left-color: #999;
	margin-top: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top: 2px none #999;
	border-bottom: 2px solid #999;
	background: #000 url(../images/headergradvis.jpg) repeat-x;
}

.header h4 {font-size:16px;}
.header h5 {font-size:12px;}




.logobilde {
	width: 160px;
	float:left;
	padding-left:15px;
}


.logotimeseddel {
	width: 50%;
	float: left;
	color: #CCC;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-left: 10px;
	padding-left: 10px;
	text-align: left;

	
}
.logotimeseddel h1 {
	font-size:34px;
	margin: 0;
}
.logotimeseddel h2 {
	font-size:14px;
	color:#3FF;
	margin: 0px;
	padding: 0px;

}
.logotimeseddel h1, h2 {text-align:left;}

.logokunde {
	float: left;
	color: #CCC;
	width: 30%;
	
}

.content {
	width: 90%;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	background-color: #FFF;
	clear:left;
	padding-right: 10px;
	
}

/* ~~ The footer ~~ */
.footer {
	text-align: center;
	clear: left;
	width: auto;
	color: #3FF;
	padding: 13px 5px 5px;
	background: #333 url(../images/footergradvis.jpg) repeat-x;
	
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/* ~~ standardinstilling tabeller ~~ */
table {
	border-collapse: collapse;
	border-style: solid;
	display: table-row;
	color: #000;
}

table caption {
	font-size: large;
	font-weight: bolder;
	color: #000;
	margin-bottom: 15px;
	margin-left: 20px;
	text-align: left;
}

table th {
	background: url(../images/thgradvis.jpg) repeat-x;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	border: thin solid #999;
}
	
table td {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;		
}
	

table tr:hover {
	color: #000;
	background-color: #6CF;
}
		
table tfoot {
    color: #000;
	background-color:#CCC;
	font-weight:bold;

}


.delsum {
	font-weight:bold;
	border-color: #666;
	background: #CCC;
}

.ikkegodkjent {background-color: #C30;
		color: #CCC;
	
}
	


/*  her kommer først og fremst standard form oppsett med fieldset, input, select.......
}
*/

form {
	
	float: left;
	border-bottom: inset;
	clear: left;
	width: 400px;	
}


.formcaption {
	font-size: large;
	font-weight: bolder;
	color: #000;
	margin-bottom: 15px;
	margin-left: 20px;
	text-align: left;
}


fieldset {
	margin-bottom: 5px;
	border:none;
	margin-top:15;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color:#6CF;
	
	}

legend {
	font-size: 14px;
	color: #009;
	font-weight: bold;
	padding: 0px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
}

input, select, textarea {
	padding: 2px;
	margin: 0px 0px 5px;
	border: none;
}

fieldset input:active, fieldset input:focus, fieldset input:hover {

	background-color: #FC0;
	}

select:active, select:focus {

	
}

.submit {
	text-align: center;
	padding: 5px 15px;
	margin: 10px;
	background: #6F6;
	color: #000;
}

.oppdatere {
	text-align: center;
	padding: 5px 15px;
	margin: 10px;
	background: #FF9;
	color: #000;
}



fieldset.tabell {
	background-color: #FFF;
	
}


.loginform {
	float:none;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	width: 400px;
	margin-top: 20px;	
	border-bottom: none;
	
}

.loginform fieldset {
	border:none;
	margin-top:15;
	margin-bottom: 20;
	padding-bottom: 10px;	
}

.loginform fieldset input {
	float: right; width: 55%;

	
	
}

label, label span {display:block; padding-bottom: 0px; }

label { float:left; width:100%;}

label span {
	float:left;
	width:35%;
	text-align:right;
	margin-right: 5px;
}




.rapportknapp {
	background:#999;
	text-align: center;
	width: 140px;
	border: medium;
	border-color:#000;
	padding: 5px;
	margin: 10px;

}

.slettbrukerform {
	float: left;
	width: 400px;
	
	}

.slettbrukerform fieldset {
	border:none;
	margin-top:15;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color:#F33;
}

.stillingform {
	float: left;
	width: 400px;
    
}

.stillingform fieldset {
	border:none;
	margin-top:15;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color:#6CF;
	
}


textarea {
	font-family: Arial, Helvetica, sans-serif;

}

.kontrollform {
	float: left;
	width: 500px;
	
	}

.kontrollform fieldset {
	border:none;
	margin-top:15;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color:#6CF;
}
.kontrollform label, kontrollform input {
	padding: 0;
	margin: 0;
	size: 10px;
}



.avvik {
	float: left;
	width: 600px;
	
	}
	
	
.avvik label span {
	float:left;
	width:20%;
	text-align:right;
	margin-right: 5px;
}	
	



.klimaform {
	float: left;
	width: 400px;
	
	}





.klimaform fieldset {
	border:none;
	margin-top:15;
	margin-bottom: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color:#6CF;
}

.klimaform input, .klimaform select {
	width: 100px;
	margin-bottom:5px;
}

.klimaform label span {
	float:left;
	width:25%;
	text-align:right;
	margin-right: 5px;
}




.reglusetellingform {
	float: left;
	width: 500px;
    
	}

.reglusetellingform fieldset {
	border:none;
	margin-top:15;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color:#6CF;
	}

.reglusetellingform label span {
	float:left;
	width:20%;
	text-align:left;
	margin-right: 5px;
}

.reglusetellingform label span input{
	float:left;
	width:10%;
	text-align:left;
	margin-right: 5px;
}


.lusefelt {
	width: 50px;
	float: right;
	color: #2A0000;
	background: #FC6;
	padding: 0;
	margin: 0;
	
}




.forform {
	float: left;
	width: 500px;
	
	}
	
	
.forform fieldset {
	border:none;
	margin-top:15;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color:#6CF;
}

.forform fieldset input {
	align: right; width: 55%;
}




.avlusningform {
	float: left;
	width: 600px;
	
	}
	

.avlusningform label {
	clear: left;
	float: left;
	width: 140px;
	text-align: right;
	padding-right: 1em;
		
	
 }

.avlusningform span {
 	
}

	
.avlusningform fieldset {
	border:none;
	margin-top:0;
	padding-top: 10px;
	background-color:#6CF;
}

.avlusningform fieldset input {
	align: right; width: 45%;
	margin-bottom:5px;
	
	}

.avlusningform select {
		margin-bottom:5px;
}

.avlusningform textarea {
		margin-bottom: 10px;	
}



#ingenmerder {
	color: #F00;
	padding: 20px;
	clear: left;
	width: 50%;
}

#forsikring_ny {
	width: 520px;
	
	}

/*.forsikring fieldset {
	border:none;
	margin-top:15;
	margin-bottom: 5px;
	padding-bottom: 10px;
	padding-top: 20px;
	background-color:#6CF;
}*/


.kontrollpunkt {
	float: left;
	width: 600px;
	
	padding-bottom: 10px;
	padding-top: 10px;
	
	}


.kontrollpunkt fieldset {
	border:none;
	margin-top:15;
	margin-bottom: 5px;
	padding-bottom: 10px;
	padding-top: 20px;
	background-color:#6CF;
}

.kontrollpunkt span {
	
	margin-bottom: 5px;
}



.kontrollpunkt input {
	width: 49%;
	margin-bottom: 5px;
	
}



.kontrollpunkt input#intervall1, .kontrollpunkt input#intervall2 {width: 5%;}
.kontrollpunkt input#ekstra {width: 5%;}


.kontrollpunkt #kjopsdato {width:80px;}


.kontrollpunkt textarea {

	margin-bottom: 5px;	
}



.nybrukerform {
	width: 400px;
	
	}
	
	
.nybrukerform fieldset {
	border:none;
	margin-top:15;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color:#6CF;
}

.nybrukerform input, .nybrukerform select {
	align: right; width: 55%;
	margin-bottom: 5px;
}

input#ansattnr, input#fdato, input#mobil {width: 20%;}
input#innleid { width: 5%;}

#nybrukersubmit {
	text-align: center;
	padding: 5px;
	margin-bottom: 5px;
}




.lagreknapp {
	text-align: center;
	padding: 5px;
	margin-bottom: 5px;
}



.skjematekst span {

	color: #F60;

	width: 30%;
}

.listevelger {
	align: right; width: 35%;
}



.formcaption_slett {
	font-size: 1.5em;
	font-weight: bold;
	color: #F00;
	text-align: center;
	padding-bottom: 10px;
	margin: 0px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



#meny {
	clear: none;
	float: left;
	width: 100%;
	background-color: #CCC;
	border-top: medium none #999;
	border-right: medium none #999;
	border-bottom: 2px solid #999;
	border-left: medium none #999;
}

.hjelp {
	float: left;
	border: thin solid #C30;
	margin: 30px;
	padding: 20px;
	height: auto;
	width: auto;
	color: #09C;
}

.melding {
	color: #F00;
	background: #FFF;
	clear: both;
	float: left;
	font-size: 14px;
	width: 500px;
	
}


.hjelpetekst {
color:#F63;
font-size:9px;

}

#beskjed {
	color: #F00;
	font-weight: bolder;
 }

.luseregform {
	width: 500px;
	
	}
	
	
.dagsrapport {
	float: left;
	width: 850px;
	min-height: 300px;
	padding: 10px;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	clear: left;
}

.dagsrapport_lokalitet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #666;
	padding: 5px;
	float: left;
	clear: left;
	margin-top: 15px;
	width: 100%;
}

.dagsrapport table {
	border-collapse:collapse;
	width: auto;
	font-size: 10px;
	float: left;
	clear: left;
	display: table-row;
	border-top: thin solid #999;
	border-right: thin solid #999;
	border-bottom: thin solid #999;
	border-left: thin solid #999;	
}

.dagsrapport table td {
	border-collapse:collapse;
	border: thin solid #999;
	border-bottom: none;
	
	
}

.dagsrapport table th {
	color: #333;
	font-weight: bold;
	border-collapse:collapse;
	padding: 5px;
	font-size: 10px;
	background-color: #C93;
	border-top: thin solid #999;
	border-right: thin solid #999;
	border-bottom: thin none #999;
	border-left: thin solid #999;
}
	
.dagsrapport table tfoot {
    color: #000;
	background-color:#CCC;
	font-weight:bold;

}


.dagsrapport_klima {
	margin-left: 0px;
	margin-top: 5px;
	float: left;
	width: 400px;	
}

.dagsrapport_for {
	margin-right: 5px;
	margin-top: 5px;
	float: left;	
}

.dagsrapport_lus {
	margin-right: 5px;
	margin-top: 5px;
	float: left;	
}


#klimasiste {
	background: #FFF;
	float: left;
	height: auto;
	width: 650px;
	margin: 30px 20px 20px;
	
}

#klimasiste table td {
	border-collapse:collapse;
	border: thin solid #999;

	
}

.klimaliste {
	background: #FFF;
	float: left;
	height: auto;
	width: auto;
	margin: 10px;
	
}

.klimaliste table, td, th{
	border-collapse:collapse;
	border: thin solid #999;

	
}