/* Olga M. Bernhardsen, jan 2010*/

#container { 
	width: 1015px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:100%;
} 
#header {
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	width: 100%;
	height:80px;
	vertical-align:middle;
} 
#navigation {
margin:0;
padding:0;
width:100%;
display:block;
float:left;
clear:both;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#logo {
padding-left:10px;
display:block;
width:360px;
float:left;
}
#sok {
	width:400px;
	display:block;
	float:right;
	padding-right:10px;
	padding-top:35px;
}
#zoom {
font-weight: bold;
width:130px;
float:left;
margin: 0px;
color:#003399;
margin-top:-10px;
}
#zoom span {
padding: 0.1em;
cursor:pointer;
color:#003399;
}
#right_3px{
	padding-right: 3px;
}
#menylist {
padding:0;
margin:0;
width:100%;
display:block;
clear:both;
float:left;
height:27px;
margin-bottom:2px;
background:#71A6CD;
}
#menylist_tab {
background:url(../images/gradient.jpg) right;
padding:0;
margin:0;
width:417px;
display:block;
float:left;
height:20px;
border-top:#71A6CD 1px solid;
}
#menylist li, #menylist_tab li{
list-style-type:none;
margin:0;
padding:0;
display:block;
float:left;
clear:none;
}
#menylist li a:link,#menylist li a:visited {
display:block;
clear:none;
float:left;
text-align:center;
background:#e5f2ff;
color:#003399;
text-transform:uppercase;
text-decoration:none;	
padding-top:5px;
}
#menylist_tab li a:link,#menylist_tab li a:visited {
dispaly:block;
clear:none;
float:left;
text-align:center;
color:#003399;
text-transform:uppercase;
text-decoration:none;	
padding-top:1px;
}
#menylist li a:hover {
dispaly:block;
clear:none;
float:left;
text-align:center;
vertical-align:middle;
background:#a4c9eb;
color:#ffffff;
text-transform:uppercase;
text-decoration:none;	
padding-top:5px;
}
#menylist li a:link,#menylist li a:active,#menylist li a:visited,#menylist li a:hover {
height:22px;
width:144px;
border:#71A6CD 1px solid;
border-left:0;
}
#menylist_tab li a:link,#menylist_tab li a:active,#menylist_tab li a:visited,#menylist_tab li a:hover {
border-right:#71A6CD 1px solid;
border-bottom:#71A6CD 1px solid;
height:18px;
width:138px;
border-left:0;
}
div#navigation ul li.active a:link,div#navigation ul li.active a:visited{
dispaly:block;
clear:none;
float:left;
text-align:center;
vertical-align:middle;
background:#ffffff;
color:#003399;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;	
padding-top:5px;
border-bottom:0;
height:23px;
}
#forside {
padding-top:15px;
background: #ffffff;
display:block;
float:left;
width:1015px;
}
#forsidebilde {
width:487px;
display:block;
float:left;
height:268px;
background:url(../images/forside_1.jpg) no-repeat #ffffff;
margin:7px;
margin-right:0;
padding:10px;
z-index:0;
position:relative;
margin-top:0;
padding-top:0;
}
#behandlinger {
display:block;
float:left;
width:550px;
top:178px;
position:absolute;
left:50%;
margin-left:-285px;
}
#omossbilde {
width:980px;
display:block;
float:left;
height:248px;
background:url(../images/forside/omoss_forside.jpg) no-repeat #ffffff;
margin:7px;
margin-right:0;
margin-top:0;
padding:10px;
padding-top:0;
z-index:0;
position:relative;
}
#pasientbilde {
width:980px;
display:block;
float:left;
height:248px;
background:url(../images/forside/pasient_forside.jpg) no-repeat #ffffff;
margin:7px;
margin-right:0;
padding:10px;
z-index:0;
position:relative;
margin-top:0;
}
#fagfolkbilde {
width:980px;
display:block;
float:left;
height:248px;
background:url(../images/forside/fagfolk_forside.jpg) no-repeat #ffffff;
margin:7px;
margin-right:0;
padding:10px;
z-index:0;
position:relative;
margin-top:0;
}
#temalinker {
 margin-left:5px;
}
#temalinker a:link, 
#temalinker a:visited,
#temalinker a:active {
	text-decoration:none;
}
#temalinker td img {
	padding:0;
}
#forsidebilde2 {
width:473px;
display:block;
float:left;
height:268px;
background:url(../images/forside_bg.jpg) no-repeat #ffffff;
margin:7px;
margin-left:0;
padding:10px;
position:relative;
z-index:0;
margin-top:0;
padding-top:0;
}
#avdsidebilde {
width:980px;
min-height:268px;
margin:7px;
margin-right:0;
padding:10px;
}
#bokser_container {
position:absolute;
top: 129px;
left:0;
width:100%;
}
#b_container {
width:990px;
margin:0px auto;
}
#boks1 {
display:block;
width:180px;
height:115px;
padding:10px;
z-index:1;
background:#ffffff;
background-image:url(/webpro/Images/forside/circel.gif);
background-position: right top;
background-repeat:no-repeat;
border:solid 1px #71A6CD;
margin-left:360px;
clear:none;
}
#boks2 {
background:#ffffff;
background-image:url(/webpro/Images/forside/circel.gif);
background-position: right top;
background-repeat:no-repeat;
display:block;
width:180px;
height:100px;
padding:10px;
z-index:1;
border:solid 1px #71A6CD;
margin-left:360px;
margin-top:8PX;
clear:none;
}
#boks3 {
display:block;
float:right;
width:417px;
height:265px;
padding:0;
margin:0;
z-index:1;
border:solid 1px #71A6CD;
border-top:0;
border-right:0;
clear:none;
}
#boks3_avd {
display:block;
float:right;
width:420px;
height:268px;
padding:0px;
z-index:1;
border:solid 1px #71A6CD;
clear:none;
background-image:url(/webpro/Images/forside/circel.gif);
background-position: right top;
background-repeat:no-repeat;
}
#boks3_innh {
border:solid 1px #71A6CD;
border-left:0;
border-top:0;
background:#f7fbfe;
display:block;
margin:0;
float:left;
width:386px;
padding:15px;
height:214px;
}
#linker {
width:223px;
height:256px;
display:block;
float:left;
clear:none;
background:#f3f7fc;
background-image:url(/webpro/Images/forside/circel.gif);
background-position: right top;
background-repeat:no-repeat;
margin-left:7px;
margin-bottom:10px;
padding:10px;
border:solid 1px #eeeeee;
}
#banner {
width:223px;
height:268px;
display:block;
float:left;
clear:none;
margin-left:7px;
margin-bottom:10px;
padding:0px;
}
#banner img {
margin-bottom:5px;
}
ul, ol {
margin:4px;
padding:0;
margin-left:15px;
}
li {
padding-left:5px;
margin-left:10px;
list-style:outside;
}

