body {
margin: 0;
padding: 0;
background: white url('/grafikk/eksem-bg.jpg') repeat-x;
text-align: center;
}

.fokusboks-gul {
	padding: 10px;
	background-color: #ffffd5; 
	border: solid 1px #6889cb;
	clear: both;
	margin-top: 20px;
	}
	
.fokusboks-gronn {
	padding: 10px;
	background: #e0eff4;
	border: solid 1px #6889cb;
	clear: both;
	margin-top: 20px;
}

.fokusboks-blaa {
	padding: 10px;
	background: #e6eef7;
	border: solid 1px #6889cb;
	clear: both;
	margin-top: 20px;
}


* html div.hele-siden {
width: 780px;
}

ul.eksemkoder li{
list-style-type: none;
padding: 2px;
}

ul.eksemkoder {
padding:0;
margin:0;
}

table td {
vertical-align: top;
}

.spraak {
height: 15px;
background: white;
padding: 0 0 0 50px;
background: white url("/grafikk/no-sa-flagg.jpg") no-repeat;
}

.spraak p {
display: inline;
font-size: 90%;
}

.spraak img {
margin: 0;
display: inline;
}

.spraak a:link, .spraak a:visited {
text-decoration: none;
color: #BC1421;
}

div.hele-siden {
width: 80%;
font-family: "Trebuchet MS", tahoma, georgia, serif;
font-size: 90%;
color: #111;
background: white;
text-align: left;
margin: 0 auto 0 auto;
padding: 0;
max-width: 820px;
border-left: solid 1px #C6C6C6;
border-right: solid 1px #C6C6C6;
border-bottom: solid 1px #C6C6C6;
}

div.header {
height: 43px;
background-image: url("/grafikk/fadetoppbakgrunn.jpg");
}

div.header h1 {
margin: 6px 0 0 10px;
display: inline;
float: left;
font-size: 100%;
text-transform: uppercase;
color: #555;
font-family: "Book Antiqua", "Trebuchet MS";
}

div.header h1 span {
font-size: 70%;
text-transform: uppercase;
letter-spacing: 2px;
color: #555;
}

div.header form {
display: inline;
float: right;
width: 200px;
margin: 10px 0 0 0;
}

div.subheader {
height: 97px;
background: #E7E8E8;


background-image: url("/grafikk/strandbanner2.jpg");
}

/* sørger for at toppmenyen har den stilen den har 
  (sliding dors, se http://www.alistapart.com/articles/slidingdoors/ */ 

div.meny {
float: left;
width: 100%;
background: #eeeeee;
}


div.meny ul {
        margin: 0;
	padding:0px 10px 0px 10px;
	list-style:none;
	}
	
div.meny li {
	float:left;
	background: url('/grafikk/menygrafikk/norm_right.gif') no-repeat right top;
	margin: 0 2px 0 2px;
	padding: 0px;
	}
	
div.meny a {
	display:block;
	color: #444;
	text-decoration: none;
	background:url('/grafikk/menygrafikk/norm_left.gif') no-repeat left top;
	padding:4px 15px 4px;
	}
	
div.meny li.marker {
	background-image:url('/grafikk/menygrafikk/norm_right_on.gif');
	}
	
div.meny li.marker a {
	background-image:url('/grafikk/menygrafikk/norm_left_on.gif');
	color: #034FB1;
	text-decoration: none;
	padding-bottom:5px;
	}

		
div.submeny {
  border-bottom: solid 1px #C6C6C6;
  clear: both;
  }
		
div.submeny ul {
	margin: 0 0 0 0;
	padding-left: 1%;
	background: #f3f3f3;
	}
	
div.submeny ul li {
	background: transparent;
	padding-left: 2%;
	list-style: none;
	display: inline;
	}
	
div.submeny li.marker, div.submeny li.page_item.current_page_item {
  border-top: solid 1px #C6C6C6;
	border-right: solid 1px #C6C6C6;
	border-left: solid 1px #C6C6C6;
	border-bottom: solid 1px white;
	padding-left: 1%;
	padding-right: 1%;
	background: white;
	}

div.submeny li.marker a:link, div.submeny li.marker a:visited, div.submeny li.page_item.current_page_item a:link, div.submeny li.page_item.current_page_item a:visited {
	color: #666;
        text-decoration: none;
	}
	
div.hovedinnhold {
  padding: 0px 2% 2% 2%;
  clear: both;
  }


div.splitt-venstre {
  margin-top: 15px;
  width: 65%;
  float: left;
}
	
div.splitt-hoyre {
  margin-top: 15px;
  padding: 0 1% 0 2%;
  width: 30%;
  float: right;
  background: #F9F9F9;
	}

div.kontekstuellmeny {
  background: #eeeeee;
  border: solid 1px #f3f3f3;
}

div.bunnboks {
	background-image: url("/grafikk/fadetoppbakgrunn.jpg");
	text-align: right;
	font-size: 80%;
	margin: 0;
	padding: 0 2% 0 0;
	clear: both;
	}
	
/* informasjon om linker og fellesinformasjon for alle boksene */

div.splitt-hoyre a:link, div.splitt-hoyre a:visited, div.splitt-venstre a:link, div.splitt-venstre a:visited, div.artikkel-venstre a:link, div.artikkel-venstre a:visited   {
	background: transparent;
        color: #BC1421;
	text-decoration: none;
	font-size: 100%;
	}

div.submeny a:link, div.submeny a:visited, div.bunnboks a:link, div.bunnboks a:visited {
color: #034FB1;
text-decoration: none;
}

a.nyhet:hover, a:hover {
color: red;
text-decoration: underline;
}



a.nyhet:link, a.nyhet:visited {
	background: transparent;
        color: #BC1421;
	text-decoration: none;
	font-size: 100%;
	}


h2 {
font-size: 110%;
color: #222;
}

h3 {
font-size: 100%;
color: #222;
}

div.hovedinnhold img {
border: solid 1px #999;
padding: 5px;
}

p.hidden {
	position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
 	}

/* her er informasjonen som presenterer eksemstigen */ 

dt {
background: #ABDBFB;
font-weight: bold;
}


dd {
background: #D5EBFA;
}

/* her er informasjonen som presenterer sprøsmål og svar */ 

dl.faq {
margin-bottom: 800px;
}

dl.faq dt {
margin: 10px 0 10px 0;
background: white;
font-weight: bold;
}


dl.faq dd {
border-left: solid 4px green;
background-repeat: no-repeat;
background-color: white;
margin-left: 50px;
padding-left: 10px;
}


ul.eksemtrappa {
background: #F5F9FC;
list-style-type: circle;
margin-left: 20px;
text-align: left;
}

.eksemfarge {
   background: #ABDBFB;
}

.behandlingsfarge {
   background: #C9E6FA;
}

.infofarge {
   background: #F5F9FC;
}

.stige1 {
margin-left: 20px;
}

.stige2 {
margin-left: 60px;
}

.stige3 {
margin-left: 100px;
}

.stige4 {
margin-left: 140px;
}

.stige5 {
margin-left: 180px;
}

.video {
float: right;
margin-left: 20px;
width: 210px;
padding: 2px;
background: #eeeeee;
border: solid 1px gray;
}

.video p img {
clear: both;
border: 0;
}