/* CSS Document */
	
div{
	box-sizing: border-box;
	/*border: 1px solid #000 !important;*/
}
	
	
/*STATUSMELDINGAR*/
div#feil_innlogging{
	background-color:#FFBBAA;
	border:3px solid #FF0000;
	padding:5px;
	font-size:13px;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;}

div#feil{
	background-color:#FFD2C6;
	/*border:1px solid #FF0000;*/
	padding:10px;
	font-size:13px;
	text-transform:uppercase;
	/*text-align:center;*/
	/*font-weight:bold;*/
	margin-top:12px;
  margin-bottom:12px;}

div#ok{
	background-color:#BBFF88;
	border:1px solid #00FF00;
	padding:10px;
	font-size:13px;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	margin-top:12px;}

div#status{
	min-height:60px;
	width: 100%;
}

/*INNLOGGING*/
div#logginn_innhold{
	margin:auto;
	margin-top: 120px;
	width: 450px;}
div#logginn_topp{
	position: relative;
	border:1px solid #999;
	border-bottom:none;
	border-radius: 6px 6px 0 0;
	height:100px;
	background-color:#FFF;
	padding: 20px 20px 5px 20px;}
div#logginn_topp_tekst{
	position: absolute;
	bottom: 0;
	left: 15px;}
div#logginn_logo{
	position: absolute;
	bottom: 0;
	right: 0;;}
img.logginn_logo{
	margin-bottom: 10px;
}
div#logginn_bunn{
	border:1px solid #999;
	border-top:none;
	border-radius: 0px 0px 6px 6px;
	background-clip: padding-box;
	height:130px;
	background-color:#FFF;
	padding: 5px 20px 20px 20px;}
div.copyright_logginn{
	width: 420px;
	text-align:center;
}

body.logginn{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #333;
	margin:0;
	background-color:#f5f5f5;
	font-weight: bold;}

table#logginn input.felt{
	border:1px solid #999;
	border-radius: 3px;
	padding: 3px;
	font-family: "Courier New", Courier, monospace;
	width: 256px;
}

table#logginn input#logginn{
	width: 100px;
	height: 25px;
}

table#logginn td{
	padding: 5px;
}
td.logginn_kolonne_1{
	width: 120px;
}
td.logginn_kolonne_2{
	width: 110px;
}
td.hogre{
	text-align:right;
}
td.innlogging_feilmelding{
	color: #F00;
}


/*HOVUDSIDA*/
body.hovedsida{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 1.5;
	background-color:#f5f5f5;
	margin:0;
	overflow:scroll;
}

/*Struktur*/
@media screen and (max-width: 800px){
	div#innhald{
		width: 100%;
	}
}

div#topplinje{
	width: 100%;
	background-color: #FFF;
	height: 150px;
	padding: 15px 20px 15px 20px;
	border-bottom: 1px solid #CCC;
	/*background-image:url(img/topp.png);*/}

div.meny{
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 10px;}

div.meny_valg{
	width: 25%;
	height: 150px;
	float: left;
	padding-right: 10px;}
div.meny_inner{
	padding: 35px 15px 5px 15px;
}

div#logo_la{
	float: left;
	margin-top: 5px;}	

div#logo_ab{
	float: right;
	margin-top: 35px;}
	


div#innhald{
	max-width:800px;
	margin: 0 auto;
	padding: 0px 10px 0px 10px;}
	
div#underinnhald{
	width: 100%;
	border:1px solid #CCC;
	background-color:#FFF;
	min-height:450px;
	padding: 15px;}

div.underinnhald_topp{
	margin-bottom: 10px;
	float: left;
	width: 100%}

div.brodsmuler{
	float: left;
	margin-top: 2px;
	padding: 0px 10px 0px 10px;
	color: #999;
	font-weight: bold;}

div.logg_ut{
	float: right;}

div.last_ned_rapport{
	display:block;
	margin: 15px 0px 15px 0px;
	border:1px solid #CCC;
	background-color:#E8E8E8;
	padding: 10px 20px 10px 20px;
	color:#666;
	font-weight: bold;
	letter-spacing: 1px;}
div.last_ned_rapport:hover{
	background-color:#dadada;
	cursor: pointer;}		

div#gruppedetaljer_topp{
	margin-bottom: 10px;
	position: relative;}

div.avsnitt{
	/*Ikke i bruk*/}

