/* Standard stil*/

/*
Forklaring:
Denne CSS-en har definert et default brukergrensesnitt for et sett av standard elementer. 

CSS har en hierarkisk struktur. Elementenes konfigurasjon arves til komponenter(div). Noen av elementenes verdi er overskrevet i komponentene. 

Komponentene er skilt på to nivåer:
1.  Posisjonelle komponenter
Disse komponentene styrer inndeling på siden i tillegg til oppsett av margin.
2.  Posisjonsuavhengige komponenter. 
    Disse komponentene vil typisk kunne benyttes flere steder på fjellogfiske. margin og padding er satt til 0. 
    
NB: Viktig å være klar over ved bruk av <div>:
- margin flytter <div> et antall piksler.
- padding flytter tekst innenfor div. 

Margin på alle sider er styrt av boksen <innhold>. Denne har padding=5. 

*/


body { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px; 
    background: #b6b7bc;	
    text-align: center;
}
p {
    text-align: left;
    margin: 5px 0px 5px 0px; /* Forklaring: top right  bottom left */
    padding: 0px 0px 0px 0px; 
    font-size: 11px;
}
i {
    text-align: left;
    margin: 5px 0px 5px 0px; /* Forklaring: top right  bottom left */
    padding: 0px 0px 0px 0px; 
    font-size: 11px;
}
h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
}
h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
}
h3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
}
h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
}
h5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
    font-weight: bold;
}
a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    text-decoration: none;
    font-weight: bold;
    font-style: normal;
    font-size: 11px;
    background-color:normal; 
}
a:hover { 
    text-decoration: underline;
}
a:active { 
    font-style: normal;
} 
img {
   text-align: left;
   border-width: 1px;
   border-color: black; 
}
select {
    BACKGROUND-COLOR: white;
    COLOR: black;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px
}
textarea {
    BACKGROUND-COLOR: #fefefe;
    COLOR: black;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px
}
table {
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
}
tr {
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px;   
}

td {
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
}

input.button {
    BACKGROUND-COLOR: #D1CBA5;
    COLOR: black;
    FONT-WEIGHT: bold;
    FONT-STYLE: normal;
    WIDTH: 140px;
    FONT-SIZE: 14px
}

input.text {
    BACKGROUND-COLOR: white;
    COLOR: black;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px
}

input.checkbox {
    BACKGROUND-COLOR: white;
    COLOR: black;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px
}

ul { /* remove bullets and list indents */
margin: 0;
padding: 15px;
font-size:11px;
}




/* Stil tilpasset hver box. margin og padding=0 ved default */
#skjermvindu {
	width:970px;   
    	background-color: #fff;
	margin:0 auto;  
	text-align: left;
	border: 1 solid #D1CBA5;
}

#fjellogfiskevindu{
    height:100%;
    width:800px;
    float:left;
}

#reklame {
    height: 100%;
    width: 150px;
    float: left;
    background: white;
    margin-left: 1px;
}

#logo {
    height:120px;
    width:800px;
}

#toppmeny {
    height:24px;
    width:800px;
}

#toppmeny font{
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
}

#toppmeny img{
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
}

#toppmeny-venstre {
    height:24px;
    width:102px;
    float: left;
    background: transparent url(/bilder/leftframe.jpg);
}

#toppmeny-venstre font{
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px;
    font-size: 10px;
    color:White;
}

#toppmeny-venstre img{
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
}


#toppmeny-midten {
    height:24px;
    width:590px;
    float: left;
    color: Black;
    background: transparent url(/bilder/overbilde2.gif);
    text-align: right;
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 

}

#toppmeny-midten a{
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;  
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
}

#toppmeny-midten a:hover { 
    text-decoration: underline;
}

#toppmeny-hoyre {
    height:24px;
    width:102px;
    float: left;
    background: transparent url(/bilder/leftframe.jpg);
}

