/*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; color: #000; background-color: #fff; width: 100%; }
a:link { color: #136CA4; text-decoration: underline;}
a:visited { color: #136CA4; text-decoration: underline;}
a:active { color: #136CA4; text-decoration: underline;}
a:hover { color: #f00; text-decoration: underline;}
a:focus { outline:1px dotted #0d9bb9; text-decoration: underline; }
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: normal; }
h4 { font-size:1.3em; 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 { line-height: 1.4em; } /*  margin:0 0 12px 0; */
.alt {font-weight:100;}
.lighter {font-weight: normal;}

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 {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:7px 0;}



/* FORMS */
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: #fff 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;}

#supersizeContainer, #supersize, #loading, #Nav, #SearchShare, canvas { display: none; }
#Container { width: 100%; }


/* HEADER */
#Header #Logo { margin-left:-7px; margin-bottom:15px; border-width:0; } /* float: left; */
#SearchBox { display: none; }


/* INNEHÅLL */
#Content { width: 100%; z-index: 200; float: left; clear: both; }
#Content #ContentSpacer { padding-right: 40px; }
#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; }
#ContentSpacer h1, #ContentSpacer h2, #ContentSpacer h3, #ContentSpacer h4 { margin-left: 0px; margin-right: 0px; }
#ContentSpacer p { margin-bottom:15px; }


/* Startsida */
.startPage .puff { }
#PrintInfo { display: none; }


/* Västerspalt */
#ContentLeft .box { }
#ContentLeft .box .MenuHeader { display: none; }
#SubNav { display: none; }
#ContactBox { display: none; }
#ContactBox .ShowDate { display: none; }
#ContactBox .GetUserFullName { display: none; }


/* MITTENSPALT */
.contentMain { margin: 0 0 0 0px; float: left; width: 100%; }
#ContentMain { background: #fff; }
#ContentMainStart { position: relative; width: 100%; }
#ContentMainStart  #Puff { width: 215px; }
#ContentMainStart #Puff img { display: block; margin: 15px auto 0; }
#ContentMainStart #Puff p { margin: 15px; }
#supercontent { display: block; position: static; }
#supercontent ul { float: none; clear: left; }
#ContentImagesLeft {display: none; }
#ContentImagesRight {display: none; }


/* Högerspalt */
#ContentRight { clear:both; padding-top:30px; }
#ContentRight .box img { }
#ContentRight .box p { margin-bottom:15px; }


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

/* PROGRAMBESKRIVNING */
#ContentImagesLeft, #ContentImagesRight { width: 100%; clear: both; }
.programMedia a .icon, .pp_pic_holder, .pp_overlay, .ppt { display: none; }
#ContentImagesLeft .programMedia.left, #ContentImagesLeft .programMedia.right, #ContentImagesRight .programMedia.left, #ContentImagesRight .programMedia.right { float: left; margin-right: 10px; } 

/* SÖKRESULTAT */
#ContentSearch { background-color: #fff; width: 100%; }
#ContentSearch #SearchWord { width: 98%; margin: 0px 0 5px; }
#ContentSearch .text { margin-bottom: 5px; } 
#ContentSearch .submit { text-align: right; margin-top: 0; }
#ContentSearch .searchHit h2 { margin-bottom: 3px; }
#ContentSearch .searchHit h2 a { color: #000; }
#ContentSearch .searchHit p a { color: #828282; }
#Pagination { text-align: center; margin: 15px 0 10px; }
#Pagination a { padding: 1px 6px; margin: 0 1px; background-color: #fff; color: #000; }
#Pagination a.current { background-color: #000; color: #fff; }

/* A-Ö */
#ContentAlphabetical { background-color: #fff; width: 100%; }
#Alphabetical  a { display: block; float: left; width: 14px; padding: 2px 3px; margin: 0 1px; background-color: #D1EBFA; color: #000; 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 .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:100%; }
.error .submit { text-align: right; }

/* PRINTER INFO */
#PrintInfo { margin-top: 10px; padding-top: 10px; }