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

html {overflow-y:scroll; }




@font-face {
font-family: 'eurostile-bold';
src: url('/Templates/Konstfack/Styles/Extern/fonts/eurostile-bold.eot');
src: url('/Templates/Konstfack/Styles/Extern/fonts/eurostile-bold.eot?#iefix') format('embedded-opentype'),
url('/Templates/Konstfack/Styles/Extern/fonts/eurostile-bold.woff2') format('woff2'),
url('/Templates/Konstfack/Styles/Extern/fonts/eurostile-bold.woff') format('woff'),
url('/Templates/Konstfack/Styles/Extern/fonts/eurostile-bold.ttf') format('truetype'),
url('/Templates/Konstfack/Styles/Extern/fonts/eurostile-bold.svg#eurostile-bold') format('svg');
font-display: swap;
/* font-weight: bold;
font-weight:900; */
}



/* Base Typography */
body {font:12px/1.1 Helvetica, Arial, sans-serif; }  /* 'Liberation Sans', FreeSans, */
a:link {color: #136CA4;} /* ny2 #1C66E1 ny #1057A7 */
a:visited {color: #136CA4;}
a:active {color: #f00;}
a:hover {color: #f00; text-decoration: underline;}
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.37em; line-height:1.2em; color: #000; font-family:eurostile-bold, Helvetica, Arial, sans-serif; }

h2 {font-size:1.53em; line-height:1em; color: #000; font-family:eurostile-bold, Helvetica, Arial, sans-serif; }

/* fr extra */
h2.h2,
#Content h2.h2 {
  font: bold 34px/1.2 Helvetica, Arial, sans-serif;
  margin: 0 0 10px 0;
}

h3 {font-size:1.37em; line-height:1.41em; color: #000; font-weight: bold; }
h4 {font-size:1.15em; line-height:1em; margin:0px 0px 0px 0px;}
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 }
dl, hr, h1, h2, h3, h5, h6, ol, ul, pre, table, address, fieldset {margin-bottom:5px }
p {margin-bottom:12px }
p {margin:0 0 12px 0; line-height: 1.4em;}
.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:11px;}
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 {border:0px;}
table.border {border:solid 1px #E1E1E1;} /* width:100% */
table.noborder {border:0px;}
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}

iframe { background-color: transparent; }

.visibillityhidden {padding:0; position:absolute; overflow: hidden; width:0px; height:0px; margin:-1px;}


/* cookieChoices */
element {
    position: fixed;
    width: 100%;
    background-color: #EEE;
    margin: 0px;
    left: 0px;
    bottom: 0px;
    padding: 4px 0px;
    z-index: 1000;
    text-align: center;
    font-size: 12px;
}

#cookieChoiceInfo {
  font-size: 18px!important;
  background-color: #FFFFFF!important;
  width: 90%!important;
  padding: 12px 5%!important;
}

#cookieChoiceInfo a { color: #E30066!important; }

#cookieChoiceInfo a:hover { color: #8B007D!important; }




/* Vimeo, YouTube, etc embed */

.embed-container { 
position: relative; 
padding-bottom: 56.25%; 
padding-top: 5px; 
/* height: 0; */
overflow: hidden; 
max-width: 100%; 
height: auto; 
margin-bottom:10px; } 

.embed-container iframe, .embed-container object, .embed-container embed { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
}





/* 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 { margin-left: 10px; } /* 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;}

#ctl00_MidBlock_ContentMain_XForm1_FormControl_Amne_Subject {font-size:100% !important;}

.xformvalidator { color: #FF0000; font-size:120%; }

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;}

.tablerow option {font-size: 1.05em; }

.xForm td { vertical-align:top; line-height:1.5em; }


/* DiVA */
.diva-whole-year {margin: 20px 0px 40px 0px;}
.diva-year {font-size:1.2em; line-height:2em; font-weight:bold;}
.diva-publication-wrap {margin:0px 0px 20px 0px;}
.diva-publication-type {font-weight:bold;}
.diva-publication {}
.diva-publication-links {}
.diva-publication-link {margin:0px 0px 20px 0px;}
.diva-RefereeListing {}



/* CONTAINERS */
body { 
background: #e1d9d6; /* for non-css3 browsers */
/* background: -webkit-gradient(linear, left top, left bottom, from(#e1d9d6), to(#FFF)); */ /* for webkit browsers */
/* background: -moz-linear-gradient(top,  #e1d9d6,  #FFF); */ /* for firefox 3.6+ */
/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1d9d6', endColorstr='#FFFFFF'); */ /* for IE */

font-size: 18px;
line-height: 1.3;
/*-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; */

}

/* background: #dbd6d1 url('../images/bg1.jpg') no-repeat center top fixed; */
/* ECE7E3 */



#Container {
width: 1250px; 
margin: 0 auto; 
z-index: 100; 
position: relative; 
overflow: hidden;
padding: 0;
}


/* HEADER */
#Header {
background: #fff;
display: inline-block;
margin: 0 15px 20px 15px;
width: 100%;
max-width: 1190px;
height: auto;
padding: 30px 15px 10px 15px;
}

  
#Header #Logo {padding: 11px; float: left; width: 329px; background:#fff; }
/* #Header #Logo img {margin: 11px; width: 188px; } */

.logo {
  display: inline-block;
  margin: 0 15px 7px auto;
}

/* NAVIGERING */
#Nav {
font-size: 1.3em; 
background: #fff; 
height: auto; 
margin: 10px 0 10px 0;
font-weight:bold; 
float: none;
width: 100%;
} 


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

.startPage #Nav a,
#Nav a {
  border: 0;
  color: #000 !important;
  font-family: 'eurostile-bold', Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0 15px;
  padding: 10px 0;
  text-transform: uppercase;
}


#Nav a:hover { color: #E30066 !important; }

.startPage #Nav li.current a,
#Nav li.current a {
  color: #E30066 !important;
}

#Nav ul {
  margin: 0;
  white-space: nowrap;
  word-break: keep-all;
width: 100%;
  display: flex;
  justify-content: space-between;
}

#Nav li { margin: 0; }



/* SÖK */
/* #SearchBox {float: right; margin: 15px 15px 0 0; text-align: right; font-size: 0.95em; } */

#SearchBox { float: right; margin:0px 0px 0px 0px; text-align:left; font-size:0.95em; background-color:#FFFFFF; height:48px; } 

#SearchBox { font-size: 16px; }

.ess-searchbox {
border: 1px #949494 solid;
color: #222;
font-size: 18px;
background: #eee;
height: 50px;
padding-right: 25px;
padding-left: 60px;
border-radius: 50px;
}

.ess-searchbutton {
border: 0;
font-size: 18px;
padding:15px;
border-radius: 50px;
}

/*#SearchShare .addthis_toolbox { margin-top: 5px; }*/

#Container .at300bs.at15t_compact { background: #fff url('../images/share_icon.gif') no-repeat right center; }

#ctl00_QuickSearch_SearchHolder {
  /* margin:7px 7px 3px 7px !important; */
  margin: 0!important; 
  position: relative;
}

