body {
   font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
   font-size: 75.00%;
   color: #444;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-weight: bold;
   color: #666;
   margin: 0 0 0.25em 0;
 }
 
 h1 {
   font-size: 150%
 }
 /* 300% = 24px */
 
 h2 {
   font-size: 150%
 }
 /* 18px */
 
 h3 {}
 /* 18px font-size: 150% */
 
 h4 {}
 /* 16px * font-size: 133.33% */
 
 h5 {
   font-size: 116.67%
 }
 /* 14px */
 
 h6 {
   font-size: 116.67%;
   font-style: italic
 }
 /* 14px */
 
 p,
 .views-field-teaser,
 .node .content {
   line-height: 1.5em;
   margin: 0 0 1em 0;
 }
 
 dt {
   font-weight: bold
 }
 
 dd {
   margin: 0 0 1em 2em
 }
 /* Textauszeichnung Vorformatierung  */
 
 cite {
   font-style: italic
 }
 
 blockquote {
   margin: 0;
   border: 1px solid #ccc;
   padding: 10px 20px;
   background-color: #faf5e2;
 }
 /**
   * External Links
   */
 
 a {
   color: #4D87C7;
   text-decoration: none;
 }
 
 a:focus,
 a:hover,
 a:active {
   color: #182E7A;
   text-decoration: underline;
 }
 /**
   * Tabellen
   */
 
 table {
   width: auto;
   border-collapse: collapse;
   margin-bottom: 0.5em;
 }
 
 table.full {
   width: 100%;
 }
 
 table.fixed {
   table-layout: fixed
 }
 
 th,
 td {
   padding: 0.5em;
 }
 
 thead th {
   background: #444;
   color: #fff
 }
 
 tbody th {
   background: #ccc;
   color: #333
 }
 
 tbody th.sub {
   background: #ddd;
   color: #333
 }
 /**
   *  Sonstiges
   */
 
 hr {
   color: #fff;
   background: transparent;
   margin: 0 0 0.5em 0;
   padding: 0 0 0.5em 0;
   border: 0;
   border-bottom: 1px #eee solid;
 }
 
 #footer {
   background-color: white;
   padding: 10px 0 20px 0;
 }
 
 #footer li {
   list-style-type: none;
   margin: 6px 0;
   padding: 0;
   line-height: 1.2em;
 }
 
 #footer li a {
   padding: 0;
   margin: 0;
 }
 
 #footer ul {
   margin: 25px 0 0 0;
   text-align: left;
 }
 /*
   #footer ul a {
    color:#666;
    
  }
  */
 
 #footer h4,
 #footer h2 {
   font-weight: normal;
   font-size: 140.33%;
 }
 /* Werbung */
 
 #af2d2c75,
 #a03ca14a {
   background: #F9F9F9;
   background-image: none;
 }
 /** **/
 
 #main {
   width: 100%;
   display: inline-block;
   /** bugfix **/
   
   background-color: #FFF;
 }
 
 #content {
   /*sd padding: 15px 25px; */
 }
 
 #site-subheader,
 #site-header {
   margin-bottom: 0em;
   color: white;
 }
 
 #site-subheader {
   font-family: Georgia, Times New Roman, Verdana, Helvetica, Arial, sans-serif;
 }
 
 #skip-to-nav-link {
   display: none;
 }
 
 #skip-to-nav-link:focus,
 #skip-to-nav-link:active,
 #skip-to-nav-link:hover {
   display: block;
 }
 
 #main {
   -moz-box-shadow: 0 0 10px #888888;
   -webkit-box-shadow: 0 0 10px #888888;
 }
 /** Header **/
 
 #site-name a {
   display: block;
   width: 250px;
   height: 80px;
   background: url(../../../../default/files/logo/logo_zaberbote.png) center center no-repeat;
   text-indent: -9999px;
   outline: 0;
 }
 /** Search Form - Block **/
 
 #search-box {
   text-align: right;
   margin: 20px 0 0 15px;
 }
 
 #search-box label {
   display: none;
 }
 
 #search-box .form-text {
   width: 200px;
   border: 1px solid #DDD;
   margin-left: 30px;
   float: left;
   height: 28px;
   border-radius: 0px;
   -webkit-appearance: none;
   background: #FFF;
   box-sizing: border-box;
 }
 
 #search-box .form-submit {
   float: left;
   height: 28px;
   border: 1px solid #DDD;
   border-left: 0 none;
   cursor: pointer;
   background: #DDD;
   -webkit-appearance: none;
   border-radius: 0px;
   box-sizing: border-box;
 }

 @media (max-width: 1024px) {
  
  #search-box .form-text {
    width: 180px;
   }
 }

 /** Secondary Menu **/
 
 #site-menu {
   margin-top: 30px;
 }
 
 .secondary-menu {
   float: right;
 }
 
 ul.secondary-menu li {
   padding: 0;
 }
 
 .secondary-menu a {
   float: left;
   padding: 0 4px;
   border-right: 1px solid #FFF;
   color: #FFF;
   opacity: .7;

   font-size: 16px; 
}
 
 .secondary-menu .last a {
   border-right: 0 none;
 }
 /** Main Menu **/
 
 #nav .main-menu {
   overflow: hidden;
   background: url(../images/nav_gradient.png) repeat-y 0 0;
   padding-left: 25px;
   margin-top: 10px;
 }
 
 #nav li {
   float: left;
   padding: 0;
 }
 
 #nav a {
   font-size: 15px;
   display: block;
   padding: 9px 9px;
   border-right: 1px solid #b0becf;
   color: #FFF;
 }
 
 #nav li.first a {
   border-left: 1px solid #b0becf;
 }
 
 #nav li.active a,
 #nav li.active-trail a {
   background-color: #FFF;
   color: #000;
 }
 /** Newspaper Switch **/
 
 #newspaper-switch {
   width: 400px;
   position: relative;
   top: 5px;
 }
 
 #newspaper-switch li {
   float: right;
   text-indent: -9999px;
   background-repeat: no-repeat;
   outline: 0;
   width: 125px;
   height: 35px;
   margin: 0 10px 0 0;
   padding: 0;
 }
 /** Menu logos **/
 
 #newspaper-switch li.menu-1138 {
   background-image: url(/sites/default/files/logo/logo_klp_small.png);
   width: 110px;
 }
 
 #newspaper-switch li.menu-1129 {
   width: 130px;
   height: 35px;
   background-image: url(/sites/default/files/logo/logo_zaberbote_small.png);
 }
 
 #newspaper-switch li.menu-2058 {
   background-image: url(/sites/default/files/logo/logo_kk_small.png);
 }
 
 #newspaper-switch li.menu-2284 {
   background-image: url(/sites/default/files/logo/logo_nsb_small.png);
 }
 
 #newspaper-switch li.first {
   margin-right: 0;
 }
 
 #newspaper-switch li a {
   display: block;
   height: 100%;
   width: 100%;
 }
 /** Section logos **/
 
 .zeitung-klp #site-name a {
   background: url(/sites/default/files/logo/logo_klp.png) center center no-repeat;
 }
 
 .zeitung-nsb #site-name a {
   background: url(/sites/default/files/logo/logo_nsb.png) center center no-repeat;
 }
 
 .zeitung-kk #site-name a {
   background: url(/sites/default/files/logo/logo_kk.png) center center no-repeat;
 }
 /** Frontpage Panel **/
 
 .jobportal-pane {

 }
 
 .frontpage .panel-main .jobportal-pane .pane-title {
   margin-bottom: 2px;
 }
 .frontpage .jobportal-pane .grid-4 {
   min-height: 400px;
   margin-bottom: 30px;
 }

 .jobportal-pane h3 {
   min-height: 38px;
 }

 .jobportal-pane #jobportal-overview {
   min-height: 200px;
 }
 
 
 .frontpage .panel-main .pane-title {
   color: #aaa;
   font-family: Georgia, Times New Roman, Verdana, Helvetica, Arial, sans-serif;
   font-size: 430%;
   font-weight: normal;
   margin: 0.5em 0.2em 0.2em;
 }
 
 .frontpage .panel-main .pane-title a {
   text-decoration: none;
 }
 
 .view-front-themen .grid-5 {
   border: 1px solid #CCC;
   background-color: #F5F5F5;
   min-height: 35em;
 }
 
 .panel-main h3 {
   color: #222222;
   font-size: 116.67%;
   line-height: 1.4em;
   padding: 5px 13px;
 }
 
 .panel-main h3 a:hover {
   text-decoration: none;
 }
 
 .frontpage .grid-4 {
   background-color: #EBF5FF;
   min-height: 450px;
 }
 
 .view-front-themen .views-field-teaser {
   padding: 5px 13px;
   font-size: 112.67%;
 }
 
 .view-front-themen .views-field-view-node {
   padding: 5px 13px;
   font-size: 112.67%;
 }
 /** Footer **/
 
 .panel-footer {
   padding: 2.2em 0;
   overflow: hidden;
 }
 
 .panel-footer .pane-title {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-weight: normal;
   font-size: 130%;
   color: #444;
 }
 
 .panel-footer .grid-4 {
   background-color: whiteSmoke;
   border: 1px solid #CCC;
 }
 
 .panel-footer .pane-content,
 .panel-footer .pane-title {
   margin: 0.5em;
 }
 
 .panel-footer .pane-title {
   border-bottom: 1px solid #aaa
 }
 /** Kategorien Farbkodierungen **/
 
 .view-front-themen .views-field-field-bild-frontpage-fid {
   border-top: 12px solid #999;
 }
 
 .pane-wirtschaft .views-field-field-bild-frontpage-fid {
   border-top-color: #586285;
 }
 
 .pane-kultur .views-field-field-bild-frontpage-fid {
   border-top-color: #B35F49;
 }
 
 .pane-aktuelles .views-field-field-bild-frontpage-fid {
   border-top-color: #A55973;
 }
 
 .pane-junges-leben .views-field-field-bild-frontpage-fid {
   border-top-color: #5B8555;
 }
 
 .pane-wirtschaft .pane-title a {
   color: #586285;
 }
 
 .pane-kultur .pane-title a {
   color: #B35F49;
 }
 
 .pane-aktuelles .pane-title a {
   color: #A55973;
 }
 
 .pane-junges-leben .pane-title a {
   color: #5B8555;
 }
 /** View Leitartikel **/
 
 .view-front-Leitartikel .views-field-field-bild-leitartikel-front-fid {
   float: left;
   margin: 0 15px 0 0;
 }
 
 .panel-leitartikel {
   /*
    background-color: #e8efff;
    border: solid 1px #bbbfcb;
    */
   
   padding: 5px 0;
 }
 
 .view-front-Leitartikel p {
   font-size: 116.67%
 }
 
 .view-front-Leitartikel .views-field-title {
   color: #333333;
   font-size: 140%;
   margin: 0 0 0.2em 0;
 }
 /** View Editorial **/
 
 .view-editorial-frontpage,
 .view-front-Leitartikel {
   background-color: #ebf5ff;
   padding: 10px;
   min-height: 240px;
   margin: 5px 0;
 }
 
 .view-front-Leitartikel img {
   display: block;
 }
 
 .view-editorial-frontpage .views-field-title {
   font-size: 140%;
   font-weight: bold;
 }
 /** Panel Kategorie **/
 
 .pane-kategorie h2.pane-title,
 .page-jobportal .pane-node-content .pane-title {
   font-family: Georgia, Times New Roman, Verdana, Helvetica, Arial, sans-serif;
   font-size: 430%;
   font-weight: normal;
   color: #aaa;
   border-bottom: 2px dotted #AAAAAA;
 }
 /** View Kategorie **/
 
 .view-kategorie {}
 
 .view-kategorie .view-row {
   margin-bottom: 15px;
   border-top: 1px solid #DDD;
   padding-top: 15px;
   position: relative;
   min-height: 165px;
 }
 
 .view-kategorie .first {
   border-top: 0 none;
 }
 
 .view-kategorie .views-field-title,
 .view-kategorie .views-field-teaser,
 .view-kategorie .views-field-view-node {
   margin-left: 310px;
 }
 
 .view-kategorie .views-field-field-bild-frontpage-fid {
   position: absolute;
   margin-top: -3px;
 }
 
 .view-kategorie .views-field-title {
   font-size: 120%;
   font-weight: bold;
   margin-top: -5px;
 }
 /** Nodes **/
 
 .infobox {
   background-color: #FFF7E2;
   border: 1px solid #E2C478;
   display: block;
   float: left;
   margin: 2px 12px 3px 0;
   padding: 10px 0 10px 10px;
   width: 170px;
 }
 /** Pager **/
 
 .item-list ul.pager {
   margin-top: 15px;
   text-align: right;
 }
 
 ul.pager li {
   margin: 0;
 }
 
 ul.pager li.pager-current {
   color: #FFF;
   background-color: #4D81BC;
   line-height: 15px;
   padding: 0.2em 0.5em;
 }
 
 ul.pager a {
   color: #4D87C7;
 }
 /** Panel Layout **/
 
 #main {
   padding: 20px 0;
 }
 
 .front #main {
   padding-top: 0;
 }
 
 .pane-kategorie,
 .pane-node-content .pane-title,
 .pane-node-content .pane-content {
   padding-left: 15px;
   padding-right: 10px;
 }
 
 .page-contact #content-inner,
 .section-search #content-inner {
   padding-left: 25px;
   padding-right: 10px;
 }
 /** Node **/
 
 .node .meta {
   margin: 20px 0;
   color: #999;
   display: none;
 }
 
 .node .content {
   font-size: 105%;
 }
 
 .node .content p {
   line-height: 1.7em;
 }
 
 .pane-node-content .pane-title,
 #page-title {
   font-family: Georgia, Times New Roman, Verdana, Helvetica, Arial, sans-serif;
   font-size: 220%;
   font-weight: normal;
   line-height: 1.2em;
   color: #888;
   margin-bottom: 0.7em;
 }
 /** Menu item "Jobportal"  **/
 
 .menu-3217 {

 }
 
 .logged-in .menu-3217 {
   display: block;
 }

 /** Job offers **/
 
 .job-offer {
  min-height: 165px;
  padding-top: 15px;
  margin-bottom: 35px;
  clear: both;
 }

 .job-offer + .job-offer {
  border-top: 1px solid #DDD;
 }

 .job-offer > *{
  margin-left: 320px;
  display: block;
 }

 .job-offer img {
  width: 300px;
  float: left;
  margin-left: 0px;
  margin-top: 5px;
  margin-bottom: 15px;
 }

 .job-offer h3 {
 }

 .node .job-offer p {
  line-height: 1.5em;
 }

 .page-jobportal .pane-node-content {
  width: 700px;
 }

.jobportal-pane .views-field-field-bild-frontpage-fid {
  border-top-color: rgb(0, 156, 182);
}


 /** CSS Spinner */

.loader {
  display: block;
  margin: 60px auto;
  font-size: 5px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0, 0, 0, 0.2);
  border-right: 1.1em solid rgba(0, 0, 0, 0.2);
  border-bottom: 1.1em solid rgba(0, 0, 0, 0.2);
  border-left: 1.1em solid #666;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}