body {
margin : 0;
padding : 0;
font : 73% arial, verdana, tahoma, "Trebuchet MS", sans-serif;
line-height : 1.7em;
color : #333;
background : #fff;
}
#banner {
text-align: left;
height : 75px;
margin : 0 auto;
padding : 10px;
background : #08166E url(img/navigation.jpg) no-repeat;
color : #fff;
}
#banner h1 {
margin : 0;
background : transparent;
color : #fff;
font-size:250%;
}
#banner a {
color : #BBF;
font-weight  : bold;
}


#navlist {
padding : 4px 4px 4px 0;
margin : 0 0 20px 0;
text-align : left;
letter-spacing : 1px;
color : #fff;
background : #7ABAFF;
width:100%;
}

#navlist li {
list-style : none;
margin : 0;
display : inline;

}

#navlist select
{  width:107px;
   border:1px solid #000;


}
#navlist li a {
padding : 5px 0.75em;
margin : 2px 0 2px 0;
color : #fff;
background : #7ABAFF;
text-decoration : none;
}
#navlist li a:link {
color : #fff;
background :#7ABAFF;
}
#navlist li a:visited {
color : #fff;
background : #7ABAFF;
}
#navlist li a:hover {
color : #fff;
background : #BA3F2F;
}
#navlist li a#current {
color : #fff;
background : #3333AA;
}
.menu ul li {
line-height : 1.8em;
margin : 0 10px 0 0;
padding : 0;
list-style-type : square;
color : #BA3F2F;
background : inherit;
}
.menu ul li a {
color : #BA3F2F;
background : inherit;
}
.menu ul li a:hover {
color : #7ABA2E;
background : inherit;
}
#content {
padding-left : 5px;
margin : 0 0 0 300px;
min-height:600px;
min-width:700px;
border-left : 1px solid #7ABAFF;
}

.iframeHoved {
padding-top: 4px;
border-top : 1px solid #7ABAFF;
}


#sidebar-a {
float : left;
width : 280px;
margin-left : 5px;
padding : 0 5px 0 5px;
}
#sidebar-b {
float : right;
width : 20px;
margin : 0 15px 0 0;
padding : 0 5px 0 10px;
border-left : 1px solid #eee;
}
#footer {
clear : both;
padding : 5px;
margin : 0;
background : #7ABAFF;
color : #f7f7f7;
}
#footer a {
text-decoration : none;
color : #000;
background : inherit;
}
#footer a:hover {
text-decoration : underline;
color : #fff;
background : inherit;
}
a {
text-decoration : none;
color : #0000ff;
background : inherit;
}



a:hover {

color : #99F;
background : inherit;
margin:0;
}
a img {
border : 0;
}
.border {
padding : 10px;
margin : 10px;
border : 1px solid #aaa;
}


.imgleft {
float : left;
border : 1px solid #aaa;
margin : 5px 10px 10px 15px;
padding : 5px;
}
.imgright{
float : right;
border : 1px solid #aaa;
margin : 5px 15px;
padding : 15px;
}
h1 {
margin : 2px 0 5px 0;
padding : 5px;
font-size : 140%;
letter-spacing : 1px;
text-align: left;
color : #fff;
background : #7ABAFF;
background : #192762 url(img/navigation.jpg) no-repeat;
}
h1 a{
color : #fff;
}

h2 {
margin : 2px 0 2px 0;
padding :1px 1px 1px 5px;
font-size : 130%;
text-transform : none;
letter-spacing : 3px;
color : #fff;
background : #7ABAFF;
  background : #192762 url(img/navigation.jpg) no-repeat;
}
h3 {
padding : 5px;
text-transform : uppercase;
font-size : 110%;
letter-spacing : 3px;
color : #fff;
background : #eee;
}
h4 {
padding : 5px;
text-transform : uppercase;
font-size : 110%;
color : #fff;
background : #f17c0b;
}
.clear {
clear : both;
width : 100%;
}
.col3,.col3center {
float: left;
width: 30.5%;
}
.col3center {
margin: 0 3%;
}
strong {
color: #000;
}





/*  Resultat i FINN.php  */
table.resultat {
border: 1px solid #000;
background:#F0F0F0;
width:100%;
}

tr.resultat {
background:#FcFcFc;
}

/*** MISC   ***/
.t-area {
width:98%;
height:40px;
}

.stor {
height:80px;
}



hr {
  border:0;
  border-top: 1px solid #7ABAFF;
  height: 0;
  background: #E19832;
}

.notat {
padding : 5px;
font-size : 75%;
line-height: 1.4;
}

.groovybutton, a.groovybutton
{
   font-size:12px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#33f;
   width:107px;
   height:25px;
   border:1px solid #7ABAFF;
  background : #00c url(img/button.jpg) repeat;
}

.groovybutton:hover {
  background : #ccc url(img/buttonhoover.jpg) repeat;
}