#ctl00_QuickSearch_SearchButton {
  border: 0;
  content: "";
  position: absolute;
  left: 20px;
  text-indent: -9999px;
  top: 0;
  cursor: pointer;
  bottom: 0;
  width: 30px;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-118 69.9 19.9 20' style='enable-background:new -118 69.9 19.9 20;' xml:space='preserve'%3E%3Cpath d='M-98.9,87.7l-5-5c2.3-3,2.1-7.2-0.6-9.8c-2.8-2.9-7.5-2.9-10.5-0.1c-1.4,1.4-2.2,3.4-2.2,5.4 c0,4.1,3.3,7.4,7.4,7.4c1.6,0,3.2-0.5,4.5-1.5l5,5L-98.9,87.7z M-113.7,82.1c-2.2-2.2-2.2-5.7,0-7.9c2.2-2.2,5.7-2.2,7.9,0 c2.2,2.2,2.2,5.7,0,7.9c-1,1-2.5,1.6-3.9,1.6C-111.2,83.8-112.6,83.2-113.7,82.1z' fill='%23000000'/%3E%3C/svg%3E%0A") center no-repeat;
}

#ctl00_QuickSearch_SearchButton:hover { opacity: 0.5; }


a.icon-search {
  float: right;
  padding: 6px 15px;
}

a.icon-search:hover img {
  opacity: 0.5;
}

.icon-search img {
  height: 30px;
}

.icon-search {
  display: none;
}



/* LOGIN */
.Login { background:#FFFFFF;} 

#Login { float: right; }

.LoginLink { text-align:left; font-weight:bold; padding:0px 10px 3px 8px; background:#FFFFFF; }
#LoginContainer { display:none; position:relative; z-index:666; padding:10px 0px 10px 20px; font-size:1.03em; background:#FFFFFF; box-shadow:7px 7px 7px #888888; }
.LoginContainerLink { margin-top:6px; margin-bottom:9px; }

.LoginLink img {
  width: 30px;
  height: 30px;
  vertical-align: bottom;
}

.LoginLink a {
  color: #000 !important;
  display: inline-block;
  font-family: 'eurostile-bold', Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin-left: 20px;
  padding: 12px 15px;
  text-transform: uppercase;
}


.LoginLink a:hover {
  color: #E30066 !important;
}

.LoginLink a:hover img {
  opacity: 0.5;
}

#LoginContainer {
  border: #000000 3px solid;
  box-shadow: none;
  font-size: 1em;
  margin: 10px 0 0 -140px;
  position: absolute;
  width: 280px;
}

#LoginContainer:before {
    top: -12%;
    right: 33%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    /* pointer-events: none; */
    border-color: rgba(00,00,00,0);
    border-bottom-color: #000000;
    border-width: 15px;
    margin-left: -15px;
}




/* INNEHÅLL */
/* #Content {
display: inline-block;
z-index: 100; 
width: 100%;
max-width: 1205px;
height: auto;
margin: 30px 0px 0px 0px;
padding: 30px 15px 10px 15px; 
} */


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


/* SUBNAV */
#ContentLeft .box { padding: 10px; }
#ContentLeft .box {background: #fff; border: 1px solid #feffff; margin: 0 0 15px; overflow:hidden; }
#ContentLeft .box p {margin: 15px; }
#ContentLeft .box .MenuHeader {font-size: 1.3em; font-weight:bold; margin-top:20px; margin-bottom:10px; margin-left:10px; color:#000; }
#ContentLeft .box .MenuHeader a {text-decoration: none; color:#000; }
#ContentLeft .box .MenuHeader a:hover {text-decoration: none; }
#ContentLeft .box .ShowDate {margin-left: 15px; margin-bottom:5px; }
#ContentLeft .box .GetUserFullName {margin-left: 15px; margin-bottom:15px; }
#ContentLeft .box p a {text-decoration: none; }

#SubNav_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 40'%3E%3Cpath d='M50 6.7H0V0h50v6.7zm0 16.6H0v-6.7h50v6.7zm0 10H0V40h50v-6.7z'/%3E%3C/svg%3E") !important;
}
.SubNav_link a {text-decoration:none; color:#000000; border-bottom:0px; }
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: 19px; background-position: 7px center; }
#SubNav ul ul a {padding-left: 25px; background-position: 14px center; }
#SubNav ul ul ul a {padding-left: 35px; background-position: 21px center; }
#SubNav ul ul ul ul a {padding-left: 45px; 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-color: #ECF3F8; color: #000; }
#SubNav a:hover {background-color: #ECF3F8; color: #000; }

#SubNav li.ExpandedItemTemplate { background-color: #ECF3F8; }



/* VÄNSTER SPALT */
#ContentLeft { 
width: 360px; 
float: left; 
margin-left: 15px;
}

#ContentLeft h2{background: #136CA4; margin: 15px; color: #136ca5; font-size: 1.5em; }
#ContentLeft .white {background: #fff; padding: 7px 8px 2px 0; }

#ContentLeft p.newsfeed a {font-weight: bold; }
#ContentLeft #ContactBox {font-size: 0.9em; visibility: hidden; display: none;}
#ContentLeft #ContactBox a {font-weight: normal; text-decoration: none; }
#ContentLeft #ContactBox .addthis_toolbox {background: transparent none; margin: 0 15px 10px; }
#ContentLeft #ContactBox .at300bs.at15t_compact {background: transparent none; width: 0px; }
#ContentLeft #ContactBox p.nomarginBottom {margin-bottom: 0;}



/* HÖGER SPALT */
#ContentRight {
background: #fff;
margin: 0px 0px 30px 0px;
padding: 30px;
float: right;
width: 770px;
left: -15px;
position: relative;
}

/* #ContentRight p { }  */
#ContentRight p a {text-decoration: none; }
#ContentRight img {margin: 0px; }
#ContentRight h2 {background: #136CA4; margin: 15px; color: #136ca5; font-size: 1.5em; }
#ContentRight h3 a {text-decoration:none;}

#ContentRight .white {background: #fff; padding: 7px 8px 2px 0; }
#ContentRight.start {width: 210px; }
#ContentRight .ad {text-align: center; }



/* MITTENSPALT */
#ContentMain { background:#fff; }
.contentMain { margin:0px 0px 30px 30px; width:830px; float:left; }

.contentMain img { max-width: 100%; }



/* STARTSIDA */
.startPage h1, .startPage #ContentLeft h2, .startPage h3 {color: #E30066; }
.startPage #ContentLeft h2 {font-weight: bold; }

.startPage #Nav a, .startPage #Nav a:visited {color: #E30066; text-decoration: none; } /* topp-nav */
.startPage a, .startPage a:link, .startPage a:visited, .startPage a:active, .startPage #Nav a {color: #E30066; text-decoration: none; } /* ny #136CA4 */
.startPage a:hover {color: #8B007D; text-decoration: none; } /* #E30066 */

.startPage #Nav li.current a, .startPage  #Nav a:hover {border-color: #E30066; }
.startPage .h2Wrapper {margin:15px; width:180px; overflow:hidden; position:relative; }


.startPage #ContentLeft {
width: 100%;
/* margin: 0px 0px 0px 0px; */
}
.startPage #ContentLeft h2 {position: relative; background-color: transparent; float: left; margin: 0; font-size: 1.5em; }  /* .cufon */
.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 { } */ 
/* .startPage #ContentLeft img { } */ 


/* .startPage #Header,.startPage #ContentLeft .box, .startPage .puff {  } */  /* opacity:1; */ /* opacity:0.9;filter:alpha(opacity=90); */  /* filter:alpha(opacity=100); */

.startPage #Content { margin: 10px 0 0 0; } 

.startPage .contentMain {
  margin: 0!important;
  width: auto;
}


