/* basic.css */

html {
    height: 100%;
    background-color: #bdbd69;

}

body {
    margin: 0;
    padding: 0;
    font-size: 62.5%; /* Setzt Basis-Schriftgroesse auf 10px */
    color: #333333;
    font-family: Arial, Helvetica, Helv, sans-serif;

    background: url(../images/Website-Grafik_Atlantische_Sandlandschaften.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain;
    background-position: bottom;



}
*:after,*:before{
    clear: both;
}

a {
    color: #333333;
}

a:link, a:visited {
    text-decoration: none;
}

a:hover, a:focus, a:active {
    text-decoration: none;
    color: #9E9E22;
}

a:hover abbr, a:focus abbr, a:active abbr {
    text-decoration: underline;
}

a[name]:hover, a[name]:focus, a[name]:active {
    text-decoration: none;
    color: #222222;
}

abbr {
    border: none;
}

img {
    border: none;
    padding: 0;
    margin: 0;
}

.unsichtbar, .skip, .hidden {
    position: absolute;
    top: -1000px;
    left: -1000px;
    overflow: hidden;
}

.skip:focus, .skip:active {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFFFFF;
    padding: 0;
    z-index: 1000;
}

.displayNone {
    display: none !important;
}

.clear {
    clear: both;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.clearFix:after {
    content: ".";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}

.clearFix {
    display: inline-block;
}

.left {
    float: left;
}

.right {
    float: right !important;
}

.noShow {
    display: none;
}

ul, li, p, form {
    float: left;
    margin: 0;
    padding: 0;
}

ul li {
    list-style-type: none;
}

h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
    font-weight: bold;
}

h2 {
    color: #9E9E22;
    clear: both;
}

tr, td, th {
    vertical-align: top;
    text-align: left;
}

/*** MAIN ***/

#wrapAll {
    background: #FFFFFF;
    margin: 0 auto;
    position: relative;
    width: 96.8em;
    z-index: 10;
    overflow: hidden;
}

#mainWrap {
    background: #FFFFFF;
    float: left;
    padding: 0 0.4em;
    width: 96em;
}

.externerLink, .linkInfos {
    color: #555555;
}

a .externerLink, a .linkInfos {
    font-weight: normal;
}

.linkInfos {
    text-transform: uppercase;
}

h2 {
    border-bottom: 1px solid #d0d0d1;
    float: left;
    font-size: 2.6em;
    font-weight: normal;
    padding: 0 0 0.4em 0;
    margin-bottom: 1.2em;
    width: 100%;
}

h2.noBorder {
    border: none;
    margin: 0;
}

.red {
    color: #9E9E22 !important;
}

.mobileOnly {
    display: none;
}

/** FORM ELEMENTS **/

input:focus, select:focus, textarea:focus, button:focus, input:active, select:active, textarea:active, button:active {
    outline: none;
}

form label {
    float: left;
    clear: both;
    font-size: 1.2em;
}

form .inaktiv label {
    color: #abacae;
}

form input {
    float: left;
    font-family: Arial, Helvetica, Helv, sans-serif;
}

form input[type="text"] {
    color: #333333;
    font-size: 1.2em;
    border: 2px solid #555555;
    border-radius: 1em;
    padding: 0.2em 0.8em;
    width: 21.4em;
}

form input.inputFull {
    width: 46.35em;
}

.sbHolder {
    float: left;
    padding: 0 0 2em 0;
}

form select, form .selectWrap, .sbSelector {
    background: url(../images/form_select.png) no-repeat right center #FFFFFF;
    border: 2px solid #555555;
    border-radius: 1em;
    color: #333333;
    float: left;
    font-size: 1.1em;
    font-family: Arial, Helvetica, Helv, sans-serif;
    overflow: hidden;
    width: 23em;
    -webkit-appearance: none;
    padding: 0.3em 1em;
}

.sbOptions {
    border: 2px solid #555555;
    border-radius: 1em;
    color: #333333;
    float: left;
    font-size: 1.1em;
    font-family: Arial, Helvetica, Helv, sans-serif;
    overflow: hidden;
    width: 23em;
    -webkit-appearance: none;
    padding: 0.1em 1em;
    margin: 0.2em 0 0 0;
    background-color: #ffffff;
}

.sbOptions li {
    display: block;
    width: 100%;
    padding: 0.2em 0;
}

.sbOptions a {
    display: block;
    float: left;
    width: 100%;
}

form .selectWrap.aktiv {
    border-color: #c1001f;
}

form .selectWrap {
    padding: 0;
}

form .selectWrap select {
    background: transparent;
    border: none;
    -webkit-appearance: none;
    width: 24.6em;
}

/*
form .selectWrap option {
    width: 20em;
}
*/

form .inaktiv .selectWrap {
    background-image: url(../images/form_select_inaktiv.png);
    border-color: #d0d0d1;
}

form .inaktiv select {
    color: #d0d0d1;
}

form textarea {
    border: 2px solid #555555;
    border-radius: 1em;
    color: #333333;
    float: left;
    font-family: Arial, Helvetica, Helv, sans-serif;
    font-size: 1.2em;
    padding: 0 0.6em 0.4em;
    resize: none;
    width: 21.8em;
}

form textarea.textareaFull {
    width: 46.8em;
}

form input[type="submit"] {
    background: #abacae;
    border: none;
    border-radius: 1em;
    color: #FFFFFF;
    padding: 0 0 0.3em 0;
    height: 1.4em;
    width: 1.4em;
    cursor: pointer;
}

#contentMain form input[type="submit"] {
    width: auto;
    font-size: 1.2em;
    height: auto;
    padding: 0.35em 0.7em;
}

form input[type="submit"]:hover, form input[type="submit"]:focus {
    background: #9E9E22;
    outline: none;
}

.formBox.abstand {
    width: 30em;
}

.formBox {
    float: left;
    width: 28em;
}

.formBox.sucheFilter {
    width: 15em;
    padding-bottom: 0.4em;
}

form.suche {
    padding-top: 2em;
    padding-bottom: 0.4em;
    border-bottom: 1px solid #d0d0d1;
    margin-bottom: 2em;
}

#contentMain form.suche input.inputFull {
    width: 36.35em;
    margin-right: 2em;
}

.suchergebnis {
    border-bottom: 1px solid #d0d0d1;
    width: 100%;
    float: left;
    padding: 1.6em 0 0 0;
}

#contentMain .suchergebnis h4 {
    font-size: 1.4em;
    line-height: 1.5em;
}

#contentMain .suchergebnis h4 a, #contentMain .suchergebnis h5 a {
    background: url(../images/linkIntern.png) no-repeat 0 1.6em;
    display: block;
    padding: 0.2em 0 0.2em 2.2em;
}

#contentMain .suchergebnis h4 a:hover, #contentMain .suchergebnis h4 a:focus, #contentMain .suchergebnis h4 a:active, #contentMain .suchergebnis h5 a:hover, #contentMain .suchergebnis h5 a:focus, #contentMain .suchergebnis h5 a:active {
    background-image: url(../images/linkIntern_active.png)
}

#contentMain .suchergebnis h4 .dachzeile, #contentMain .suchergebnis h5 .dachzeile {
    font-weight: normal;
    color: #555555;
}

#contentMain .suchergebnis p.pfad {
    font-size: 1.2em;
    margin: 0;
    padding-left: 2.6em;
}

#contentMain .suchergebnis p {
    padding-left: 2.2em;
}

#contentMain .suchergebnis p.pfad a {
    color: #555555;
}

#contentMain .suchergebnis p.pfad a:hover, #contentMain .suchergebnis p.pfad a:focus, #contentMain .suchergebnis p.pfad a:active {
    color: #9E9E22;
}

.suchnavigation {
    text-align: center;
    float: left;
    width: 100%;
    font-size: 1.4em;
    padding-top: 2.4em;
}

.suchnavigation ul {
    width: 100%;
    float: none;
    display: inline;
}

.suchnavigation li {
    float: none;
    display: inline;
    padding: 1em 0.4em;
    color: #9E9E22;
}

.suchnavigation li a, .suchnavigation li span {
    display: inline-block;
}

