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

@media screen {

  /* Hacks & Co */
  .tx-yag-item-meta:after,
  .tx-yag-navigation-clearer:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* Hides from IE-mac \*/
  * html .clearfix {
    height: 1%;
  }

  /* General */
  .tx-yag-adminLinkSection {
    width: 100%;
    border-top: 1px solid #aaa;
    margin-top: 50px
  }

  .tx-yag-gallery-confirmation {
    background-color: #FBF6DE;
    background-image: url("/typo3/sysext/t3skin/icons/gfx/notice.png");
    border-color: #B1905C;
    color: #9E7D4A;
  }

  .tx-yag-gallery-confirmation a {
    color: #9E7D4A;
  }

  .tx-yag-thumb-outerframe {
    float: left;
    display: block;
  }

  /* Frontend Editing */
  .form-actions {
    padding: 17px 20px 18px;
    margin-top: 18px;
    margin-bottom: 18px;
    background-color: #EEE;
    border-top: 1px solid #DDD;
  }

  /* Messages */
  #yag-error-header {
    padding-bottom: 5px;
    color: #505050;
  }

  .typo3-message {
    background-position: 10px 12px;
    background-repeat: no-repeat;
    border: 1px solid;
    padding: 12px 12px 12px 36px;
  }

  .typo3-message a {
    text-decoration: underline;
  }

  .typo3-message .message-header {
    font-size: 11px;
    font-weight: bold;
  }

  .message-notice {
    background-color: #F6F7FA;
    background-image: url("/typo3/sysext/t3skin/icons/gfx/notice.png");
    border-color: #C2CBCF;
    color: #777777;
  }

  .message-notice a {
    color: #777777;
  }

  .message-information {
    background-color: #EAF7FF;
    background-image: url("/typo3/sysext/t3skin/icons/gfx/information.png");
    border-color: #C5DBE6;
    color: #4C73A1;
  }

  .message-information a {
    color: #4C73A1;
  }

  .message-ok {
    background-color: #CDEACA;
    background-image: url("/typo3/sysext/t3skin/icons/gfx/ok.png");
    border-color: #58B548;
    color: #3B7826;
  }

  .message-ok a {
    color: #3B7826;
  }

  .message-warning {
    background-color: #FBF6DE;
    background-image: url("/typo3/sysext/t3skin/icons/gfx/warning.png");
    border-color: #B1905C;
    color: #9E7D4A;
  }

  .message-warning a {
    color: #9E7D4A;
  }

  .message-error {
    background-color: #F6D3CF;
    background-image: url("/typo3/sysext/t3skin/icons/gfx/error.png");
    border-color: #D66C68;
    color: #AA0225;
  }

  .message-error a {
    color: #AA0225;
  }

  #yag-error-messagecontainer {
    padding-bottom: 10px;
  }

  /* Breadcrumbs */
  .tx-yag-breadcrumbcomtainer {
    border-top: none;
    border-bottom: none;
    margin: 3px 0 7px 0;
    padding: 5px 0 5px 0;
  }

  .tx-yag-breadcrumb {
    color: Black;
  }

  /* Gallery */
  .yag-gallery ul {
    margin: 0;
  }

  .tx-yag-gallery-itemcount {
    margin-top: 3px;
    font-size: 0.8em;
    color: #505050;
  }

  .tx-yag-gallery-albumcaption {
    font-size: 1.4em;
  }

  .tx-yag-gallery-albuminfo {
    overflow: hidden;
  }

  .tx-yag-gallery-albumdescription {
    padding-top: 10px;
  }

  .tx-yag-gallery-gallerydescription {
    padding-top: 10px;
  }

  .tx-yag-gallery-thumb-outerframe {
    height: 200px;
  }

  .tx-yag-gallery-thumb-innerframe {
    float: left;
    display: block;
  }

  .tx-yag-gallery-albumcount {
    font-size: 0.8em;
    color: #505050;
  }

  .tx-yag-gallery-gallerycaption {
    font-size: 1.4em;
  }

  .tx-yag-gallery-galleryinfo {
    padding-left: 10px;
    float: left;
    width: 50%;
  }

  /* Album */
  .tx-yag-album-thumb-innerframe {
    float: left;
  }

  .tx-yag-album-thumb-outerframe {
    height: 200px;
  }

  .tx-yag-thumb-caption {
    font-size: 10px;
    color: #808080;
  }

  .tx-yag-pager {
    text-align: center;
    font-size: 11px;
  }

  .tx-yag-pager a {
    color: #808080;
    text-decoration: none;
  }

  .tx-yag-pager a:hover {
    color: #808080;
    text-decoration: underline;
  }

  /* ItemList */
  .tx-yag-item-thumb-outerframe {
    height: 200px;
  }

  /* Item */
  .tx-yag-singleview {
    text-align: center;
  }

  .tx-yag-single-download {
    margin-top: 5px;
  }

  .tx-yag-item-share {
    padding: 10px;
    clear: both;
    float: left;
    width: 100%;
  }

  .social_share_privacy_area {
    margin: 0 auto;
    list-style-type: none;
    float: left;
    position: relative;
    left: 50%;
  }

  .social_share_privacy_area li {
    float: left;
    position: relative;
    right: 50%;
  }

  .tx-yag-item-meta {
    font-size: 0.8em;
    padding: 10px;
    margin-top: 5px;
    -moz-border-radius: 3px 3px 3px 3px;
    background-color: #F3F3F3;
    border: 1px solid #DDDDDD;
    clear: both;
  }

  .tx-yag-item-meta-left,
  .tx-yag-item-meta-right {
    float: left;
    display: block;
    width: 50%;
  }

  .tx-yag-item-meta dl dt {
    clear: left;
    float: left;
    margin: 0 15px 0 0;
    padding: 3px 0 0;
    text-align: right;
    width: 120px;
  }

  .tx-yag-item-meta dl dd {
    margin: 0 0 0 20px;
    padding: 3px 0 0;
    float: left;
  }

  .tx-yag-navigator {
    margin: 15px 0 5px 0;
    width: 100%;
  }

  .tx-yag-previous {
    float: left;
    width: 33%;
    text-align: left;
  }

  .tx-yag-next {
    float: right;
    width: 33%;
    text-align: right;
  }

  .tx-yag-current {
    float: left;
    padding: 0 3px 0 3px;
    width: 33%;
    text-align: center;
  }

  /* Pager */
  .tx-ptextlist-pager-wrapper {
    border-top: 1px solid #909090;
    margin-top: 20px;
    padding: 5px;
    overflow: hidden;
  }

  .tx-ptextlist-pager {
    margin-left: 0;
    text-align: center;
  }

  .tx-ptextlist-pager li {
    display: inline;
  }

  .tx-ptextlist-pager li.number a,
  .tx-ptextlist-pager li a span,
  .tx-ptextlist-pager li.number .cur,
  .tx-ptextlist-pager li.number .fill {
    background: url("../Images/b-pager.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #BFBFBF;
    color: #000000;
    display: inline-block;
    font-size: 11px;
    height: 23px;
    width: 24px;
    line-height: 23px;
    margin-right: 6px;
    padding: 0;
    text-align: center;
  }

  .tx-ptextlist-pager li.number a:hover,
  .tx-ptextlist-pager li a:hover span,
  .tx-ptextlist-pager li a:hover {
    color: #FF8700;
    text-decoration: none;
  }

  .tx-ptextlist-pager li.number .fill {
    color: #BFBFBF;
  }

  .tx-ptextlist-pager li.number .cur {
    border: 1px solid #393939;
  }

  .tx-ptextlist-pager>li>a {
    text-decoration: none;
    border: 0;
    padding: 0;
  }

  .tx-ptextlist-pager-item-display {
    color: #393939;
    padding-top: 10px;
  }

  .tx-ptextlist-pager-item-display .first,
  .tx-ptextlist-pager-item-display .last,
  .tx-ptextlist-pager-item-display .count {
    color: #707070;
  }
}

