﻿

/*   ArbarkStyles1.css har innstillinger for noen Arbark-sider (ikke alle)   */ 



body {
    background-color: #FFFFFF;
	color: #000000;
	 
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	

	
}


a:link {
	color: #000000;
}

a:hover {
	color: #000000;background-color: #ffffff;
}

a:visited {
  color:  #000000;
}

a:active {
  color:  #000000;
}




/* Definerer størrelsen på største overskrift. Pga WCAG standard må en starte med h1 før en bruker h2 h3 osv*/
/*rem = px*/

h1 {font-size: 24px !important;} 
h2 {font-size: 20px !important;} 
h3 {font-size: 18px !important;} 



/* Styling for søkeboksene - FORMs */

	

input[type=text] {
  /*width: 100%;   må ikke tas med, brekker linjen...*/
  padding:5px 0px 4px 3px; /*  top right bottom left */ 
  margin: 0px 3px 0px 0px;
  box-sizing: border-box;
	
  border: 0px solid #FFFFFF; /*B4B4B4   til 0px og FFFFFF=unsynlig*/
  border-radius: 6px;
 /* 

  background-color: white;
  background-image: url('/images/iconmonstr-magnifier-1-16px.png');
  background-position: 5px 6px; 
  background-repeat: no-repeat;
  padding-left: 30px;
	 */ 	
}




/* Set a style for the submit button */
.btn {
  background-color: white;
  color: black;

  padding:0px 5px 4px 5px; /*  top right bottom left */ 
  margin: 0px 0px 0px 0px;
  
	
	box-sizing: border-box;

	/*
  border: 1px solid #B4B4B4;
  border-radius: 6px;
*/

  cursor: pointer;
  width: 25px;
  opacity: 0.7;
}

.btn:hover {
  opacity: 1.0;
}



/**    **/









/**  HER: Setter farger og annet på lenkene i NAVbar    Horisontal meny øverst **/

.ArbarkHeader-navbar {
 
  background-color: #ffffff; /**  Bakgrunnsfarge, default  **/
 
  border-color: #000000;
 
}
 
.ArbarkHeader-navbar .navbar-brand {
 
  color: #000;
 
}
 
.ArbarkHeader-navbar .navbar-brand:hover, .ArbarkHeader-navbar .navbar-brand:focus {
 
  color: #AAD5FF;
 
}
 
.ArbarkHeader-navbar .navbar-text {
 
  color: #ffffff;
 
}
 



.ArbarkHeader-navbar .navbar-nav > li > a {
 
  color: #000000; /**  Tekstfarge, generelt  **/
   
	/**
	border: #aaa  1px ;
	border-style:  none solid none none;
	 margin-left:0px;
	 margin-right:10px;
	**/
	padding-left:10px;   
	padding-right:10px;
	padding-bottom: 5px;
	padding-top:5px;
	
  

/**	 margin-right:10px; FOR Å SKILLE MENYELEMENTENE	**/	
margin-right:1em;
 	
	
	
	
	
	
	
	
		/**  evt. outset 
		oppe&nede høyre&venstre eller:
		oppe/høyre/nede/venstre
		
		**/
	
	/**  evt. oppe&nede høyre&venstre , solid, hidden, dashed none dotted    inset outset   grå=#dee2e6     **/

	
}
 
.ArbarkHeader-navbar .navbar-nav > li > a:hover, .ArbarkHeader-navbar .navbar-nav > li > a:focus {
 
  color: #FFFFFF; /**  Hover et element, tekstfarge  **/
 
  background-color:#CD1718; /**  Hover et element, bakgrunnsfarge (samme som logo evt) **/
 
}
 
.ArbarkHeader-navbar .navbar-nav > li > .dropdown-menu {
 
  background-color: #2894FF;
 
}
 
.ArbarkHeader-navbar .navbar-nav > li > .dropdown-menu > li > a {
 
  color: #d7e2e9;
 
}
 
.ArbarkHeader-navbar .navbar-nav > li > .dropdown-menu > li > a:hover,
 
.ArbarkHeader-navbar .navbar-nav > li > .dropdown-menu > li > a:focus {
 
  color: #fff;
 
  background-color: #004182;
 
}
 
.ArbarkHeader-navbar .navbar-nav > li > .dropdown-menu > li > .divider {
 
  background-color: #69899f;
 
}
 
.ArbarkHeader-navbar .navbar-nav > .active > a, .ArbarkHeader-navbar .navbar-nav > .active > a:hover, .ArbarkHeader-navbar .navbar-nav > .active > a:focus {
 
  color: #e5dbdb;
 
  background-color: #B05800;
 
}
 
.ArbarkHeader-navbar .navbar-nav > .open > a, .ArbarkHeader-navbar .navbar-nav > .open > a:hover, .ArbarkHeader-navbar .navbar-nav > .open > a:focus {
 
  color: #e5dbdb;
 
  background-color: #425766;
 
}
 
.ArbarkHeader-navbar .navbar-toggle {
 
  border-color: #425766;
 
}
 
.ArbarkHeader-navbar .navbar-toggle:hover, .ArbarkHeader-navbar .navbar-toggle:focus {
 
  background-color: #425766;
 
}
 
.ArbarkHeader-navbar .navbar-toggle .icon-bar {
 
  background-color: #d7e2e9;
 
}
 
.ArbarkHeader-navbar .navbar-collapse,
 
.ArbarkHeader-navbar .navbar-form {
 
  border-color: #d7e2e9;
 
}
 
.ArbarkHeader-navbar .navbar-link {
 
  color: #d7e2e9;
 
}
 
.ArbarkHeader-navbar .navbar-link:hover {
 
  color: #e5dbdb;
 
}
 