.suchnavigation li.suchePrev {
    padding-right: 0.8em;
}

.suchnavigation li.sucheNext {
    padding-left: 0.8em;
}

.suchnavigation li.suchePrev a {
    background: url(../images/suche_prev.png) no-repeat 0 0.4em;
    padding-bottom: 0.5em;
}

.suchnavigation li.suchePrev a:hover, .suchnavigation li.suchePrev a:focus, .suchnavigation li.suchePrev a:active {
    background-image: url(../images/suche_prev_aktiv.png);
}

.suchnavigation li.sucheNext a {
    background: url(../images/suche_next.png) no-repeat 0 0.4em;
    padding-bottom: 0.5em;
}

.suchnavigation li.sucheNext a:hover, .suchnavigation li.sucheNext a:focus, .suchnavigation li.sucheNext a:active {
    background-image: url(../images/suche_next_aktiv.png);
}

.standardArtikel .suchnavigation img {
    width: 22px;
}

#contentWrap #contentMain .standardArtikel p.label {
    font-size: 1.2em;
    padding: 1.4em 0 0.4em 1em;
    margin: 0;
}

#contentMain label {
    padding: 0 0 0.4em 1em;
}

#contentMain input, #contentMain .selectWrap, #contentMain textarea {
    margin: 0 0 1.4em 0;
}

input, textarea {
    -webkit-appearance: none;
}

/* Radio & Checkbox */

#contentWrap .standardArtikel .formBox p {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 0 0.6em 0;
}

.formBox label + p, .formBox input + p {
    /*  margin-top: 20px; */
}

.formBox p > input {
    padding: 0;
    margin: 0;
    height: 32px;
    width: 32px;
    float: left;
    position: absolute;
    left: 0;
    opacity: 0;
}

#contentMain .formBox p > label {
    font-size: 1em;
    padding-top: 0.15em;
    padding-left: 2.4em;
}

.formBox p:not(#foo) > input + label {
    background: url(../images/form_radio_checkbox.png) 0 0 no-repeat;
}

.darksite .formBox p:not(#foo) > input + label {
    background: url(../images/form_radio_checkbox_darksite.png) 0 0 no-repeat;
}

.formBox p:not(#foo) > input[type=radio] + label,
.formBox p:not(#foo) > input[type=checkbox] + label {
    background-position: 0 -4px;
}

/* Checked styles */
.formBox p:not(#foo) > input[type=radio]:checked + label {
    background-position: 0 -348px;
}
.formBox p:not(#foo) > input[type=checkbox]:checked + label {
    background-position: 0 -176px;
}
.formBox p:not(#foo) > input[type=checkbox]:hover:checked + label,
.formBox p:not(#foo) > input[type=checkbox]:focus:checked + label,
.formBox p:not(#foo) > input[type=checkbox]:checked + label:hover,
.formBox p:not(#foo) > input[type=checkbox]:focus:checked + label {
    background-position: 0 -176px;
}
.formBox p:not(#foo) > input[type=radio]:hover:checked + label,
.formBox p:not(#foo) > input[type=radio]:focus:checked + label,
.formBox p:not(#foo) > input[type=radio]:checked + label:hover,
.formBox p:not(#foo) > input[type=radio]:focus:checked + label {
    background-position: 0 -348px;
}

/* Hover & Focus styles */
.formBox p:not(#foo) > input[type=checkbox]:hover + label,
.formBox p:not(#foo) > input[type=checkbox]:focus + label,
.formBox p:not(#foo) > input[type=checkbox] + label:hover {
    background-position: 0 -4px;
}
.formBox p:not(#foo) > input[type=radio]:hover + label,
.formBox p:not(#foo) > input[type=radio]:focus + label,
.formBox p:not(#foo) > input[type=radio] + label:hover {
    background-position: 0 -4px;
}

/* Active styles */
.formBox p:not(#foo) > input[type=checkbox]:active + label,
.formBox p:not(#foo) > input[type=checkbox] + label:hover:active {
    background-position: 0 -176px;
}
.formBox p:not(#foo) > input[type=radio]:active + label,
.formBox p:not(#foo) > input[type=radio] + label:hover:active {
    background-position: 0 -348px;
}
.formBox p:not(#foo) > input[type=checkbox]:active:checked + label,
.formBox p:not(#foo) > input[type=checkbox]:checked + label:hover:active {
    background-position: 0 -176px;
}
.formBox p:not(#foo) > input[type=radio]:active:checked + label,
.formBox p:not(#foo) > input[type=radio]:checked + label:hover:active {
    background-position: 0 -348px;
}

/* Disabled styles */
.formBox p:not(#foo) > input[type=checkbox]:disabled + label,
.formBox p:not(#foo) > input[type=checkbox]:hover:disabled + label,
.formBox p:not(#foo) > input[type=checkbox]:focus:disabled + label,
.formBox p:not(#foo) > input[type=checkbox]:disabled + label:hover,
.formBox p:not(#foo) > input[type=checkbox]:disabled + label:hover:active {
    background-position: 0 -4px;
}
.formBox p:not(#foo) > input[type=radio]:disabled + label,
.formBox p:not(#foo) > input[type=radio]:hover:disabled + label,
.formBox p:not(#foo) > input[type=radio]:focus:disabled + label,
.formBox p:not(#foo) > input[type=radio]:disabled + label:hover,
.formBox p:not(#foo) > input[type=radio]:disabled + label:hover:active {
    background-position: 0 -4px;
}
.formBox p:not(#foo) > input[type=checkbox]:disabled:checked + label,
.formBox p:not(#foo) > input[type=checkbox]:hover:disabled:checked + label,
.formBox p:not(#foo) > input[type=checkbox]:focus:disabled:checked + label,
.formBox p:not(#foo) > input[type=checkbox]:disabled:checked + label:hover,
.formBox p:not(#foo) > input[type=checkbox]:disabled:checked + label:hover:active {
    background-position: 0 -4px;
}
.formBox p:not(#foo) > input[type=radio]:disabled:checked + label,
.formBox p:not(#foo) > input[type=radio]:hover:disabled:checked + label,
.formBox p:not(#foo) > input[type=radio]:focus:disabled:checked + label,
.formBox p:not(#foo) > input[type=radio]:disabled:checked + label:hover,
.formBox p:not(#foo) > input[type=radio]:disabled:checked + label:hover:active {
    background-position: 0 -4px;
}


/** FORM ELEMENTS -- Ende **/

/** HEADER **/

#header {
    background: #FFFFFF;
    float: left;
    width: 100%;
}

.serviceMenu {
    border-top: 5px solid #005779 ;
    background: #483b05;
    float: left;
    height: 4em;
    width: 100%;
}

.serviceMenu .serviceSocial {
    float: left;
    margin-left: 3em;
}

.serviceMenu .serviceSocial ul li {
    float: left;
}

.serviceMenu .serviceSocial .rss {
    background: url(../images/icon_rss.png) no-repeat left center transparent;
}

.serviceMenu .serviceSocial .print {
    background: url(../images/icon_print.png) no-repeat left center transparent;
}

.serviceMenu .serviceSocial .share {
    background: url(../images/icon_share.png) no-repeat left center transparent;
}

.serviceMenu .serviceSocial .contact {
    background: url(../images/icon_contact.png) no-repeat left center transparent;
}

.serviceMenu .serviceSocial a:hover,
.serviceMenu .serviceSocial a:focus {
    color: #9E9E22;
    outline: none;
}

.serviceMenu .serviceSocial .rss:hover,
.serviceMenu .serviceSocial .rss:focus {
    background: url(../images/icon_rss_active.png) no-repeat left center transparent;
}

.serviceMenu .serviceSocial .print:hover,
.serviceMenu .serviceSocial .print:focus {
    background: url(../images/icon_print_active.png) no-repeat left center transparent;
}

.serviceMenu .serviceSocial .share:hover,
.serviceMenu .serviceSocial .share:focus {
    background: url(../images/icon_share_active.png) no-repeat left center transparent;
}

.serviceMenu .serviceSocial .contact:hover,
.serviceMenu .serviceSocial .contact:focus {
    background: url(../images/icon_contact_active.png) no-repeat left center transparent;
}

.serviceMenu ul li a {
    color: #FFFFFF;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0.85em 2em 0.85em 2.4em;
}

.serviceMenu .serviceNavi {
    float: right;
    margin-right: 3em;
}

.serviceMenu .serviceNavi ul li {
    background: url(../images/pipe.png) no-repeat left center transparent;
    float: left;
    list-style-type: none;
}

.serviceMenu .serviceNavi ul li.first {
    background: none;
}

.serviceMenu .serviceNavi ul li a {
    margin: 0.9em 0.5em 0.8em 0.6em;
    padding: 0;
    float: left;
}

.serviceMenu .serviceNavi ul li a:hover,
.serviceMenu .serviceNavi ul li a:focus {
    color: #9E9E22;
    border: none;
    outline: none;
}

#header #headerLogoSearch {
    float: left;
    margin: 2em 0;
    width: 100%;
}

#header .headerSearch {
    float: left;
    margin-left: 3em;
}

#header .headerProjektLogos {
    float: left;
    margin-left: 3em;
}

#header .headerProjektLogos .headerProjektLogo {
    float: left;
    margin: 0 1em 0 0;
}
#header .headerProjektLogos .headerProjektLogo img {
    float: left;
    height: 50px;
}

#header form input[type="submit"] {
    background: url(../images/form_search_button.png) no-repeat left top transparent;
    border: none;
    float: left;
    margin: 0.2em 0 0 -1.6em;
}

#header form p {
    font-size: 1.2em;
    margin: 0.2em 0 0 0.4em;
}

#header .headerLogo {
    float: right;
    margin-right: 3em;
    width: 21.3em;
}

#header .headerLogo img {
    width: 100%;
}

/* MAIN MENU */

#mainMenu {
    float: left;
    margin-bottom: -4em;
    position: relative;
    z-index: 10;
    width: 100%;
}

#mainMenu .naviHeader {
    background: rgba(255,255,255,0.8);
    float: left;
    height: 4em;
    width: 100%;
}

#mainMenu .naviBackground {
    background: url(../images/navigation_bg.png) no-repeat left center transparent;
    display: block;
    margin-top: -0.6em;
    height: 5.2em;
    width: 16.3em;
}

#mainMenu .hoverWrap {
    height: 5em;
}

#mainMenu .hoverWrap a {
    color: #FFFFFF;
    font-size: 1.2em;
    font-weight: bold;
    padding-left: 5em;
    text-transform: uppercase;
}

#mainMenu #flyoutWrap {
    padding: 1em 1em;
    position: absolute;
}

#mainMenu #flyout {
    background: #FFFFFF;
    display: none;
    float: left;
    margin-top: 2em;
    padding: 1em 2em;
    height: 26.2em;
    width: 90em;
}

/*#mainMenu .hoverWrap:hover #flyout,
#mainMenu #flyout:hover,
#mainMenu .hoverWrap:focus #flyout,
#mainMenu #flyout:focus
#mainMenu .hoverWrap:active #flyout,
#mainMenu #flyout:active {
    display: block;
}*/

#mainMenu #flyoutWrap ul {
    float: left;
    width: 100%;
}

#mainMenu #flyoutWrap ul ul {
    float: left;
    width: 28em;
    padding: 0 2em 0 0;
}

#mainMenu #flyoutWrap li li {
    background: url(../images/navigation_underline.png) no-repeat left 1.4em transparent;
    float: left;
    margin-bottom: 1em;
    width: 100%;
}

#mainMenu #flyoutWrap ul ul ul {
    width: 100%;
    padding: 0;
}

#mainMenu #flyoutWrap li li li {
    width: 28em;
    padding: 0 2em 0 0;
}

#mainMenu #flyoutWrap li a {
    color: #333333;
    margin-left: 1em;
    padding: 0;
    font-size: 1.4em;
    font-weight: bold;
    text-transform: none;
    display: block;
}

#mainMenu #flyoutWrap li a:hover, #mainMenu #flyoutWrap li a:focus, #mainMenu #flyoutWrap li a:active {
    color: #9E9E22;
    border: none;
    outline: none;
}

#mainMenu h2, #mainMenu h3 {
    color: #9E9E22;
    font-size: 2.6em;
    margin-right: 0.6em;
    font-weight: normal;
}

#mainMenu h3 {
    border-bottom: 1px solid #d0d0d1;
    float: left;
    padding: 0.4em 0;
    margin: 0 0 1em 0;
    width: 100%;
}

#mainMenu .hoverWrap h2 a {
    float: none;
    color: #555555;
    font-weight: normal;
    text-transform: none;
    padding: 0;
    font-size: 1em;
}

#mainMenu #flyoutWrap li h3 a {
    float: none;
    color: #555555;
    font-weight: normal;
    padding: 0 0 0 1.2em;
    margin: 0;
    font-size: 1em;
    background: url(../images/icon_goBack.png) no-repeat 0 0.15em;
    display: inline;
}

.untermenu {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 90.4em;
    height: 27.6em;
    background-color: #ffffff;
    float: left;
    margin: 4.85em 0 0 2.9em;
}

#mainMenu .untermenu h2 {
    color: #9E9E22;
}

#mainMenu #flyoutWrap li a.mobilNavi {
    display: none;
}

/* MAIN MENU -- Ende */

/** HEADER -- Ende **/

/** SLIDER **/

#mainSlider {
    float: left;
    overflow: hidden;
    width: 96em;
}