b {
	color: #0C2D83;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
} 

#lysLink {
	color: #368ac6;
	line-height: 135%;
	margin: 0;
	padding:0;
}
#lysLink a:hover{
	color: #0C2D83;
}

b, strong {
	color: #0C2D83;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
i {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
}
h2 {
	color: #0C2D83;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-top: 5px;
}
h1{
	color: #003399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	margin: 0;
	padding-bottom: 4px;
	padding-top: 4px;
}
h3, h4, h5 {
	color: #003399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
}
img {
	border: 0px;
}
td img {
padding:5px;
}
#img_pad {
	margin-right: 5px;
}
a:hover {
	color: #368ac6;
	text-decoration: none;
}
body  {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	background: #c1daf2;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	line-height: 160%;
}
a:link, a:visited, a:active {
color:#003399;
text-decoration:underline;
}

a:hover {
color:#6699cc;
text-decoration:underline;
}
p, span, font, li, ul, ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;	
}

br {
	line-height: 82%;
}

#mainContent {
 	margin: -9px 0px 0px 0px;
} 
#temaer {
	margin-left: 4px;
	margin-top: 2px;
	margin-bottom: 2px;
}
#venstre {
	width: 703px;
	min-height: 584px;
	float: left;
	background-color: #FFFFFF;
}
#venstre2 {
	width: 935px;
	float: left;
	background-color: #FFFFFF;
	min-height: 584px;
	margin:0;
	padding:0;
}
#hoyre {
	width: 228px;
	float: left;
	background-color: #ffffff;
	margin-top: 0;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#hoyre2 {
	width: 600px;
	float: left;
	background-color:#FFFFFF;
	margin-left: 10px;
}
#bunn {
	vertical-align: bottom;
	display: table;
	float: left;
	text-align:center;
	white-space: nowrap;
	width:100%;
}
#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#c1daf2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #0C2D83;
	display: block;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
