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

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-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;}
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; }
h3 {font-size:1.37em; line-height:1.41em; 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 }
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;}

fieldset { }

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



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




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

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




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

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



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


/* HEADER */
#Header {width: 100%; height: 79px; } /* margin: 0px auto; */  /*  1200px      position: relative; */
#Header #Logo {padding: 11px; float: left; width: 188px; background:#fff; }
/* #Header #Logo img {margin: 11px; width: 188px; } */

/* NAVIGERING */
#Nav {font-size: 1.3em; background: #fff; height: 48px; margin: 0 0 0 30px; float: left; font-weight:bold; width: 740px; }  /* font-family:eurostile-bold, Helvetica, Arial, sans-serif; */
#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 */



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

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



/* LOGIN */
.Login { background:#FFFFFF; } 
.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; }



/* INNEHÅLL */
#Content {margin-top: 10px; z-index: 100; }
#Content #ContentSpacer {margin: 30px; }
#Content p.ingress {font-size: 1.2em; line-height: 1.4em; margin-bottom: 15px; margin-top:10px; }
#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 */
.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 HÖGER SPALT */
#ContentLeft .box {background: #fff; border: 1px solid #fff; margin: 0 0 15px; overflow:hidden; }
#ContentRight .box {background: #fff; border: 1px solid #fff; margin: 0 0 15px; }
#ContentLeft .box p {margin: 15px; }
#ContentRight .box p { }  /* margin: 0px; */
#ContentRight .box {padding: 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, #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: 7px 8px 2px 0; }


/* VÄNSTER SPALT */
#ContentLeft {width:210px; float: left; }
#ContentLeft p.newsfeed a {font-weight: bold; }
#ContentLeft #ContactBox {font-size: 0.9em; }
#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 {margin: 0 0; float: right; width: 250px; }
#ContentRight.start {width: 210px; }
#ContentRight .ad {text-align: center; }
#ContentRight img {margin: 0px; }
#ContentRight h3 a {text-decoration:none;}


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


/* 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 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 { } /* background: url('../images/bg_raster.png'); */

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

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


/* STARTSIDA MITTENSPALT */
#ContentMainStart .contentMain {width:970px; }
#ContentMainStart {width:970px; } /* position: relative; */
#ContentMainStart .puff { float:left; margin-right:30px; margin-bottom:30px; padding:15px; background: #fff; line-height: 1.35em; } /* width: 175px; position: absolute; */
#ContentMainStart .puff img { } /* margin: 10px auto 0; margin-bottom: 8px; display: block; */
#ContentMainStart .puff p {margin: 5px 15px 10px; }
#ContentMainStart .puff a {line-height: 1.3em; } /* font-weight: bold; */
#ContentMainStart .puff a:hover { } /* font-weight: bold; */
#ContentMainStart  #Puff1 {  } /* top: 85px; left: 338px; */
#ContentMainStart  #Puff2 {  } /* top: 51px; left: 706px; */
#ContentMainStart  #Puff3 {  } /* top: 307px; left: 595px; */


/* 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: 460px; 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: 690px; }
#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:0px 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; }  /* h2 */
#ContentSearch .NewsListItem a {text-decoration: none; } /* color: #000; */




/* Extern startsida kalender */

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

/* 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:350px; float:left; }
#ADUserExtern .person_meta_row {width:370px; margin-bottom:15px; }
#ADUserExtern .person_meta_label {width:90px; font-weight:bold; float:left; }
#ADUserExtern .person_meta_info { width:260px; margin-left:90px; line-height:135%; }

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

/* 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: 15px; z-index: 100; position: relative; }

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

}




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

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

#Header {width:100%; height:94px;}  /* 955px */

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

#ContentRight { width: 690px; margin-top:20px; margin-right:50px; } /* float:left; margin-left:240px; */

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

}





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

#Container {width:625px; margin: 0 auto; padding:15px; }

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

#ContentProgram {width:400px; background:#fff; }

