/*
 * File			: head.css
 * Date			: 2015-05-01
 * Author		: Dipl.-Ing. Jan Rademaker, M.A.
 * E-Mail		: jan.rademaker@th-owl.de
 */
@charset "UTF-8";

@media screen {

  /* -- H E A D (1) - L O G O -- */
  header {
    background: none repeat scroll 0 0 #fff;
    color: #000;
  }

  header div#imgslide {
    position: relative;
    width: 100%;
    height: auto;
  }

  header div#imgslide div-slider-wrapper {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
  }

  header div#imgslide h1 {
    position: absolute;
    left: 20px;
    top: 0px;
    z-index: 20;
    /*border: 				1px dotted #dc141d;*/
  }

  header div#imgslide form {
    position: absolute;
    right: 20px;
    bottom: 0px;
    z-index: 30;
    /*border: 				1px dotted #dc141d;*/
    background: #ffffff;
    padding: 5px;
  }

  header div#imgslide form ul {
    margin: 5px 0px 0px 5px;
  }

  header div {
    background: none repeat scroll 0 0 #fff;
    line-height: 1em;
    overflow: hidden;
    position: relative;
    width: 100%;
  }

  header div h1 {
    background: transparent;
    color: #fff;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    line-height: 0%;
    max-width: 250px;
    max-height: 100px;
    width: 100%;
    height: 100%;
    margin: 30px 35px 35px 35px;
  }

  header div h1 svg {
    width: 100%;
    height: 100%;
  }

  header div h1 a,
  header div h1 a:hover,
  header div h1 a:active,
  header div h1 a:visited,
  header div h1 a:focus {
    color: #ffffff;
    background-color: #ffffff;
  }

  /* -- H E A D (1) - S E R V I C E N A V -- */
  header div form {
    float: right;
  }

  header div ul {
    display: inline;
    float: right;
    margin: 15px 0px 0px 5px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    font-size: 70%;
    font-weight: normal;
  }

  header div ul li#li-langde,
  header div ul li#li-langen,
  header div ul li#li-youtube,
  header div ul li#li-faceb,
  header div ul li#li-igram,
  header div ul li#li-tweet,
  header div ul li#li-rssfeed,
  header div ul li#li-search,
  header div ul li#li-searchbox,
  header div ul li#li-pdfpage,
  header div ul li#li-printpage,
  header div ul li#li-intranet {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    display: inline;
    text-decoration: none;
  }

  header div ul li#li-searchbox {
    padding: 0px 10px 0px 0px;
    display: none;
  }

  header div ul li a,
  header div ul li a:hover,
  header div ul li a:link,
  header div ul li a:visited,
  header div ul li a:active {
    /*padding:				5px 0px 5px 18px;
     margin:					0px 5px 0px 0px;*/
    padding: 5px 0px 0px 15px;
    margin: 0px 5px 0px 0px;
    color: #000000;
    text-decoration: none;
    height: 8px;
    border: 1px dotted #ffffff;
  }

  header div ul li#li-langde a,
  header div ul li#li-langde a:hover,
  header div ul li#li-langde a:active,
  header div ul li#li-langen a,
  header div ul li#li-langen a:hover,
  header div ul li#li-langen a:active {
    /*padding:				5px 0px 5px 27px;
     margin:					0px 5px 0px 0px;*/
    padding: 5px 0px 0px 25px;
    margin: 0px 5px 0px 0px;
  }

  header div ul li#li-langde a {
    background: url(../pics/head-icons-altnav/sprites.gif) no-repeat -3px 0px;
    width: 25px;
    height: 16px;
  }

  header div ul li#li-langen a {
    background: url(../pics/head-icons-altnav/sprites.gif) no-repeat -31px 0px;
    width: 25px;
    height: 16px;
  }

  header div ul li#li-youtube a {
    background: url(../pics/head-icons-altnav/sprites.gif) no-repeat -59px 0px;
    width: 15px;
    height: 15px;
  }

  header div ul li#li-faceb a {
    background: url(../pics/head-icons-altnav/sprites.gif) no-repeat -77px 0px;
    width: 15px;
    height: 15px;
  }

  /*header div ul li#li-igram a   {
     background: 			url(../pics/head-icons-altnav/icon-igram.png) no-repeat 0px 0px;
     width:					15px;
     height: 				15px;
   }*/
  header div ul li#li-tweet a {
    background: url(../pics/head-icons-altnav/sprites.gif) no-repeat -95px 0px;
    width: 15px;
    height: 15px;
  }

  header div ul li#li-rssfeed a {
    background: url(../pics/head-icons-altnav/sprites.gif) no-repeat -113px 0px;
    width: 15px;
    height: 15px;
  }

  header div ul li#li-pdfpage a {
    background: url(../pics/head-icons-altnav/sprites.gif) no-repeat -131px 0px;
    width: 15px;
    height: 15px;
  }

  header div ul li#li-printpage a {
    background: url(../pics/head-icons-altnav/sprites.gif) no-repeat -149px 0px;
    width: 15px;
    height: 15px;
  }

  header div ul li#li-search a {
    background: url(../pics/head-icons-altnav/sprites.gif) no-repeat -167px 0px;
    width: 15px;
    height: 15px;
  }

  /*header div ul li#li-searchbox a   {
     background: 			url(../pics/head-icons-altnav/sprites.gif) no-repeat -167px 0px;
     width:					15px;
     height: 				15px;
   }*/
  header div ul li#li-intranet a {
    background: url(../pics/head-icons-altnav/sprites.gif) no-repeat -185px 0px;
    width: 15px;
    height: 15px;
  }

  /*header div ul li#li-langde a    { background: url(../pics/head-icons-altnav/icon-flag-en.gif) no-repeat 0px 0px; }*/
  /*header div ul li#li-langen a    { background: url(../pics/head-icons-altnav/icon-flag-de.gif) no-repeat 0px 0px; }*/
  /*header div ul li#li-youtube a   { background: url(../pics/head-icons-altnav/icon-youtube.gif) no-repeat 0px 0px; }*/
  /*header div ul li#li-faceb a     { background: url(../pics/head-icons-altnav/icon-facebook.gif) no-repeat 0px 0px; }*/
  header div ul li#li-igram a {
    background: url(../pics/head-icons-altnav/icon-igram.png) no-repeat 0px 0px;
  }

  /*header div ul li#li-tweet a     { background: url(../pics/head-icons-altnav/icon-tweet.gif) no-repeat 0px 0px; }*/
  /*header div ul li#li-rssfeed a   { background: url(../pics/head-icons-altnav/icon-rss.gif) no-repeat 0px 0px; }*/
  /*header div ul li#li-pdfpage a   { background: url(../pics/head-icons-altnav/icon-pdf.gif) no-repeat 0px 0px; }*/
  /*header div ul li#li-printpage a { background: url(../pics/head-icons-altnav/icon-print.gif) no-repeat 0px 0px; }*/
  /*header div ul li#li-search a    { background: url(../pics/head-icons-altnav/icon-search.gif) no-repeat 0px 0px; }*/
  /*header div ul li#li-searchbox a { background: url(../pics/head-icons-altnav/icon-search.gif) no-repeat 0px 0px; }*/
  /*header div ul li#li-intranet a  { background: url(../pics/head-icons-altnav/icon-login.gif) no-repeat 0px 0px; }*/

  header div ul li#li-langde a:focus,
  header div ul li#li-langen a:focus,
  header div ul li#li-youtube a:focus,
  header div ul li#li-faceb a:focus,
  header div ul li#li-igram a:focus,
  header div ul li#li-tweet a:focus,
  header div ul li#li-rssfeed a:focus,
  header div ul li#li-pdfpage a:focus,
  header div ul li#li-search a:focus,
  header div ul li#li-searchbox a:focus,
  header div ul li#li-printpage a:focus,
  header div ul li#li-intranet a:focus {
    border: 1px dotted #5a5a5a;
  }

  header div ul li#li-searchbox a,
  header div ul li#li-searchbox a:hover,
  header div ul li#li-searchbox a:active {
    padding: 0px 0px 5px 17px;
    margin: 0px 0px 0px 0px;
  }

  header div ul li#li-searchbox a input {
    margin: 0;
    padding: 0;
  }

  /* -- H E A D (2) - C O N T A I N E R N A V -- */
  #nav {
    background: none repeat scroll 0 0 #dc131d;
    width: 100%;
    /*height:				42px;*/
  }

  #nav div#nohnav {
    width: 100%;
    height: 28px;
  }

  #nav div {
    background: none repeat scroll 0 0 #dc131d;
    line-height: 1em;
    overflow: hidden;
    position: relative;
    width: 100%;
  }

  #nav div ul {
    display: inline;
    float: left;
    margin: 0px;
    /*padding: 				0.5em 1.5em 0.5em 16.5em;*/
    padding: 0em 0em 0em 16.5em;
  }

  #nav div ul li {
    display: inline;
    float: left;
    font-size: 1em;
    line-height: 1;
    list-style-type: none;
    margin: 0 0.25em 0 0;
    padding: 0px 0px 0px 12px;
    background: url(../pics/head-horiznav/hauptmenue-pfeil-rot-weiss.gif) no-repeat 0 7px;
    /*background: 			url(../pics/head-icons-altnav/sprites.gif) no-repeat -188px -15px;*/
  }

  #nav div ul li.hsowlback {
    background: url(../pics/icons/icon-pfeil-zurueck.gif) no-repeat 0 6px;
  }

  #nav div ul li a,
  #nav div ul li strong {
    background: none repeat scroll 0 0 transparent;
    color: #fff;
    display: block;
    font-size: 1em;
    font-weight: normal;
    line-height: 2em;
    padding: 0 0.5em;
    text-decoration: none;
    /*text-shadow: 			2px 2px 1px rgba(96, 96, 96, 1.0);*/
    width: auto;
  }

  #nav div ul li.hact a,
  #nav div ul li a:focus,
  #nav div ul li a:active,
  #nav div ul li a:hover,
  #nav div ul li strong {
    background: none repeat scroll 0 0 transparent;
    color: #969696;
    text-decoration: none;
    /*text-shadow: 			2px 2px 1px rgba(60, 60, 60, 1.0);*/
  }
}