#mainSlider img {
    float: left;
}

#mainSlider .slides {
    width: 1000em;
    float: left;
}

#mainSlider .slideContent {
    background: rgba(255,255,255,0.8);
    height: 6em;
    width: 100%;
    float: left;
    margin-top: -6em;
}

.slideContent .text {
    float: left;
}

#mainSlider .slide {
    float: left;
    width: 96em;
}

#mainSlider .slideContent h2 {
    border: none;
    color: #333333;
    float: left;
    font-size: 3.6em;
    margin: 0.23em 0 0 0.84em;
    padding: 0;
    width: auto;
}

.slideControl ul, .slideControl ul li {
    float: left;
}

.slideControl ul li {
    display: block;
    float: left;
    margin: 1.6em 0.4em 0 0.4em;
    height: 1em;
    width: 1em;
    overflow: hidden;
}

.slideControl ul li a {
    /*display: block;
    float: left;
    margin: 1.6em 0.4em 0 0.4em;
    height: 1em;
    width: 1em;
    overflow: hidden;*/
}

.slideControl ul li img {
    width: 100%;
}

.slideControl ul li.dotActive img {
    margin-top: -11px;
}

.slideControl ul li a:hover,
.slideControl ul li a:focus {
    outline: none;
}

.slideControl ul li a:hover img,
.slideControl ul li a:focus img {
    margin-top: -11px;
}

.slideControl {
    float: right;
    margin: -5em 3em 0 0;
}

.slideControl #jumpSlideControl,
.slideControl #moveSlideControl {
    float: left;
}

.slideControl #moveSlideControl {
    margin: 0.6em 0 0 0;
    width: 6em;
}

.slideControl #moveSlideControl a {
    float: left;
    margin-left: 1em;
    height: 3em;
    width: 2em;
    overflow: hidden;
}

#moveSlideControl .moveBack:hover,
#moveSlideControl .moveBack:focus,
#moveSlideControl .moveForward:hover,
#moveSlideControl .moveForward:focus {
    outline: none;
}

#moveSlideControl .moveForward img,
#moveSlideControl .moveBack:hover img,
#moveSlideControl .moveBack:focus img {
    margin-left: -2.2em;
}

#moveSlideControl .moveForward:hover img,
#moveSlideControl .moveForward:focus img,
#moveSlideControl .moveBack img {
    margin-left: 0;
}

/** SLIDER -- Ende **/

/** CONTENT **/

#startseite {
    float: left;
    width: 100%;
}

#contentMain .boxSmall h3 {
    font-size: 1em;
}

#contentWrap {
    background: #FFFFFF;
    color: #333333;
    float: left;
    width: 100%;
}