/* STARTSIDA MITTENSPALT */
#ContentMainStart .contentMain {width:970px; }
#ContentMainStart { width:970px; } /* position: relative; */
#ContentMainStart { width: 100%; }




#ContentMainStart .puff { 
float:left; 
width: 535px !important;
margin: 0px 15px 30px 15px;
padding: 30px;
background: #fff;
line-height: 1.35em; 
} 

#ContentMainStart .puff img { width: 100%; height: auto; }

#ContentMainStart .puff p {margin: 5px 15px 10px; }
#ContentMainStart .puff a {line-height: 1.3em; }





/* SPECIAL-puff endast bild */

#ContentMainStart .puff-bild { 
float:left; 
width: 595px !important;
margin: 0px 15px 30px 15px;
padding: 0px;
} 

#ContentMainStart .puff-bild img { width: 100%; height: auto; }

#ContentMainStart .puff-bild p {margin: 5px 15px 10px; }
/* #ContentMainStart .puff-bild a {line-height: 1.3em; } */



.wide_container {
position:relative;
width:100%;
left:15px;
/* display:none; */
}

.wide_puff {
width: 100%;
max-width: 1160px;
padding: 30px;
margin-bottom: 30px;
background: #fff; 
clear:both;
}

.wide_puff .caption {
  position: absolute;
  background: black;
  color: white;
  font-size: 18px;
  bottom: 0;
  right: 0;
  z-index: 10;
  width: auto;
  height: 50px;
  margin: 0 30px 30px 0;
}

.wide_puff .embed-container{
margin-bottom:0px;
}



/* SIDFOT */
#ContentMainStart .puff .wide { margin-bottom: 60px; }

.wide {
background: white;
font-size: 18px;
padding: 30px;
/* margin: 0 15px 30px; */
margin: 0 auto;
overflow: auto;
width: 1155px;
}


.footer {
background: white;
padding: 30px;
/* margin: 0 15px 30px; */
margin: 0 auto;
overflow: auto;
width: 1155px;
}


.footer_date_name {
margin-bottom:30px;
}


.col_left {
  width: 50%;
  float: left;
}

.col_right {
  width: 50%;
  float: left;
}

.col_left, .col_right { font-size: 18px; }

.col a { text-decoration:none; }


.footer input {
border: 1px #949494 solid;
color: #222;
font-size: 18px;
background: #eee;
height: 30px;
padding: 10px 20px;
border-radius: 50px;
}

.footer input[type=submit] {
background: #000000;
color: #FFFFFF;
font-weight: bold;
height: 50px;
}

.footer input[type=submit]:hover { cursor: pointer; }


/* gamla kontakt-infon - dynamisk egenskap */
#ContactBox { display:none;}



/* 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:170px; margin:0px 0px 0px 30px; }
#ContentProgram {width: 630px; 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: 815px; */
#ContentSearch .searchWord {width: 98%; margin: 0px 0 5px; }
#ContentSearch .text {margin-bottom: 5px; }
#ContentSearch .submit {text-align: right; margin-top: 0; }
#ContentSearch .searchHit .searchlink {font-size: 1.12em; font-weight: bold; margin-bottom: 3px; }  /* h2 */
#ContentSearch .searchHit a {text-decoration: none; } /* color: #000; */
#ContentSearch .searchHit p a {color: #828282; text-decoration: none; font-size: 0.9em; }
#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; }
/* .SearchResultLeft { } */
/* .SearchResultRight { } */



/* LISTA */
.ListPages {margin:25px 0px 15px 0px; }
.ListPages h2 {font-size: 1.2em; font-weight: bold; font-family:Helvetica, Arial, sans-serif; }
.ListPages h2 a {text-decoration: none; }
.ListPages p {margin:0px; }

.NewsListDate {font-size: 0.9em; margin-top: 3px; margin-bottom: 2px; }

#ContentSearch .NewsListItem {line-height:14px; margin-bottom: 18px; }
#ContentSearch .NewsListItem .newslink {font-size: 1.2em; font-weight: bold; margin-bottom: 5px; line-height: 1.25;}  /* h2 */
#ContentSearch .NewsListItem a {text-decoration: none; }




/* Extern startsida kalender */
.ExternStartPageCalendar .puff {line-height: 0.8em !important;}

.calendar-body-wrapper {display:table; border-collapse:collapse; }
.calendar-event-row {display:table-row; }

div.calendar-event-row > div {display: table-cell; }  /* .StartpageDate, .EventUrl { display:table-cell; } */

/* .CalendarListDate {  } */ /* padding-right:15px; */

.StartpageDate { white-space: nowrap; } /* width:35px; float:left; */
/* .EventUrl {  } */ /* float:left; */
.after-event { margin-bottom:8px; }

/* .calendarlink {  } */  /* margin-left:15px; margin-bottom:15px; */





/* 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; margin-top: 10px; }
#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; }

/* Application Form */
.ApplicationForm {clear: both; margin-top: 10px; }



/* Katalogen -------------------------------- */

#ctl00_MidBlock_ContentMain_kfjsTree .jstree ul, .jstree li a { margin: 10px 0px 0px 0px; }

#personAdvancedSearch {background-color:#fff; }
#ctl00_MidBlock_ContentMain_SearchText {width:495px; }

/* Katalogen Extern*/
/* #person_search_containerExtern { } */ /* width:500px; */
#person_search_containerExtern .person_endast {font-size: 12px;font-weight:bold;}
#person_search_containerExtern select {font-size: 11.5px;}
#person_search_containerExtern .kfjsTree a {color: #136CA4;}
.person_search_container { max-width:500px; }

/* Katalogen User Extern */
/* #ADUserExtern .person_meta_content { } */  /* width:620px; */
#ADUserExtern .person_meta_content_right {width:250px; float:right; text-align:right; margin-bottom:30px; overflow:hidden; }
#ADUserExtern .person_meta_content_left {width:65%; float:left; }  /* width:350px; */
#ADUserExtern .person_meta_row { margin-bottom:15px; }  /* width:370px; */
#ADUserExtern .person_meta_label {font-weight:bold; line-height: 135%; }  /* width:90px; float:left; */
#ADUserExtern .person_meta_info {line-height:135%; }  /*  width:260px; margin-left:90px; */

/* Katalogen Lista Extern */
#listUsersExtern .person_meta_content { margin-bottom: 50px; } /* width:580px; */
#listUsersExtern .person_meta_content_right {float:right; text-align:right;}
/* #listUsersExtern .person_meta_content_right img { } */
#listUsersExtern .person_meta_content_left { width:65%; float:left; }
#listUsersExtern .person_meta_row { margin-bottom:5px; clear:left;} /* width:320px; */
#listUsersExtern .person_meta_name {font-weight:bold;}
#listUsersExtern .person_meta_label {font-weight:bold; }  /* width: 120px; float:left; margin-bottom: 5px; */
#listUsersExtern .person_meta_info {line-height:135%; margin-bottom: 15px; }  /* margin-left:120px;  */

/* Katalogen Lista Extern sökresultat */
#ContentSearch #listUsersExtern .person_meta_content {width:550px; margin-bottom: 50px;}

/* Diva listning */
.divaListing {
  margin-top: 20px;
}
.divaListing .divaItem {
  margin-bottom: 45px;
}
.divaListing .divaPaging {
  display: flex;
  justify-content: center;
}
.divaListing .divaPaging .divaPreviousPageLink {
  margin-right: 25px;
}
.divaListing .publicationsLabel {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
  display: block;
}



