@charset "UTF-8";

@import "news.css";

@media screen {
  * {
    margin:        0;
    padding:      0;}

  html {
    font-size:      100.1%;}

  body {
    background:      #F1F1F1 url("../images/design/bg-body.png") repeat-x;
    color:        #222;
    font:        .9em Arial, Helvetica, sans-serif;}

  h1 {
    margin:        20px 0;
    background:      transparent;
    color:        #447A02;
    font-size:      1.7em;
    font-weight:    400;}

  h2 {
    margin:        20px 0;
    background:      transparent;
    color:        #447A02;
    font-size:      1.5em;
    font-weight:    400;}

  h3 {
    margin:        20px 0;
    background:      transparent;
    color:        #447A02;
    font-size:      1.3em;
    font-weight:    400;}

  h4 {
    margin:        20px 0;
    background:      transparent;
    color:        #447A02;
    font-size:      1.2em;
    font-weight:    400;}

  h5 {
    margin:        20px 0;
    background:      transparent;
    color:        #447A02;
    font-size:      1.1em;
    font-weight:    400;}

  h6 {
    margin:        20px 0;
    background:      transparent;
    color:        #447A02;
    font-size:      1em;
    font-weight:    400;}

  p, .subheadtall {
    margin:        20px 0;
    line-height:    1.6em;}

  ul,
  ol {
    margin:        20px 0;}

  li {
    margin:        0 0 5px 20px;}

  table {
    width:        100%;
    border-spacing:    0;
    border-collapse:  collapse;}

  table.styled {
    border:        solid 1px #CCC;}

  .styled thead {
    background:      #87BF28 url("../images/design/bg-menu.png") bottom repeat-x;
    color:        #FFF;}

  .styled thead th {
    padding:      10px;
    text-align:      left;}

  .styled tbody tr {
    border-top:      solid 1px #CCC;}

  .styled tbody tr.even {
    background:      #F1F1F1;
    color:        #222;}

  .styled tbody tr.odd {
    background:      #FFF;
    color:        #222;}

  .styled tbody th,
  .styled tbody td {
    padding:      10px;}

  /* CN start: Um die Klassen csc-subheader csc-subheader-0 ergänzt */
  .person-header h1.csc-firstHeader + h2 {
    line-height: 1.6em;
  }
  .person-header h1.csc-firstHeader + h2,
  .subhead, .csc-subheader, .csc-subheader-0 {
    margin:        -20px 0 20px 0 !important;
    background:      transparent;
    color:        #447A02;
    font-size:      1em;
    font-weight:    800;}
  /* CN end */

  hr {
    display:      none;}

  a {
    background:      transparent;
    color:        #4F8C00;
    text-decoration:  underline;}

  a:visited {
    background:      transparent;
    color:        #444;}

  a:hover,
  a:active {
    text-decoration:  none;}

  a.button {
    display:      inline-block;
    padding:      3px 15px;
    border:        solid 1px #64A211;
    background:      #87BF28 url("../images/design/bg-button.png") center bottom repeat-x !important;
    color:        #FFF !important;
    font-weight:    800;
    text-align:      center;
    text-decoration:  none;}

  form {
    background:      #E5E5E5;
    color:        #222;}

  form p {
    padding:      20px;}

  label {
    font-weight:    800;}

  input {
    font-size:      .9em;}

  input[type="text"] {
    padding:      3px 5px;
    border:        solid 1px #CCC;
    background:      #FFF;
    color:        #666;}

  input[type="text"]:focus {
    background:      #FFF;
    color:        #222;}

  input[type="submit"] {
    padding:      3px 15px;
    border:        solid 1px #CCC;
    background:      #87BF28 url("../images/design/bg-button.png") center repeat-x;
    color:        #FFF;
    font-weight:    800;
    cursor:        pointer;}

  .clear {
    clear:        both;
    height:        0;
    margin:        0;
    padding:      0 !important;}

  p#jumper {
    display:      none;}

  div#header {
    width:        940px;
    margin:        0 auto;
    margin:        105px auto 20px auto;}

  #header h1 {
    margin:        0;
    font-size:      2em;}

  #header h1 a {
    display:      inline-block;
    padding:      0 0 0 60px;
    background:      transparent url("../images/design/logo.png") left -3px no-repeat;
    color:        #222;
    text-decoration:  none;}

  #header h1 span {
    display:      none;}

  #header h1 span.buw {
    display:      block;
    background:      transparent;
    color:        #666;
    font-size:      .5em;
    text-transform:    uppercase;}

  #header h1 strong {
    display:      block;
    font-weight:    400;}

  div#menu {
    position:      absolute;
    top:        0;
    left:        0;
    width:        100%;
    height:        70px;
    background:      #87BF28 url("../images/design/bg-menu.png") repeat-x;
    color:        #FFF;}

   div#menu dfn {
    display: inline;
    height: 0;
    left: -1000px;
    overflow: hidden;
    position: absolute;
    top: -1000px;
    width: 0;}

  #menu ul {
    width:        940px;
    height:        70px;
    margin:        0 auto;
    list-style-type:  none;
    list-style-image:  none;}

  #menu li {
    position:      relative;
    float:        left;
    display:      inline;
    margin:        0;
    font-weight:    800;
    text-transform:    uppercase;}

  #menu a {
    display:      block;
    padding:      30px 20px 0 20px;
    height:        70px;
    max-height:      40px;
    background:      #87BF28 url("../images/design/bg-menu.png") repeat-x;
    color:        #FFF;
    text-decoration:  none;}

  #menu a.home,
  #menu a.home.active:hover {
    height:        70px;
    max-height:      43px;
    padding:      27px 20px 0 20px;}

  #menu a.home:hover span,
  #menu a.home:active span {
    background:      #FFF url("../images/design/menu-home-sprite.png") right no-repeat;
    color:        transparent;}

  #menu a.home span {
    display:      inline-block;
    width:        21px;
    height:        18px;
    background:      transparent url("../images/design/menu-home-sprite.png") left no-repeat;
    color:        transparent;}

  #menu a.home span span {
    display:      none;}

  #menu a.active {
    height:        90px;
    max-height:      60px;
    background:      transparent url("../images/design/bg-menu-active.png") center top no-repeat;
    color:        #FFF;}

  #menu li:hover a.active,
  #menu li:active a.active {
    height:        70px !important;
    max-height:      40px;}

  #menu ul ul {
    position:      absolute;
    left:        -9999px;}

  #menu ul ul li {
    float:        none;
    display:      block;}

  #menu li:hover a,
  #menu li:active a {
    background:      #FFF;
    color:        #4F8C00;}

  #menu li:hover ul {
    position:      absolute;
    z-index:      1;
    left:        0;
    display:      block;
    width:        auto;
    height:        auto;
    padding:      10px;
    background:      #FFF;
    color:        #222;
    box-shadow:      -2px 3px 2px rgba(0, 0, 0, 0.3), 2px 3px 2px rgba(0, 0, 0, 0.3);}

  #menu li:hover ul a {
    display:      block;
    height:        auto;
    padding:      10px 0;
    border-bottom:    dotted 1px #CCC;
    background:      #FFF;
    color:        #222;
    font-weight:    400;
    text-transform:    none;
    white-space:    nowrap;}

  #menu li:hover ul a:hover,
  #menu li:hover ul a:active {
    text-decoration:  underline;}

  div#search-form {
    position:      relative;
    width:        940px;
    margin:        0 auto;}

  #search-form form {
    position:      absolute;
    z-index:      0;
    top:        -65px;
    right:        0;
    background:      transparent;
    color:        #222;}

  #search-form form p {
    padding:      0;}

  div#breadcrumbnavigation {
    clear:        both;
    width:        940px;
    margin:        0 auto;
    border-top:      solid 1px #CCC;
    background:      transparent;
    color:        #888;
    font-size:      .9em;}

  #breadcrumbnavigation p {
    margin:        7px 0;}

  div#content {
    clear:        both;
    width:        940px;
    margin:        0 auto;}

  #content p:last-child {
    margin:        20px 0 0 0;}

  div.box-single {
    margin:        30px 0 25px 0;}

  .box-single h1 {
    background:      transparent;
    color:        #96CC30;
    font-size:      2em;
    font-weight:    800;
    text-transform:    uppercase;}

  div.box-left {
    clear:        both;
    float:        left;
    width:        330px;}

  div.box-right {
    float:        right;
    width:        590px;}

  .box-right h1:first-child,
  .box-right h2:first-child,
  .box-right h3:first-child,
  .box-right h4:first-child,
  .box-right h5:first-child,
  .box-right h6:first-child {
    border-top:      dotted 1px #888;
    padding:      20px 0 0 0;}

  div#footer {
    clear:        both;
    margin:        40px 0 0 0;
    padding:      100px 0 40px 0;
    background:      #E5E5E5 url("../images/design/logo-footer.png") center 40px no-repeat;
    color:        #222;}

  #footer p {
    margin:        0 0 10px 0;
    text-align:      center;}

  #footer p.site {
    background:      transparent;
    color:        #447A02;
    text-transform:    uppercase;}

  #footer a {
    background:      transparent;
    color:        #222;}

  /* Teaser box */

  div.teaserbox {
    height:        350px;
    margin:        30px 0 25px 0;
    background:      #87BF28;
    color:        #FFF;}

  .teaserbox p.teaserimage {
    float:        left;
    width:        590px;
    height:        350px;
    margin:        0;}

  .teaserbox div.teasertext {
    float:        right;
    width:        350px;
    max-width:      290px;
    height:        350px;
    max-height:      290px;
    padding:      30px;
    background:      #87BF28 url("../images/design/bg-teaserbox.png") center;
    color:        #FFF;}

  .teaserbox h2 {
    margin:        0 0 10px 0;
    background:      transparent;
    color:        #FFF;
    font-weight:    800;
    letter-spacing:    .025em;
    line-height:    1.6em;}

  .teaserbox h2 a {
    text-decoration:  none;}

  .teaserbox h2 a:hover,
  .teaserbox h2 a:active {
    text-decoration:  underline;}

  .teaserbox p {
    background:      transparent;
    color:        #325900;
    line-height:    1.8em;}

  .teaserbox a {
    background:      transparent;
    color:        #FFF;
    text-decoration:  underline;}

  .teaserbox a:hover,
  .teaserbox a:active {
    text-decoration:  none;}

  /* Navigation */
  /* CN start: geändert von submenu in csc-menu.csc-menu-1, da wir über sitemap rendern */

  ul.csc-menu.csc-menu-1, ul.news-amenu-container {
    border-top:      dotted 1px #888;
    list-style-type:  none;
    list-style-image:  none;}

  .csc-menu.csc-menu-1 li, .news-amenu-container li {
    margin:        0;
    padding:      7px 20px;
    border-bottom:    dotted 1px #888;
    background:      transparent url("../images/design/list-item.png") left center no-repeat;
    color:        #222;
    line-height:    1.6em;}

  .csc-menu.csc-menu-1 a, .news-amenu-container a {
    background:      transparent;
    color:        #444;}

  .csc-menu.csc-menu-1 a.active, .news-amenu-container a:active {
    display:      block;
    margin:        -7px -20px;
    padding:      7px 20px;
    background:      #E5E5E5 url("../images/design/list-item.png") left center no-repeat;
    color:        #447A02;
    font-weight:    800;
    text-decoration:  none;}
  /*CN end*/

/* Navigation */

  ul.submenu {
    border-top:      dotted 1px #888;
    list-style-type:  none;
    list-style-image:  none;}

  .submenu li {
    margin:        0;
    padding:      7px 20px;
    border-bottom:    dotted 1px #888;
    background:      transparent url("../images/design/list-item.png") left center no-repeat;
    color:        #222;
    line-height:    1.6em;}

  .submenu a {
    background:      transparent;
    color:        #444;}

  .submenu a.active {
    display:      block;
    margin:        -7px -20px;
    padding:      7px 20px;
    background:      #E5E5E5 url("../images/design/list-item.png") left center no-repeat;
    color:        #447A02;
    font-weight:    800;
    text-decoration:  none;}
  
  /* News */

  .news h1:first-child,
  .news h2:first-child,
  .news h3:first-child,
  .news h4:first-child,
  .news h5:first-child,
  .news h6:first-child {
    border:        none 0;
    padding:      0;}

  .news h3 {
    margin:        0 0 0px 0;
    font-size:      1em;
    font-weight:    800;}

  .news-single-timedata {
    margin-bottom: -20px;
    font-size: .9em
}

  .news-amenu-container {
    font-size: 1em !important;
    width: 300px !important;
}


  /* Persons */

  .persons a.ui-state-active {
    display:      block;
    margin:        -7px -20px 0 -20px;
    padding:      10px 20px 0 20px;
    background:      #E5E5E5;
    color:        #222;
    font-weight:    800;}

  .persons div.details.ui-accordion-content-active {
    margin:        0 -20px -7px -20px;
    padding:      0 20px 10px 20px;
    background:      #E5E5E5;
    color:        #222;}

  .persons .details div {
    float:        left;
    width:        280px;
    margin:        10px;}

  .persons .details h1 {
    background:      transparent;
    color:        #222;
    font-size:      1em;}

  .persons .details div:first-child p {
    text-align:center;}

  .persons table {
    font: inherit;
  }

  p.profileimage {
    float:        left;
    width:        75px;
    height:        75px;
    margin:        0 20px 20px 0;}

  /* Search */

  div.searchresult {
    padding:        0 0 20px 0;
    border-bottom:    dotted 1px #888;}
}