#contentWrap p {
    font-size: 1.4em;
    float: none;
    margin-top: 1.2em;
}

#contentWrap .ansprechPartner {
    margin-bottom: 1.4em;
}

#contentWrap #contentMarginal .ansprechPartner p {
    margin-top: -0.3em;
}

#contentWrap #contentMarginal p {
    margin-top: 0;
    line-height: 1.5em;
}

#contentMarginal li {
    line-height: 1.7em;
}

#contentMarginal .serviceBox li {
    line-height: 1.1em;
}

#contentMarginal form {
    margin-top: 2em;
}

#contentMain li {
    line-height: 1.5em;
}

#contentWrap .ansprechPartner p .titel {
    font-size: 1.3em;
    font-weight: bold;
    padding-bottom: 0.6em;
    float: left;
    width: 100%;
    line-height: 1.4em;
}

#contentWrap .ansprechPartner p .titelZusatz {
    font-size: 0.75em;
    font-weight: normal;
    line-height: 1.4em;
}

.ansprechLabel {
    float: left;
    width: 5em;
    line-height: 1.5em;
}

.ansprechText {
    float: left;
    width: 14.8em;
    line-height: 1.5em;
}

#contentMain h3 {
    font-size: 3em;
    line-height: 1.2em;
    display: inline-block;
    margin: -0.15em 0 0 0;
}

#contentMain h4, #contentMain h5.aufklapp {
    font-size: 1.8em;
    padding: 1.2em 0 0 0;
}

.breadcrumb {
    float: left;
    margin: 1em 3em;
    width: 90em;
}

#contentWrap .breadcrumb p {
    margin: 0;
    padding: 0;
    float: left;
    font-weight: bold;
    font-size: 1.2em;
}

.breadcrumb ul {
    float: left;
    width: 77em;
}

.breadcrumb li {
    background: url(../images/pipe_breadcrumb.png) no-repeat right center transparent;
    padding: 0 0.8em 0 0.5em;
    font-size: 1.2em;
    display: inline;
}

.breadcrumb li:last-child {
    background: none;
}

#contentMain {
    float: left;
    margin: 1.65em 3em 3em 3em;
    width: 59em;
}

#startseite #contentMain, #startseite #contentMarginal {
    margin-top: 3.2em;
}

#ohneContext #contentMain {
    width: 90em;
}

#contentMarginal {
    float: left;
    margin: 1.65em 0 3em 0;
    width: 28em;
}

#contentWrap .teaserWrap {
    float: left;
    width: 28em;
}

#contentWrap .teaserWrap .standardBox h2 {
    border: none;
    margin: 0;
}

#contentWrap .standardBox, #contentWrap .standardArtikel {
    float: left;
    margin: 0 0 2em 0;
    width: 100%;
}

.standardArtikel img {
    width: 100%;
}

.standardArtikel table {
    font-size: 1.4em;
}

#contentWrap .standardBox {
    border-bottom: 1px solid #D0D0D1;
    padding-bottom: 2em;
}

#contentWrap .standardBox.boxAnsprechpartner {
    border-bottom: none;
}

.teaserWrap img {
    width: 100%;
}

.teaserWrap .boxSmall img {
    width: 6.5em;
}

#startseite #contentWrap .standardBox {
    margin-bottom: 0;
}

#contentMarginal .standardBox {
    border: none;
}

#contentWrap .teaserLeft {
    margin-right: 3em;
}

#contentWrap .boxSmall span.dachzeile {
    margin-top: 0;
}

.dachzeile {
    text-transform: uppercase;
}

#contentMain h3 .dachzeile {
    color: #555555;
    font-size: 0.47em;
    font-weight: normal;
    line-height: 1.8em;
}

.standardBox p a:hover, .standardBox p a:focus, .standardBox p a:active  {
    color: #9E9E22;
}

a.linkIntern {
    background: url(../images/linkIntern.png) no-repeat left center transparent;
    float: left;
    font-weight: bold;
    padding: 0.2em 0 0.2em 2em;
    margin: 1em 0 0 0;
}

a.linkIntern:hover,
a.linkIntern:focus {
    background-image: url(../images/linkIntern_active.png);
    color: #9E9E22;
}

#contentWrap .standardBox h3 a {
    font-size: 1.8em;
    line-height: 1.2em;
}

#contentWrap .teaserWrap .standardBox h3 {
    font-size: 1em;
}

#contentWrap .boxSmall {
    border-bottom: 1px solid #d5d5d6;
    float: left;
    padding-bottom: 1.4em;
    margin-top: 1.4em;
    width: 100%;
}

#contentWrap #contentMain .boxSmall.ansprechPartner {
    margin-top: 0;
}

#contentWrap .boxSmall a {
    float: left;
}

#contentWrap .boxSmall .text {
    float: left;
    margin-top: -0.4em;
    margin-left: 1em;
    width: 20em;
}

ul.serviceBox {
    font-size: 1.8em;
    font-weight: bold;
    margin: -1.2em 0 2em 0;
    padding: 0;
    width: 100%;
}

ul.serviceBox .titel {
    font-size: 0.75em;
    text-transform: uppercase;
    font-weight: normal;
}

ul.serviceBox li {
    border-bottom: 1px solid #d0d0d1;
    width: 100%;
    padding: 1em 0 0.8em 0;
}

.serviceBox li a {
    padding: 0.8em 0 1em 4.5em;
    display: block;
}

.serviceBox li.netzwerk a {
    background: url(../images/icon_netzwerk.png) no-repeat 0 0;
}

.serviceBox li.netzwerk a:hover, .serviceBox li.netzwerk a:focus, .serviceBox li.netzwerk a:active {
    background: url(../images/icon_netzwerk_aktiv.png) no-repeat 0 0;
}
.serviceBox li.personen a {
    background: url(../images/icon_personen.png) no-repeat 0 0;
}

.serviceBox li.personen a:hover, .serviceBox li.personen a:focus, .serviceBox li.personen a:active {
    background: url(../images/icon_personen_aktiv.png) no-repeat 0 0;
}
.serviceBox li.schloss a {
    background: url(../images/icon_schloss.png) no-repeat 0 0;
}

.serviceBox li.schloss a:hover, .serviceBox li.schloss a:focus, .serviceBox li.schloss a:active {
    background: url(../images/icon_schloss_aktiv.png) no-repeat 0 0;
}

.serviceBox li.sprechblase a {
    background: url(../images/icon_sprechblase.png) no-repeat 0 0;
}

.serviceBox li.sprechblase a:hover, .serviceBox li.sprechblase a:focus, .serviceBox li.sprechblase a:active {
    background: url(../images/icon_sprechblase_aktiv.png) no-repeat 0 0;
}
.serviceBox li.amtsblaetter a {
    background: url(../images/icon_amtsblaetter.png) no-repeat 0 0;
}

.serviceBox li.amtsblaetter a:hover, .serviceBox li.amtsblaetter a:focus, .serviceBox li.amtsblaetter a:active {
    background: url(../images/icon_amtsblaetter_aktiv.png) no-repeat 0 0;
}

.serviceBox li.apostillen a {
    background: url(../images/icon_apostillen.png) no-repeat 0 0;
}

.serviceBox li.apostillen a:hover, .serviceBox li.apostillen a:focus, .serviceBox li.apostillen a:active {
    background: url(../images/icon_apostillen_aktiv.png) no-repeat 0 0;
}

.serviceBox li.beihilfen a {
    background: url(../images/icon_beihilfen.png) no-repeat 0 0;
}

.serviceBox li.beihilfen a:hover, .serviceBox li.beihilfen a:focus, .serviceBox li.beihilfen a:active {
    background: url(../images/icon_beihilfen_aktiv.png) no-repeat 0 0;
}

.serviceBox li.twitter a {
    background: url(../images/icon_twitter.png) no-repeat 0 0;
}

