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

body { 	background: #fff url(gfx/bg_body.gif) repeat-x;
	text-align: center; line-height: 1.5;
	font-size: 62.5%; color: #403c46 }
html, body { height: 100% }
#ramme {
	position: relative; background: #fff; 
	width: 988px; margin: 0 auto;
	text-align: left; min-height:100%; }
* html #ramme { height: 100% }
#ramme:after { 
	content: " "; 
	display: block; 
	clear: both }

#header { height: 165px; background: #fff url(gfx/bg_header.jpg) no-repeat }

#innholdsramme { width: 988px; overflow: hidden; padding-bottom: 121px  }
#kol1, #innhold { float: left; overflow: hidden }
#kol1 { width: 331px; padding: 40px 2px 1em 0 }
#innhold { width: 655px; padding: 40px 0 1em 0 }

#dark #ramme { background: url(gfx/bg_dark.gif) repeat-y 333px 0}
#dark #innhold { color: #fff }
#dark #innhold a { color: #73a7a3 }
#dark #innhold a:hover { color: #fff }

.innerart { padding: 0 14px }

/* ----------------------   KREDITT */

#kredittramme {
	position: relative; clear: both; text-align: left }
#kreditt { 
	position: absolute; top: -121px; left: 0;
	background: #525757 url(gfx/bg_kred.gif) repeat-x; 
	height: 121px; width: 100% }
#kredittinnhold { position: relative; width: 988px; margin: 0 auto; height: 121px; background: url(gfx/bg_kredinh.jpg) no-repeat }
#kreditt address, #kreditt address a { color: #fff }
#kreditt address a:hover { text-decoration: underline }
#kreditt p, #kreditt p a { color: #cff }
#kreditt p a:hover { color: #fff }
#kreditt address { position: absolute; top: 2px; left: 334px; width: 650px; text-align: center; height: 27px; line-height: 27px }
#kreditt p { position: absolute; bottom: 10px; right: 10px; margin: 0 }
#kreditt strong { font-weight: normal }

/*  ------------------------------       TYPOGRAFI     -------------------------------  */

body, input, select, option { font-family: verdana, "Bitstream Vera Sans", geneva, tahoma, sans-serif }
h1, h2 { font-family: arial, helvetica, sans-serif }
input, select, #kreditt { font-size: 1em } 
#nav { font-size: 1.1em }
#nav ul ul { font-size: 1.09em }
#innhold, #kol1 { font-size: 1.2em }

/* Overskrifter */
h1 {	font-size: 1.34em; margin: 0 0 2em 0; color: #fff;
	padding: 0 0 0 14px; height: 25px; line-height: 25px;
	background: url(gfx/h1.gif) no-repeat }
h1 span { display: block; height: 25px; line-height: 25px;
	background: url(gfx/h1-span.gif) no-repeat top right }
h2 { font-size: 2.5em; font-weight: normal; line-height: 1.2em }
h3 { font-size: 1.5em; font-weight: normal }
h4, h5, h6 { font-size: 1em }
#dark #innhold h2, #dark #innhold h3, #dark #innhold h4, #dark #innhold h5, #dark #innhold h6 { color: #fff }

/* Marger */
h2,h3,h4,h5,h6,blockquote,p, address, table { margin: 0 0 1em 0 }
.artikkel ul, .artikkel ol { margin: 0 0 1em 30px }