/* Ende Screen */

/* Viewport-Hack 1 for MSIE 11 : Servicenavigation-Korrektur */
/* Seamless Fluid Transition : Container-Navigation wander nach rechts */
/* Reset fallback values in modern browsers */
/* Viewport 0.5 : ??? Erst mal deaktiviert durch mmain ??? */
/* Viewport 1 : SnapIn */

/* Viewport 2 : Rechte Spalte kleiner (200->150) */
@media screen and (max-width: 950px) {
  main div.ym-col3 div.ym-cbox .news_la .news_la_img a img {
    width: 150px !important;
  }

  main div.ym-col3 div.ym-cbox .news_la p.news_la_img_portrait a img {
    width: 75px !important;
  }

  main div.ym-col3 div.ym-cbox div.singleimg div.csc-textpic-imagewrap,
  main div.ym-col3 div.ym-cbox div.singleimg div.csc-textpic-imagewrap div.csc-textpic-imagerow,
  main div.ym-col3 div.ym-cbox div.csc-textpic-imagerow dl dt a img {
    width: 150px !important;
  }

  main div.ym-col3 div.ym-cbox div.csc-textpic-imagerow dl dd {
    width: 150px;
  }

  /* -- C O L (3) - C O N T E N T - P E R S O N E N - K A C H E L - L I S T / L A T E S T -- */
  main div.ym-col3 div.ym-cbox div.pers_block .pers {
    width: 150px;
    height: 145px;
  }

  main div.ym-col3 div.ym-cbox div.pers_block .pers p {
    font-size: 90%;
  }

  main div.ym-col3 div.ym-cbox div.pers_block .pers p.pers_img a img {
    width: 150px !important;
    height: auto !important;
  }

  main div.ym-col3 div.ym-cbox div.pers_block .pers h3.pers_head {
    font-size: 90%;
  }

  /* -- C O L (3) - C O N T E N T - P E R S O N E N - V C A R D - L I S T / L A T E S T -- */
  main div.ym-col3 div.ym-cbox div.pers_vcard .pers {
    width: 300px;
    height: 90px;
  }

  main div.ym-col3 div.ym-cbox div.pers_vcard .pers p {
    padding: 0px 0px 0px 110px;
    font-size: 75%;
  }

  main div.ym-col3 div.ym-cbox div.pers_vcard .pers p.pers_img a img {
    width: 100px !important;
  }

  main div.ym-col3 div.ym-cbox div.pers_vcard .pers h3.pers_head {
    padding: 5px 0px 0px 110px;
    font-size: 85%;
  }
}

/* Ende Viewport 2 */

/* Viewport 3 : Rechte Spalte raus! */
/* Viewport 4 : Container-Navigation viertelt sich */
/* Viewport 5 : News-Bilder kleiner ueber CSS */
/* Viewport 6 : Smartphone View */
/* Viewport-Hack 2 for MSIE 11 : Servicenavigation-Korrektur */