body, html {margin-top:0 ;color: #000; font-family:  Arial,verdana;background-color: #fff;}
body {font-size: 1em;min-width: 760px;text-align:center;}

p {padding: 4px 0 4px 0;font:normal 0.9em arial,verdana;}

a {color: #000099; }
a:hover{text-decoration: none; }


h1, h2, h3 {font-weight: bold;padding-bottom: 5px;margin-left:10px;}
h1 {font-size: 2em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
h1 a, #header h2{color: #fff;}
.clear { clear: both; }
#mainContainer {width:999px;min-height: 300px;background: #fff;margin:0 auto;text-align: left;}
* html #mainContainer {
height: 300px; /*** IE støtter ikke min-height***/
}
/**************************
HEADER
**************************/
#header {width:1000px;height:100px;text-align:center;margin:0 auto;}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
border-left: 170px solid #fff; /*** Bredde og farge for venstre kolonne ***/
border-right:170px solid #fff; /*** Bredde og farge for h�yre kolonne ***/
}
* html .outer {/*** Ingen grunn til � hacke IE her ***/}
.inner {width: 100%; }
* html .inner {/*** Ingen grunn til � hacke IE her ***/}
/*** div.inner er bredere enn container, div.outer,og overlapper til h�yre, pushing
div.right i rett posisjon. IE utvider div.outer isteden, trenger en  hack for ikke � �delegge layouten. 

***/
.float-wrap {float: left;width: 100%;margin-left: -170px;
/*** Samme lengde som .outer border-left men med negativ verdi ***/}
* html .float-wrap {/*** Ingen grunn til � hacke IE her ***/}
#content {float: right;background: #fff;margin-right: -170px;
  /*** Samme lengde som .outer border-left men med negativ verdi ***/
width: 100%;}
* html #content {position: relative;}
.contentWrap{padding: 10px;width:810px; position: relative; z-index: 100;}
.contentWrap ol, .contentWrap ul {margin: 3px 0 5px 35px;}
.contentWrap li {padding-bottom: 2px;}
/**************************
Venstre kolonne
**************************/
/*** div.left er i div.float-wrap, og når div.float-wrap er neg margined til venstre, 
div.left flyttes i rett posisjon. 
***/
#left {float: left;width: 160px;min-height: 250px;padding:5px;}
* html #left {position: relative;  /*** IE hack  ***/
height: 250px;}
#left ul {list-style-type: none;padding-bottom: 4px;}
#left li {padding-bottom: 2px;margin-left:-35px;font-size:1em;}

