/*
 * SLUBlog-CSS
 *
 * 2012-01-20
 *
 * NOW more responsive
 *
 * DEC-2014
 *
*/
.slublog #content .centring {
  background: url('/typo3conf/ext/slub_template/Resources/Public/Images/blogBGicon.png') no-repeat 220px 0;
}
.slublog h2 {
  width: 125px;
  height: 40px;
  display: block;
  overflow: hidden;
  text-indent: -9000px;
  background: url('/typo3conf/ext/slub_template/Resources/Public/Images/blogHeadline.png') no-repeat -3px 0;
  padding-bottom: 10px;
}
@media (min-width: 405px) {
  .slublog h2 {
    padding-bottom: 0;
  }
}
/* PageBrowsers */
#leftcol .news .page-navigation {
  position: relative;
  height: 20px;
  border: 1px solid #eaeaea;
  border-width: 0 0 1px 0;
  margin: 0 0 20px 0;
}
#leftcol .news .page-navigation p {
  margin: 0;
  color: #999999;
}
#leftcol .news .page-navigation ul.f3-widget-paginator {
  font-style: normal;
  padding: 3px;
  margin: -5px 0 0 0;
  border: none;
  float: right;
  background: none;
}
.blog #leftcol .news .page-navigation ul.f3-widget-paginator {
  list-style-image: none;
}
#leftcol .news .page-navigation ul.f3-widget-paginator li {
  float: left !important;
  font-size: 12px;
  margin: 0 !important;
  list-style: none !important;
  border-right: none;
}
#leftcol .news .page-navigation ul.f3-widget-paginator li.first span,
#leftcol .news .page-navigation ul.f3-widget-paginator li.previous span,
#leftcol .news .page-navigation ul.f3-widget-paginator li.next span,
#leftcol .news .page-navigation ul.f3-widget-paginator li.last span {
  display: none;
}
#leftcol .news .page-navigation ul.f3-widget-paginator li.first a,
#leftcol .news .page-navigation ul.f3-widget-paginator li.previous a,
#leftcol .news .page-navigation ul.f3-widget-paginator li.next a,
#leftcol .news .page-navigation ul.f3-widget-paginator li.last a {
  position: relative;
  display: block;
  overflow: hidden;
  text-indent: -9000px;
  width: 20px;
  height: 20px;
  float: left;
  background: url('/typo3conf/ext/slub_template/Resources/Public/Images/blogCtrl.png') no-repeat 0 0;
}
#leftcol .news .page-navigation ul.f3-widget-paginator li.page a {
  color: #999999;
  text-decoration: none !important;
}
#leftcol .news .page-navigation ul.f3-widget-paginator li.page a:hover {
  color: #636;
}
#leftcol .news .page-navigation ul.f3-widget-paginator li.first a {
  background-position: 0 0;
}
#leftcol .news .page-navigation ul.f3-widget-paginator li.first a:hover {
  background-position: 0 -20px;
}
#leftcol .news .page-navigation ul.f3-widget-paginator li.previous a {
  background-position: -20px 0;
}
#leftcol .news .page-navigation ul.f3-widget-paginator li.previous a:hover {
  background-position: -20px -20px;
}
#leftcol .news .page-navigation ul.f3-widget-paginator li.current {
  color: #666;
  font-weight: bold;
  padding: 0 5px;
}
#leftcol .news .page-navigation ul.f3-widget-paginator li.next a {
  background-position: -40px 0;
}
#leftcol .news .page-navigation ul.f3-widget-paginator li.next a:hover {
  background-position: -40px -20px;
}
#leftcol .news .page-navigation ul.f3-widget-paginator li.last a {
  background-position: -60px 0;
}
#leftcol .news .page-navigation ul.f3-widget-paginator li.last a:hover {
  background-position: -60px -20px;
}
/* listView */
#leftcol .news-list-view {
  position: relative;
  clear: both;
}
#leftcol .news-list-view .item {
  position: relative;
  margin: 50px 0;
  padding: 0 0 50px 0;
  border-bottom: 1px dotted #cccccc;
}
#leftcol .news-list-view .item:last-child {
  margin-bottom: 0;
}
#leftcol .news-list-view .itemNav {
  display: none;
}
#leftcol .itemBody {
  clear: both;
}
#leftcol .itemBody h3 {
  margin: 5px 0;
  color: #cc0000;
}
#leftcol .itemBody h3 a {
  color: #cc0000;
  text-decoration: none;
  padding: 0 30px 0 0;
  line-height: 120%;
}
#leftcol .itemBody ul {
  margin: 0 0 0 16px;
}
#leftcol .itemBody p {
  margin: 0;
}
#leftcol .itemBody p img {
  border: 1px solid #999999;
}
/* itemTop (MetaNav above Headline) */
#leftcol .itemTop {
  color: #999;
  font-size: 11px;
  margin: 0 0 0 -2px;
}
#leftcol .itemTop .itemNav {
  display: inline;
}
#leftcol .itemTop > span {
  border-right: 1px solid #999999;
  display: inline;
  padding: 0 5px;
}
#leftcol .itemTop > span.views {
  display: none;
}
@media (min-width: 515px) {
  #leftcol .itemTop > span.views {
    display: inline;
  }
}
@media (min-width: 640px) {
  #leftcol .itemTop > span.views {
    display: none;
  }
}
@media (min-width: 770px) {
  #leftcol .itemTop > span.views {
    display: inline;
  }
}
#leftcol .itemTop > span.time {
  display: none;
  border: 0;
  padding-right: 0;
}
@media (min-width: 360px) {
  #leftcol .itemTop > span.time {
    display: inline;
  }
}
#leftcol .itemTop a {
  color: #999 !important;
  text-decoration: none !important;
}
#leftcol .itemTop a:hover {
  color: #666 !important;
  text-decoration: none !important;
}
#leftcol .itemTop .commentsBlurb {
  position: absolute;
  top: 0;
  right: 0;
  height: 25px;
  padding: 0;
  border: none;
  background: url('/typo3conf/ext/slub_template/Resources/Public/Images/blogCommentNose.png') no-repeat right bottom;
  color: #999;
}
#leftcol .itemTop .commentsBlurb:before {
  content: "";
}
@media (min-width: 360px) {
  #leftcol .itemTop .commentsBlurb:before {
    content: "Kommentare: ";
  }
}
#leftcol .itemTop .commentsBlurb span.comments {
  border: none;
  padding: 0;
}
#leftcol .itemTop .commentsBlurb a {
  color: #fff !important;
  border: 1px solid #900;
  font-size: 10px;
  font-weight: bold;
  padding: 3px 7px;
  background: #c00;
  margin: 0 0 0 4px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