#venstremeny {
    height: 100%;   
    width: 102px; 
    float: left; 
    background: transparent url(/bilder/leftframe.jpg); 
}

#venstremeny p { 
    font-size: 10px;     
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 2px; 
}

#venstremeny h5 { 
    padding: 0px 0px 0px 2px; 
}

#venstremeny a { 
    font-size: 12px;    
    text-decoration: none;
}

#venstremeny a:hover { 
    text-decoration: underline;
}

#venstremeny img { 
   text-align:left;
   border-width:0px;
   border-color:black;
   border-bottom:0px;
   padding-bottom:0px;
}

#innhold {
    width: 590px; 
    float: left;
    background: #fff; 
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 5px; 
}

#innhold p { 
    font-size: 12px;     
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 20px 0px; 
}

#innhold i { 
    font-size: 12px;     
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 20px 0px; 
}

#innhold a { 
    text-decoration: none;
}

#innhold a.print { 
	background-image: url(/bilder/print/print.gif); 
	background-repeat: no-repeat; 
	padding-left: 20px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	/*background-position: 0px 4px; */
}

#innhold a.print:hover { 
    text-decoration: underline;
}

#innhold td {
    font-size: 11px;
}

#innhold input.submit {
    background-color: #dad5b8;
    color: black;
    font-weight: bold;
    font-style: normal;
    width: 140px;
    font-size: 10pt
}

#hoyremeny { 
    height: 100%;
    width:102px; 
    float: left; 
    background: transparent url(/bilder/leftframe.jpg);     
}

#hoyremeny p { 
    font-size: 10px;     
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 2px; 
}

#hoyremeny h5 { 
    padding: 0px 0px 0px 2px; 
}

#hoyremeny a { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;    
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 2px; 
}

#hoyremeny a:hover { 
    text-decoration: underline;
}

#hoyremeny img { 
   text-align:left;
   border-width:0px;
   border-color:black;
   border-bottom:0px;
   padding-bottom:0px;
}

#hoyremeny input.submit {
    background-color: #dad5b8;
    color: black;
    font-weight: normal;
    font-style: normal;
    width: 30px;
    font-size: 7pt
}

#hoyremeny input.text {
    background-color: #ffffff;
    color: black;
    font-weight: normal;
    font-style: normal;
    width: 50px;
    font-size: 7pt
}

#rammeboks {
    border: 1 solid #B9AE86;
}

/* Posisjonelle bokser tilpasset adm siden*/
#toppmeny-adm {
    height:30px;
    width:800px;
    background-color:#D3CDA9;
    text-align:right;
}



/* Bokser frikoblet fra posisjonsinndeling */
#kommentar {
    text-align:left;    
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
}

#kommentar p { 
    font-size: 11px; 
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
}

#kommentar p.dato { 
    font-size: 11px; 
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
    color: gray;
}

#kommentar a {
    font-weight: normal;
    font-size: 11px;    
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
}

#kommentar a:hover { 
    text-decoration: underline;
}

#kommentar h1 {
    font-weight: normal;
    font-size: 14px;    
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
    color: #D1CBA5; 
}

#blogg {
    text-align:left;    
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
}

#blogg h1 {
    font-weight: normal;
    font-size: 14px;    
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
    color: #D1CBA5; 
}

#margin-standard {
    text-align:left;    
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 5px; 
}

#margin-liten {
    text-align:left;    
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 3px; 
}

#turer-ingress {
    text-align:left;    
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
}

#turer-ingress p { 
    font-size: 11px; 
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
}

#turer-ingress a {
    font-weight: normal;
    font-size: 11px;    
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
}

#turer-ingress a:hover { 
    text-decoration: underline;
}

#turer-ingress h1 {
    font-weight: normal;
    font-size: 14px;    
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
    color: #D1CBA5; 
}

#turer-ingress a.overskrift {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;    
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
}

#turer-ingress a.forfatter {
    font-weight: normal;
    font-size: 10px;    
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
    color: gray;
}