/* Responsivity */

@media screen and (max-width: 1450px) {

#Container {
width:1250px; 
margin:0 auto; 
padding:0px 15px 15px 10px; 
z-index:100; 
position:relative; 
}

#ContentMainStart { max-width:100%; }  /* 980px */

}




@media screen and (max-width: 1295px) {

#Container {width:980px; margin:0 auto; z-index:100; }

#Header { max-width: 920px; width:100%; } 

.logo { margin: 0 10px 7px auto; }

.startPage #Nav a, #Nav a {
font-size: 16px;
margin: 0 10px;
padding: 10px 0;
}


#SearchBox { margin: 10px 0px 10px 0px; }

#SearchBox { margin: 0; }

#ContentLeft { width: 260px; }

#ContentRight { 
width: 600px;
margin-top: 0px;
margin-right: 0px;
}

/* #ContentMainStart { } */ /* width:695px; */
/* #ContentMainStart img { } */  /* max-width:340px; */


.wide_puff {
box-sizing: border-box;
max-width: 950px;
}



#ContentMainStart .puff { width: 400px !important; }



/* SPECIAL-puff endast bild */
#ContentMainStart .puff-bild { width: 460px !important; }




#ContentMain { width: 660px; }

.contentMain { width: 100%; }  /* width: 660px; */

#ContentSearch { max-width: 660px;}


#ContentProgram {
width: 660px;
}


/* Kalenderhändelse */
.calendarevent_eventtype  { 
/* float: unset; */
clear: both; 
margin-top: 15px;
}


/* SIDFOT */
  .wide,
  #ContentMainStart .wide.puff {
    max-width: 890px!important;
}


.footer {
max-width: 950px;
width: 100%;
box-sizing: border-box;
}



/* Utb-sida */
#ContentImagesLeft { width: auto; }



/* KATALOGEN */
#listUsersExtern .person_meta_content_right {
float: none;
text-align:left; 
margin-bottom: 20px;
}

#listUsersExtern .person_meta_content_left {
width: 100%;
}

#ADUserExtern .person_meta_content_right { width: 34%; }


}





@media screen and (max-width: 1020px) {
#Container {width:650px; margin: 0 auto; }

#Content { margin: 10px 0px 30px 0px; }

#Content h2.h2 { font-size: 24px; }


#ContentLeft { 
width: 665px; 
margin-left: 0px;
}

#ContentLeft .box .MenuHeader {
margin: 0px 0px 0px 3px;
/* font-size: 18px; */
}

.MenuHeader { float: left; }


#ContentLeft #SubNav,
#ContentLeft #ContactBox {
    display: none;
}
#ContentLeft #SubNav_link {
  display: block;
}


#SubNav_icon {
    float: right;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    margin-top: 2px;
}

ul#SubNav {
  clear: both;
  margin-top: 30px;
}


#ContentImagesLeft { margin:0px 0px 0px 10px;} /* clear:both; position:absolute; bottom:0; left:0; */
#ContentImagesRight {visibility:hidden; }

#ContentProgram {
width: auto;
background: #fff;
}

/* #ContentMainStart { } */ /* width:390px; */ 

#ContentMainStart .puff { 
/* max-width:370px; */
/* float:left; */
width: 100% !important; 
margin: 0 0 20px 0; 
max-width: initial; 
padding:15px; 
}

#ContentMainStart .puff .embed-container { 
max-width: 98.5%; 
}


#ContentMainStart .puff img {
  /* max-width: initial; */
  max-width: 98%;
}

#ContentMain { width: 665px; }

.contentMain {
margin: 0!important;
/* width: 665px; */
}

#Content #ContentSpacer { margin: 23px 13px 13px 13px; }

.contentMain img { float:none !important; 
margin-left:0px !important; 
margin-bottom:0px; 
margin-right:100%; 
}  /* max-width:370px; */


.startPage #ContentLeft img { width:100%; }


.wide_container {
position: unset;
left: unset;
}

.wide_puff {
width: 102.5%;
padding: 15px;
/* box-sizing: unset; */
}

.wide_puff img {

}


#ContentRight {
margin-top: 20px;
margin-right: -35px;
margin-bottom: 0px;
width: 610px;
}

#ContentSearch {background-color:#fff; max-width: unset; }  /* width:100%; */

#ContentAlphabetical {background-color:#fff; width:400px; }


.error .textarea textarea {width:350px; }


/* HEADER */
#Header { margin: 0px 0px 10px 0px; }

.logo img { width: 190px; }

#SearchBox {margin-right:5px; margin-top:10px; margin-bottom:10px; }

.ess-searchbox {
  height: 44px;
  width: 50px;
}

.icon-search { display: inline-block; }


/* NAVIGERING */
#Nav {font-size:1.2em; } 
#Nav ul {float: left; margin: 8px 4px 0px 4px; display: block; }
#Nav li {float: left; margin: 0px 8px 8px 0px; list-style: none; }

.startPage #Nav a, #Nav a {
font-size: 16px;
margin: 0 10px;
padding: 5px 0;
}


.LoginLink span { display: none; }

#LoginContainer { margin: 10px 0 0 -240px; }
#LoginContainer:before { right: 0; }



/* SIDFOT */
.wide,
#ContentMainStart .wide.puff {
/* max-width: 550px!important;
margin: 0 0 20px 0; */
width: 635px;
padding: 15px;
}

.footer {
left: 8px;
position: relative;
width: 660px;
margin: 0 auto;
}

.col_left, .col_right {
display: block;
width: 100%;
}




/* Calendar */
.calendarevent_eventtype { float:left; margin-top:15px; }
.CalendarPlace { float:left; margin-top:15px; }


/* Katalogen */
/* #ctl00_MidBlock_ContentMain_SearchText {  } */ /* width:340px; */
#ctl00_MidBlock_ContentMain_selectTitle { margin-top:12px; }
/* #ctl00_MidBlock_ContentMain_selectEducation {  } */ /* width:340px; */

/* Katalogen Extern*/
/* #person_search_containerExtern {  } */ /* width:340px; */

/* Katalogen User Extern */
/* #ADUserExtern .person_meta_content {  } */ /* width:340px; */
#ADUserExtern .person_meta_content_right { margin-bottom:15px; overflow:hidden; float:none; width:100%; }  /* width:250px; float:left; */
#ADUserExtern .person_meta_content_left { width:100%; }  /* width:370px; */
#ADUserExtern .person_meta_row { margin-bottom:15px; }  /* width:340px; */
#ADUserExtern .person_meta_label { font-weight:bold; }  /* width:90px; float:left; */
/* #ADUserExtern .person_meta_info { } */  /* width:260px; margin-left:90px; */

/* Katalogen Lista Extern */
#listUsersExtern .person_meta_content {margin-bottom: 50px;} /* width:340px; */
#listUsersExtern .person_meta_content_right {float:left; text-align:left; margin-bottom:10px; }
/* #listUsersExtern .person_meta_content_right img { } */ /* max-width:75%; */
#listUsersExtern .person_meta_content_left {width: 100%; float:left; } /* width:320px; */
#listUsersExtern .person_meta_row {width: 100%; margin-bottom:5px; clear:left;} /* width:320px; */
#listUsersExtern .person_meta_name {font-weight:bold;}
#listUsersExtern .person_meta_label { font-weight:bold; margin-bottom: 5px; } /* float:left; width:80px; */
/* #listUsersExtern .person_meta_info { } */ /* margin-left:80px; */