.serviceBox li.twitter a:hover, .serviceBox li.twitter a:focus, .serviceBox li.twitter a:active {
    background: url(../images/icon_twitter_aktiv.png) no-repeat 0 0;
}
.serviceBox li.video a {
    background: url(../images/icon_video.png) no-repeat 0 0;
}
.serviceBox li.video a:hover,
.serviceBox li.video a:focus,
.serviceBox li.video a:active {
    background: url(../images/icon_video_aktiv.png) no-repeat 0 0;
}
.serviceBox li.gps a {
    background: url(../images/gps.png) no-repeat 0 0;
}

.serviceBox li.gps a:hover, .serviceBox li.gps a:focus, .serviceBox li.gps a:active {
    background: url(../images/gps_aktiv.png) no-repeat 0 0;
}
/** Englische Service Icons **/

.serviceBox li.netzwerk_en a {
    background: url(../images/en/icon_netzwerk_en.png) no-repeat 0 0;
}

.serviceBox li.netzwerk_en a:hover, .serviceBox li.netzwerk_en a:focus, .serviceBox li.netzwerk_en a:active {
    background: url(../images/en/icon_netzwerk_en_aktiv.png) no-repeat 0 0;
}
.serviceBox li.personen_en a {
    background: url(../images/en/icon_personen_en.png) no-repeat 0 0;
}

.serviceBox li.personen_en a:hover, .serviceBox li.personen_en a:focus, .serviceBox li.personen_en a:active {
    background: url(../images/en/icon_personen_en_aktiv.png) no-repeat 0 0;
}
.serviceBox li.schloss_en a {
    background: url(../images/en/icon_schloss_en.png) no-repeat 0 0;
}

.serviceBox li.schloss_en a:hover, .serviceBox li.schloss_en a:focus, .serviceBox li.schloss_en a:active {
    background: url(../images/en/icon_schloss_en_aktiv.png) no-repeat 0 0;
}

.serviceBox li.sprechblase_en a {
    background: url(../images/en/icon_sprechblase_en.png) no-repeat 0 0;
}

.serviceBox li.sprechblase_en a:hover, .serviceBox li.sprechblase_en a:focus, .serviceBox li.sprechblase_en a:active {
    background: url(../images/en/icon_sprechblase_en_aktiv.png) no-repeat 0 0;
}
.serviceBox li.amtsblaetter_en a {
    background: url(../images/en/icon_amtsblaetter_en.png) no-repeat 0 0;
}

.serviceBox li.amtsblaetter_en a:hover, .serviceBox li.amtsblaetter_en a:focus, .serviceBox li.amtsblaetter_en a:active {
    background: url(../images/en/icon_amtsblaetter_en_aktiv.png) no-repeat 0 0;
}

.serviceBox li.apostillen_en a {
    background: url(../images/en/icon_apostillen_en.png) no-repeat 0 0;
}

.serviceBox li.apostillen_en a:hover, .serviceBox li.apostillen_en a:focus, .serviceBox li.apostillen_en a:active {
    background: url(../images/en/icon_apostillen_en_aktiv.png) no-repeat 0 0;
}

.serviceBox li.beihilfen_en a {
    background: url(../images/en/icon_beihilfen_en.png) no-repeat 0 0;
}

.serviceBox li.beihilfen_en a:hover, .serviceBox li.beihilfen_en a:focus, .serviceBox li.beihilfen_en a:active {
    background: url(../images/en/icon_beihilfen_en_aktiv.png) no-repeat 0 0;
}

.serviceBox li.twitter_en a {
    background: url(../images/en/icon_twitter_en.png) no-repeat 0 0;
}

.serviceBox li.twitter_en a:hover, .serviceBox li.twitter_en a:focus, .serviceBox li.twitter_en a:active {
    background: url(../images/en/icon_twitter_en_aktiv.png) no-repeat 0 0;
}

.serviceBox li.video_en a {
    background: url(../images/en/icon_video_en.png) no-repeat 0 0;
}

.serviceBox li.video_en a:hover, .serviceBox li.video_en a:focus, .serviceBox li.video_en a:active {
    background: url(../images/en/icon_video_en_aktiv.png) no-repeat 0 0;
}

.serviceBox h2 {
    margin-bottom: 0;
}

#contentMarginal .boxSmall {
    margin-top: 0;
}

#contentMarginal .boxSmall img {
    float: left;
    height: 100%;
}

#contentWrap .boxSmall h3 a {
    font-size: 1.4em;
    line-height: 1.2em;
}

#contentWrap .boxSmall h3 .externerLink {
    font-weight: normal;
    font-size: 0.87em;
}

#contentWrap .boxSmall h3 a:hover,
#contentWrap .boxSmall h3 a:focus {
    color: #9E9E22;
}

#contentWrap .standardArtikel p {
    margin: 1.2em 0;
}

#contentWrap .standardArtikel table p {
    margin: 0;
}

#contentWrap .standardArtikel td {
    padding-right: 20px;
    line-height: 1.5em;
}

#contentMain p {
    line-height: 1.5em;
}

#contentMarginal .serviceBox .boxSmall {
    margin-top: 1.4em;
}

.serviceBox .boxSmall a {
    display: block;
}

#contentMarginal .serviceBox span {
    width: auto;
}

#contentMarginal .serviceBox .boxSmall .image {
    font-size: 0.715em;
    height: 6.5em;
    width: 6.5em;
    overflow: hidden;
    float: left;
}

.serviceBox .boxSmall .text {
    margin: 1em 0 0 1em;
    width: auto;
    font-weight: bold;
    float: left;
    font-size: 1.4em;
}

#contentMarginal .serviceBox .boxSmall .text {
    width: 14em;
}

.serviceBox a:hover img, .serviceBox a:focus img {
    margin-left: -6.55em;
}

.serviceBox h3 a {
    font-size: 1.8em;
}

#contentMarginal .serviceBox span span.dachzeile {
    width: 100%;
}

#contentMarginal form label {
    margin: 0 0 0.4em 1em;
}

#contentMarginal form .stepCount {
    font-size: 2em;
}

#contentMarginal form .selectWrap {
    margin-bottom: 1.2em;
}

#contentMarginal .standardBox span.dachzeile {
    font-weight: normal;
}

#contentMarginal .boxSmall .text {
    margin-top: 1em;
    margin-left: 0;
    font-size: 1em;
}

#contentWrap .downloadBox {
    margin: 0 0 2em 0;
    padding-bottom: 1em;
}

.downloadBox li {
    margin-bottom: 1.4em;
}

.downloadBox a {
    background: url(../images/icon_download.png) no-repeat left top transparent;
    padding: 0.25em 0 0.3em 2.2em;
    font-size: 1.4em;
    font-weight: bold;
    height: auto;
    display: block;
}

.downloadBox a span {
    color: #333333;
    margin-left: 0.2em;
    font-weight: normal;
}

.videoBox {
    margin-bottom: 3em;
}


/* STANDARDLISTE */

.standardText ul {
    float: left;
    padding: 0.4em 0;
    margin: 0 0 2em 4em;
    width: 54em;
}

.standardText ul ul {
    float: none;
    padding: 00;
    margin: 0;
    width: auto;
}

.standardText li {
    clear: both;
    float: left;
    font-size: 1.4em;
    font-weight: bold;
    margin: 0.2em 0;
    padding-left: 0.4em;
    width: 100%;
}

.standardText li li {
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    margin-left: 1em;
    /*width: 50.5em;*/
}

.standardText ul li {
    list-style-image: url(../images/standardListe_disc.png);
}

.standardText li ul li {
    list-style-image: url(../images/standardListe_disc_small.png);
}

.ankerAbschnitt .standardText ul {
    margin-left: 2em;
}

.ankerAbschnitt .standardText ul ul {
    margin-left: 0;
}

/*

#contentWrap .standardListe {
    float: left;
    margin: 0 0 2em 4em;
    width: 54em;
}

ul.standardListe {
    float: left;
    padding: 0.4em 0;
    margin: 0 0 2em 4em;
}

.standardListe li {
    clear: both;
    float: left;
    font-size: 1.4em;
    font-weight: bold;
    list-style-image: url(../images/standardListe_disc.png);
    margin: 0.2em 0;
    padding-left: 0.4em;
    width: 100%;
}

.standardListe li li {
    list-style-image: url(../images/standardListe_disc_small.png);
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    margin-left: 1em;
    width: 50.5em;
}

*/

