body
{
    margin: 0 auto;
	padding: 0;
	background-color: #D3DADE;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 1px;
  	color: #2E383D;
}

/* Start mobile dropdown menu  */

.dropbtn {
    position: relative; 
    padding: 25px;
    border: none;
    cursor: pointer;
    background-color: transparent;
}

.dropdown {
    position: relative; 
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #C9D1D6;
    min-width: 500px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 10px 15px;
    font-size: 65px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
   
}

/* Start mobile vis BESTEDATO */

.bestedato table {
	height: 200% ;
	
}

.bestedato b {
	font-size: 300% ;
	padding-left: 10px;

}

.bestedato p {
	font-size: 500% ;
	font-weight: 500 ;
	padding-left: 10px;
	
}

.bestedato h {
	font-size: 350% ;
	text-align: center ;
	font-weight: 400
}

.bestedato h2 {
	font-size: 350% ;
	text-align: center ;
	font-weight: 700
}

input[type=radio]
{
width:60px;
height:60px;
}

.mobsubmit {
width: 700px;
height: 90px;
font-size: 65px;
}

.mobtext {
width:600px;
height:60px;
text-align:left ;
font-size: 55px ;
}

/*input[type=submit]
{
width: 700px;
height: 90px;
font-size: 65px;
}

input[type=text]
{
width:600px;
height:60px;
text-align:left ;
font-size: 55px ;
}

input[type=password]
{
width:600px;
height:60px;
font-size: 55px ;
}
*/

/* Start mobile skriv INNLEGG på BLOGGEN */

input[type="file"] {
    display: none;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

.minput1 {
    width: 90%;
    font-size: 50pt ;
    padding: 30px
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    resize: none;
}
.button {
    border: none;
    padding: 30px 64px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 50px;
    margin: 15px 8px;
    cursor: pointer;
}
.spesbutton {
	background-color: #555555; /* black */
    border: none;
    color: white;
    padding: 30px 64px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 50px;
}

/* Start mobile vis TERMINLISTEN */

.mterm 
{
	display: block;
	padding-left: 40px ;
	text-align: justify ;
	font-size: 35pt ;
	color: #2E4D76 ;
	font-weight: 400 ;
}		

.mterm hr 
{
	border: 0 ;
	height: 10px ;
	color: #356883 ;
	background-color: #356883 ;
}		

.mterm b 
{
	font-size: 33pt ;
	font-weight: 600 ;
}		

/* Start Content headings Fonts & Colors  */

br, h9, h9 a, h9 a:link, h9 a:visited, h9 a:hover
{
	font-family: Arial, Helvetica, Sans-Serif;
	display: inline-block;
	font-size: 60px;
	letter-spacing: 6px;
	text-align: left;
	font-weight: bold ;
}


h7, h7 a, h7 a:link, h7 a:visited, h7 a:hover
{
	font-family: Arial, Helvetica, Sans-Serif;
	display: inline-block;
	font-size: 48px;
	letter-spacing: 6px;
	padding-left: 40px ;
	text-align: left;
	font-weight: bold ;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
	font-family: Arial, Helvetica, Sans-Serif;
	display: inline-block;
	font-size: 36px;
	letter-spacing: 3px;
	padding-left: 30px ;
	text-align: left;
	font-weight: 500 ;
}

/* Start vis HJEM BLOGGSIDEN */

.mbloghead
{
	font-size: 60pt ;
	padding-left: 20px ;
	font-style: italic ;
	font-family: Sans-Serif ;
	color: #356883 ;
	border-bottom-style: solid ;
	border-color: #356883 ;
	border-width: 5px ;
	font-weight: bold ;
}	

.mbilde
{
    padding-left: 10px ;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50px;
}	

.minnlegg
{
	width: 90%;
	text-align: left ;
	padding-left: 20px ;
	font-size: 41pt ;
	color: #2E4D76 ;
	font-weight: 600 ;
}	

.minnlegg img
{
	width:200%;
    height: auto;
}
}	
	
.mblogfot
{
	text-align: center ;
	font-size: 15pt ;
	border-top: 4px solid #356883 ;
	border-color: #356883 ;
	color: #356883 ;
}

.imagePreview {

    width: 180px;
    height: 180px;
    background-position: center center;
    background-size: cover;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
    display: inline-block;
}