/* Katalogen Lista sökresultat */
#ContentSearch #listUsersExtern .person_meta_content {width:340px; margin-bottom: 50px;}
#ContentSearch #listUsersExtern .person_meta_content_right {float:left; text-align:left; margin-bottom:10px; }
/* #ContentSearch #listUsersExtern .person_meta_content_right img { } */ /* max-width:75%; */
#ContentSearch #listUsersExtern .person_meta_content_left {width:320px; float:left; }
#ContentSearch #listUsersExtern .person_meta_row {width:320px; margin-bottom:5px; clear:left;}
#ContentSearch #listUsersExtern .person_meta_name {font-weight:bold;}
#ContentSearch #listUsersExtern .person_meta_label { font-weight:bold; float:left; margin-bottom: 5px; } /* width:80px; */
/* #ContentSearch #listUsersExtern .person_meta_info { } */ /* margin-left:80px; */

}




@media screen and (max-width: 720px) {

#Container {
max-width:94%; 
margin: 0 auto; 
float: left;
/* width:100%; 
max-width:100%;
z-index:100; 
overflow:hidden; */
} 

.startPage #ContentLeft h2 .color { width: 295px; }

#ContentImagesLeft { margin:0px}
#ContentImagesRight {visibility:hidden; }


#ContentRight {
box-sizing: border-box;
margin-right: -15px;
width: 100%;
} 

/* #Container .startPage { }  */ /* padding:5px 5px 615px 5px; */
/* .startPage #ContentLeft {  } */  /* width:400px; float:left; */
.startPage #ContentLeft .box {margin-bottom:0px; }
.startPage #ContentLeft .box p {margin:3px 10px 5px 13px; }



.startPage .h2Wrapper {margin:10px 0px 5px 13px; width:450px; overflow:hidden; position:relative; }

#ContentMainStart { float:left; margin-left:0px; } /* width:399px; */
#ContentMainStart img { max-width: 100%; }
#ContentMainStart .puff { margin-bottom:15px; padding:13px; background: #fff; line-height: 1.35em; } /* max-width:340px; */


#Container .startPage #ContactBox {position:absolute; bottom:0; width:210px; padding-top: 8px; }

#ContactBox {position:absolute; bottom:0; } 

#ContentMain { width: 100%; }

.contentMain {margin:0 0 0 0; float:left; } /* width:400px; */
/* #Content #ContentSpacer {margin:13px; } */
.contentMain img { max-width: 100%; } /* max-width:340px; */

.contentMain { width: 100%; }


/* HEADER */
#Header {
overflow: hidden;
/* box-sizing: border-box; */
} 

#Header #Logo {
padding: 11px 0px 11px 0px;
margin-right: 1px;
float:left; 
width: 97%;
max-width: 1000px;
clear:both;
}

.logo { margin: 0 4px 7px; }


#SearchBox { float:left; margin-bottom:5px; width: 50%; }
.ess-searchbox { width: 70%; }
/* .ess-searchbutton {  } */  /* width: 15%; float:right; */


.LoginLink a {
margin-left: 0;
padding: 6px 0px 15px 0px;
}

#LoginContainer:before {
right: 6%;
}

#LoginContainer {
margin: 10px 0 0 -258px;
}



/* NAVIGERING */
#Nav {font-size:1.2em; margin:5px 0px 0px 0px; float:left; }
#Nav ul {float:left; margin: 8px 4px 0px 0px; }
#Nav li {float:left; margin:0px 8px 8px 0px; list-style:none; }

.startPage #Nav a, #Nav a {
/* font-size: 13px;
margin: 0 4px; */
padding: 3px 0;
}



/* SIDFOT */
.footer {
width: 100%;
padding: 30px;
left: 0px;
margin: 0;
box-sizing: border-box;
}

.footer input[type=text] { width: 155px; }


  
/* Undersidor */
/* #Content #ContentLeft { } */ /* width:400px; */
#Content #ContentLeft .box { margin:0 0 15px 0; }

#ContentLeft { width: 100%; }

#ContentLeft .box .MenuHeader {float:left; font-weight:bold; margin-left:7px; text-decoration:none; color:#000; }
/* font-size: 1.3em; margin-top:5px; margin-bottom:5px; */

#ContentLeft .box { padding-top:10px; }

#ContentImagesLeft {margin-top:10px;}


/* #ContentProgram { word-wrap: break-word; } */

#ContentSearch {background-color: #fff; }  


/* SUBNAV */
#SubNav_link {clear:both; background-color:#FFF; overflow:hidden; }
#SubNav {display:none; }
#SubNav_icon {float:right; /* width:18px; height:18px; */ background-image: url('../images/menu.png'); background-repeat: no-repeat; margin-top:5px; margin-right:5px;}
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; font-size:1.25em; }
#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-color: #ECF3F8; color: #000; }
#SubNav a:hover {background-color: #ECF3F8; color: #000; }

#SubNav .currentSection li { font-size:1em; }


/* Katalogen User Extern */
#ADUserExtern .person_meta_content_right img { float:left; }  /* max-width:75%; */


}





@media screen and (max-width: 700px) {

.wide_puff {
width: 102.5%;
}

}




@media screen and (max-width: 600px) {

#person_search_containerExtern {
width: 95%;
}

#ctl00_MidBlock_ContentMain_SearchText {
   width: 95%;
}

}




@media screen and (max-width: 580px) {
#LoginContainer { margin:10px 0 0 -270px; }

#LoginContainer:before { right:0; }

h1 { font-size: 1.9em; }

}




@media screen and (max-width: 530px) {
.wide_puff {
width: 103%;
}

}




@media screen and (max-width: 440px) {

/* h1 { font-size: 1.6em; } */

/* #Container { } */  /* max-width:92%; margin: 0 auto; overflow:hidden; */
/* padding:5px 5px 500px 5px; */

body { background-color: #FFF; }

#ContentImagesLeft { max-width:100%; margin:0px}
#ContentImagesRight { visibility:hidden; }

#ContentRight { 
max-width:100%; 
margin-top:20px; 
margin-left:0px; 
}

#Container .startPage {padding:5px 5px 285px 5px; }
.startPage #ContentLeft { float:left; }
.startPage #ContentLeft .box {margin-bottom:0px; }
.startPage #ContentLeft .box p {margin:3px 0px 5px 13px; }
.startPage .h2Wrapper {margin:10px 0px 5px 13px; max-width:90%; overflow:hidden; position:relative; }

#ContentMainStart { float:left; margin-left:0px; font-size: 90%; overflow: hidden; }

#ContentMainStart .puff img { max-width: 100%; }

#ContentMainStart .puff { 
float:left; 
padding: 13px 0px 13px 0px; /* padding:13px; */
background: #fff; 
line-height: 1.35em; 
margin-right:0px;
/* max-width: 100%; */
/* width:unset!important; */
/* width: 100% !important; */
/*max-width: -moz-available;
max-width: -webkit-fill-available;
max-width: fill-available; */
border-bottom: 15px solid #e1d9d6;
} 

#ContentMainStart .puff .embed-container {
max-width: 100%;
}

#Container .startPage #ContactBox {position:absolute; bottom:0; width:210px; }

#ContactBox {position:absolute; bottom:0; }

.contentMain {margin:0 0 0 0; float:left; max-width:100%; }
/* #Content #ContentSpacer {margin:13px; } */
/* .contentMain img { } */  /* max-width:95%; */