/* Lenker, akronymer og forkortelser */
a, a.active, a.visited { color: #979e22; text-decoration: none }
a:hover { color: #000 }

p.skip, #header h1, #header p { display: none } 

/*  -----------------------     DIVERSE FORMATERING      ----------------------  */

caption { display: none }
address { font-style: normal }


table { 	border-collapse: collapse;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	width: 530px }
th, td { 	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc }
th {	background: #dcdcdc; text-transform: uppercase;
	color: #2c1a3b; padding: 3px 10px }
td {	background: #efedf2; padding: 2px 10px }

img.right { float: right; margin: 0 0 1em 1em}
img.left { float: left; margin: 0 1em 1em 0 }

/*  ---------------------------------- NAVIGASJON ---------------------------------  */

#nav { position: absolute; top: 129px; left: 4px; width: 984px; z-index: 10000; line-height: 1 }
#nav * { list-style-type: none }

ul#menu ul { position: absolute; top: -999em; z-index: 10000; width: 320px;
	padding: 5px 3px; border: 1px solid #525454; background: #d2d2d2 }
ul#menu .nh ul { display: none }
ul#menu li { float: left; width: 215px; margin: 0 3px 0 0; text-align: center }
ul#menu ul li { width: 318px; margin: 0 0 1px 0; text-align: left }
ul#menu li:hover { visibility: inherit }
ul#menu li:hover ul, ul#menu  li.sfHover ul { left: 0; top: 35px; z-index: 99 }

/*** SKIN ***/
ul#menu a {
	display: block; height: 35px; line-height: 35px;
	cursor: pointer; color: #fff;
	text-decoration: none; font-weight: normal }
	
ul#menu li#mlle_kliniske_studier { width: 187px; margin: 0 142px 0 0 }

ul#menu ul a {
	position: relative;
	padding: 4px 15px; height: auto; line-height: 1em; 
	background: #c3eeed;
	border: 1px solid;
	border-color: #e7f6f6 #9ddbda #9ddbda #e7f6f6 }
ul#menu ul a, ul#menu ul a:visited  { color: #606060 }
ul#menu ul a:hover {
	border-color: #9ddbda #e7f6f6 #e7f6f6 #9ddbda;
	background: #c7f0ef }

#nav em , #submeny em, #nav strong, #submeny strong { font-style: normal; font-weight: normal }
#submeny {  }
#submeny h1 a { color: #fff }
ul#sub, ul#sub ul, #sub li, #submeny .x1 {
	list-style-type: none; line-height: 1em; overflow: hidden; width: 331px }
#submeny .x1 { clear: left; height: 30px }
ul#sub li { float: left; padding: 1px 0 0 0 }
ul#sub li ul, ul#sub li.aktiv ul ul { display: none }
ul#sub li.aktiv ul, #sub li.aktiv ul li.aktiv ul { display: block; padding-bottom: 5px }

ul#sub a {
	display: block; width: 310px;
	border: 1px solid;
	border-color: #e7f6f6 #9ddbda #9ddbda #e7f6f6;
	background: #c3eeed url(gfx/sub_a.gif) no-repeat 6px 50%;
	padding: 4px 0 4px 19px;
	color: #606060 }
ul#sub a:hover, ul#sub li.aktiv a {
	border-color: #9ddbda #e7f6f6 #e7f6f6 #9ddbda;
	padding: 3px 1px 5px 18px;
	color: #333;
	background-color: #d2f7f6 }

/*  -------------------------------- RESPONSSKJEMA -------------------------------  */

input, textarea, select {
	border: 1px solid #606060;
	background: #f1f1f1 }
input.checkbox { border: 0; background: transparent; margin: 0 }

#kol1 .respons h2 {
	font-size: 1.67em; line-height: 1.1em; margin: 0 0 .5em 0; padding: 0 0 0 7px;
	font-weight: normal; color: #606060 }
.respons p { margin: 0 0 3px 0; width: 274px }
.respons p.tlf { margin: 0 0 23px 0}
.respons input.input, .respons textarea { width: 260px; padding: 3px 6px }
.respons select { width: 274px; padding: 0 0 0 6px }
.respons option { padding: 3px 6px }
.respons input.postnr { width: 52px; }
.respons input.poststed { width: 190px; }

p.knapp { height: 23px; padding: 16px 0 0 0 }
p.knapp a { display: block; background: url(gfx/send.gif) no-repeat 1px 1px; width: 60px; height: 23px; float: right }
p.knapp a:hover { background-position: 0 0 }
p.knapp span { display: none }


/*  ----------------------------------- PÅMELDINGSSKJEMA ----------------------------  */

#pmldskjema label { width: 130px; display: block; float: left; height: 20px }
#pmldskjema .input { width: 230px; display: block; float: left; height: 14px }
#pmldskjema select { width: 245px; display: block; float: left; height: 22px }
#pmldskjema textarea { width: 230px; height: 40px; display: block; float: left; }
#pmldskjema .postnr { width: 40px;  }
#pmldskjema .sted { width: 173px; margin-left: 3px;  }
#pmldskjema p { width: 400px; height: 22px; }
#pmldskjema .knapp { clear: both; margin-top: 1em}
#pmldskjema .knapp a {  float: left; margin-left: 130px }


/*  ------------------------------------- DESIGN ------------------------------------  */

#logo { position: absolute; left: 0; top: 32px; width: 125px; height: 47px; background: url(/gfx/logo_msd.png) }
#logo a { display: block; height: 47px }
#logo a span { display: none }

#top { position: absolute; top: 1px; left: 335px; width: 653px; height: 17px; overflow: hidden }
#top form, #top a { float: left; display: block; height: 15px; line-height: 15px; color: #333 }
#top form { width: 227px }
#top form a { padding: 0 8px }
#top a { padding: 0 0 0 22px }
#top input { float: left; width: 147px; height: 14px; line-height: 14px; background: transparent; border: 0; padding: 1px 0 0 5px }
a.fb { background: url(gfx/facebook.gif) no-repeat; width: 140px}
a.stbutton { width: 140px }
a.tips {background: url(gfx/tips.gif) no-repeat; width: 134px }
img, #logo { behavior: url(/iepngfix.htc); z-index: 10000 }