#leftcol .itemTop .commentsBlurb a:hover {
  background: #d99;
}
/* rssWidget */
.rss_post {
  float: left;
}
.rss_post img {
  float: left;
}
.rss_post a {
  float: left;
  margin: -3px 0;
  padding: 5px;
}
.rss_comment {
  clear: right;
  padding: 2px;
}
.rss_comment a {
  border-left: 1px solid #999999;
  padding-left: 5px;
}
/* commentsWidget */
.latestCommentsList dd {
  color: #999;
  font-size: 11px;
  line-height: 120%;
  margin: 0 0 5px 0;
}
/* singleView */
.single {
  position: relative;
  margin: 32px 0 0 0;
  border: 1px dotted #999;
  border-width: 1px 0px;
  padding: 10px 0 20px 0;
}
@media (min-width: 370px) {
  .single {
    margin: 10px 0 0 0;
  }
}
.single h3 {
  margin-bottom: 20px !important;
}
#singleNavigation {
  height: 32px;
  font-size: 11px;
  margin: 10px 0 0 0;
}
#singleNavigation a {
  text-decoration: none;
  color: #999;
}
#singleNavigation a:hover {
  color: #c00 !important;
}
#singleNavigation .previous,
#singleNavigation .next {
  width: 34%;
}
#singleNavigation .previous a,
#singleNavigation .next a {
  height: 22px;
  background: url('/typo3conf/ext/slub_template/Resources/Public/Images/blogSingleCtrl.png') no-repeat 0 0;
  line-height: 20px;
  display: block;
}
#singleNavigation .previous {
  float: left;
  text-align: left;
}
#singleNavigation .previous a {
  background-position: 0 0;
  padding-left: 20px;
}
#singleNavigation .previous a:hover {
  background-position: 0 -20px;
}
#singleNavigation .next {
  float: right;
  text-align: right;
}
#singleNavigation .next a {
  background-position: right -40px;
  padding-right: 20px;
}
#singleNavigation .next a:hover {
  background-position: right -60px;
}
#singleNavigation .backtolist {
  position: relative;
  display: block;
  float: left;
  width: 30%;
  width: 32%;
  text-align: center;
}
#singleNavigation .backtolist a {
  color: #ccc;
}
.single .itemNav ul {
  list-style-image: none;
  margin: 0;
}
.single .itemNav ul li {
  font-style: italic;
}
.single .itemNav ul li a:first-child {
  padding-left: 0;
}
.news-archive-view .archive {
  padding-left: 0px !important;
}
.news-archive-view .archive li {
  list-style: none !important;
  margin-left: 0 !important;
}
.news-archive-view .archive .year {
  position: relative;
  padding: 2px;
}
.news-archive-view .archive .year > .ahnBlogArchiveToggle {
  cursor: pointer;
}
.news-archive-view .archive .year > .ahnBlogArchiveToggle:hover {
  text-decoration: underline;
}
.news-archive-view .archive .year:last-child {
  border-bottom: none;
}
.news-archive-view .archive ul.months li.month {
  font-size: 10px;
  padding: 3px 0 3px 13px;
  background: url('/typo3conf/ext/slub_template/Resources/Public/Images/rightnavBullets.png') no-repeat left 5px;
}
.news-archive-view .archive ul.months li.month .entries {
  display: none;
}
.news-archive-view .archive .postnum {
  float: right;
}
.news-archive-view .archive .open {
  font-weight: bold;
}
/* Comments on Page */
#commentsList {
  position: relative;
  border-width: 0 0 1px 0;
  border-color: #aeaeae;
  border-style: solid;
  padding: 10px 0 20px 0;
  color: #333;
}
#commentsList h3.commentListTitle {
  position: relative;
  display: block;
  margin: 0;
  font-size: 2.2em;
  font-style: normal;
  line-height: 1em;
  font-weight: normal;
  color: #ccc;
  text-transform: uppercase;
  margin: 5px 0 0 0;
}
#commentsList .commentTopNav > div {
  position: relative;
  width: 100%;
  color: #999;
  font-size: 11px;
  padding: 0 5px;
}
#commentsList .commentTopNav > div.comment-date {
  margin-bottom: 7px;
  color: #ababab;
}
#commentsList .commentBody {
  position: relative;
  clear: both;
}
#commentsList ul.commentListListing {
  margin: 1.4em 0 0 0;
}
#commentsList > ul > li {
  list-style: none !important;
  position: relative;
  background: url('/typo3conf/ext/slub_template/Resources/Public/Images/blogCommentIcon.png') no-repeat right bottom;
  border-top: 1px dotted #cccccc;
}
@media (min-width: 640px) {
  #commentsList > ul > li {
    padding: 30px 26px 0 0;
  }
}
#commentsList > ul > li > ul > li {
  list-style: none !important;
  position: relative;
  background: url('/typo3conf/ext/slub_template/Resources/Public/Images/blogCommentIcon.png') no-repeat right bottom;
  border-top: 1px dotted #cccccc;
  margin: 0 0 30px 0;
}
#commentsList .item {
  position: relative;
  padding: 10px;
  background: #f9f9f9;
  border: 1px solid #eeeedd;
  margin: 0;
}
#commentsList .item .comment-text:first-child {
  margin: -30px 0 0 0;
}
@media (min-width: 640px) {
  #commentsList .item .comment-text:first-child {
    margin: -30px 26px 0 0;
  }
}
#commentsList .item p {
  color: #666;
  margin: 0 0 10px 0;
}
#commentsList .item h5 {
  color: #cc0000;
  margin: 0 0 10px 0;
}
#commentsList .item .comment-author {
  border-left: 1px solid #bfbfbf;
}
#commentsList .item .comment-date {
  border-left: 1px solid #bfbfbf;
}
#commentsList .item .comment-answer a {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  z-index: 10000;
  font-size: 11px;
  background: url('/typo3conf/ext/slub_template/Resources/Public/Images/blogCommentReply.png') no-repeat right 0;
  padding: 3px 16px 0 0;
  height: 20px;
  line-height: 20px;
  display: block;
  color: #999;
}
#commentsList .item .comment-answer a:hover {
  color: #c00;
  background-position: right -20px;
}
@media (min-width: 640px) {
  #commentsList .item .comment-answer a {
    right: 0;
  }
}
/* Permalinkdropdown */
#leftcol #permaCopyBox {
  position: relative;
  padding: 8px;
  margin: 5px 0 0 0;
  border: 3px solid #900;
  display: block;
  background: rgba(153, 204, 221, 0.7);
  border: 3px solid #99ccdd;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  color: #334455;
}
#leftcol #permaCopyBox .nose {
  border-color: transparent transparent #99ccdd transparent;
  border-style: solid;
  border-width: 7px;
  height: 0;
  width: 0;
  position: absolute;
  top: -17px;
  left: 195px;
}
#leftcol #permaCopyBox .moreDots {
  position: absolute;
  top: 6px;
  right: 24px;
  font-size: 14px;
  color: #345;
}
#leftcol #permaCopyBox .permaClose {
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  width: 20px;
  background: url('/typo3conf/ext/slub_template/Resources/Public/Images/blogPermaClose.png') no-repeat 0 0;
  cursor: pointer;
}
#leftcol #permaCopyBox .permaClose:active {
  top: 2px;
}
#leftcol #permaCopyBox label {
  float: none;
  margin: 0;
  width: auto;
}
#leftcol #permalinkResult {
  position: relative;
  display: block;
  width: 520px;
  max-width: 95%;
  font-size: 14px;
  color: #345;
  border: none;
  background: transparent;
  float: none;
  margin: 0;
  padding: 0;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
