@media (max-width: 979px) {
  /*	Standing ipad	*/
  body {
    font-size: 12px;
    line-height: 16px; }
    body h1,
    body .startpagebox ul#news h2,
    body .teaser ul#news h2 {
      font-size: 20px;
      line-height: 24px; }
    body h2 {
      font-size: 17px;
      line-height: 19px; }
    body h3,
    body .startpagebox ul#shortcuts li a,
    body .teaser ul#shortcuts li a,
    body .startpagebox.teaser h3,
    body .teaser.teaser h3 {
      font-size: 15px; }
    body .boxHead {
      font-size: 12px; }
    body .startpagebox ul#shortcuts li a,
    body .teaser ul#shortcuts li a {
      line-height: 19px; }
    body #topimage img {
      max-width: 215px; }
    body .span3 {
      font-size: 11px;
      line-height: 14px; }
      body .span3 h2 {
        font-size: 14px;
        line-height: 18px; }
      body .span3 h3,
      body .span3 .startpagebox ul#shortcuts li a,
      body .span3 .teaser ul#shortcuts li a,
      body .span3 .startpagebox.teaser h3,
      body .span3 .teaser h3 {
        font-size: 12px;
        line-height: 14px; }

  body {
    /*background: lime;*/ } }
@media (max-width: 767px) {
  /*	Phone	*/
  body {
    padding: 0px 10px; }

  #head {
    margin: 0 -10px;
    padding: 0 10px; }
    #head #logo {
      margin: 10px 0px 40px; }
    #head .meta {
      position: relative; }
      #head .meta .lang {
        display: none; }
      #head .meta .social {
        bottom: 0;
        margin-bottom: 5px;
        overflow: hidden;
        text-indent: -99999px;
        right: 0px;
        width: 60px; }
        #head .meta .social a {
          margin-left: 3px; }
    #head .mobileButton {
      display: inline-block; }
    #head #mobileButtons {
      border-bottom: 1px solid #000;
      border-top: 2px solid #000;
      display: block;
      margin: 0 -10px;
      padding: 0 10px; }
    #head #menu {
      border: none;
      border-bottom: 1px solid #000;
      margin: 0 -10px;
      padding: 0;
      position: relative; }
      #head #menu .btn-navbar {
        display: block; }
      #head #menu ul {
        padding: 0 0 5px; }
        #head #menu ul li {
          border-radius: 5px;
          -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          float: none;
          margin-top: 5px; }
          #head #menu ul li a {
            display: block;
            padding: 10px 5px; }
          #head #menu ul li.active {
            background: #b22025; }
            #head #menu ul li.active a {
              background: none; }
      #head #menu .nav-collapse {
        margin: 0 -10px; }
      #head #menu .nav,
      #head #menu .menu,
      #head #menu .search,
      #head #menu .lang,
      #head #menu .mobLang {
        display: none;
        background: #b22025;
        background: #650800;
        border-top: solid 1px #000;
        margin: 0;
        padding: 5px 10px; }
      #head #menu .lang a,
      #head #menu .lang a:hover,
      #head #menu .lang .active a,
      #head #menu .mobLang a,
      #head #menu .mobLang a:hover,
      #head #menu .mobLang .active a {
        background-image: url(../Images/flag_se.png);
        background-position: 8px center;
        background-repeat: no-repeat;
        padding: 10px 5px 10px 35px; }
      #head #menu .lang .en a,
      #head #menu .lang .en a:hover,
      #head #menu .lang .active.en a,
      #head #menu .mobLang .en a,
      #head #menu .mobLang .en a:hover,
      #head #menu .mobLang .active.en a {
        background-image: url(../Images/flag_en.png); }

  #crumbs,
  #subMenu ul {
    display: none; }

  #subMenu select {
    display: block;
    margin: 10px 0 0;
    width: 100%; }

  .startpagebox ul#news img,
  .teaser ul#news img {
    float: left;
    margin: 0px 15px 15px 0; }

  /*.startpagebox ul#news a
  {
  	display: block;
  	text-align: center;
  }*/
  .startpagebox ul#news h2 a {
    text-align: left; }

  .startpagebox,
  #subContent .teaser {
    height: auto;
    margin: 10px 0 0; }

  .toprow .span3 .startpagebox,
  .toprow .span6 .startpagebox,
  .bottomrow .span3 .startpagebox,
  .bottomrow .span6 .startpagebox {
    height: auto; }
    .toprow .span3 .startpagebox li,
    .toprow .span3 .startpagebox li.first,
    .toprow .span3 .startpagebox .cal .event,
    .toprow .span3 .startpagebox #news li,
    .toprow .span6 .startpagebox li,
    .toprow .span6 .startpagebox li.first,
    .toprow .span6 .startpagebox .cal .event,
    .toprow .span6 .startpagebox #news li,
    .bottomrow .span3 .startpagebox li,
    .bottomrow .span3 .startpagebox li.first,
    .bottomrow .span3 .startpagebox .cal .event,
    .bottomrow .span3 .startpagebox #news li,
    .bottomrow .span6 .startpagebox li,
    .bottomrow .span6 .startpagebox li.first,
    .bottomrow .span6 .startpagebox .cal .event,
    .bottomrow .span6 .startpagebox #news li {
      height: auto; }
    .toprow .span3 .startpagebox .boxHead.subHead,
    .toprow .span6 .startpagebox .boxHead.subHead,
    .bottomrow .span3 .startpagebox .boxHead.subHead,
    .bottomrow .span6 .startpagebox .boxHead.subHead {
      margin-top: 40px; }

  #mainContent {
    margin: 10px 0 0; }
    #mainContent .contentHead .span5 {
      float: left; }
    #mainContent .inside .span5,
    #mainContent .inside .span2 {
      width: 100%; }
    #mainContent .inside .contentCol table,
    #mainContent .inside .contentCol table img {
      max-width: 100% !important; }
    #mainContent .inside .subCol .person {
      float: left;
      margin-right: 5%;
      width: 45%; }

  ul.contentList li,
  .contentList.persons li,
  ul.contentList.publication li,
  .eventbox.commingBox .event {
    width: auto; }

  ul.contentList {
    margin: 0; }

  ul.contentList.small li,
  ul.contentList.medium li,
  ul.contentList li,
  .contentList.persons li,
  ul.contentList.publication li,
  .eventbox.commingBox .event {
    display: block;
    float: none;
    height: auto;
    margin: 0 0 15px 0;
    padding: 0;
    width: 100%; }
    ul.contentList.small li p.boxHead,
    ul.contentList.medium li p.boxHead,
    ul.contentList li p.boxHead,
    .contentList.persons li p.boxHead,
    ul.contentList.publication li p.boxHead,
    .eventbox.commingBox .event p.boxHead {
      padding: 15px 15px 0; }
      ul.contentList.small li p.boxHead .arrow,
      ul.contentList.medium li p.boxHead .arrow,
      ul.contentList li p.boxHead .arrow,
      .contentList.persons li p.boxHead .arrow,
      ul.contentList.publication li p.boxHead .arrow,
      .eventbox.commingBox .event p.boxHead .arrow {
        right: 15px;
        top: 15px; }
    ul.contentList.small li .person,
    ul.contentList.small li p,
    ul.contentList.medium li .person,
    ul.contentList.medium li p,
    ul.contentList li .person,
    ul.contentList li p,
    .contentList.persons li .person,
    .contentList.persons li p,
    ul.contentList.publication li .person,
    ul.contentList.publication li p,
    .eventbox.commingBox .event .person,
    .eventbox.commingBox .event p {
      padding: 0 15px 15px; }

  .contentList.persons li p {
    padding: 0; }

  .eventbox.commingBox .event {
    margin-left: 15px;
    min-height: 85px;
    padding-left: 75px;
    width: auto; }
    .eventbox.commingBox .event p {
      padding: 15px 0 0; }

  ul.contentList.publication li {
    padding-bottom: 0px; }
    ul.contentList.publication li .media {
      bottom: auto;
      height: auto;
      left: auto;
      position: relative;
      right: auto;
      margin: 10px 2px 2px 2px; }
      ul.contentList.publication li .media p {
        padding: 0; }

  #head .search,
  #footer .search {
    /*display: block !important;*/
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    height: auto;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none; }
    #head .search input[type="text"],
    #footer .search input[type="text"] {
      width: 214px;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px; }
    #head .search input[type="button"],
    #head .search input[type="submit"],
    #footer .search input[type="button"],
    #footer .search input[type="submit"] {
      background: url("../Images/mobile_search.png") no-repeat scroll center center transparent;
      border: none;
      margin: 5px 10px;
      text-transform: uppercase;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px; }

  #footer {
    margin: 10px -10px 0;
    padding: 0 10px;
    position: relative; }
    #footer .menu {
      margin-bottom: 10px;
      overflow: hidden; }
      #footer .menu li a {
        margin-bottom: 5px;
        margin-right: 5px;
        padding: 8px 10px 8px 0; }
    #footer .search {
      background: none;
      border: none; }
      #footer .search input[type="text"] {
        width: 80%; }
      #footer .search input[type="button"],
      #footer .search input[type="submit"] {
        height: 35px;
        line-height: 21px;
        margin: 0;
        top: 0; }

  #footerMeta {
    margin: 0 -10px;
    padding: 10px 10px 12px; }

  body h1,
  body .startpagebox ul#news h2,
  body .teaser ul#news h2 {
    font-size: 17px;
    line-height: 19px; }
  body h2,
  body .span3 h2 {
    font-size: 16px;
    line-height: 18px; }
  body h3,
  body .startpagebox ul#shortcuts li a,
  body .teaser ul#shortcuts li a,
  body .span3 h3,
  body .span3 .startpagebox ul#shortcuts li a,
  body .span3 .teaser ul#shortcuts li a,
  body .span3 .startpagebox.teaser h3,
  body .span3 .teaser h3 {
    font-size: 14px; }
  body .span3 {
    font-size: 12px;
    line-height: 16px; }
  body #topimage {
    display: none; }

  body {
    /*background: pink;*/ } }