#turer-ingress a.kommentarlink{
    font-weight: normal;
    font-size: 10px;    
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
    color: gray;
}

#artikkel-ingress {
    text-align:left;    
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
}

#artikkel-ingress p { 
    font-size: 10x; 
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
}

#artikkel-ingress a {
    font-weight: normal;
    font-size: 10px;    
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
}

#artikkel-ingress a:hover { 
    text-decoration: underline;
}

#artikkel-ingress h1 {
    font-weight: normal;
    font-size: 14px;    
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
    color: #D1CBA5; 
}

#artikkel-ingress a.overskrift {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;    
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
}

#artikkel-ingress a.forfatter {
    font-weight: normal;
    font-size: 10px;    
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
    color: gray;
}

#artikkel-ingress a.kommentarlink{
    font-weight: normal;
    font-size: 10px;    
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
    color: gray;
}

#tittel {
    text-align:left;    
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
}

#tittel a {
    font-weight: normal;
    font-size: 10px;    
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
}

#tittel a:hover { 
    text-decoration: underline;
}

#tittel a.overskrift {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 22px;    
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
}

#tittel a.forfatter {
    font-weight: normal;
    font-size: 10px;    
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
    color: gray;
}

#tittel a.kommentarlink{
    font-weight: normal;
    font-size: 10px;    
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
    color: gray;
}

-------
#overskrift {
    text-align:left;    
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
}

#overskrift a {
    font-weight: normal;
    font-size: 10px;    
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
}

#overskrift a:hover { 
    text-decoration: underline;
}

#overskrift a.overskrift {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 22px;    
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
}

#overskrift a.forfatter {
    font-weight: normal;
    font-size: 10px;    
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
    color: gray;
}

#overskrift a.kommentarlink{
    font-weight: normal;
    font-size: 10px;    
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
    color: gray;
}


/* For stop av spam*/
#espametc {
	display: none;
}

#specialfield {
	display: none;
}
/* For Adm siden */
#menu {
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 19px;
	padding-left : 10px;
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
#menu a:link, #menu a:visited	{
	background : #E8EBF0;
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-size : small;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu a:hover	{
	color : #f00;
}

	
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a {
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4 {
	display : none;
	width: 90%;
}

body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4 {
	display : inline;
	left : 10px;
	position : absolute;
	top : 95px;
}

body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a {
	background : #fff;
	border : none;
	border-left : 1px solid #ccc;
	color : #999;
	font-size : smaller;
	font-weight : bold;
	line-height : 10px;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

 #menu ul a:hover {
	color : #f00 !important;
}



/* Slutt på Adm konfigurasjon */


/* Konfigurasjon for lesernes bilder */
#bildebox{
    height:200
    width:200px;
    float:left;
    border: 0 ;
}

#lesernesbilde a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    text-decoration: underline;
    font-weight: bold;
    font-style: normal;
    font-size: 11px;
    background-color:normal; 
}



/* -------------------------------------------------------*/

INPUT.button_hovedside {
    BACKGROUND-COLOR: #D1CBA5;
    COLOR: black;
    FONT-WEIGHT: bold;
    FONT-STYLE: normal;
    WIDTH: 30px;
    FONT-SIZE: 10px
}

INPUT.button_stem {
    BACKGROUND-COLOR: #D1CBA5;
    COLOR: black;
    FONT-WEIGHT: bold;
    FONT-STYLE: normal;
    WIDTH: 40px;
    FONT-SIZE: 10px
}
    
body.Foto {
    background-color: #000000;
    font-size: 14px;
    font-style:normal;
    font-weight:normal;
    letter-spacing:normal;
    text-align:left;
}

IMG.Foto {
   text-align: left;
   border-width: 0px;
   border-color: white; 
}

IMG.ingenramme {
   text-align:left;
   border-width:0px;
   border-color:black;
   border-bottom:0px;
   padding-bottom:0px;
}




