:link { color: #3b7cc7; text-decoration: none;}
a:link { color: #3b7cc7; text-decoration: none;}
a:visited { color: #204a7c; text-decoration: none;}
a:hover { color: #3d88df; text-decoration: underline;}
a:active { color: #4396f5; text-decoration: none;}


.HS{font: 1pt Verdana; color:#f8e5fe;}
.H1{font: 7pt Verdana; color:#f8e5fe;}
.H1B{font: 7pt Verdana; color:#000000;}
.HT1{font: 7pt Verdana; color:#000000;}
.HS1{font: 7pt Verdana; color:f8e5fe;}
.H2{font: 8pt Verdana; color:#f8e5fe;}
.HT2{font: 8pt Verdana; color:#000000;}
.HS2{font: 8pt Verdana; color:f8e5fe;}
.H3{font: 10pt Verdana; color:#f8e5fe;}
.H3R{font: 10pt Verdana; color:red;}
.H4{font: 12pt Verdana; color:#f8e5fe;}
.H5{font: 14pt Verdana; color:#f8e5fe;}
.H6{font: 16pt Verdana; color:#f8e5fe;}
.H7{font: 18pt Verdana; color:#f8e5fe;}
.H8{font: 20pt Verdana; color:#f8e5fe;}
.HB{font: 8pt Verdana; color:#f8e5fe;}
.tittel{font: italic 15pt Verdana; color:#f4f4f4;}
.bruker{font: 7pt Verdana; color:#3b7cc7;}

hr { margin-top:10px; margin-bottom:10px; }

.picmargin { border:0px; margin:5px; }

body {
	margin: 0px;
	padding: 0px;
	clear: both;
}

page { 
 text-align: center; 
 }
 
.hiddenPic {display:none;}


.verticaltext {
	display: block;
  writing-mode: tb-rl;
  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: 120 120;   
  -moz-transform: rotate(270deg);
  -moz-transform-origin: 120 120; 
  -o-transform: rotate(270deg);
  -o-transform-origin: 220 110; 
  -ms-transform: rotate(270deg);
  -ms-transform-origin: 120 120; 
  transform: rotate(270deg);
  transform-origin: 120 120;  
  
  color:black;
	border:0px solid black;
	white-space:nowrap;
	font-family: Arial;
	font-size: 50px;
	font-weight: normal;
	text-shadow: 0px 0px 3px gray;
}


.inputlogin {
	background: transparent; 
	font: 8pt Verdana; color:3b7cc7;
	text-align: center;
	border-top: solid #1f1d29 1px;
	border-left: solid #1f1d29 1px;
	border-right: solid #413b2f 1px;
	border-bottom: solid #413b2f 1px;
}
.inputlogin:hover {
	background: transparent; 
	font: 8pt Verdana; color:3b7cc7;
	font-align: center;
	border-top: solid #1f1d29 1px;
	border-left: solid #1f1d29 1px;
	border-right: solid #660066 1px;
	border-bottom: solid #660066 1px;
}
.buttonlogin {
    border: 1px black;
    color: white;
    padding: 2px;
		border-style:solid;
		border-color:#000000;
		border-width:1px;
    background: url('./img/purplebutton-off.png') repeat;
}
.buttonlogin:hover {
    border: none;
		font-size: 10pt;
    color: white;
    border-style:solid;
		border-color:#000000;
		border-width:1px;
    background: url('./img/purplebutton-on.png') repeat;
}

.select {
	background-color: #1a0b15;
	font: 8pt Verdana; color:#f8e5fe;
	border-top: solid #1f1d29 1px;
	border-left: solid #1f1d29 1px;
	border-right: solid #413b2f 1px;
	border-bottom: solid #413b2f 1px;
}
.select:hover {
	font-size: 10pt;
	background-color: #1a0b15;
	font: 8pt Verdana; color:#f8e5fe;
	border-top: solid #1f1d29 1px;
	border-left: solid #1f1d29 1px;
	border-right: solid #660066 1px;
	border-bottom: solid #660066 1px;
}

.input {
	background: transparent; 
	font: 8pt Verdana; color:3b7cc7;
	font-family: Verdana;
	border-top: solid #1f1d29 1px;
	border-left: solid #1f1d29 1px;
	border-right: solid #413b2f 1px;
	border-bottom: solid #413b2f 1px;
}
.input:hover {
	background: transparent; 
	font: 8pt Verdana; color:3b7cc7;
	font-family: Verdana;
	border-top: solid #1f1d29 1px;
	border-left: solid #1f1d29 1px;
	border-right: solid #660066 1px;
	border-bottom: solid #660066 1px;
}


.button {
    border: 1px black;
    color: white;
    padding: 2px;
		border-style:solid;
		border-color:#000000;
		border-width:1px;
    background: url('./img/purplebutton-off.png') repeat;
}
.button:hover {
    border: none;
    color: white;
    padding: 2px;
		border-style:solid;
		border-color:#000000;
		border-width:1px;
    background: url('./img/purplebutton-on.png') repeat;
}


.indented {
	padding-left:  10pt;
	padding-right: 18pt;
}
	
	
#addressefelt { overflow:hidden ; }


/* Hover-effekt på navigasjonsmenyen */


a .alt { display: none; }


a#hovedmeny {
display: block;
width: 103px;
height: 20px;
background: url('./img/button-hovedmeny.png') no-repeat 0 0;
margin: 0 auto;
}

a#hovedmeny:hover{
background-position: 0 -20px;
}


a#forum {
display: block;
width: 103px;
height: 20px;
background: url('./img/button-forum.png') no-repeat 0 0;
margin: 0 auto;
}

a#forum:hover{
background-position: 0 -20px;
}


a#galleri {
display: block;
width: 103px;
height: 20px;
background: url('./img/button-galleri.png') no-repeat 0 0;
margin: 0 auto;
}

a#galleri:hover{
background-position: 0 -20px;
}


a#login {
display: block;
width: 103px;
height: 20px;
background: url('./img/button-login.png') no-repeat 0 0;
margin: 0 auto;
}

a#login:hover{
background-position: 0 -20px;
}


a#historie {
display: block;
width: 103px;
height: 20px;
background: url('./img/button-historie.png') no-repeat 0 0;
margin: 0 auto;
}

a#historie:hover{
background-position: 0 -20px;
}


a#historie-selected {
display: block;
width: 103px;
height: 20px;
background: url('./img/button-historie-selected.png') no-repeat 0 0;
margin: 0 auto;
}

a#historie-selected:hover{
background-position: 0 -20px;
}








/* Glossy Hovedmenyen! */

.hovedmeny{
padding: 0;
width: 200px; /*width of menu*/
/*border: 1px solid black;*/
border-bottom-width: 0;
}

.hovedmeny a.menuitem{
background: transparent url(./img/button-hovedmeny.png) 0 0;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
height: 20;
padding: 0;
padding-left: 0px;
text-decoration: none;
}

.hovedmeny a.menuitem:visited, .hovedmeny .menuitem:active{
color: white;
}

.hovedmeny a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 0px;
right: 0px;
border: none;
}

.hovedmeny a.menuitem:hover{
background: transparent url(./img/button-hovedmeny.png) 0 -20;
}

.hovedmeny div.submenu{ /*DIV that contains each sub menu*/
position:absolute;
width:202;
left:-49;
top:25;
background: transparent url(./img/menu-background.png) repeat-y;
}

.hovedmeny div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
padding-top: 6px;
padding-bottom: 0px;
border: 0;
}

.hovedmeny div.submenu ul li{
border-bottom: 1px solid transparent;
padding-top: 3px;
padding-bottom: 3px;
}

.hovedmeny div.submenu ul li a{
display: block;
font: 11px Verdana;
color: white;
text-decoration: none;
padding: 0px;
border: 0px;
margin: 0px;
}

.hovedmeny div.submenu ul li a:hover{
background: transparent;
font: 11px Verdana;
color: #3b7cc7;
}




/* Glossy Loginmenyen! */

.login{
padding: 0;
width: 200px; /*width of menu*/
/*border: 1px solid black;*/
border-bottom-width: 0;
}

.login a.menuitem{
background: transparent url(./img/button-login.png) 0 0;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
height: 20;
padding: 0;
padding-left: 0px;
text-decoration: none;
}

.login a.menuitem:visited, .login .menuitem:active{
color: white;
}

.login a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 0px;
right: 0px;
border: none;
}

.login a.menuitem:hover{
background: transparent url(./img/button-login.png) 0 -20;
}

.login div.submenu{ /*DIV that contains each sub menu*/
position:absolute;
width:202;
left:-49;
top:25;
background: transparent url(./img/menu-background.png) repeat-y;
}

.login div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
padding-top: 6px;
padding-bottom: 0px;
border: 0;
}

.login div.submenu ul li{
border-bottom: 1px solid transparent;
padding-top: 3px;
padding-bottom: 3px;
}

.login div.submenu ul li a{
display: block;
font: 11px Verdana;
color: white;
text-decoration: none;
padding: 0px;
border: 0px;
margin: 0px;
}

.login div.submenu ul li a:hover{
background: transparent;
font: 11px Verdana;
color: #3b7cc7;
}





/* Glossy Historiemenyen! */

.historie{
padding: 0;
width: 200px; /*width of menu*/
/*border: 1px solid black;*/
border-bottom-width: 0;
}

.historie a.menuitem{
background: transparent url(./img/button-historie.png) 0 0;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
height: 20;
padding: 0;
padding-left: 0px;
text-decoration: none;
}

.historie a.menuitem:visited, .historie .menuitem:active{
color: white;
}

.historie a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 0px;
right: 0px;
border: none;
}

.historie a.menuitem:hover{
background: transparent url(./img/button-historie.png) 0 -20;
}

.historie div.submenu{ /*DIV that contains each sub menu*/
position:absolute;
width:202;
left:-49;
top:25;
background: transparent url(./img/menu-background.png) repeat-y;
}

.historie div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
padding-top: 6px;
padding-bottom: 0px;
border: 0;
}

.historie div.submenu ul li{
border-bottom: 1px solid transparent;
padding-top: 3px;
padding-bottom: 3px;
}

.historie div.submenu ul li a{
display: block;
font: 11px Verdana;
color: white;
text-decoration: none;
padding: 0px;
border: 0px;
margin: 0px;
}

.historie div.submenu ul li a:hover{
background: transparent;
font: 11px Verdana;
color: #3b7cc7;
}