/*************************
Høyre kolonne
**************************/
#right {float: right;font-size:0.8em; width: 160px;padding: 5px;min-height: 250px;margin-top:10px;
margin-right: -170px; /** Den negative margin-right verdien er bredden av høyre kolonne +  padding. ***/
}
* html #right {height: 250px;position: relative;  /*** IE hack  ***/}
#right ul {text-align:left;list-style-type: none;padding-bottom: 4px;}
#right li {text-align:left;padding-bottom: 2px;}
/**************************
FOOTER
**************************/
#footer {width:995px;height:1.3em;text-align: center;background-color: #C2C2C2;
font:bold 0.65em arial,verdana;}
.mentext2{font:bold 0.7em arial,verdana;color:#000;background-color:#fff;width:156px;text-align:center;}


/* WEATHER */

table.weathertablesmall{  width: 99%;}
td.weatherlocname{width: 80px;font:bold 14px verdana;}
td.weathericon{  width: 50px;}
td.weathertemperature{font:bold 0.8em verdana;  width: 30px;}
#weather.men{color: #000;font:bold 0.9em verdana;}

.mentext a, #weather h3.caption{font:bold 0.9em verdana;}
.mentext a:link,.mentext a:visited,.mentext a:hover{font:bold 1.2em arial,verdana;color:#ff0000;}

/* Navigasjonssti */
#path span.arrow{margin: 0 5px;}
#tekstskalering a{cursor: pointer;}
#tekstskalering a:link {text-decoration: none; cursor: pointer;}
#tekstskalering a:visited {text-decoration: none; cursor: pointer;color:#000000;}
#tekstskalering a:hover  {text-decoration: underline; cursor: pointer;}
#scalelargest{  font-size: 1.25em;}
#scalelarge{  font-size: 1.1em;}
#scalenormal{  font-size:0.8em;}
/**************************
BOKSER NEDERST
**************************/
#bottom{float:left;height:auto;width:1000px;background-color:#fff;}
.bottomhead2{float:left;display:inline;width:190px;padding:4px 0 4px 0;margin-bottom:4px;margin-left:8px;
background:url(http://www.lunner.kommune.no/getfile.php/897758.621.wwaccevtvb/buttongraa190.png) #A8A8A8;
text-align:center; }
.bottomhead{float:left;display:inline;width:170px;height:240px;
padding:0 9px 9px 9px;margin-left:8px;background-color:transparent;text-align:left;border:1px inset #000; }
.bottomhead ul {list-style-type: none;padding-bottom: 1px;}
.bottomhead li{margin-left:-40px;font:bold 12px arial,verdana;}
.caption{background: #c0c0c0;border:2px solid #000;font:bold 12px arial,verdana;text-align:center;}
.gogo{width:180px;text-align:left;font:bold 0.9em arial,verdana;margin-bottom:5px;}

hr{width:100%;height:1px;color:#000;}
.icon{height: 14px; background: url('http://www.lunner.kommune.no/getfile.php/1193680.621.yqvvcbeqqs/florish.gif') no-repeat 50% 50%; margin-top: 3em ; border: 0;}
.sok{font:bold 0.8em verdana;color:#000;margin-left:40px;}
.input{width:150px;border:1px solid #A8A8A8;padding:0;font:normal 0.9em verdana;}
img{border:0;}
#listingarea .dynimage, #listingarea .artimage{max-width:100px;max-height:100px;}
.artimage{float:left; margin: 0 5px 5px 0; }
#listingarea{width:100%;}
#headline,.headline {font:bold 0.85em arial; color: #9E2614;margin-left:105px; }
.headlineview { font:bold 1em verdana,arial; color: #9E2614; }
a.headlinelink { font:bold 0.8em arial; color: #9E2614; }
#subheadline,.subheadline { font:bold 0.8em arial;  color: #000;margin-left:105px; }
#subhead,.subhead { font:bold 0.8em arial,helvetica,sans-serif; color: #000;background-color:transparent;}
.head { font:bold 0.9em arial,helvetica,sans-serif; color : #9E2614;}
#ingress, .ingress {font:normal 1.1em arial,helvetica,sans-serif;}
#headline3,.headline3 {font:bold 0.9em arial; color: #9E2614; }
.ingress2 {font:normal 0.8em arial,helvetica,sans-serif;margin-left:105px;}
.ingress ul li{font:normal 0.9em arial,verdana, sans-serif;}


.link { font-size: 1.0em;  color: #000080;background-color:transparent; }
.link2{ font-size: 0.9em; color: #000080;background-color:transparent;}
.line{margin-left:105px;font-size:0.9em;}
a.line{font-size:0.9em;}
#link3{float:right;display:inline;font-size:0.8em;}
/**************************
Venstremenyer
**************************/
.menu { font: bold 0.8em arial;color:#000;}
a.menu { text-decoration: underline; color: #000;background-color:transparent; font-size: 0.8em; }
a.menu:link { text-decoration: underline; color: #000; background-color:transparent;font-size: 1em; }
a.menu:visited { text-decoration: underline; color: #000099; background-color:transparent;font-size: 1em; }
a.menu:hover {font:bold 1em arial; background-color:transparent; text-decoration:none;}
td.menuselected { font:bold 1em arial;}                 
a.menuselected { text-decoration: none; font: bold 1em arial;color:#000099; background-color:transparent;}
a.menuselected:link { text-decoration: none; color: #000099;background-color:transparent;font:bold 1em arial;}
a.menuselected:visited { text-decoration: none; color:#000099; background-color:transparent;font:bold 1em arial;}
a.menuselected:hover { text-decoration: none; font:bold 1em arial;color: #000099;background-color:transparent;}



.mentext{font:bold 0.8em arial,verdana;color:#000;background-color:#fff;text-align:center;}

.men{position:relative;top:0;left:0;width:148px;text-align:center;
background-color:#fff;z-index:100;border:2px dotted #000;}
.men a.p1,#menu a.p1:visited{display:block;width:148px;height:186px;
background-color:#fff;border:0;text-align:center;z-index:100;}
.men a img{border:0;}
.men a.p1:hover{text-decoration:none;}
.men a .large{display:block;position:absolute;width:1px;height:1px;border:0;top:-1px;left:-1px;z-index:100;}
.men a.p1:hover .large{display:block;position:absolute;top:-150px;left:-635px;
width:640px;height:480px;z-index:100;}
.text{font:bold 0.8em arial,verdana;border:2px solid #880000;}
.text2{font:bold 0.75em arial,verdana;border:2px dotted #000;}

.text3{font:bold 12px arial,verdana;}
.nolink{text-decoration:underline;color:#000080;margin-left:2px;}

.butgebyr{width:125px;height:40px;
background:url(http://www.lunner.kommune.no/getfile.php/949596.621.abfbdftcqv/gebyrsort.jpg) no-repeat;
text-align:center;font:bold 1.2em arial,verdana;}
.buttjen{width:200px;height:25px;text-align:left;font:bold 0.8em arial,verdana;
background:url(http://www.lunner.kommune.no/getfile.php/906994.621.dfbpsqxfwq/mini3dgif.gif) no-repeat;
padding-left:10px;padding-bottom:15px;}
.buttjen a:hover{color:#ff0000;}
.center{text-align:center;}
.center2{text-align:center;font:bold 0.75em arial,verdana;}
.toollink,span.date{font:normal 0.8em arial,verdana;font-style:italic;}
.author,.calendardefault {font:normal 0.85em arial,verdana;}
#fasttekst{font:bold 0.8em arial,verdana;text-align:center;}
.skiplink {position: absolute;top: -100px;}
.sok2{font:bold 0.8em verdana;color:#000;margin-left:70px;}
.tool2{float:left;display:inline-block;font:normal 0.9em arial,verdana;}
.areal{text-align:center;font:bold 1em arial,verdana;width:100%;background:#f9db06;}
.size{font:bold 0.9em arial,verdana;}

/* 3kolonne tabellerstatning */
.tablebox{width:800px;text-align:center;}
.coffee{float:left;display:inline;width:260px;margin:2px;}
.tab{width:240px;height:30px;
padding-left:20px;font:bold 0.8em arial,verdana;text-align:left;
background:url(http://www.lunner.kommune.no/getfile.php/906994.621.dfbpsqxfwq/mini3dgif.gif) no-repeat;
background-position: top left;}
/* 2kolonne tabellerstatning */
.tablebox2{width:800px;text-align:center;}
.coffee2{float:left;display:inline;width:390px;margin:2px;}
.coffee22{float:left;display:inline;width:350px;margin:2px;}
.tab2{width:380px;height:30px;
padding-left:20px;font:bold 0.8em arial,verdana;text-align:left;}
/* vakttelefoner */
.tab5{width:380px;height:100px;
padding-left:20px;font:bold 0.8em arial,verdana;text-align:left;}
/* politikk */
.tab6{width:380px;height:70px;
padding-left:70px;padding-top:15px;font:bold 1em arial,verdana;text-align:left;background:url(http://img1.custompublish.com/getfile.php/138838.621/lovboka60.jpg) no-repeat;
background-position: top left;}
/* listtab auto height */
.tab9{width:380px;height:auto;
padding-left:20px;font:bold 0.8em arial,verdana;text-align:left;line-height:2em;}
.tab99{width:340px;height:auto;
padding-left:20px;font:bold 0.8em arial,verdana;text-align:left;}
.tablebox9{width:800px;text-align:left;}
/* 4kolonne tabellerstatning */
.tablebox4{width:800px;text-align:left;}
.coffee4{float:left;display:inline;width:190px;margin:2px;}
.tab4{width:180px;height:30px;
padding-left:20px;font:bold 0.8em arial,verdana;text-align:left;
background:url(http://www.lunner.kommune.no/getfile.php/906994.621.dfbpsqxfwq/mini3dgif.gif) no-repeat;
background-position: top left;}
/* 4kolonne uten bilde */
.tab8{width:180px;height:auto;
padding-left:20px;font:bold 0.8em arial,verdana;text-align:left;}
/* Telefonliste */
.tab7{width:300px;height:auto;
padding-left:5px;font:bold 0.8em arial,verdana;text-align:left;}
.tab62{width:100px;padding-left:25px;margin-right:1px;font:bold 0.8em arial,verdana;text-align:left;}
.tab63{width:100px;height:auto;
padding-left:5px;font:bold 0.8em arial,verdana;text-align:left;}
.tab55{width:70px;height:auto;
padding-left:20px;font:bold 0.8em arial,verdana;text-align:left;}
.coffee6{float:left;display:inline;width:260px;margin:2px;}
.coffee62{float:left;display:inline;width:70px;margin:2px;}
.tab77{width:400px;height:auto;
padding-left:45px;font:bold 0.8em arial,verdana;text-align:left;}
/* table{display:none;visibility:hidden;width:0;height:0;} */

.none{display:none;visibility:hidden;}

.clearfix { clear: both; font-size: 1px; height: 0px; }

/* 
NB! Kun deklarasjoner for 2-kolonnebiten
Lagd for listingmalen "2 column tableless"
*/


/* like tall, vises til hoyre */
div.odd{
 width: 48%;padding-right:5px;
 float: left;
}
/* ulike tall, til venstre  */
div.even{display:inline;padding-left:5px;
 clear: none;  
 width: 48%;
float: left;
}

ul#forside {
	list-style: none;
	background:url(http://www.lunner.kommune.no/getfile.php/907304.621.wspcfysqdp/lunnernewdesigntop.gif) no-repeat;
	position: relative;
	width: 1000px;
	height: 100px;	
	margin: 0;
	padding: 0;
}

ul#forside li {
	position: absolute;
}

ul#forside li a{
	display: block;
	height: 100%;
	text-decoration: none;
}

#lk {
	width: 312px;
	height: 98px;
	top: 1px;
	left: 10px;
}

#bukk{
	width: 165px;
	height: 98px;
	top: 1px;
	left: 360px;
}

#regraad {
	width: 128px;
	height: 98px;
	top:1px;
	left: 870px;
}

#lk1 {
	width: 280px;
	height: 98px;
	top: 1px;
	left: 590px;
}
ul#forside li a span {
	display: none;
}

ul#forside li a:hover span {
	display: block;
}

ul#forside li a:hover span {
	display: block;
	padding: 2px;
	width: 110px;
	background: #999;border:1px solid #000;
	position: relative;
	top: 20px;
	font:bold 0.9em Arial, Helvetica, sans-serif;
	
	color: #000;text-align:center;
}

ul#forside li a:hover span strong {
	display: block;
	margin-bottom: 2px;
	font:bold 0.9em Arial, Helvetica, sans-serif;
	text-decoration: none;
}
* a {color: #000099; }
* a:visited{color:#000099;}
* a:hover{text-decoration: none; }
div#under{top:1px;left:180px;width:790px;font:bold 1.0em arial,verdana;text-align:center;}
.status{display:block;width:630px;border:1px solid thin;border-color:#000;}
.ingress img{display:inline;float:left;}


#gatami{
	background-color: #EDEDED;
	border: 1px solid #000;
	font-size: 0.9em;
}
.gatamileft{float:left;display:inline;width:47%;}
.gatamiright{float:left;display:inline;width:52%;