div.rediger{
	background-color:#88b852;
	color:#FFF;
	line-height:200%;}
div.rediger_avsnitt{
	background-color:#88b852;
	color:#FFF;
	padding: 10px;}
	
div.rediger_avsnitt h2, div.rediger_avsnitt h3{
	color:#FFF;}

div.copyright{
	color:#666;
	margin-top:10px;
	margin-left:15px;
	margin-bottom:10px;
	font-size:12px;
	font-weight: normal;}

/*Overskrifter og avsnitt*/
h1#logo{
	margin: 0px 0px 10px 0px;
	color: #333;
	font-size: 170%;
	padding-left: 10px;
	letter-spacing: 0.5px;}
h2{
	color: #666;
	letter-spacing: 0.5px;
	margin: 50px 0px 0px 10px;}
h3{
	color: #333;
	font-size:110%;
	font-weight:100;
	letter-spacing: 0.5px;
	margin: 0px 10px 0px 10px;
}
p.margin-left{
	margin-left: 15px;}
p.liten{
	font-size: 85%;}
	
/*Lenker*/
a{
	color: #324877;}
a:visited{
	color: #324877;}

a.liste{
	text-decoration:none;
	display:block;}
a.liste:hover{
	color:#88b852}	

a.avsnitt{
	color:inherit;}
a.avsnitt:hover{
	/*background-color:#dadada;*/
	color:inherit;
	border: 1px solid #CCC;
	margin: -1px;}	
a.avsnitt:hover h3{
	color:#88b852}
a.avsnitt:hover span{
	color: #000;
}

a.meny{
	color:#666;
	text-decoration:none;
	font-size:15px;
	width: 100%;
	height: 100%;
	background-color:#E8E8E8;
	letter-spacing: 1px;
	display:block;
	text-align:center;}
a.meny:hover{
	background-color:#dadada;}	
a.brodsmuler{
	color:#324877;
	font-weight:bold;
	text-decoration:none;
	/*font-size:120%;*/}
a.edit{
	font-size:12px;
	text-decoration:none;}
a.logg_ut{
	color: #324877;
	font-size:110%;
	letter-spacing: 0.5px;}

/*Input*/
input.opplasting{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;}
input.opplasting + label{
	padding: 10px 20px 10px 20px;
	color: #FFF;
	background-color: #88b852;
	border: none;
	font-weight: bold;}
input.opplasting + label:hover {
	background-color: #9aca62;
	cursor: pointer;}

input.text{
	height: 15px;
	padding: 10px;
	color: #111;
	background-color: #EAEAEA;
	border: none;
	border-bottom: 1px solid #CCC;}
input.text:focus{
	background-color: #DBE1EC;
	border-bottom: 1px solid #576A95;}
input.navn{
	width:300px;}
input.regnr{
	width:100px;}
input.submit{
	padding: 10px 20px 10px 20px;
	color: #FFF;
	background-color: #324877;
	border: none;
	font-weight: bold;}
input.submit:hover{
	background-color: #637991;
	cursor: pointer;}
input.submit_disabled{
	padding: 10px 20px 10px 20px;
	color: #FFF;
	background-color: #B3DD82;
	border: none;
	font-weight: bold;}
input.slett{
	padding: 10px 20px 10px 20px;
	color: #FFF;
	background-color: #999;
	border: none;
	font-weight: bold;
	float:right;}
input.slett:hover{
	background-color: #b0b0b0;
	cursor: pointer;}
input.tall{
	width:40px;
	/*text-align:right;*/}
input.dato{
	min-width:125px;}
input.merknad{
	width: 95%;}

/*

input.tom{
	background-color:#FFBBAA;}
input.pris{
	width:35px;}

	
input.funksjoner{
	width:200px;}
input.kapasitet{
	width:50px;}
input.file{
	background-color: #CCC;}
*/

/*Textarea*/
/*
textarea.avsnitt{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 5px;
	box-sizing:border-box;
	min-height: 100px;}
textarea.tabell{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 5px;
	box-sizing:border-box;
	height: 53px;}
*/

/*Select og option*/
option.false{
	color:#999;}
option.true{
	color:#000;}
option.slett{
	color:#F00;}
option.aktivert{
	background-color:#BBFF88;}
option.deaktivert{
	color:#999;}
select.deaktivert{
	color:#999;}

div#rapportvelger{
	margin: 15px 0px 15px 0px;
	padding: 0px 15px 0px 15px;
	width: 300px;
	height: 38px;
	overflow: hidden;
	background: #FFF url(img/down_arrow_select.png) no-repeat right top;
	border: 1px solid #ccc;}

select.rapportvelger{
   background: transparent;
   width: 328px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   color: #324877;}
select.rapportvelger:hover{
	color: #88b852;}
option.rapportvelger{
	font-weight: normal;
	color: #324877;
	padding: 5px;}
	
/*
option.rapportvelger:hover{
	color: #FFF;
	background-color:#88b852}
*/

/*Tabellar*/
div.tabell{
	display: table;
	width: 100%;
	color: #333;}
div.tabell div{
	padding: 15px 10px 15px 10px;}
div.tabell_rad{
	display: table-row;
	width:auto;}
div.tabell_celle{
	float:left;
	display:table-column;}
div.tabell_celle_epost_topp{
	padding: 5px 10px 5px 10px !important;}

div.tabell_kjorebok{
	font-size: 85%;}
div.tabell_kjorebok div{
	padding: 10px 5px 10px 5px;}
div.tabell_topp{
	font-size: 110%;
	font-weight: bold;
	color: 666;}

div.tabell_cellehoyde_100{
	height:100px;}

div.tabell_cellebredde_10{
	width:10%;}
div.tabell_cellebredde_20{
	width:20%;}
div.tabell_cellebredde_30{
	width:30%;}
div.tabell_cellebredde_40{
	width:40%;}
div.tabell_cellebredde_50{
	width:50%;}
div.tabell_cellebredde_60{
	width:60%;}
div.tabell_cellebredde_70{
	width:70%;}
div.tabell_cellebredde_80{
	width:80%;}
div.tabell_cellebredde_90{
	width:90%;}
div.tabell_cellebredde_100{
	width:100%;}

div.tabell_cellebredde_kjorebok_rad_1{
	width:15%;}
div.tabell_cellebredde_kjorebok_rad_2{
	width:25%;}
div.tabell_cellebredde_kjorebok_rad_3{
	width:25%;}
div.tabell_cellebredde_kjorebok_rad_4{
	width:10%;}
div.tabell_cellebredde_kjorebok_rad_5{
	width:20%;}
div.tabell_cellebredde_kjorebok_rad_6{
	width:5%;}
	
div.tabell_cellebredde_gruppe_deltakere_1{
	width:40%;}
div.tabell_cellebredde_gruppe_deltakere_2{
	width:32%;}
div.tabell_cellebredde_gruppe_deltakere_3{
	width:28%;}
	
.liste_bakgrunn{
	background-color:#eaeaea;}

/*Lister*/
ul {
	margin: 0px 0px 15px 0px;}

/*Generelt*/
.gra{
	color:#999;}
.mork_gra{
	color:#666;}
.strong{
	font-weight:bold;}
.italic{
	font-style:italic;}
.underline{
	text-decoration:underline;}
.no_underline{
	text-decoration:none;}
.profilfarge_1{
	color:#324877;}
.border-top{
	border-top: 1px solid #CCC;}
.border-bottom{
	border-bottom: 1px solid #CCC;}
.border-right{
	border-right: 1px solid #CCC;}
.margin-top_50{
	margin-top: 50px;}
.padding-left_10{
	padding-left: 10px;}
.padding-top_30{
	padding-top: 30px;}
.juster_hoyre{
	text-align: right;}
.float_left{
	float: left;}
.float_right{
	float: right;}
.svak{
	color: #666;}
.liten_skrift{
	font-size: 85%;}

/*Images*/
img{
	border-style: none;} /*For å fjerne ramme rundt bildelenker i noen nettlesere*/
img.valign{
	vertical-align:middle;}
img.last_ned{
	cursor: pointer;
	margin-right: 5px;}
img.last_ned_pdf{
	cursor: pointer;
	position: absolute;
		bottom: 15px;
		right: 0px;}
img.innsjekk{
	cursor: pointer;}

/*Span*/
span.slett{
	color:#0066cc;
	font-size:12px;
	cursor:pointer;}
span.midtstill{
	vertical-align: middle;}
span.oblig{
	color:#FF0000;
	font-size: 125%;}
span.tom_tekst{
	color: #666;}
span.lenke{
	color: #324877;
	text-decoration: underline;
	cursor: pointer;}