#ContentMainStart {width:390px; }
#ContentMainStart .puff {max-width:370px; float:left; margin-bottom:10px; padding:15px; background: #fff; line-height: 1.35em; }
#ContentMainStart .puff img { } /* margin-bottom:0px !important; */

.contentMain {margin:0 0 0 10px; float:left; width:400px; }
#Content #ContentSpacer {margin:13px; }
.contentMain img { max-width:370px; float:none !important; margin-left:0px !important; margin-bottom:0px; margin-right:100%; }

#ContentRight { width:400px; margin-top:10px; margin-right:5px; } /* float:left; margin-left:220px;  */

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

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

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


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



/* HEADER */
#Header {width:625px; height:86px; }
#SearchBox {margin-right:5px; margin-top:10px; margin-bottom:10px; }

/* NAVIGERING */
#Nav {font-size:1.2em; background:#fff; height:80px; width:400px; float:left; margin: 0 0 0 10px; }
#Nav ul {float: left; margin: 8px 4px 0px 4px; }
#Nav li {float: left; margin: 0 8px 8px 8px; list-style: none; }



/* 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 {width:250px; margin-bottom:15px; overflow:hidden; float:left; }
#ADUserExtern .person_meta_content_left {width:370px; }
#ADUserExtern .person_meta_row {width:340px; margin-bottom:15px; }
#ADUserExtern .person_meta_label {width:90px; font-weight:bold; float:left; }
#ADUserExtern .person_meta_info {width:260px; margin-left:90px; }

/* Katalogen Lista Extern */
#listUsersExtern .person_meta_content {width:340px; margin-bottom: 50px;}
#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:320px; float:left; }
#listUsersExtern .person_meta_row {width:320px; margin-bottom:5px; clear:left;}
#listUsersExtern .person_meta_name {font-weight:bold;}
#listUsersExtern .person_meta_label {width:80px; font-weight:bold; float:left; margin-bottom: 5px; }
#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 {width:80px; font-weight:bold; float:left; margin-bottom: 5px; }
#ContentSearch #listUsersExtern .person_meta_info {margin-left:80px; }

}




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

#Container {width:400px; margin: 0 auto; padding:5px 5px 485px 5px; z-index:100; overflow:hidden; }  /* 423 */

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

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

#ContentRight { float:left; margin-top:10px; } 

#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 15px 5px 13px; }



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

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

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

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

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

/* HEADER */
#Header #Logo {margin:0px; float:left; width: 94.5%; }
#Header {width:400px; height:94px;}
#SearchBox { float:left; margin-bottom:17px; width: 100%; }
.ess-searchbox { width: 80%; }
.ess-searchbutton { width: 15%; float:right; }


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


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

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

#ContentImagesLeft {margin-top:10px;}


/* 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 {max-width:75%; float:left; }


}




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

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

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

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

#ContentRight {max-width:100%; float:left; margin-top:10px; 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; }
#ContentMainStart img {  } /* max-width:92%; */

#ContentMainStart .puff { 
float:left; 
padding:13px; 
background: #fff; 
line-height: 1.35em; 
margin-right:0px;
max-width: 100%;
/* width:unset!important; */
width: 100% !important;
max-width: -moz-available;          /* WebKit-based browsers will ignore this. */
max-width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
max-width: fill-available;
} 


#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 #Logo {margin:0px; float:left; width: 94.5%; }
#Header { max-width:100% !important; height:auto !important;}
#SearchBox { clear:both; }

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

#Nav .language {margin-left:15px; }
#Nav a {color:#E30066; padding:4px 0px 2px; text-decoration:none; border-top:6px solid #fff; display:block; font-size:0.95em; }
#Nav li.current a, #Nav a:hover {border-color:#E30066; }


/* 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; margin-top:5px; margin-bottom:5px; margin-left:12px; 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; }

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

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

/* 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:95%; margin-bottom:10px; clear:left;}
#listUsersExtern .person_meta_name {font-weight:bold; clear:both;}
#listUsersExtern .person_meta_label {width:50px; font-weight:bold; float:left; margin-bottom:5px; }
#listUsersExtern .person_meta_info {max-width:75%;}


}



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

}



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

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


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


}