/* STANDARDLISTE -- Ende */

/* GALERIE TEASER BOX */

.galerieTeaserBox {
    float: left;
    margin: 0.4em 0 3em 0;
}

.galerieTeaserBox img {
    width: 100%;
}

.gtBoxSmall {
    width: 28em;
    margin-right: 3em;
    margin-bottom: 0;
    padding: 1.7em 0 0 0;
}

.gtBoxSmall img {
    width: 100%;
}

.gtBoxRight {
    float: right;
    margin: 0.4em 0 0 3em;
}

.galerieTeaserBox .galerieLink {
    background: #000000;
    margin-top: -4em;
    height: 4em;
    position: relative;
    width: 14em;
}

.galerieTeaserBox .galerieLink:hover,
.galerieTeaserBox .galerieLink a:focus {
    background-color: #9E9E22;
    border: none;
}

#contentWrap .galerieTeaserBox .galerieSubline {
    color: #555555;
    margin: 0.8em 0;
}

#contentWrap .galerieTeaserBox .galerieLink p {
    font-size: 1em;
    margin: 0;
    height: 100%;
    width: 100%;
}

.galerieTeaserBox .galerieLink a {
    background: url(../images/icon_bildergalerie.png) no-repeat 0.9em 0.9em transparent;
    color: #FFFFFF;
    float: left;
    font-size: 1em;
    padding: 1.2em 0 0 3.8em;
    height: 2.8em;
    width: 10.2em;
}

#contentWrap .galerieTeaserBox p,
#contentWrap .galerieTeaserBox a {
    font-size: 1em;
}

/* GALERIE TEASER BOX -- Ende */

/* LINKLISTE */

ul.linkListe {
    float: left;
    width: 100%;
    padding-bottom: 2em;
}

ul.linkListe ul {
    width: 100%;
    padding-bottom: 0;
}

ul.linkListe li {
    font-weight: bold;
    margin-bottom: 0.8em;
    clear: both;
}

ul.linkListe li a {
    background: url(../images/linkIntern.png) no-repeat left top transparent;
    padding: 0.25em 0 0.3em 2em;
    display: block;
}

ul.linkListe li a:hover, ul.linkListe li a:focus, ul.linkListe li a:active {
    background-image: url(../images/linkIntern_active.png);
}

ul.linkListe li a.downloadLink, .downloadLink {
    background: url(../images/icon_download.png) no-repeat left top transparent;
    float: left;
    padding-left: 2em;
}

ul.linkListe li a.downloadLink:hover, ul.linkListe li a.downloadLink:focus, .downloadLink:hover {
    background: url(../images/icon_download_active.png) no-repeat left top transparent;
    color: #9E9E22;
    cursor: pointer;
}

.downloadLink {
    padding: 0.4em 0 1em 2.8em;
}

ul.linkListe li li {
    background: none;
    padding: 0 0 0 2.8em;
    margin: 0;
}

ul.linkListe li li a {
    background: url(../images/list-style-image.png) no-repeat left 0.3em transparent;
    font-weight: normal;
    padding-top: 0.2em;
    padding-left: 1.5em;
}

ul.linkListe li li a.downloadLink {
    background: url(../images/icon_download_sub.png) no-repeat left 0.4em transparent;
    padding-left: 1.5em;
}

ul.linkListe li li a:hover,
ul.linkListe li li a:focus {
    background-image: url(../images/list-style-image_active.png);
    color: #9E9E22;
}

ul.linkListe li li a:hover.downloadLink, ul.linkListe li li a:focus.downloadLink {
    background: url(../images/icon_download_sub_active.png) no-repeat left 0.4em transparent;
}

ul.linkListe li a {
    float: left;
    font-size: 1.4em;
}

/* LINKLISTE -- Ende */

/* TAGCLOUD */

.tagCloud {
    text-align: center;
}

.tagCloud h2 {
    text-align: left;
}

.tagCloudBig {
    float: left;
    margin: 0 3em 5.2em 3em;
    width: 90em;
}

.tagCloud a {
    height: 30px;
    padding-top: 10px;
    margin-right: 20px;
}

.tagCloud a:hover,
.tagCloud a:focus {
    color: #9E9E22;
}

.tagCloud a.prio1 {
    font-size: 2.6em;
}

.tagCloud a.prio2 {
    font-size: 2.2em;
}

.tagCloud a.prio3 {
    font-size: 1.8em;
}

.tagCloud a.prio4 {
    font-size: 1.4em;
}

.tagCloud a.prio5 {
    font-size: 1em;
}

/* TAGCLOUD -- Ende */

/** CONTENT -- Ende **/

/** FOOTER **/

#footerWrap {
    background: #f5f5f5;
    color: #333333;
    float: left;
    width: 100%;
}

#footerWrap a {
    float: left;
}

#footerWrap .serviceMenu a {
    color: #FFFFFF;
}

#footerWrap .serviceMenu a:hover,
#footerWrap .serviceMenu a:focus {
    color: #9E9E22;
}

#footerWrap .serviceMenu .serviceNavi a {
    background: url(../images/icon_toTop.png) no-repeat right center transparent;
    margin-top: 0.6em;
    padding: 0.3em 3em 0.3em 0;
    background-size: 20px 20px;
}

#footerWrap .serviceMenu .serviceNavi a:hover,
#footerWrap .serviceMenu .serviceNavi a:focus {
    background-image: url(../images/icon_toTop_active.png);
}

#footerWrap .footerContact,
#footerWrap .footerSitemap {
    float: left;
    margin: 2em 3em 1em;
    width: 90em;
}

#footerWrap .sitemapBox,
#footerWrap .contactBox {
    float: left;
    margin: 0 0 0 3em;
    width: 28em;
}

#footerWrap .contactBox p {
    width: 100%;
    line-height: 1.6em;
}

#footerWrap .footerContact .first,
#footerWrap .footerSitemap .first {
    margin: 0;
}

#footerWrap .footerContact h2 span {
    color: #333333;
    font-size: 0.461em;
}

/* CONTACT FORM */

#footerWrap .footerContact label {
    margin: 0 0 0.2em 1em;
}

.footerContact textarea {
    height: 6em;
    margin-bottom: 3.1em;
    padding: 0.3em 0.8em;
    width: 20.2em;
}

#footerWrap .footerContact input {
    margin-bottom: 1.2em;
}

#footerWrap input[type="submit"] {
    font-size: 1.2em;
    width: 11.7em;
    height: 2em;
    padding-top: 0.3em;
}

#footerWrap .footerContact h3, #footerWrap .footerContact h4 {
    color: #333333;
    font-size: 1.2em;
    margin-bottom: 1em;
}

#footerWrap .footerContact p {
    font-size: 1.2em;
    margin-bottom: 1em;
}

#footerWrap .footerContact form p {
    color: #9E9E22;
    margin: 0.3em 0 0 0.6em;
}

#footerWrap .footerContact p a {
    font-weight: bold;
}

#footerWrap .contactBox .moreOptions {
    float: left;
    width: auto;
}

#footerWrap .contactBox .moreOptions a {
    font-weight: normal;
}

/* CONTACT FORM -- Ende */

#footerWrap .sitemapBox .sitemap {
    float: left;
    margin: 0 0 2em 0;
    clear: both;
}

#footerWrap .sitemapBox h3 {
    float: left;
    font-weight: bold;
    font-size: 1.4em;
}

#footerWrap .sitemapBox h3 a {
    background: url(../images/linkIntern.png) no-repeat left top transparent;
    padding: 0.2em 0 0.6em 2.2em;
}

#footerWrap .sitemapBox h3 a:hover, #footerWrap .sitemapBox h3 a:focus, #footerWrap .sitemapBox h3 a:active {
    background-image: url(../images/linkIntern_active.png);
}

#footerWrap .sitemapBox ul li {
    float: left;
    width: 100%;
}

#footerWrap .sitemapBox ul li a {
    background: url(../images/list-style-image.png) no-repeat left 0.2em transparent;
    font-size: 1.2em;
    float: left;
    margin: 0.3em 0 0.3em 2.5em;
    padding: 0 0 0 1.6em;
}