@media (min-width: 768px) and (max-width: 979px) {
  #head #topimage {
    width: 215px; }
  #head .meta .lang {
    /*float: right;*/
    margin-top: 10px;
    width: 241px; }
  #head .meta .social {
    bottom: 46px;
    /**/ }
  #head #menu {
    overflow: visible;
    position: relative; }
    #head #menu ul {
      width: 100%; }
    #head #menu .search {
      position: absolute;
      right: 0;
      top: -66px; }

  .search {
    width: 240px; }
    .search input[type="text"] {
      width: 190px; }

  .event,
  .startpagebox.cal li.event,
  .teaser.cal li.event {
    padding: 10px 0; }
    .event .date,
    .startpagebox.cal li.event .date,
    .teaser.cal li.event .date {
      min-height: 66px;
      /*background: none;*/
      height: auto;
      left: auto;
      min-height: auto;
      overflow: hidden;
      /*padding: 0;*/
      position: relative;
      top: auto;
      /*width: 100%;*/
      width: 64px;
      /*div
      {
      	color: #fff;
      	float: left;
      	font-size: 14px;
      	line-height: 17px;
      	margin-right: 5px;
      }*/ }
    .event.first,
    .startpagebox.cal li.event.first,
    .teaser.cal li.event.first {
      background-image: none;
      padding: 10px 15px; }
      .event.first .date,
      .startpagebox.cal li.event.first .date,
      .teaser.cal li.event.first .date {
        left: 0; }

  #subMenu {
    width: 179px; }

  #mainContent {
    width: 525px; }
    #mainContent.span7 {
      width: 339px; }
    #mainContent .inside .contentHead .span5 {
      float: left;
      width: auto; }
    #mainContent .inside .contentHead h1 {
      clear: both;
      float: none;
      margin-top: 40px; }
    #mainContent .inside .span5,
    #mainContent .inside .span2 {
      margin: 10px 0 0 0;
      width: 100%; }
    #mainContent .inside .contentCol table {
      max-width: 309px !important; }
      #mainContent .inside .contentCol table img {
        max-width: 309px !important; }

  .event.first .date,
  .startpagebox.cal li.event.first .date,
  .teaser.cal li.event.first .date,
  .event .date .month,
  .event .date .day {
    /*font-size: 14px;
    left: auto;
    line-height: 17px;
    top: auto;*/ }

  .eventbox.next h1 {
    margin-top: 0px; }

  .eventbox.commingBox .event {
    height: 300px;
    overflow: hidden;
    width: 143px; }

  #footer .row {
    position: relative; }
    #footer .row .menu {
      width: 100%; }
      #footer .row .menu a {
        padding-left: 0; }
    #footer .row .span3 {
      float: right; }
    #footer .row .search {
      position: absolute;
      left: 0px;
      top: 40px; }

  body {
    /*background: black;*/ } }
@media (min-width: 980px) and (max-width: 1199px) {
  #head #topimage {
    width: 350px; }
  #head .meta.span3 {
    width: 270px;
    margin-left: 0px; }
    #head .meta.span3 ul.span3 {
      width: 270px; }

  body {
    /*background: blue;*/ } }
@media (max-width: 480px) {
  body {
    /*background: orange;*/ } }
@media (min-width: 1200px) {
  .search input[type="text"] {
    width: 219px; }

  #head #menu li a,
  #footer #menu li a {
    padding: 20px 15px; }

  #mainContent .inside .span5 {
    width: 455px; }
  #mainContent .inside .span2 {
    width: 155px; }
  #mainContent .inside .contentCol table {
    max-width: 640px !important; }
    #mainContent .inside .contentCol table img {
      max-width: 640px !important; }

  ul.contentList li {
    height: 215px; }
  ul.contentList.small li {
    height: 28px; }
  ul.contentList.medium li {
    height: 134px; }
  ul.contentList.publication li {
    height: 135px;
    padding-bottom: 130px; }
    ul.contentList.publication li .media {
      height: 90px; }
  ul.contentList.persons li {
    height: 330px; }

  .eventbox.commingBox .event {
    height: 200px; }

  body {
    /*background: red;*/ } }