/*** DEFAULTS ***/

body, div, span, p, a, img, h1, h2, h3, h4, h5, h6, ul, ol, li, blockquote, cite, form, header, aside, nav, footer, article, section, figure, figcaption, time, small, dl, dt, dd { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; line-height: inherit; font-weight: inherit; font-family: inherit; color: inherit; vertical-align: baseline; -webkit-text-size-adjust: none; }
body { font-weight: 300; line-height: 1; font-family: 'Open Sans', Arial, sans-serif;  }


html { height: 100%; background: #fff; }
body { height: 100%; }
#canvas { width: 960px; min-height: 100%; margin: 0 auto; /*background: #fff url('images/back.png') repeat-y center top;*/ }
#header { position: relative; margin: 0 40px 26px; padding-top: 29px; }
#main { width: 880px; margin: 0 40px 36px; }
#splash { position: relative; width: 880px; height: 200px; margin: -6px 0 36px; }
#footer { margin: 0 40px; padding: 17px 0 60px; border-top: 3px solid #f39200; }

.nav { display: table; width: 100%; list-style: none; border-top: 4px solid #f39200; }
.nav li { display: table-cell; padding: 12px 0 0 18px; text-align: center; }
.nav li.first { padding-left: 0; text-align: left; }
.nav li.last { text-align: right; }
.nav li a { display: block; padding-bottom: 8px; font-size: 14px; text-transform: uppercase; text-decoration: none; color: #000; }
.nav li a:hover { color: #f39200; }

.nav .secondary-nav { display: none; position: absolute; z-index: 11; background-color: #fff; margin-left: 6px; padding: 4px 0px 10px 10px; border: 1px solid #eee; }
.nav li.first .secondary-nav { margin-left: 0; }
.nav li.last .secondary-nav { right: 0; }
.nav li:hover .secondary-nav { display: block; }
.nav .secondary-nav li { display: block; padding: 12px 10px 0 0; text-align: left; }
.nav .secondary-nav a { text-transform: none; }

#ctl00_linkLogin, #ctl00_patientLogin { display: block; position: absolute; top: 120px; right: 155px; width: 120px; padding: 9px 10px; background-color: #eee; font-size: 12px; text-align: center; text-transform: uppercase; text-decoration: none; color: #000; }
#ctl00_patientLogin { right: 0 }
#ctl00_linkLogin:hover, #ctl00_patientLogin:hover { background-color: #f39200; color: #fff; }

h1 { height: 151px; background: url("../images/snr-logo.png") no-repeat left top; background-size: 220px; text-indent: -10000px; }
h2 { margin-bottom: 33px; font-size: 60px; letter-spacing: -2px; color: #888; }
h3 { margin: 42px 0 18px; font-size: 40px; line-height: 45px; letter-spacing: -1px; color: #f39200; }
h4 { margin: 43px 0 10px; font-size: 25px; color: #f39200; }
h5 { margin: 34px 0 6px; font-size: 20px; color: #666; }

strong { font-weight: 400; }
em { font-style: italic; }
a { color: #000; text-decoration: underline; }
a:hover, a:active { color: #f39200; }
/*a[href$='.pdf'] { display: block; margin-top: 9px; padding: 9px 0 6px 36px; background: url('images/pdf.png') no-repeat 0 0; text-decoration: none; }
a[href$='.pdf']:hover, a[href$='.pdf']:active { background-position: 0 -100px; }*/

table { margin: 0 0 15px; padding: 0; }
td { margin: 0; padding: 0 48px 0 0; font-size: 16px; line-height: 30px; color: #000; }

#header h1 a { display: block; width: 220px; height: 120px; opacity: 0; }

#main p { margin-bottom: 15px; font-size: 16px; line-height: 30px; color: #000; }
    #main p.accessibility-note { margin: 20px 0 0; /*font-size: 14px;*/ line-height: 20px; }
#main p.caption { display: inline-block; margin-bottom: 30px; padding-top: 5px; border-top: 1px solid #ddd; font-size: 14px; line-height: 20px; }
#main ul, #main ol { margin-bottom: 15px; margin-left: 15px; }
#main ul { list-style: disc; }
#main li { margin-left: 20px; margin-bottom: 5px; font-size: 16px; line-height: 30px; color: #000; }
#main img { max-width: 880px; margin-top: 15px; }
#main p.caption + p img { margin-top: 10px; }
#main span { font: inherit !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; }

#footer { clear: both }
#footer p { font-size: 12px; color: #000; }
#footer a { text-decoration: none; }

#default #main { background: url('../images/bg-hearts.png') no-repeat 594px 450px; }


#default #aktuellt { float: right; width: 300px; min-height: 600px; padding-left: 30px; }
#default dd { margin-left: 80px; }
#default #aktuellt .item { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; font-size: 15px; line-height: 20px; }
#default #aktuellt .date { margin-bottom: 10px; font-weight: 600; }

#default #kontakt { margin-bottom: 30px; }
#default #kontakt p { width: 880px; margin-bottom: 0; }
#default #kontakt p strong { display: inline-block; width: 75px; }

#default #samarbetspartners { display: table; width: 880px; margin: 0 0 -6px; padding: 0; }
#default #samarbetspartners li { display: table-cell; text-align: center; padding-top: 2px; }
#default #samarbetspartners li.first { text-align: left; }
#default #samarbetspartners li.last { text-align: right; }
#default #samarbetspartners li a { display: inline-block; height: 70px; margin-left: 10px; background-position: center center; background-repeat: no-repeat; filter: grayscale(100%); }
#default #samarbetspartners li a:hover { filter: none !important; }
#default #samarbetspartners li.first a, #samarbetspartners li.last a { margin-left: 0; }

#default #samarbetspartners a#rjl { width: 128px; background-image: url('../images/logo-rjl.png'); background-size: 128px; filter: grayscale(100%) opacity(80%); }
#default #samarbetspartners a#skr { width: 116px; background-image: url('../images/logo-skr.png'); background-size: 116px; filter: grayscale(100%) opacity(85%); }
#default #samarbetspartners a#snmf { width: 70px; margin: 0 15px 0 25px; background-image: url('../images/logo-snmf.png'); background-size: 70px; filter: grayscale(100%) opacity(85%); }
#default #samarbetspartners a#snsf { width: 63px; margin-right: 10px; background-image: url('../images/logo-snsf.png'); background-size: 63px; }
#default #samarbetspartners a#stf { width: 64px; margin-left: 20px; background-image: url('../images/logo-stf.png'); background-size: 64px; }
#default #samarbetspartners a#nf { width: 135px; background-image: url('../images/logo-nf.png'); background-size: 135px; filter: grayscale(100%) opacity(90%); }

#styrgrupp #main, #kansli #main { overflow: hidden; width: 920px; margin: 0 20px 35px; }
#styrgrupp #main h2, #kansli #main h2 { position: relative; margin: 0 0 -26px 20px; border-bottom: 10px solid #fff; z-index: 10; }
#styrgrupp dl, #kansli dl { float: left; width: 420px; padding-top: 25px; margin: 25px 20px 0 20px; border-top: 1px solid #f39200; font-size:14px; line-height: 30px;}
#styrgrupp dd, #kansli dd { float: left; width: 340px; margin-bottom: 0; min-height: 30px;  }
#styrgrupp dt, #kansli dt { float: left; width: 80px; font-weight: 400; }

#publications #main li { margin-bottom: 16px; }
#publications #main p { margin-bottom: 8px; line-height: 24px; }

#rapporter #main { width: 880px; position: relative; }
#rapporter #main p { width: 620px; }

#diad #main { width: 880px; position: relative; }
#diad #main p { width: 620px; }

#box { width: 178px; position: absolute; top: 9px; left: 660px; padding: 24px 20px 4px; border: 1px solid #e0e0e0; background: #f9f9f9; opacity: 1; }

/*a.external { padding-right: 18px; background: url('../images/icon-externallink.png') no-repeat right 5px;}
a.external:hover { background-position: right -25px;}*/

#box h3 { font-size: 20px; line-height: 30px; margin: -3px 0 18px; letter-spacing: 0;}
#box p { font-size: 14px; }
#box p, #box ol, #box ul { margin-bottom: 15px; }
#box ol, #box ul { list-style: none; }
#box ul li { margin-left: 0; font-size: 14px; text-transform: uppercase; }
#box a { text-decoration: none; }

h2+h3 { margin: -3px 0 18px; }
h2+h4 { margin: 42px 0 6px; }


dl { margin: 0 0 20px; font-size:16px; line-height: 30px;}
dd { margin-bottom: 0; min-height: 30px;  }
dt { float: left; width: 70px; font-weight: 400; }


#diad #main { width: 880px; position: relative; }
#diad #main p { width: 620px; }