H3.finmidt {text-align: center;font-family: Arial, Helvetica, Arial; font-size: 14pt;} 
H2.finmidt {text-align: center;font-family: Arial, Helvetica, Arial; font-size: 18pt;} 
H1.finmidt {
	text-align: center;
	font-style: italic;
	font-family: Arial, Helvetica, Arial;
	font-size: 24pt;
} 
/* first for IE 4–8 */
@font-face {
  font-family: MetaWeb-Normal;
  src: url("MetaWeb-Normal.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: MetaWeb-Normal;
  src: url("MetaWeb-Normal.woff") format("woff");
}

DIV.gruppe {width: 100%; padding-bottom: 5mm;} 
div.topptekst {
	position: relative; margin-top:20px;
	top: 0px; width:100%;
}
.topp {position: relative;
	top:50px;left:0;width:100%;float:left;
}
div.topptab {
	position: relative;
	top:20px;
}
.side {
	float:right; top:200px;right:10px;width:200px;position:absolute;
}
div.header{
	position: absolute;
	top: 10px;
	left: 0px;
}
div.flag{
	position: absolute;
	top: 40px;
	right: 20px;
	z-index: 20;
}
h1.header{
	position: absolute;
	top: 15px;
	left: 300px;
}
.stav{
	position: absolute;
	width:100%;
	height:70px;
	top: 10px;
	left: 600px;
}
.rame {border-style:solid; border-width:1px; background-color:#dcdcdc;
	margin-left:auto; margin-right:auto; padding-left:10px; padding-right:10px;}

div.locationdata{
	position:relative;
	float: left;
}
#tidedata{
	position:relative;
	width:450px;
}
#searise{
	position:relative;
	width:450px;
}
div.rom{
	position:relative;
	width: 150px;
}
.inline{
	display:inline;
}
div.loc1{
	position:relative;
	top: 5px;
	right:0px;
}
div.loc2{
	position:absolute;
	top:5px;
	left:23%;
}
div.loc3{
	position:absolute;
	top:5px;
	left:42%;
}
div.loc4{
	position:absolute;
	top:5px;
	left:58%;
}
div.loc5{
	position:absolute;
	top:5px;
	left:78%;
}
div.lev2{
	position:absolute;
	top:5px;
	left:170px;
}
div.lev3{
	position:absolute;
	top:5px;
	left:320px;
}
div.lev4{
	position:absolute;
	top:5px;
	left:420px;
}
div.loc1{
	position:relative;
	top: 5px;
	right:0px;
}
div.sloc2{
	position:absolute;
	top:5px;
	left:200px;
}
div.sloc3{
	position:absolute;
	top:5px;
	left:350px;
}
div.tloc2{
	position:absolute;
	top:5px;
	left:180px;
}
div.tloc3{
	position:absolute;
	top:5px;
	left:300px;
}
#rame{
	position:relative;
	width: 180px;
}
#locationdata{
	width:700px;
	position:relative;
	float: left;
}
#hydrografdata{
	width: 97%;
	min-width:700px;
	position: relative; margin-top:20px;
	float: left;
}
div.lloc1{
	position:relative;
	top: 5px;
	right:0px;
}
div.lloc2{
	position:absolute;
	top:5px;
	left:230px;
}
div.lloc3{
	position:absolute;
	top:5px;
	left:400px;
}
div.lloc4{
	position:absolute;
	top:5px;
	left:540px;
}
input.submit{
	position:absolute;
	bottom:5px;
	right:10px;
font-size: 12px;
border: 1px solid #00963e;
background-color: #51cc3d;
background-image: linear-gradient(rgba(81, 204, 61, 0) 40%, rgba(0, 150, 62, 0.5) 60%);
color: white;
}
#diverse{
	width:98%;
	height:170px;
	position:relative;
}
#heim {
	position: absolute;
	display: block;
	top: 20px;
	left: 110px;
	z-index: 20;
	font-style: italic;
	font-family: Arial, Helvetica, Arial;
	font-size: 12pt;
}

P.midt {text-align: center;} 
P.alert {color: #ff0000;}
P.popp {text-align: center;font-size: 12px; margin:0;} 
P.pophead{text-align: center;font-size: 15px; margin:0;font-weight:bold} 
P.popup {font-size: 12px;} 
P.zonepopup {font-size: 12px;} 
.popup {font-size: 10px;} 
P.endringsdato {font-size: 10px;} 
DIV.navneliste {font-size: 8pt; font-family: Arial,Helvetica, Arial;}
BODY.skate, body.site {font-family: Arial,SansSerif; font-size: 11pt; font-color:#404041} 
BODY {font-family: Arial, Arial, SansSerif; font-size: 10pt;} 
BODY.fargefelt {background-color: #c89664;} 

H3 {font-size: 13px;} 
.mapframe {
	position:relative;
	top:0px;
	left:0px;
	height: 500pt;
	border-style:solid;
	border-width:1px;
	background-color:#dcdcdc;
	margin-left:auto; margin-right:auto;}
.map {
	height: 500pt;
}
div.rullinfo{
	position:absolute;
	top:5px;
	left:40px;
}
div.trykkinfo{
	position:absolute;
	top:5px;
	right:5px;
}
div.mapinfo{
	position:absolute;
	top:40px;
	right:20px;
}