/*Reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1; font-size: 62.5%;}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*Utilities*/
img.centered { display: block; margin-left: auto; margin-right: auto; padding:5px 0;}
img.alignright { padding: 4px 0 0 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px 0 4px 0; margin: 0 7px 2px 0; display: inline; }
.alignleft { float: left }
.alignright { float: right; }
.clearfloat, .clear {clear:both}
.displaynone { display: none; }

/* Base Typography */
body { font:11px/1.1 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif }
a:link { color: #136CA4;}
a:visited { color: #136CA4;}
a:active { color: #136CA4;}
a:hover { color: #f00;}
a:focus { outline:1px dotted #0d9bb9; }
hr { border:0 #ccc solid; border-top-width:1px; clear:both; height:0 }
hr.thin { border: 1px solid #ccc; border-width: 1px 0 0; }
h1 { font-size:2.1em; line-height:1em; color: #000; font-weight: bold; }
h2 { font-size:1.73em; line-height:1em; color: #000; font-weight: normal; }
h3 { font-size:1.37em; line-height:1em; color: #000; font-weight: bold; }
h4 { font-size:1.37em; line-height:1em; margin:0;}
h5 { font-size:1.2em; line-height:1em; margin:0;}
h6 { font-size:1.2em; line-height:1em; margin:0;}
ol { list-style:decimal }
ul { list-style:disc }
li { margin-left:30px }
p, dl, hr, h1, h2, h3, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom:12px }
p{margin:0 0 12px 0; line-height: 1.4em;}
.alt {font-weight:100;}

dl {margin:10px 0 10px 20px;}
dl dl {margin:0px 0 0px 15px;}
dd {margin:2px 0;}
ol, ul {margin:10px 0 10px 25px;}
ol ol, ol ul, ul ul, ul ol {margin:0px 0 0px 17px;}
li {margin:2px 0;}
img.right {float: right; margin:15px 0 15px 15px;}
img.left {float: left; margin:15px 15px 15px 0;}
blockquote { font-size:1.73em; float: left; border-left: 15px solid #000; padding: 0 0 0 12px; margin: 0 10px 0 0; width: 280px;}

table, fieldset {border:solid 1px #E1E1E1;} /* width:100% */

th, legend { font-size:1.37em; font-weight:bold; padding:5px 0; background:url('../images/hr_dotted_bg.gif') repeat-x left bottom;text-align: left; }

td {padding:3px}



fieldset { margin:0;}
legend {width:100%; margin-bottom:10px;}
fieldset span.field { display: block; width: 100%; clear:both; margin:10px 0; float:left;}
label {float:left; clear:both; display:block;}
.select label, .text label, .textarea label  {width:120px;}
.radio input { display:block; float:left; clear:left; margin:0px 7px 0 5px;}
.radio label,.checkbox label { margin:4px 0;}
.checkbox input { display:block; float:left; clear:left; margin:0px 7px 0 5px;}
select {background: url('../images/bg_select.png') repeat-x left bottom; border:1px solid #9c9c9c; padding: 0 0 0 4px;}
option {background:#fff;}
.text input { width:225px; border:1px solid #b3b3b3; padding:3px 4px; font-size:1.1em;}
.textarea textarea { width:225px; height:100px;border:1px solid #b3b3b3; padding:3px 4px; font-size:1.1em;font-family:Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;}
.submit input {border:1px solid #9c9c9c; background:url('../images/bg_select.png') repeat-x left bottom; color:#136CA4; padding:3px 12px;font-weight:bold;font-size:1em;}
.lighter {font-weight: normal;}

/* CONTAINERS */
#supersizeContainer, #supersize, #loading, #supercontent, #SearchShare, canvas { display: none; }
#Container { width: 1214px; margin: 0 auto;padding: 15px 0;z-index: 4;}

/* HEADER */
#Header { background-color: #fff; width: 1214px; height: 63px; margin: 0px auto; position: relative;}
#Header #Logo { margin: 15px; float: left; }

/* NAVIGERING */
#Nav { font-size: 1.2em; margin: 34px 0 0 100px; float: left; }
#Nav ul { float: left; margin: 0; } 
#Nav li { float: left; margin: 0 5px; list-style: none; }
#Nav .language { margin-left: 15px; }
#Nav a { color: #E30066; padding: 2px 0px; text-decoration: none; border-top: 6px solid #fff; display: block; } /* 136CA4 */
#Nav li.current a, #Nav a:hover { border-color: #E30066; } /* 136CA4 */

/* SÖK DELA */
#SearchShare { float: right; margin: 15px 15px 0 0; text-align: right; font-size: 0.95em; }
#SearchShare .addthis_toolbox {
margin-top: 5px;
}
#SearchShare .at300bs.at15t_compact {
background: #fff url('../images/share_icon.gif') no-repeat right center;
}

/* INNEHÅLL */
#Content { margin-top: 15px; }
#Content #ContentSpacer { margin: 30px; }
#Content p.ingress { font-size: 1.3em; line-height: 1.4em; margin-bottom: 15px; }
#Content hr.dotted { border-width: 0; height: 1px; background: transparent url('../images/hr_dotted_bg.gif') repeat-x; }
#Content h1, #Content h2, #Content h3, #Content h4 { margin-left: 30px; margin-right: 30px; }
#ContentSpacer h1, #ContentSpacer h2, #ContentSpacer h3, #ContentSpacer h4 { margin-left: 0px; margin-right: 0px; } 


/* SUBNAV */
ul#SubNav { margin: 0 10px 10px; font-size: 1.0em; }
#SubNav ul { margin: 0 0 0 0; padding: 0 0 0 0px; }
#SubNav li { border-top: 1px solid #E7E7E7; list-style: none; margin: 0; padding: 0; background: #fff; }
#SubNav li.first { border-top-width: 0; }
#SubNav .current { border-bottom: 1px solid #ECF3F8; }
#SubNav a { background-position: 0px center; }
#SubNav ul a { padding-left: 15px; background-position: 7px center; }
#SubNav ul ul a { padding-left: 22px; background-position: 14px center; }
#SubNav ul ul ul a { padding-left: 29px; background-position: 21px center; }
#SubNav ul ul ul ul a { padding-left: 36px; background-position: 28px center; }
#SubNav a { display: block; padding: 7px 0 7px 10px; color: #000; text-decoration: none; }
#SubNav a.section { background-image: url('../images/section_link_bg.gif'); background-repeat: no-repeat; }
#SubNav a.currentSection { background-image: url('../images/section_current_bg.gif'); background-repeat: no-repeat; }
#SubNav a.currentLink { font-weight: bold; background: #ECF3F8; }
#SubNav a:hover { background-color: #ECF3F8; color: #000; }


/* VÄNSTER HÖGER SPALT */
#ContentLeft .box, #ContentRight .box { background: #fff; border: 1px solid #fff; margin: 0 0 15px; }
#ContentLeft #ContactBox { font-size: 0.9em; }
#ContentLeft .box p { margin: 15px; }
#ContentRight .box p { margin: 0px; } /* 15 */
#ContentRight .box { padding: 15px; }
#ContentLeft .box p a, #ContentRight .box p a { text-decoration: none; }
#ContentLeft h2, #ContentRight h2 { background: #136CA4; margin: 15px; color: #136CA4; font-size: 1.5em; }
#ContentLeft .white, #ContentRight .white { background: #fff; padding: 2px 8px 2px 0; }

/* VÄNSTER SPALT */
#ContentLeft { width: 210px; float: left; }
#ContentLeft p.newsfeed a { font-weight: bold; }

/* HÖGER SPALT */
#ContentRight { margin: 0 0; float: right; width: 250px; }
#ContentRight.start { width: 210px; }
#ContentRight .ad { text-align: center; }
#ContentRight img { margin: 15px; }

/* MITTENSPALT */
.contentMain { margin: 0 0 0 30px; float: left; width: 690px; }
#ContentMain { background: #fff; }
#ContentMainStart { position: relative; width: 730px; }
#ContentMainStart  #Puff { position: absolute; top: 45px; right: 15px; background: #fff; width: 215px; }
#ContentMainStart #Puff img { display: block; margin: 15px auto 0; }
#ContentMainStart #Puff p { margin: 15px; }


/* STARTSIDA */
.startPage h1, .startPage #ContentLeft h2, .startPage h3  { color: #E30066; }
.startPage #ContentLeft h2  { font-weight: bold; }
.startPage a, .startPage a:link, .startPage a:visited, .startPage a:active, .startPage #Nav a  { color: #E30066; text-decoration: none; }
.startPage #Nav li.current a, .startPage  #Nav a:hover { border-color: #E30066; }
.startPage .h2Wrapper {  margin: 15px; width: 180px; overflow: hidden; position: relative; }
.startPage #ContentLeft h2.cufon  { position: relative; background-color: transparent; float: left; margin: 0; font-size: 1.4em; }
.startPage #ContentLeft h2 .white { background-color: transparent; float: left; }
.startPage #ContentLeft h2 .color { background: #E30066; width: 210px; position: absolute; left: 100%; bottom: 0.15em; height: 1.1em; margin-left: 7px; }
.startPage #ContentLeft .box { background: url('../images/bg_raster.png');}
.startPage #Header,.startPage #ContentLeft .box, .startPage .puff {opacity:0.9;filter:alpha(opacity=90);}


/* PROGRAMSAMMANFATTNING */
#Programs { margin: 0 0 0 30px; }
#Programs h3 { margin: 9px 0 4px; font-size: 1.2em; }
#Programs h3 a { text-decoration: none; }
#Programs .program { float: left; width: 150px; margin: 0 10px 15px 0; }
#Programs .program.last { margin-right: 0; }

/* PROGRAMBESKRIVNING */
#ContentImagesLeft { float: left; width: 200px; margin: 15px 0 0 30px; }
#ContentProgram { width: 400px; background: #fff; }
#ContentImagesRight { float: left; width: 200px; margin: 15px 0 0 30px; }
.programMedia { margin: 0 0 30px; position: relative; cursor: pointer; }
.programMedia a { cursor: pointer; }
.programMedia img { cursor: pointer; }
.programMedia.left { float: left; margin-right: 7px; }
.programMedia.right { float: right; margin-left: 7px; }
.programMedia a .icon { position: absolute; display: block; height: 15px; width: 17px; background-repeat: no-repeat; background-position: 0 0; bottom: 0px; left: 0px; cursor: pointer; }
.programMedia.image a .icon { background-image: url(../images/media_icon_image.gif); }
.programMedia.html a .icon { background-image: url(../images/media_icon_image_html.gif); width: 34px; }
.programMedia.video a .icon { background-image: url(../images/media_icon_video.png); width: 100%; height: 100%; margin: 20px auto 0; background-position: center center; }

/* SÖKRESULTAT */
#ContentSearch { background-color: #fff; width: 520px; }
#ContentSearch #SearchWord { width: 98%; margin: 0px 0 5px; }
#ContentSearch .text { margin-bottom: 5px; }
#ContentSearch .submit { text-align: right; margin-top: 0; }
#ContentSearch .searchHit h2 { font-size: 1.1em; font-weight: bold; margin-bottom: 3px; }
#ContentSearch .searchHit h2 a { text-decoration: none; } /* color: #000; */
#ContentSearch .searchHit p a { color: #828282; text-decoration: none; }
#Pagination { text-align: center; margin: 15px 0 10px; }
#Pagination a { padding: 1px 6px; margin: 0 1px; background-color: #D1EBFA; color: #000; text-decoration: none; }
#Pagination a.current { background-color: #136CA4; color: #fff; }

/* LISTA */
.ListPages { margin:0px 0px 15px 0px; }
.ListPages h2 { font-size: 1.1em; font-weight: bold; }
.ListPages h2 a { text-decoration: none; }

/* A-Ö */
#ContentAlphabetical { background-color: #fff; width: 690px; }
#Alphabetical  a { display: block; float: left; width: 14px; padding: 2px 2px; margin: 0 1px; background-color: #D1EBFA; color: #000; text-decoration: none; text-align: center; }
ul#AlphabeticalList  { margin: 20px 0 ; }
#AlphabeticalList  li { list-style: none; border: 1px solid #fff; border-width: 1px 0; margin-left: 5px; }
#AlphabeticalList ul { margin: 0 0 20px; padding: 0; float: left; width: 60%; }
#AlphabeticalList a { text-decoration: none; }
#AlphabeticalList .letter { font-size: 1.5em; float: left; clear: both; width: 25px; display: block; text-align: center; }

/* SITEMAP */
#ContentSitemap { background: #fff; }
#ContentSitemap ul { margin: 15px 0 50px; font-size: 1.3em; }
#ContentSitemap ul ul { margin: 5px 0 5px 20px; font-size: 0.8em; }
#ContentSitemap li { list-style: none; color: #136CA4;  }
#ContentSitemap li a { text-decoration: none; }
#ContentSitemap li.level1 { font-weight: bold; }
#ContentSitemap li.level2 { font-weight: bold; margin: 12px 0 8px; }
#ContentSitemap ul.level3list  { font-size: 1em; font-weight: normal; }
#ContentSitemap ul.level3list li  { margin: 4px 0; }

/* 404 + 500 */
#ContentError { background: #fff; }
#ContentError h3 { font-weight: bold; }
#ContentError ul { margin: 15px 0 50px 15px; }
#ContentError li { list-style: square;  }
#ContentError li a { text-decoration: none; }
#ContentError #Search .field { float: left; clear: none; width: auto; margin-right: 10px; }
.error .textarea textarea { width:500px; }
.error .submit { text-align: right; }

/* PRINTER INFO */
#PrintInfo { display: none; }