#footerWrap .sitemapBox ul li a:hover,
#footerWrap .sitemapBox ul li a:focus {
    background-image: url(../images/list-style-image_active.png);
    color: #9E9E22;
}

#footerWrap #footerImprint {
    background: #EEEEEE;
    float: left;
    height: 4em;
    width: 100%;
}

#footerWrap #footerImprint p {
    float: left;
    font-size: 1.4em;
    margin: 0.8em 0 0 2.14em;
}

#footerWrap #footerImprint ul {
    float: right;
    margin-right: 3em;
}

#footerWrap #footerImprint ul li {
    background: url(../images/pipe_dark.png) no-repeat left 1.6em transparent;
    float: left;
    margin-left: 0.6em;
}

#footerWrap #footerImprint ul li.first {
    background: none;
}

#footerWrap #footerImprint ul li a {
    float: left;
    font-size: 1.4em;
    margin: 0.8em 0 0 0.6em;
}

/** FOOTER -- Ende **/

/** DARKSITE **/

.darksite {
    position: absolute;
    top: 100px;
    z-index: 10000;
    width: 100%;
}

.darksite .pp_content_container {
    background: #FFFFFF;
    width: 900px;
    margin: 0 auto;
}

.darksite h2 {
    border-bottom: 1px solid #d0d0d1;
    color: #333333;
    float: none;
    font-size: 3em;
    font-weight: bold;
    margin-bottom: 0;
}

.darksite h3 {
    color: #333333;
    float: none;
    font-size: 1.8em;
    font-weight: bold;
    margin-bottom: 1em;
}

.darksite .dachzeile {
    font-size: 1.4em;
    text-transform: uppercase;
}

.darksite .pp_close, .darksite .pp_hide {
    background: url(../images/darksite_galerie_close.gif) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    font-size: 1.4em;
    font-weight: bold;
    height: 22px;
    float: left;
    line-height: 22px;
    padding-left: 30px;
    margin: 0 20px 10px 0;
}

.darksite .pp_hide {
    background-image: url(../images/darksite_galerie_hide.gif);
}

.darksite a.pp_hide {
    color: #9E9E22;
}

.darksite .formBox {
    width: auto;
    margin-left: -4px;
}

.darksite .formBox label {
    color: #9E9E22;
    font-weight: bold;
    font-size: 1.4em;
    height: 22px;
    float: left;
    line-height: 22px;
    padding-left: 34px;
    margin: 0 20px 10px 0;
    cursor: pointer;
}

.galleryHotline {
    float: left;
    font-size: 1.8em;
    line-height: 1.2em;
    font-weight: bold;
    color: #9E9E22;
    margin: 0 0 0 1em;
    padding: 0.6em 0 1.8em 4.6em;
    background: url(../images/icon_hotline.gif) no-repeat scroll 0 0 transparent;
}

.galleryHotline p {
    font-size: 1.1em;
}

.galleryHotline .titel {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.75em;
}

.galleryLink {
    float: left;
    color: #9E9E22;
    padding : 0.6em 0 1.8em 8.6em;
}

.galleryLink .pp_close:hover, .galleryLink .pp_close:focus {
    background-image: url(../images/darksite_galerie_close_active.gif);
    color: #9E9E22;
}


.galleryOptionen {
    float: right;
}

.darksite .pp_close:hover, .darksite .pp_close:focus {
    background-image: url(../images/darksite_galerie_close_active.gif);
    color: #9E9E22;
}

.darksite .pp_content .pp_gallery_title {
    background: #FFFFFF;
    padding: 30px 20px 0 20px;
    float: left;
    width: 860px;
}

.darksite .pp_gallery_content {
    border-bottom: 1px solid #d0d0d1;
    margin: 20px;
    width: 860px;
}

.darksite .pp_details div.detailsText {
    margin-bottom: 1.2em;
    width: auto;
}

.darksite #pp_full_res {
    float: left;
    overflow: hidden;
    width: 100%;
    background-color: #ffffff;
}

.darksite #pp_full_res img {
    float: left;
    margin: 20px 20px 0 20px;
    width: 860px;
    background-color: #ffffff;
}


/*** PARALLAX EFFECT ***/

#parallax-bg1 {
    left: 50%;
    margin-left: -600px;
    position: fixed;
    top: 0;
    width: 1200px;
    z-index: 1;
}

.parallax-bg3 {
    position: fixed;
    top: 0;
    z-index: 3;
}

#parallax div {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -150em;
    width: 300em;
    z-index: 1;
}

#parallax img {
    position: absolute;
    display: block;
}

#parallax #welleRot {
    /*background: url(../images/welle_rot.png) no-repeat left top transparent;*/
    height: 150em;
}

#parallax #welleGruen {
    /*background: url(../images/welle_gruen.png) no-repeat left top transparent;*/
    height: 60em;
}

.zweispaltig {
    float: left;
    width: 28em;
    margin: 3em 0 0 0;
    padding: 0 0 2.2em 0;
    border-bottom: solid 1px #d5d5d6;
}

#ohneContext .zweispaltig {
    width: 43.5em;
}

.zweispaltig.abstand {
    margin-right: 3em;
}

#contentMain .zweispaltig h3 {
    font-size: 1.8em;
    padding: 1.4em 0 0 0;
    margin: 0;
    line-height: 1.3em;
}

#contentMain .zweispaltig h3 .dachzeile {
    font-size: 0.75em;
    font-weight: normal;
    margin: 0;
}

#contentWrap .standardArtikel .zweispaltig p {
    padding: 0;
    margin: 0;
}

.standardArtikel ul ul {
    padding-top: 0.6em;
}

.zweispaltig a.linkIntern {
    padding: 0.2em 0 0 2.2em;
    margin: 1em 0 0 0;
}

h4.ankerTitel, h4.ankerTitelAktiv, h5.ankerTitel, h5.ankerTitelAktiv {
    border-top: solid 1px #d5d5d6;
    border-bottom: solid 1px #d5d5d6;
    margin: -1px 0 0 0;
    cursor: pointer;
    float: left;
    width: 32.7em;
}

.ankerEuropa {
    background: url(../images/europaflagge_40.png) no-repeat right 1.4em;
}

.presseUebersicht h4.ankerTitel, .presseUebersicht h4.ankerTitelAktiv {
    width: 32.8em;
}

h4.ankerTitelAktiv, h5.ankerTitelAktiv {
    border-bottom: none;
}

h4.ankerTitel a, h4.ankerTitelAktiv a, h5.ankerTitel a, h5.ankerTitelAktiv a {
    float: left;
    display: block;
    padding: 10px 0 10px 1.6em;
    background: url(../images/icon_aufklapp.png) no-repeat 0 0.5em;
}

h4.ankerTitel.ankerEuropa a, h4.ankerTitelAktiv.ankerEuropa a, h5.ankerTitel.ankerEuropa a, h5.ankerTitelAktiv.ankerEuropa a {
    padding-right: 3em;
}

h4.ankerTitel a:hover, h5.ankerTitel a:hover, h4.ankerTitel a:focus, h5.ankerTitel a:focus, h4.ankerTitel a:active, h5.ankerTitel a:active {
    background-image: url(../images/icon_aufklapp_aktiv.png);
}

h4.ankerTitelAktiv a, h5.ankerTitelAktiv a {
    background-image: url(../images/icon_zuklapp.png) !important;
}

h4.ankerTitelAktiv a:hover, h5.ankerTitelAktiv a:hover, h4.ankerTitelAktiv a:focus, h5.ankerTitelAktiv a:focus, h4.ankerTitelAktiv a:active, h5.ankerTitelAktiv a:active {
    background-image: url(../images/icon_zuklapp_aktiv.png) !important;
}

#contentMain h5.ankerTitel, h5.ankerTitelAktiv {
    font-size: 1.8em;
}

.ankerAbschnitt {
    float: left;
    border-bottom: solid 1px #d5d5d6;
    width: 56.2em;
    padding: 1.2em 0 0 2.8em;
}

.aufklappAbschnitt {
    float: left;
    padding: 2em 0;
}