/* HEADER */
#Header { 
max-width:100% !important; 
width: unset; /* width:100% !important;  */
height:auto !important;
padding: 30px 15px 10px 15px !important;
 border-bottom: 15px solid #e1d9d6;
}

#Header #Logo {
padding: 0; 
margin:0; 
float:none; 
}

/* #SearchBox {  } */  /* clear:both; */
.ess-searchbox { width: 60%; }


/* NAVIGERING */
#Nav {font-size:1em; background:#fff; margin:5px 0 0 0px;  max-width:100% !important; height:auto !important; overflow:visible; }
#Nav ul { margin: 8px 4px 0px 0px; }
#Nav li {float:left; margin:0px 8px 0px 0px; list-style:none; }



/* SIDFOT */
.wide,
#ContentMainStart .wide.puff {
 margin: 0 auto;
padding: 20px;
}



/* Undersidor */
#Content #ContentLeft {max-width:100%; }
#Content #ContentLeft .box {margin:0 0 15px 0; padding-right:10px; }

#ContentLeft .box .MenuHeader { float:left; font-size: 1.3em; font-weight:bold; text-decoration:none; color:#000; }

#ContentImagesLeft {margin-top:10px;}


/* SUBNAV */
#SubNav_link {clear:both; background-color:#FFF; max-width:100% !important; }
#SubNav {display:none; }
/* #SubNav_icon { float:right; width:18px; height:18px; background-image: url('../images/menu.png'); background-repeat: no-repeat; margin-top:5px; margin-right:5px;} */
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; font-size:1.25em; }
#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-color: #ECF3F8; color: #000; }
#SubNav a:hover {background-color: #ECF3F8; color: #000; }


/* Katalogen */
#ctl00_MidBlock_ContentMain_SearchText {max-width:100%; }  /* margin-bottom:12px; */
#ctl00_MidBlock_ContentMain_selectTitle {max-width:100%; margin-top:12px; }
#ctl00_MidBlock_ContentMain_selectOrganisation {max-width:100%; }
#ctl00_MidBlock_ContentMain_selectEducation {max-width:100%; }
.person_search_button {float:right; clear:both; margin-top:5px !important; }

/* Java script org-träd */


/* Katalogen Extern*/
#person_search_containerExtern {max-width:100%;}

/* Katalogen User Extern */
#ADUserExtern .person_meta_content {max-width:100%;}
#ADUserExtern .person_meta_content_right { margin-bottom:15px; overflow:hidden; float:left; } /* width:250px; */
#ADUserExtern .person_meta_content_right img { float:left; } /* max-width:75%; */
#ADUserExtern .person_meta_content_left {max-width:100%; }
#ADUserExtern .person_meta_row {max-width:100%; margin-bottom:10px; }
#ADUserExtern .person_meta_label {width:100%; font-weight:bold; float:left; }
#ADUserExtern .person_meta_info { max-width: 100%; clear: both; margin-left: 0px; }

/* Katalogen Lista Extern */
#listUsersExtern .person_meta_content {max-width:100%; margin-bottom: 50px;}
#listUsersExtern .person_meta_content_right {float:left; margin-bottom:10px; }
/* #listUsersExtern .person_meta_content_right img {  } */ /* max-width:75%; */
#listUsersExtern .person_meta_content_left {max-width:100%; float:left; }
#listUsersExtern .person_meta_row {max-width:100%; margin-bottom:10px; clear:left;}
#listUsersExtern .person_meta_name {font-weight:bold; clear:both;}
#listUsersExtern .person_meta_label {width:100%; font-weight:bold; float:left; margin-bottom:5px; }
#listUsersExtern .person_meta_info { max-width: 100%; clear: both; margin-left: 0px; }


}



@media screen and (max-width: 380px) {
/* HEADER */
#Header #Logo { width: 94%; }

#LoginContainer::before {
right: 10px;
}

#LoginContainer { margin: 10px 0 0 -240px; }

}



@media screen and (max-width: 320px) {

/* HEADER */
#Header #Logo { width: 92.5%; }


/* #ContentMainStart .puff { width: 100% !important; } */


}

.ac_results span {
    display: none !important;
}






/* ------------------------- Bibliotek ----------------------------------- */

.top-pic1 {
float:left; 
width:32.5%; 
margin-right:1.2%;
}

.top-pic2 {
float:left; 
width:32.5%; 
margin-right:1.2%;
}

.top-pic3 {
float:left; 
width:32.5%; 
}

.rektangel {
clear:both; 
width:100%; 
margin:7px 0px 0px 0px;
}


.low-box1 {
float:left; 
width:32.2%; 
margin-right:1.2%;
/* border-top: solid #D8D8D8 1px; */
}

.low-box1-inner {
margin:10px 0px 20px 0px;
}

.low-box2 {
float:left; 
width:32.2%; 
margin-right:0.9%;
/* border-top: solid #D8D8D8 1px; */
}

.low-box2-inner {
margin:10px 0px 20px 0px;
}

.low-box3 {
float:right; 
width:32.2%;
/* border-top: solid #D8D8D8 1px; */
margin-right:0%;
}

.low-box3-inner {
margin:10px 0px 20px 0px;
overflow: hidden;
}

.low-box1 p, .low-box2 p, .low-box3 p {
margin-bottom:0px;
}



@media screen and (max-width: 1020px) {
.LibraryMain img { 
/* max-width:370px; 
float:none !important; 
margin-left:0px !important; 
margin-bottom:0px; */
margin-right:0%; }

.LibraryMain .rektangel { 
max-width:100%; 
}

}



@media screen and (max-width: 420px) {

.LibraryMain img { 
max-width: 100%;
margin-bottom:10px;
}

.top-pic1, .top-pic2, .top-pic3 {
float:none; 
width:100%; 
margin:0px 0px 10px 0px;
}

.rektangel {
margin:0px 0px 15px 0px;
}

.low-box1, .low-box2, .low-box3 {
float:none; 
width:99%; 
margin-right:0%;
margin:0px 0px 10px 0px;
}


}

/* ------------------------- Bibliotek ----------------------------------- */






/* ----------------------- Extra ny juni 2019 ----------------------------*/ 

/* 
@media screen and (max-width: 580px) {
  #ContentMainStart .puff {
  width: 340px !important;
  margin: 0 0 10px 0;
  padding: 20px;
}
}

@media screen and (max-width: 400px) {
  #ContentMainStart .puff {
  width: 305px !important;
  margin: 0 0 10px 0;
}
}

@media screen and (max-width: 360px) {
  #ContentMainStart .puff {
  width: 285px !important;
}
}

@media screen and (max-width: 359px) {
  #ContentMainStart .puff {
  width: 255px !important;
}
}

*/



.hero {
  position: relative;
}


#ContentMainStart .wide.puff {
  width: 1160px!important;
}

.wide img {
  width: 100%;
}




@media screen and (max-width: 400px) {
  .wide,
  #ContentMainStart .wide.puff {
  width: 345px;
  max-width: 90%!important;
  padding: 5%;
}
}

@media screen and (max-width: 359px) {
  .wide,
  #ContentMainStart .wide.puff {
  width: 265px!important;
  padding: 15px;
}
}


@media screen and (max-width: 675px) {
  .wide .caption {
      margin: 0 20px 20px 0;
  }
}

.wide .caption p {
  padding: 15px;
}