#leftcol #permalinkResult::selection,
#leftcol #permalinkResult::-moz-selection,
#leftcol #permalinkResult::-webkit-selection {
  background: #078;
  color: #fff;
}
/* Tagcloud */
.tx-vgetagcloud-pi1 {
  background-color: #fff;
}
.tx-vgetagcloud-pi1 ul {
  width: 100%;
  padding-left: 8px;
  margin: 5px 0 5px -3px !important;
}
.tx-vgetagcloud-pi1 ul li {
  list-style: none !important;
  margin-left: 0 !important;
}
.tx-vgetagcloud-pi1 ul li a {
  float: left;
  line-height: 18px;
  text-decoration: none;
  margin: 0 3px;
  padding: 2px;
}
.tx-vgetagcloud-pi1 ul li a[class^="weight-24"],
.tx-vgetagcloud-pi1 ul li a[class^="weight-25"],
.tx-vgetagcloud-pi1 ul li a[class^="weight-26"],
.tx-vgetagcloud-pi1 ul li a[class^="weight-27"],
.tx-vgetagcloud-pi1 ul li a[class^="weight-28"],
.tx-vgetagcloud-pi1 ul li a[class^="weight-29"] {
  color: #333 !important;
}
.tx-vgetagcloud-pi1 ul li a[class^="weight-20"],
.tx-vgetagcloud-pi1 ul li a[class^="weight-21"],
.tx-vgetagcloud-pi1 ul li a[class^="weight-22"],
.tx-vgetagcloud-pi1 ul li a[class^="weight-23"] {
  color: #666 !important;
}
.tx-vgetagcloud-pi1 ul li a[class^="weight-14"],
.tx-vgetagcloud-pi1 ul li a[class^="weight-15"],
.tx-vgetagcloud-pi1 ul li a[class^="weight-16"],
.tx-vgetagcloud-pi1 ul li a[class^="weight-17"],
.tx-vgetagcloud-pi1 ul li a[class^="weight-18"],
.tx-vgetagcloud-pi1 ul li a[class^="weight-19"] {
  color: #999 !important;
}
.tx-vgetagcloud-pi1 ul li a[class^="weight-10"],
.tx-vgetagcloud-pi1 ul li a[class^="weight-11"],
.tx-vgetagcloud-pi1 ul li a[class^="weight-12"],
.tx-vgetagcloud-pi1 ul li a[class^="weight-13"] {
  color: #ccc !important;
}
.tx-vgetagcloud-pi1 ul li a:hover {
  text-decoration: underline;
  color: #636 !important;
}
.offsetBottom {
  padding-bottom: 20px;
}
@media (min-width: 640px) {
  .offsetBottom {
    padding-bottom: 0;
  }
}
.offsetTop {
  padding-top: 20px;
}
/* IE-Hacks */
* html .single,
* html .blogList .item {
  height: 100px;
}
* html #searchSword .button {
  right: 21px;
}
* html #commentList .item,
* html #commentList .item .childcom {
  height: 10px;
}
* html #commentList .item .commentComments {
  top: 38px;
}