/* Start referater  */

.mrefgif img
{
	width: 195px ;
	height: 263px ;
}

.mref h1
{
	font-size: 50pt ;
	font-weight: 600 ;
}
/* matrisesys styling  */
.matr {
	font: 35px Verdana;
	width: 950px;
	border: 4px solid #195474;
}

.arkivh {
	text-align: center ;
}

.tall, .bsum {
	text-align: right;
}

.hode, .bunn {
	background: #E6D4AE;
	font-weight: bold ;
}

.bsum, .arkivh {
	background: #CCD7DF;
	font-weight: bold ;
}

.bilde {
	width: 950px;
	text-align: right ;	
}
.bihode {
	height: 50px ;
	text-align: left ;	
}
.utlegg {
	background: #CCFFCC ;
}

.skriftstr {
   width: 300px;
   font-size: 56px;
}

/* end matrisesys styling end   */

/* Start PC versjon hode (innlogg2) */

.pcsubmit {
width: 200px;
height: 30px;
font-size: 10px;
}

.pctext {
width:200px;
height:30px;
text-align:left ;
font-size: 10px ;
}


#art-page-background-simple-gradient
{
	position: absolute;
	background-image: url('images/Page-BgSimpleGradient.jpg');
	background-repeat: repeat-x;
	top:0;
	width: 100%;
	height: 1px;
}

.cleared
{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}


form
{
	padding:0 !important;
	margin:0 !important;
}


/* begin Box, Sheet  HODE   */
.art-Sheet
{
	position:relative;
	z-index:0;
	margin:0 auto;
	width: 800px;
	min-width:43px;
	min-height:43px;
}

.art-Sheet-body
{
	position: relative;
	z-index: 1;
	padding: 1px;
}

.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
{
	position:absolute;
	z-index:-1;
}

.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl
{
	width: 42px;
	height: 42px;
	background-image: url('images/Sheet-s.png');
}

.art-Sheet-tl
{
	top:0;
	left:0;
	clip: rect(auto, 21px, 21px, auto);
}

.art-Sheet-tr
{
	top: 0;
	right: 0;
	clip: rect(auto, auto, 21px, 21px);
}

.art-Sheet-bl
{
	bottom: 0;
	left: 0;
	clip: rect(21px, 21px, auto, auto);
}

.art-Sheet-br
{
	bottom: 0;
	right: 0;
	clip: rect(21px, auto, auto, 21px);
}

.art-Sheet-tc, .art-Sheet-bc
{
	left: 21px;
	right: 21px;
	height: 42px;
	background-image: url('images/Sheet-h.png');
}

.art-Sheet-tc
{
	top: 0;
	clip: rect(auto, auto, 21px, auto);
}

.art-Sheet-bc
{
	bottom: 0;
	clip: rect(21px, auto, auto, auto);
}

.art-Sheet-cr, .art-Sheet-cl
{
	top: 21px;
	bottom: 21px;
	width: 42px;
	background-image: url('images/Sheet-v.png');
}

.art-Sheet-cr
{
	right:0;
	clip: rect(auto, auto, auto, 21px);
}

.art-Sheet-cl
{
	left:0;
	clip: rect(auto, 21px, auto, auto);
}

.art-Sheet-cc
{
	position:absolute;
	z-index:-1;
	top: 21px;
	left: 21px;
	right: 21px;
	bottom: 21px;
	background-image: url('images/Sheet-c.png');
}


.art-Sheet
{
	margin-top: 30px !important;
}

#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
	min-width:800px;
}


/* begin Header */
div.art-Header
{
	margin: 0 auto;
	position: relative;
	z-index:0;
	width: 798px;
	height: 125px;
}

div.art-Header-png
{
	position: absolute;
	z-index:-2;
	top: 0;
	left: 0;
	width: 798px;
	height: 125px;
	background-image: url('images/Header.png');
	background-repeat: no-repeat;
	background-position: left top;
}

div.art-Header-jpeg
{
	position: absolute;
	z-index:-1;
	top: 0;
	left: 0;
	width: 798px;
	height: 125px;
	background-image: url('images/Header.jpg');
	background-repeat: no-repeat;
	background-position: center center;
}
/* end Header */