#ContentMainStart .wide .col p {
  margin: 0 0 10px 0;
}

/* ----------------------- Extra ny juni 2019 ----------------------------*/ 




/* ------------------------ Digital portfolio -----------------------------*/ 

/* div { border:solid 1px #933; } */

/* LOGIN ---------------- */
/* #login_container { } */
.login_container_row {margin-top:8px; overflow:hidden; }
.login_user_information {width:100px; float:left; clear:both; }
.login_input_text {float:left; }
.login_input_text input {width:220px; }
.login_info_text {float:left; clear:both; }
.login_button { float:right; }


/* .form_container {  } */

.form_row { margin-bottom:25px; clear:both; }
.form_row_andor { margin-top:25px; margin-bottom:25px; clear:both; }

/* .form_row { display:table; margin-bottom:10px; } div.form_row > div { display: table-cell; } */


/* Drop down text size -------------- */
#ctl00_MidBlock_ContentMain_ddlCountry {font-size:100% !important;}
#ctl00_MidBlock_ContentMain_ddlEducation {font-size:100% !important;}




.button_left { float:left; }
.button_middle { float:left; margin-left:235px; }
.button_right { float:right; }
.button_right_margin-top { border: #000 1px solid; padding: 10px; width: 100px; margin-top:10px; margin-bottom:20px; } /* float:right; */


.choose_education { width: 110px; float:left; }
.upload_file_type { width: 140px; float:left; font-weight:bold; }

/* .user_information {  } */  /* width: 160px; float:left; */
.user_information label { margin-left:0px; }
.info_text { font-size:90%; margin-left:10px; float:left; }
.input_text_info { margin-top:7px; clear:both; }
/* .input_text input {  } */ /* float:left; width:230px !important; */

.input_text_gender { float:left; }


.info_text_pno { font-size:90%; } /* float:left; margin-left:5px; */
.info_text_username {float:left; font-size:90%; margin-left:5px; }


.button_upload { margin-left:10px; }

option.bold { font-weight:bold; }

.navigation_right { float:right; line-height:17px; }


/* .warning_box_container {} */
.warning_box { padding:12px; border:solid 2px #F00;}


.grey_text { color:#999; }


.uploaded_file_container { margin-bottom:10px; }
.uploaded_file { float:left; }
.delete_link a { margin-left:10px; color:#F00; text-decoration:none; }
.delete_link a:hover { text-decoration:underline; }


.portfolio_status { margin-bottom:15px; }

.red_triangle {
	width:0; 
	height:0; 
	border-left: 8px solid transparent; 
	border-right: 8px solid transparent;
	border-top: 20px solid #F00;
	border-bottom: 0;
	float:left;
	margin-top:2px;
	margin-right:5px;
	margin-bottom:8px;
}

.yellow_triangle {
	width:0; 
	height:0; 
	border-left: 8px solid transparent; 
	border-right: 8px solid transparent;
	border-top: 20px solid #FC0;
	border-bottom: 0;
	float:left;
	margin-top:2px;
	margin-right:5px;
	margin-bottom:8px;
}

.green_triangle {
	width:0; 
	height:0; 
	border-left: 8px solid transparent; 
	border-right: 8px solid transparent;
	border-top: 20px solid #0C0;
	border-bottom: 0;
	float:left;
	margin-top:2px;
	margin-right:5px;
	margin-bottom:8px;
}

.portfolio_status_description { float:left; }

.portfolio_status_clear {clear:both; margin-bottom:20px; }

.portfolio_status_delete {float:left; margin-right:3px;}




@media screen and (max-width: 1020px) {

/* Ladda upp */
.choose_education { margin-bottom:5px; }
.choose_education_dropdown {float:left; }
#ctl00_MidBlock_ContentMain_ddlEducation {width:340px; }
.button_right { margin-bottom:20px; }


/* Mitt konto */
.form_row { margin-bottom:35px !important; clear:both; }

.info_text { float:left; }
.input_text input { float:left; width:230px !important;}

.info_text_pno {float:left; font-size:90%; margin-left:0px; margin-bottom:15px; }
.info_text_username {float:left; font-size:90%; margin-left:0px; margin-bottom:15px; }

.select_list select { float:left; width:230px !important;}

}

/* ------------------------ Digital portfolio -----------------------------*/ 





/* ----------------------- Extern calendar ------------------------------*/

#CalendarTable  {
	border-top: 1px solid #909090;
	border-right: 1px solid #909090;
	margin-top:8px;
	float: left;
}
#CalendarTable td {
	padding:5px;
	border-bottom: 1px solid #909090;
	border-left: 1px solid #909090;
	font-size: 0.75em;
}
div.tablerow {
	width: 99%;
	padding:4px 0px;
	float: left;
}
div.description {
	float: left;
	width: 25%;
	padding-top: 4px;
}
div.content {
	float: right;
	width: 74%;
}
span.EP-systemMessage {
	padding: 8px;
	border: 1px solid #CCCCCC;
	background-color: #E9E7CE;            
}
span.EP-systemMessage table {
	margin-bottom: 10px;
}



#ContentSpacer a {
	text-decoration: none;
}



/* CalendarEvent */
.calendarevent_time { float:left; margin-right:30px; }
.calendarevent_eventtype { float:left; }
.CalendarPlace { float:left; margin-top:15px; clear:both; }



.WeekSelect {
	margin: 0px;
	padding: 0px;
	float: left;
}

.WeekSelect a {
	text-decoration: none;
}

.WeekSelect li {
	display:inline;
	padding-right: 15px;
}
.WeekSelect li img {
	vertical-align: text-top;
}
.FieldsetHeading {
	color: #000000;
	font-weight: bold;
}
.FieldSet {
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.descriptionLong {
	float: left;
	width: 45%;
	padding-top: 4px;
}
.contentNarrow {
	float: left;
	width: 45%;
}
.FieldSetHolder {
	padding: 4px;
	margin-bottom: 8px;
}
.FieldSetHolder input, select {
	font-size:0.95em;
}
.contentSpace {
	padding-top: 4px;
	padding-bottom: 4px;
}
.PrintHolder {
	float: right;
}
.PrintHolder img {
	vertical-align: text-top;
}

.WeekShow {
	margin: 10px 0px 0px 0px;
	padding-top: 4px;
	padding-bottom: 8px;
	font-size: 1.2em;
	float: left;
	width: 100%;
}


.EventList {
	margin:  2px 0px 0px 0px;
	padding: 3px 3px 3px 0px;
	float: left;
	width: 100%;
/*	font-size: 0.9em; */
}

.EventList li {
	list-style-type:none;
	display: block;
	padding-bottom: 4px;

}

.EventList .DayHeading {
	background-color: #eeede5;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 4px;
}

.EventList a {
	text-decoration: none;
}


.LeftFloatHolder {
	float:left;
	padding-right: 10px;
}

/* ASP.NET kalender */
.selectedDateCell {
    cursor:pointer;	
    font: normal 10px verdana;
    height:15px; 
    width:15px; 
    border:solid 1px red;
    background-color: #ccccff;
}
.selectedDateCellActive 
{
    cursor:pointer;	
    font: normal 10px verdana;
    font-weight: bold;
    height:15px; 
    width:15px; 
    border:solid 1px red;
    background-color: #ccccff;
}	
.dateCellInactive 
{
    font: normal 10px verdana; 
    height:15px; 
    width:15px; 
    background-color:#FFFFFF;}
	
.dateCellOtherMonth {
    font: normal 10px verdana;	
    height:15px; 
    width:15px;
    color: silver;
}
.weekendCell 
{
    font: normal 10px verdana;	
    height:15px; width:15px; 
    background-color:#EEEEEE;
}
.dateCellActive
{
    font: normal 10px verdana;	
    font-weight: bold;
    height:15px; 
    width:15px;
}
.dayHeader 
{
    font: normal 10px verdana;	
    background-color: #FFFFFF; 
    height:15px;	
    width:15px;	
    color:#666666;	
    border-bottom:solid 1px #000000;
}
.weekHeader 
{
    font: normal 10px verdana;	
    background-color: #FFFFFF; 
    height:15px;	
    width:15px;	
    color:#666666;	
    border-right:solid 1px #000000;
}
.OverflowHolder {
	width: 100%;
	border: 1px solid #CCCCCC;
	overflow: auto;
	height: 350px;
	padding-right: 2px;
	padding-left: 2px;
	margin-top: 4px;
	float: left;
}
.InfoLine {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 8px;
	margin-bottom: 12px;
}

/* ----------------------- Extern calendar ------------------------------*/






/* ----------------------- Print ----------------------------------------*/ 

@media print {

/*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: bold; }
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-top:50px; width:30%; margin-bottom:25px; border-width:0; } /* float: left;  margin-left:-7px; */
#SearchBox { display: none; }
#Login  { display: none; }

.LoginLink { 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; } 

/* FOOTER */
.footer { margin:40px 0px 0px 0px; }
.footer .col_left, .col_right {display: none; }

/* 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; }

}

/* ----------------------- Print ----------------------------------------*/ 









/* ------------------------------ External calendarprint ---------------------- */

@media print {

#CalendarTable  {
	border-top: 1px solid #909090;
	border-right: 1px solid #909090;
	margin-top:8px;
	float: left;
}
#CalendarTable td {
	padding:5px;
	border-bottom: 1px solid #909090;
	border-left: 1px solid #909090;
	font-size: 0.75em;
}
div.tablerow {
	width: 99%;
	padding:4px 0px;
	float: left;
}
div.description {
	float: left;
	width: 25%;
	padding-top: 4px;
}
div.content {
	float: right;
	width: 74%;
}
span.EP-systemMessage {
	padding: 8px;
	border: 1px solid #CCCCCC;
	background-color: #E9E7CE;            
}
span.EP-systemMessage table {
	margin-bottom: 10px;
}
.WeekSelect {
	display: none;
}
.WeekSelect li {
	display:inline;
	padding-right: 15px;
}
.WeekSelect li img {
	vertical-align: text-top;
}
.FieldsetHeading {
	color: #000000;
	font-weight: bold;
}
.FieldSet {
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.descriptionLong {
	float: left;
	width: 45%;
	padding-top: 4px;
}
.contentNarrow {
	float: left;
	width: 45%;
}
.FieldSetHolder {
	padding: 4px;
	margin-bottom: 8px;
}
.FieldSetHolder input, select {
	font-size:0.95em;
}
.contentSpace {
	padding-top: 4px;
	padding-bottom: 4px;
}
.PrintHolder {
	float: right;
	display: none;
}
.PrintHolder img {
	vertical-align: text-top;
}
.WeekShow {
	padding-top: 4px;
	padding-bottom: 8px;
	float: left;
	width: 100%;
}
.EventList {
	margin: 0px;
	padding: 3px;
	float: left;
	width: 100%;
}
.EventList li {
	list-style-type:none;
	display: block;
	margin-bottom: 4px;
	padding-bottom: 4px;
}
.EventList .DayHeading {
	background-color: #E1E1E1;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
.LeftFloatHolder {
	float:left;
	padding-right: 10px;
}

/* ASP.NET kalender */
.selectedDateCell {
/* cursor:pointer;	*/
    font: normal 10px verdana;
    height:15px; 
    width:15px; 
    border:solid 1px red;
    background-color: #ccccff;
}
.selectedDateCellActive {
/* cursor:pointer;	*/
    font: normal 10px verdana;
    font-weight: bold;
    height:15px; 
    width:15px; 
    border:solid 1px red;
    background-color: #ccccff;
}
.dateCellInactive {
    font: normal 10px verdana; 
    height:15px; 
    width:15px; 
    background-color:#FFFFFF;}
	
.dateCellOtherMonth {
    font: normal 10px verdana;	
    height:15px; 
    width:15px;
    color: silver;
}
.weekendCell 
{
    font: normal 10px verdana;	
    height:15px; width:15px; 
    background-color:#EEEEEE;
}
.dateCellActive
{
    font: normal 10px verdana;	
    font-weight: bold;
    height:15px; 
    width:15px;
}
.dayHeader 
{
    font: normal 10px verdana;	
    background-color: #FFFFFF; 
    height:15px;	
    width:15px;	
    color:#666666;	
    border-bottom:solid 1px #000000;
}
.weekHeader 
{
    font: normal 10px verdana;	
    background-color: #FFFFFF; 
    height:15px;	
    width:15px;	
    color:#666666;	
    border-right:solid 1px #000000;
}
/* 
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #FFFFFF;
}
*/
.InfoLine {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 4px;
	margin-bottom: 8px;
}
#PageName {
	float: none;
	font-size: 175%;
	font-weight: bold;
}
P{
	margin: 0px;
	padding: 0px;
}
P.Heading {
	font-weight:bold;
}
P.NewsDate {
	padding-top:10px;
}

/* P.Content { } */

.SearchShow {
	padding-top: 4px;
	padding-bottom: 4px;
}


}

/* ------------------------------ External calendarprint ---------------------- */






/* ------------------- Supersize 2 ------------------- */ 
body { padding:0 0 0 0; }

#supersize {
z-index: -100;
min-height: 100%;
min-width: 100%;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
}

#supersize img {
z-index: -100;
min-height: 100%;
min-width: 100%;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
}

@media screen and (max-width: 440px) {
#supersizeContainer { height:0%!important; display:none!important; }
#supersize{ height:0%!important; display:none!important; }
}

/* LOADING */
/* #loading { position: absolute; top: 49.5%;  left: 49.5%; z-index: 4000; width: 100px;  height: 100px; text-indent: -999em; background-image: url(images/progress.gif); } */

/* BGIMAGES CONTAINER */
/* #supersizeContainer { z-index: -100; overflow: hidden; display: block; margin:0; padding:0; height: 100%; }
#supersize{ position:fixed; z-index: -10; overflow: hidden; padding: 0; height: 100%; }
#supersize img, #supersize a{ height:100%; width:100%; position:absolute; z-index: 0; margin: 0; }
#supersize .prevslide, #supersize .prevslide img{ z-index: 1; }
#supersize .activeslide, #supersize .activeslide img{ z-index: 2; } */

/* CONTROLS */
/* #supercontent { position: fixed;  left: 10px;  bottom:40px; height:75px; width: 99%; z-index: 3999; display: none; }
#contentframe{ overflow: hidden; background:#fff; height: 100%; text-align:left; z-index: 3999; width: 400px; margin: 0 auto; } */

/* THUMBS FOR FIRST PAGE */
/* ul#BgThumbNav { float: left; margin: 0; padding: 0; }
#BgThumbNav li { float: left; margin: 10px 5px; list-style: none; } */

/* ------------------- Supersize 2 ------------------- */