/* Ende Screen */

/* Viewport-Hack 1 for MSIE 11 : Servicenavigation-Korrektur */
@media screen and (-ms-high-contrast:none) {
  header div ul {
    margin: 20px 0px 0px 5px;
  }
}

/* Ende Viewport-Hack 1 */

/* Seamless Fluid Transition : Container-Navigation wander nach rechts */
@media screen and (max-width: 1080px) {
  #nav div ul {
    padding: 0.5em 1.5em 0.5em 15.5em;
  }
}

@media screen and (max-width: 1040px) {
  #nav div ul {
    padding: 0.5em 1.5em 0.5em 15em;
  }
}

@media screen and (max-width: 1000px) {
  #nav div ul {
    padding: 0.5em 1.5em 0.5em 14.5em;
  }
}

@media screen and (max-width: 980px) {
  #nav div ul {
    padding: 0.5em 1.5em 0.5em 14em;
  }
}

@media screen and (max-width: 920px) {
  #nav div ul {
    padding: 0.5em 1.5em 0.5em 13.5em;
  }
}

@media screen and (max-width: 880px) {
  #nav div ul {
    padding: 0.5em 1.5em 0.5em 13em;
  }
}

@media screen and (max-width: 840px) {
  #nav div ul {
    padding: 0.5em 1.5em 0.5em 12.5em;
  }
}