form {
	padding: 0px;
	margin: 0px;
}
input, select {
	border: 1px solid #0C2D83;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #0C2D83;	
}
#knapp {
	color: #FFFFFF;
	background-color: #0C2D83;
}
#menyOverskrift {
	background-color: #68aee0;
	border: 1px solid #CCCCCC;
	text-align: center;
	color: #FFFFFF;
	height: 17px;
	padding-top: 5px;
	padding-bottom: 4px;
	margin-top: 0px;
	float:left;
	width: 99%;
}
#menyOverskriftAvd {
	background:#EAF7FC url(/webpro/Images/forside/circel.gif) no-repeat scroll right top;
	border-TOP: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	text-align: left;
	vertical-align:middle;
	color: #003399;
	min-height: 21px;
	padding: 4px;
	padding-top:7px;
	font-size: 110%;
	margin-top: 0px;
	float:left;
	width: 162px;
}
#menyOverskriftLys {
	background-color: #c0dff8;
	border: 1px solid #CCCCCC;
	color: #05559e;
	height: 20px;
	padding-top: 5px;
	padding-left: 4px;
	float:left;
}
#menyKnapp{
	background-color: #ffffff;
	padding: 2px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width:166px;
}
#menyKnapp a {
	font-size: 95%;
	color: #0c2d83;
	width: 164px;
	text-decoration: none;
}
#menyKnapp a:hover{
	background-color: #ddeeff;
}
#menyKnapp_2 {
	background-color: #ddeeff;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 2px;
}
#menyKnapp_2 a {
		color: #3399cc;
}
#menyKnapp_2 a:hover {
		color: #0C2D83;
		background-color: #ffffff;
}
#cirkelBG {
	color: #0C2D83;
	background-color: #ecf3f9;
	text-align: center;
	width: 225px;
	padding-top: 5px;
	line-height: 135%;
	margin-bottom: 4px;
	background-image: url(../../scripts/prikker.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	border: 1px solid #CCCCCC;
}

#nyheter {
	width: 500px;
	display:block;
	float: left;
	margin: 10px;
}
#nyhet {
	width: 390px;
	float:left;
	margin-bottom: 10px;
}
#klinikk {
	color: #003399;
	background-color: #eaf7fc;	
	padding: 5px;
	width: 319px;
	height:35px;
	font-weight:bold;
	text-transform: uppercase;
	border-top:4px #71A6CD solid;	
	border-bottom:1px #71A6CD solid;
}
#avdeling {
	color: #0C2D83;
	font-weight:bold;
	text-transform: uppercase;		
}
#seksjon {
	color: #0C2D83;
	line-height: 18px;		
}
#blaa_boks {
 padding:15px;
 width:485px;
 height:auto;
 background-color:#EAF7FC;
 border:1px solid #cccccc;
}
.rssincl-entry{
	padding-bottom:5px;
}
.rssincl-content, .rssincl-itemtitle, .rssincl-itemdate, .rssincl-itemdesc {
	padding:0;
	margin:0;
}
.rssincl-itemtitle, .rssincl-itemdate {
	display:block;
	float:left;
	width:auto;
	clear:none;
}
.rssincl-itemdate {
	margin-left:10px;
}
.rssincl-itemdesc {
	clear:both;
}