* {margin: 0; padding: 0; border: 0;}

body { 
text-align: center; 
color: #000; 
background-color: #fff; 
min-width: 700px; 
font-family: baskerville, cochin, georgia, times, "times new roman", serif;
/*
font-family: "Trebuchet MS" "Lucida Grande" tahoma, verdana, arial, sans-serif;*/
font-size: 1em;
line-height: 1.5;
}





/***************************************************************/
/**************** Layout CSS begins ****************************/

#wrapper { /* also holds the left "sliding" tab */
background: url(bilder/gkt_bunn_sidebar-l.gif) repeat-y 0 0;
text-align: left;
width: 100%; /* this can fixed or fluid */
margin: 0 auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
font-size: 0.8em;
}

#header, #subnav, #footer {
clear: both; 
width: 100%;
}

#header {
background-image: url(bilder/gkt_heading_midten.png);
height: 85px;
}

.venstre { 
background-color: black; color: white; position: absolute; top: 0; left: 0; width: 421px; height: 85px; z-index: 10; 
}

.hoyre { 
background-color: black; color: white; position: absolute; top: 0; right: 0; width: 292px; height: 85px; z-index: 9; 
}

#subnav {
margin: 0;
padding: 0;
height: 1.5em;
background: #000000;
color: #fff;

}

#footer {
text-align: center;
color: #000;
background: #fff  url(bilder/gkt_bunn_blfoot.gif) no-repeat 0 0px;
}
#footer div {
padding: 1px 0;
background: url(bilder/gkt_bunn_brfoot.gif) no-repeat 100% 0px;
}

#contentfloatholder {/* also makes the right "sliding" tab */
background: url(bilder/gkt_bunn_sidebar-r.gif) repeat-y 100% 0;
float: left;
width: 100%;
position: relative;
}


#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;
}

#centerpad {
margin: 0 215px;
background: #fff;
}

#center {

  color: #000;
  float:left;
  width: 100%; 

  margin-right: -95%; 
	/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
}

#left {

  float:left;
  width: 200px;
  margin-left: -5%; /* the difference to make the left colum appear flush left */
  margin-top: 10px;

}

#right {

  float:right;
  width: 200px;
  margin-top: 10px;
}


/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}

#left h3, #left p,
#right h3, #right p
{
padding: 0 20px; 
}


#wrapper {
position: relative;
z-index: 500;
}



/*********** CSS for navigasjonsmeny ***********/
/*#navcontainer
{
margin: 0;
padding: 0;
height: 20px;
background: #000000;

}

*/

#subnav ul
{

list-style-type: none;
text-align: center;
margin: 0;
}

#subnav ul li
{
display: block;
float: left;
text-align: center;
margin: 0;

}

#subnav ul li a
{
background: #000;
width: 7.8em;
height: 1.75em;
border-top: none;
border-left: none;
border-bottom: none;
border-right: none;
padding-top: 0.25em;
margin: 0;
color: #ffffff;
text-decoration: none;
display: block;
text-align: center;
font-size: 0.75em;
font-family: "Trebuchet MS", "Lucida Grande", tahoma, verdana, arial, sans-serif;
font-weight: bold;

}

#subnav ul li a:hover
{
color: #fff;
background: #666;
}

#subnav a:active
{
background: #666;
color: #fff;
}

#subnav li#active a
{
background: #000;
color: #fff;
}


/* formattering av tekst  */


h1, h2, h3, h4, p {margin: 10px 0 0 0;
font-family: baskerville, cochin, georgia, times, "times new roman", serif;
}
ul {margin: 1em;} 

h1 {
font-weight: bold;
font-size: 2em;
}

h2 {
font-weight: bold;
font-size: 1.5em;
}


h3 {
font-weight: bold;
font-size: 1.2em;

}

h4 {
font-weight: bold;
font-size: 1.2em;

}

p {font-size: 1em}

#left p {font-size: 0.85em;}
#right ul {font-size: 0.85em;
padding: 0em 1em 0em 2em;
}
#right p {
font-size: 0.85em;
margin-bottom: 0em;
margin-top: 0.2em;

}
#right li {margin-bottom: 1em;}

#right h3 {padding-left: 1em;}


.adresselinje {
margin: 30px;
}

.datoboks {
margin-bottom: 1.5em;

}


/***** lenker *****/


#center a {color: #946d84;}
#center a:hover {background: #d6aeb5; color: #000;}



/*********** bokser ***********/




.boksforside_farge  { 
background: url(bilder/body_h.gif) no-repeat bottom right; 
margin: 0px 10px 10px 10px; 
width: auto; 
height: auto; 
}
.boksforside_farge_header {
background: url(bilder/hode_h.gif) no-repeat top right;
margin: 0;
padding: 0;
}


.boksforside_farge_body {
background: url(bilder/body_v.gif) no-repeat bottom left;
margin: 0;
padding: 0px 10px 10px 10px;

}
 .boksforside_farge_header h2 {
background: url(bilder/hode_v.gif) no-repeat top left;
margin: 0;
padding: 10px 10px 10px 10px;
color: white; 
font-weight: bold; 
font-size: 1.4em; 
line-height: 1em;
text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
	
}

/****** grΠboks *****/
.boksforside  { 
background: url(bilder/body_h_gray.gif) no-repeat bottom right; 
margin: 0px 10px 10px 10px; 
width: auto; 
height: auto; 
}
.boksforside_header {
background: url(bilder/hode_h_gray.gif) no-repeat top right;
margin: 0;
padding: 0;
}


.boksforside_body {
background: url(bilder/body_v_gray.gif) no-repeat bottom left;
margin: 0;
padding: 0px 10px 10px 10px;

}
 .boksforside_header h2 {
background: url(bilder/hode_v_gray.gif) no-repeat top left;
margin: 0;
padding: 10px 10px 10px 10px;
color: white; 
font-weight: bold; 
font-size: 1.4em; 
line-height: 1em;
text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
	
}


/****** skjema boks *****/
.skjema_boks  { 
background: url(bilder/body_h_gray.gif) no-repeat bottom right; 
margin: 10px 10px 10px 10px; 
width: auto; 
height: auto; 
}
.skjema_boks_header {
background: url(bilder/hode_h_gray.gif) no-repeat top right;
margin: 0;
padding: 0;
}


.skjema_boks_body {
background: url(bilder/body_v_gray.gif) no-repeat bottom left;
margin: 0;
padding: 0px 10px 10px 10px;
text-align: right;

}
 .skjema_boks_header h2 {
background: url(bilder/hode_v_gray.gif) no-repeat top left;
margin: 0;
padding: 10px 10px 10px 10px;
color: white; 
font-weight: bold; 
font-size: 1.4em; 
line-height: 1em;
text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
	
}

.boks { 
font-size: 1em;
background-color: #f0f0f0; 
border: 1px dashed black; 
margin: 10px 10px 10px 0px; 
padding: 10px;
 visibility: visible; 
 display: block 
 
}

.boks h4 {margin-top: 0;}