@media screen and (max-width: 800px) {
  #nav div ul {
    padding: 0.5em 1.5em 0.5em 12em;
  }
}

@media screen and (max-width: 760px) {
  #nav div ul {
    padding: 0.5em 1.5em 0.5em 11.5em;
  }
}

/* Reset fallback values in modern browsers */
/* Viewport 0.5 : ??? Erst mal deaktiviert durch mmain ??? */
/* Viewport 1 : SnapIn */
/* Viewport 2 : Rechte Spalte kleiner (200->150) */
/* Viewport 3 : Rechte Spalte raus! */

/* Viewport 4 : Container-Navigation viertelt sich */
@media screen and (max-width: 600px) {

  /* -- H E A D (1) - L O G O -- */
  header {
    padding: 0px 0px 0px 0px;
  }

  header div h1 {
    max-width: 175px;
    margin: 10px 15px 15px 15px;
  }

  /* -- H E A D (1) - S E R V I C E N A V -- */
  /*header div ul {
       padding: 			10px 0px 0px 5px;
     display: 			inline;
     float: 				left;
     }*/
  /* -- H E A D (2) - C O N T A I N E R N A V -- */
  #nav {
    height: 28px;
  }

  /* -- H E A D (2) - C O N T A I N E R N A V -- */
  #nav div ul {
    padding: 0;
    /*.5em 0em;*/
    margin: 0px 0px 0px 0px;
    width: 100%;
  }

  #nav div ul li {
    background: none repeat scroll 0 0 #dc131d;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 25%;
    text-align: center;
  }

  #nav div ul li a {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
  }
}

/* Ende Viewport 4 */

/* Viewport 5 : News-Bilder kleiner ueber CSS */

/* Viewport 6 : Smartphone View */
@media screen and (max-width: 480px) {

  /* -- H E A D (2) - C O N T A I N E R N A V -- */
  #nav {
    height: auto;
  }

  /* -- H E A D (1) - L O G O -- */
  header {
    padding: 0px 0px 0px 0px;
  }

  header div h1 {
    clear: both;
    width: 100%;
    text-align: left;
    /* center */
  }

  /* -- H E A D (1) - S E R V I C E N A V -- */
  header div form {
    float: left;
    margin-left: 5px;
  }

  header div ul {
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

  header div ul li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

  /* -- H E A D (2) - C O N T A I N E R N A V -- */
  #nav div ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
  }

  #nav div ul li {
    background: none repeat scroll 0 0 #dc131d;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    /*width: 				50%;*/
    width: 25%;
    font-size: 80%;
    text-align: center;
  }

  #nav div ul li a {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
  }

}

/* Ende Viewport 5 */

/* Viewport-Hack 2 for MSIE 11 : Servicenavigation-Korrektur */
@media screen and (-ms-high-contrast:none) and (max-width: 480px) {
  header div ul {
    margin: 15px 0px 5px 0px;
  }
}

/* Ende Viewport-Hack 2 */