.namenListe {
    font-size: 1.4em;
    font-weight: bold;
    padding: 0 0 2em 0;
}

.namenListe li {
    float: none;
    padding-bottom: 1em;
}

.startTeaser {
    float: left;
    padding-bottom: 3em;
}

.teaserBild {
    float: left;
    padding-bottom: 2.6em;
}

#contentMain .teaserWrap h3 .dachzeile {
    font-size: 0.78em;
    line-height: 1.4em;
}

#contentMain .teaserWrap .boxSmall h3 .dachzeile {
    font-size: 1em;
}

#powerTip {
    cursor: default;
    font-size: 1.2em;
    color: #fff;
    display: none;
    position: absolute;
    white-space: nowrap;
    z-index: 2147483647;
    margin-top: -7px;
}

#powerTip a {
    color: #FFFFFF;
    padding: 6px 12px;
    background-color: #9E9E22;
    border-radius: 20px;
}

.jqTransformHidden {
    display: none;
}

.jqTransformSelectWrapper {
    float: left;
    padding-bottom: 1.8em;
}

.jqTransformSelectWrapper div {
    float: left;
    border: 2px solid #555555;
    background-color: #ffffff;
    border-radius: 1em;
    color: #333333;
    font-size: 1.1em;
    font-family: BentonSans, Helvetica, Helv, Arial, sans-serif;
    /*overflow: hidden;*/
    width: 23.2em;
    -webkit-appearance: none;
    padding: 0.35em 0.9em 0.32em 0.9em;
}

.jqTransformSelectOpen {
    background: url(../images/form_select.png) no-repeat right center transparent;
    width: 23.9em;
    height: 19px;
    display: block;
    position: absolute;
    margin: -1.5em 0 0 0;
}

.jqTransformSelectWrapper ul {
    width: 24.9em;
    border: 2px solid #555555;
    background-color: #ffffff;
    border-radius: 1em;
    color: #333333;
    font-size: 1.1em;
    font-family: Arial, Helvetica, Helv, sans-serif;
    margin: 2.4em 0 0 0;
    padding: 0.8em 0 0.2em 0;
    position: absolute;
    z-index: 10000;
}

.jqTransformSelectWrapper li {
    padding: 0 0.9em 0.6em 0.9em;
    float: left;
    width: 100%;
}

#contentMain .presseUebersicht .suchergebnis h5 {
    font-size: 1.4em;
    line-height: 1.5em;
}

.presseUebersicht .ankerAbschnitt {
    padding-top: 0;
}

.presseUebersicht .ankerAbschnitt .suchergebnis {
    margin-bottom: -1px;
}

.presseUebersicht .aufklappAbschnitt {
    padding-bottom: 0;
}

ul.presseFilter {
    float: left;
    border: 2px solid #555555;
    background: url(../images/form_select.png) no-repeat 23em 0.3em #ffffff;
    border-radius: 1em;
    color: #333333;
    font-size: 1.1em;
    font-family: BentonSans, Helvetica, Helv, Arial, sans-serif;
    overflow: hidden;
    width: 23.2em;
    height: 2.1em;
    padding: 0 0.9em;
    cursor: pointer;
}

ul.presseFilter:hover {
    height: auto;
}

ul.presseFilter li {
    float: left;
    width: 22.2em;
}

ul.presseFilter a {
    display: block;
    padding: 0.35em 0;
}

.presseUebersicht form li a {
    float: left;
    width: 22em;
}

/* Sharebox */

.bookmarkMenuBox {
    font-size: 0.9em;
    margin-top: 4em;
    display: none;
    position: absolute;
}

.bookmarkMenuBox a {
    font-weight: bold;
    padding-bottom: 1em;
}

/* AddThis Vertical Layout Menu START (Bookmarks)*/

.addthis_toolbox {
    font-family: Arial, Helvetica, Helv, sans-serif;
    font-size: 0.8em;
}

div.vertical{
    padding-top: 0.5em !important;
}

.addthis_toolbox .vertical {
    background: #555555;
    width: 136px;
    padding: 1px;
    color: #ffffff;
}

.addthis_toolbox .vertical a {
    position: relative;
    display: block;
    background: #555555;
    width: 102px;
    padding: 4px 0 4px 34px;
    text-decoration: none;
    color: #ffffff;
    float: none !important;
    margin: 0 !important;
    clear: both;
}

.addthis_toolbox .vertical span {
    position: absolute;
    left: 14px;
    top: 4px;
}

.addthis_toolbox .vertical .more {
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 10px 10px 0 10px;
    text-align: center;
}

.addthis_toolbox .vertical .more a {
    padding: 4px 0;
    margin: 0;
}

.addthis_toolbox .vertical .more a:hover {
    background: none;
}

.addthis_toolbox .vertical .more span {
    display: none;
}

.sharebox {
    position: relative;
}

.bookmark_icon{
    float: right;
}

.at300b{
    float: left;
}

.addthis_button_facebook {
    background: url(../images/share_facebook.png) no-repeat 1em 0.35em transparent !important;
}

.addthis_button_twitter {
    background: url(../images/share_twitter.png) no-repeat 1em 0.35em transparent !important;
}

.addthis_button_google {
    background: url(../images/share_google.png) no-repeat 1em 0.35em transparent !important;
}

a.at300b{
    cursor: pointer;
}

/* //Sharebox */

/* jquery.customSelect Style */

.customSelect {

    /* This is the default class that is used */
    /* Put whatever custom styles you want here */
}

.customSelect.customSelectHover {

    /* Styles for when the select box is hovered */
}

.customSelect.customSelectOpen {

    /* Styles for when the select box is open */
}

.customSelect.customSelectFocus {
    /* Styles for when the select box is in focus */
}

.customSelectInner {

    /* You can style the inner box too */

}


/* //jquery.customSelect Style */

.ui-popup-screen.ui-overlay-a {
    background: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    z-index: 10000;
    left: 0;
    top: 0;
}

.ui-popup-container {
    position: absolute !important;
    width: 100%;
    top: 100px !important;
}

#contentWrap .standardArtikel .startTeaser .bildunterschrift, #contentWrap .standardArtikel .startTeaser .downloadLink {
    color: #555555;
    margin: 0.8em 0;
    font-size: 1em;
}

/** For Tablets using Desktop-Version (iPad etc.) **/

/* iPad Retina */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .ui-popup-screen.ui-overlay-a {
        width: 100vw; /* JM 20140508: vw=viewport-width (CSS3) */
    }

    .darksite {
        /*height: 100em;*/
        position: relative;
        float: left;
        width:960px;
    }
}

/* iPad 1 + 2 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1){
    .ui-popup-screen.ui-overlay-a {
        width: 100vw; /* JM 20140508: vw=viewport-width (CSS3) */
    }

    .darksite {
        /*height: 100em;*/
        position: relative;
        float: left;
        width:960px;
    }
}

/* Fehlermeldungen in Formularen */
.error ul {
    margin: 1.4em 0 1.4em 1.2em;
}
.error ul li {
    color: #9E9E22;
    float: none;
    list-style-type: disc;
    font-size: 1.2em;
}

textarea.error, .error input {
    background-color: #ffe3e8;
    border: 2px solid #9E9E22!important;
}

.imageMap {
    position: relative;
    clear: both;
    height: 550px;
}

.imageMap #bild, .imageMap #bild_tauschen {
    position: absolute;
    left: 0;
    top: 0;
}

#contentWrap #contentMain .ankerAbschnittPadding .standardBox .boxSmall.ansprechPartner:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

#contentWrap .ankerAbschnittPadding .standardBox:last-child {
    border-bottom: 0;
}

#contentWrap .kooperationspartner {
    width: 100%;
    float: left;
}

#contentWrap .kooperationspartner .item {
    float: left;
    width: 31.8em;
    min-height: 4em;
    background-color: #f5f5f5;
    text-align: center;
    border-right: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
    padding: 15px 0 15px 0;
}
#contentWrap .kooperationspartner .item.last {
    border-right: 0 none transparent;
}
#contentWrap .kooperationspartner .item a img {
    height: 40px;
}