@charset "utf-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
    border: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    max-width: 100%;
}

html {
    min-height: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body,
button,
input,
select,
textarea {
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
}

body {
    height: 100%;
    background-image: url(../pics/bg-body-first.jpg);
    background-attachment: fixed;
    background-size: cover;
    font: normal 13px Arial, Helvetica, sans-serif;
    line-height: 18px;
}

body.member {
    background-image: url(../pics/bg-body-second.jpg);
}

body.start {
    background-color: #ffffff;
    background-image: url(../pics/bg-body-start.jpg);
    background-position: top left;
    background-size: auto;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

a {
    color: #8b0c20;
    text-decoration: underline;
}

a:hover {
    color: #8b0c20;
    text-decoration: none;
}

img {
    border: none;
    border: 0;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

h1 {
    margin: 12px 0;
    font: bold 16px Arial, Helvetica, sans-serif;
    line-height: 20px;
}

h2 {
    margin: 9px 0;
    font: bold 14px Arial, Helvetica, sans-serif;
    line-height: 18px;
}

h3,
h4,
h5,
h6 {
    margin-bottom: 6px;
    font: bold 13px Arial, Helvetica, sans-serif;
    line-height: 18px;
}

p {
    margin-bottom: 18px;
    line-height: 18px;
}

p.flleft {
    display: inline-block;
    float: left;
    white-space: nowrap;
    margin-right: 24px;
}

.frame-default {
    clear: both;
}

/* ---------------------------------------- main layout -------------------------------------------------- */

#top {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 160px;
    background-color: transparent;
    background-image: url(../pics/top-160.png);
    background-repeat: repeat-x;
}

#container_main {
    position: relative;
    z-index: 2;
    margin: 45px auto;
    padding-bottom: 30px;
    width: 98%;
    max-width: 1100px;
    height: auto;
    background-color: transparent;
    border-radius: 10px;
}

#container_main > header {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 105px;
    background-color: #ffffff;
    border-radius: 10px 10px 0 0;
}

#content_all {
    position: relative;
    z-index: 1;
    margin-top: -105px;
    padding: 155px 15px 40px;
    height: auto;
    background-color: rgba(255, 255, 255, 0.60);
    border-radius: 10px 10px 0 0;
}

footer {
    clear: both;
    position: relative;
    z-index: 1;
    padding: 0 15px 15px;
    height: auto;
    background-color: rgba(255, 255, 255, 0.60);
    border-radius: 0 0 10px 10px;
}

/* -------------------------------------- header --------------------------------------------------------- */

.logo {
    float: left;
    width: 230px;
    height: 90px;
}

.logo a.mid {
    display: block;
}

.logo a.sma,
.logo a.xs {
    display: none;
}

.logo a.mid img {
    padding-left: 0;
}

button.menu-open,
button.menu-close {
    display: none;
}

ul.language {
    list-style: none;
    float: right;
    margin: 18px 24px 0 0;
    width: auto;
    height: 30px;
}

ul.language li {
    float: right;
    margin-left: 10px;
    padding: 5px 0 1px;
    width: 26px;
    text-align: center;
}

ul.language li a {
    display: block;
    text-decoration: none;
    color: #333333;
    border-bottom: 1px solid #ffffff;
}

ul.language li a.active {
    color: #8c0825;
    border-bottom: 1px solid #8b0c20;
}

ul.language li a:hover,
ul.language li a:focus {
    color: #8c0825;
    border-bottom: 1px solid #8b0c20;
}

ul.service {
    list-style: none;
    clear: right;
    float: right;
    margin: 20px 24px 0 0;
    width: auto;
    height: 30px;
}

ul.service li {
    float: right;
    text-align: right;
    margin-left: 24px;
}

ul.service li a {
    display: block;
    padding: 5px 6px 1px;
    text-decoration: none;
    color: #333333;
}

ul.service li a.active {
    color: #8c0825;
    border-bottom: 1px solid #8b0c20;
}

ul.service li a:hover,
ul.language li a:focus {
    color: #8c0825;
    border-bottom: 1px solid #8b0c20;
}

/* -------------------------------------- end header ----------------------------------------------------- */

/* -------------------------------------- start page ----------------------------------------------------- */

#content_all.start {
    background: none;
    margin-top: 0;
}

div.startcontent {
    display: table;
    width: 600px;
    margin: 0 auto;
}

div.startcontent div.contentrow {
    display: table-row;
}

div.startcontent div.contentrow div.logostart {
    display: table-cell;
    padding-right: 60px;
    text-align: right;
    width: 360px;
}

div.startcontent div.contentrow div.logostart a.xl {
    display: inline-block;
}

div.startcontent div.contentrow div.logostart a.md {
    display: none;
}

div.startcontent div.contentrow div.address {
    display: table-cell;
    vertical-align: bottom;
    width: 240px;
}

div.startcontent div.contentrow div.address p {
    margin: 0;
    font-size: 14px;
    line-height: 18px;
}

div.startcontent div.contentrow div.chooselang {
    display: table-cell;
    padding-top: 25px;
}

div.startcontent div.contentrow div.chooselang ul.language {
    float: left;
    font-size: 14px;
}

div.starttxt {
    margin: 0 auto;
    padding-top: 45px;
    width: 600px;
    font-size: 14px;
    line-height: 20px;
}

h1.start {
    margin-top: 24px;
}

h1.start a {
    font: normal 30px Arial, Helvetica, sans-serif;
    line-height: 36px;
    color: #980a2b;
    text-decoration: none;
}

/* ------------------------------------ end start page --------------------------------------------------- */

/* -------------------------------------- content_all ---------------------------------------------------- */

/* ------------------------------------ for print only --------------------------------------------------- */

div.print-nav {
    display: none;
}

/* ------------------------------------------ nav -------------------------------------------------------- */

nav {
    float: left;
    margin-top: 20px;
    padding: 0;
    width: 28.9719626168224%;
    height: auto;
    border-radius: 10px 0 0 0;
}

nav a {
    text-decoration: none;
}

nav ul.public {
    list-style: none;
    background-color: #afb4b7;
    font: bold 13px Arial, Helvetica, sans-serif;
    height: auto;
    max-height: none;
    padding: 30px 0 30px 0;
    border-radius: 10px 0 0 0;
}

nav ul.public li {
    position: relative;
    height: auto;
    width: 100%;
    background-color: #afb4b7;
    border-bottom: 1px solid #ffffff;
}

nav ul.public li.expanded {
    overflow: visible;
    height: auto;
}

nav ul.public li.item-with-ul {
    background-color: #a5aaad;
}

nav ul.public li a {
    position: relative;
    z-index: 2;
    display: block;
    width: 83%;
    height: auto;
    padding: 7px 6px 6px 15px;
    color: #ffffff;
    background-color: #afb4b7;
    line-height: 17px;
}

nav ul.public li a:hover,
nav ul.public li a.active,
nav ul.public li a.expanded {
    color: #8b0c20;
}

nav ul.public li .touch-button {
    width: 17%;
    height: 30px;
    background-color: #a5aaad;
    background-image: url(../pics/dropdown-arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
}

nav ul.public li .touch-button.active {
    background-image: url(../pics/dropup-arrow.png);
}

/* ----------------------------------------------- service navi ----------------------------------------------- */
nav ul.public li.services {
    display: none !important;
}

/* --------------------------------------------------- end ---------------------------------------------------- */

nav ul.public li ul {
    list-style: none;
    font: normal 13px Arial, Helvetica, sans-serif;
}

nav ul.public li ul li {
    background-color: #ccd1d4;
    border-bottom: 0;
    border-top: 1px solid #ffffff;
}

nav ul.public li ul li.item-with-ul {
    background-color: #ccd1d4;
}

nav ul.public li ul li a {
    padding: 7px 6px 6px 20px;
    color: #000000;
    background-color: #dadee1;
    border-left: 4px solid #dadee1;
}

nav ul.public li ul li a.expanded {
    border-left: 4px solid #dadee1;
}

nav ul.public li ul li a:hover,
nav ul.public li ul li a.active {
    color: #8b0c20;
    border-left: 4px solid #8b0c20;
}

nav ul.public li ul li .touch-button {
    background-color: #ccd1d4;
}

nav ul.public li ul li ul {
    list-style: none;
}

nav ul.public li ul li ul li {
    border-bottom: 0;
    border-top: 1px solid #dadee1;
}

nav ul.public li ul li ul li a {
    width: 100%;
    padding: 7px 6px 6px 24px;
    background-color: #ffffff;
    border-left: 4px solid #ffffff;
    line-height: 15px;
}

nav ul.public li ul li ul li a:hover,
nav ul.public li ul li ul li a.active {
    color: #8b0c20;
    border-left: 4px solid #8b0c20;
}

nav ul.member {
    list-style: none;
    background-color: #9ba59d;
    font: bold 13px Arial, Helvetica, sans-serif;
    height: auto;
    max-height: none;
    padding-bottom: 30px;
}

nav ul.member li {
    position: relative;
    height: auto;
    width: 100%;
    background-color: #9ba59d;
    border-bottom: 1px solid #ffffff;
}

nav ul.member li.item-with-ul {
    background-color: #909993;
}

nav ul.member li.expanded {
    overflow: visible;
    height: auto;
}

nav ul.member li a {
    position: relative;
    z-index: 2;
    display: block;
    width: 83%;
    height: auto;
    padding: 7px 6px 6px 15px;
    color: #ffffff;
    background-color: #9ba59d;
    line-height: 17px;
}

nav ul.member li a:hover,
nav ul.member li a.active,
nav ul.member li a.expanded {
    color: #8b0c20;
}

nav ul.member li .touch-button {
    width: 17%;
    height: 30px;
    background-color: #909993;
    background-image: url(../pics/dropdown-arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
}

nav ul.member li .touch-button.active {
    background-image: url(../pics/dropup-arrow.png);
}

nav ul.member li ul {
    list-style: none;
    font: normal 13px Arial, Helvetica, sans-serif;
}

nav ul.member li ul li {
    background-color: #c6c9c6;
    border-bottom: 0;
    border-top: 1px solid #ffffff;
}

nav ul.member li ul li.item-with-ul {
    background-color: #c6c9c6;
}

nav ul.member li ul li a {
    padding: 7px 6px 6px 20px;
    color: #000000;
    background-color: #d2d6d3;
    border-left: 4px solid #d2d6d3;
}

nav ul.member li ul li a.expanded {
    border-left: 4px solid #d2d6d3;
}

nav ul.member li ul li a:hover,
nav ul.member li ul li a.active {
    color: #8b0c20;
    border-left: 4px solid #8b0c20;
}

nav ul.member li ul li .touch-button {
    background-color: #c6c9c6;
}

nav ul.member li ul li ul {
    list-style: none;
}

nav ul.member li ul li ul li {
    border-bottom: 0;
    border-top: 1px solid #dadee1;
}

nav ul.member li ul li ul li a {
    width: 100%;
    padding: 7px 6px 6px 24px;
    background-color: #ffffff;
    border-left: 4px solid #ffffff;
    line-height: 15px;
}

nav ul.member li ul li ul li a:hover,
nav ul.member li ul li ul li a.active {
    color: #8b0c20;
    border-left: 4px solid #8b0c20;
}

.touch-button i.navicon {
    display: none;
}

/* -------------------------------------- nav end ---------------------------------------------------- */

/* -------------------------------------- content ---------------------------------------------------- */

#content {
    float: left;
    padding: 17px 0;
    width: 71.0280373831775%;
    background-color: rgba(255, 255, 255, 0.80);
    border-radius: 10px 10px 0 0;
    height: auto;
    min-height: 400px;
}

body.member #container_main #content_all #content {
    min-height: 400px;
}

/* ------------------------------------ content aside ------------------------------------------------- */

#content aside {
    float: right;
    display: inline-block;
    width: 36.184210526315%;
    height: auto;
}

#content aside .frame-default {
    width: 100%;
    margin: 0 0 18px;
    background-color: #ffffff;
    height: auto;
}

#content aside .frame-default header h1 {
    width: 100%;
    margin: 0 0 12px 0;
    padding: 6px 15px;
    font: bold 14px Arial, Helvetica, sans-serif;
    background-color: #dadee1;
}

#content aside .frame-default h1,
#content aside .frame-default h2 {
    padding: 4px 15px;
    font: bold 14px Arial, Helvetica, sans-serif;
    margin-bottom: 6px;
}

#content aside .frame-default h3,
#content aside .frame-default h4 {
    padding: 2px 15px;
    font: bold 13px Arial, Helvetica, sans-serif;
    margin-bottom: 0;
}

#content aside .frame-default ul,
#content aside .frame-default ol {
    margin-left: 18px;
    padding: 0 15px 15px;
    font-size: 13px;
    line-height: 18px;
}

#content aside .frame-default ol {
    margin-left: 24px;
}

#content aside .frame-default p {
    width: 100%;
    margin: 0;
    padding: 0 15px 15px;
}

#content aside .frame-default p.image {
    margin: 0 0 15px;
    padding: 0;
}

#content aside .frame-default img,
#content aside .ce-gallery .ce-row img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

#content aside .ce-gallery .ce-row {
    margin-bottom: 18px;
}

#content aside .ce-gallery .ce-row:last-of-type {
    margin-bottom: 0;
}

#content aside .ce-intext.ce-right .ce-gallery,
#content aside .ce-intext.ce-left .ce-gallery,
#content aside .ce-above .ce-gallery {
    margin-bottom: 0;
}

/* ----------------------------------- content section ------------------------------------------------- */

#content section {
    float: left;
    display: inline-block;
    margin-left: 3.9473684210526%;
    width: 56.578947368421%;
    height: auto;
}

#content section.large {
    float: none;
    display: block;
    /*margin-left:4.83870967741935%;
	margin-right:4.83870967741935%;*/
    margin-left: 3.9473684210526%;
    margin-right: 3.9473684210526%;
    width: auto;
    height: auto;
}

#content section > div.frame-default,
#content section.large > div.frame-default {
    margin-bottom: 6px;
    overflow: hidden;
}

#content section h1:first-child {
    margin: 0 0 20px 0;
}

#content section ul,
#content section ol {
    margin: 0 0 18px 18px;
    font-size: 13px;
    line-height: 18px;
}

#content section ol {
    margin-left: 26px;
}

#content section ol li,
#content section ul li {
    margin-bottom: 4px;
}

#content section.large h1.abteilung {
    clear: both;
    padding: 24px 0 0 0;
}

#content section p.align-center {
    text-align: center;
}

#content section img,
#content section.large img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

#content section.large .normbreite {
    width: 56.578947368421%;
}

#content div.ma {
    clear: both;
    margin: 12px 0;
    padding: 12px 0 6px;
    border-bottom: 1px solid #000000;
    overflow: hidden;
}

#content div.ma div.mafoto,
#content div.ma div.maname,
#content div.ma div.maarea {
    float: left;
}

#content div.ma div.mafoto {
    width: 19.82507289%;
    padding-bottom: 3px;
}

#content div.ma div.maname,
#content div.ma div.maarea {
    width: 37.46355685%;
    padding-left: 2.6239067%;
}

#content div.ma div.mafoto img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

#content div.ma div.maarea ul li {
    margin-bottom: 0;
}

.kommission {
    width: 100%;
    height: auto;
}

.mitglied {
    clear: left;
    width: 100%;
    height: auto;
    font: normal 13px Arial, Helvetica, sans-serif;
    overflow: hidden;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}

.mitglied > div {
    padding: 0.5%;
    vertical-align: middle;
}

.mitglied > div p {
    margin: 0;
}

.mitglied .name {
    float: left;
    width: 24%;
}

.mitglied .name p {
    font-weight: bold;
}

.mitglied .anschrift {
    float: left;
    width: 36%;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}

.mitglied .anschrift p.firma {
    font-weight: bold;
    margin-bottom: 3px;
}

.mitglied .telfaxmail {
    float: left;
}

.mitglied:last-child {
    border-bottom: 1px solid #000000;
}

.ce-gallery {
    margin-bottom: 18px;
}

#content section table,
#content section table tbody tr th,
#content section table tbody tr td	{
    border:1px solid #999999;
    border-collapse:collapse;
}

#content section table {
    width: 100%;
    margin-bottom: 18px;
}

#content section table.keinrahmen,
#content section table.keinrahmen tbody tr th,
#content section table.keinrahmen tbody tr td	{
    border:1px solid transparent;
}

#content section .image {
    border: 1px solid #999999;
}

#content section .keinrahmen {
    border: 1px solid transparent;
}

#content section .image img {
    padding: 3px 4px;
    text-align: left;
    vertical-align: middle;
}

#content section table tbody tr th h3,
#content section table tbody tr td h3 {
    margin: 5px 0;
}

#content section table tbody tr td ul,
#content section table tbody tr td ol {
    margin: 3px 0 3px 20px;
}

#content section table tbody tr th p,
#content section table tbody tr td p {
    margin: 3px 0;
}

#content section table tbody tr td img {
    width: 90%;
    max-width: 100%;
    height: auto;
}

#content table tbody tr td.align-center {
    text-align: center;
}

#content table tbody tr td.align-right {
    text-align: right;
}

.tx-p8carbmitgliederliste-pi1 h1 {
    padding: 4px 0;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

#content section div.frame-type-menu_sitemap_pages ul,
#content section div.frame-type-menu_sitemap ul {
    list-style-type: none;
    margin: 0 0 12px 0;
}

#content section div.frame-type-menu_sitemap_pages ul li a,
#content section div.frame-type-menu_sitemap ul li a {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 12px;
}

#content section div.frame-type-menu_sitemap_pages ul li ul,
#content section div.frame-type-menu_sitemap ul li ul {
    margin-top: 6px;
}

#content section div.frame-type-menu_sitemap_pages ul li ul li a,
#content section div.frame-type-menu_sitemap ul li ul li a {
    font-size: 13px;
    font-weight: normal;
    padding-left: 18px;
}

#content section div.frame-type-menu_sitemap_pages ul li ul li ul li a,
#content section div.frame-type-menu_sitemap ul li ul li ul li a {
    font-size: 12px;
    font-weight: normal;
    padding-left: 36px;
}

#content section .tx-felogin-pi1 div {
    margin-bottom: 36px;
}

#content section .tx-felogin-pi1 form fieldset div {
    clear: left;
    overflow: hidden;
    margin-bottom: 12px;
}

#content section .tx-felogin-pi1 form fieldset label {
    float: left;
    display: inline-block;
    width: 200px;
}

#content section .tx-felogin-pi1 form fieldset legend {
    display: none;
}

#content section .tx-felogin-pi1 form fieldset input#user,
#content section .tx-felogin-pi1 form fieldset input#pass,
#content section .tx-felogin-pi1 form fieldset input#tx_felogin_pi1-forgot-email,
#content section .tx-felogin-pi1 form fieldset input#tx_felogin_pi1-newpassword1,
#content section .tx-felogin-pi1 form fieldset input#tx_felogin_pi1-newpassword2 {
    float: left;
    width: 175px;
    padding: 3px 6px;
    background-color: #ffffff;
    border: 1px solid #afb4b7;
}

#content section .tx-felogin-pi1 form fieldset input#user:hover,
#content section .tx-felogin-pi1 form fieldset input#pass:hover,
#content section .tx-felogin-pi1 form fieldset input#tx_felogin_pi1-forgot-email:hover,
#content section .tx-felogin-pi1 form fieldset input#tx_felogin_pi1-newpassword1:hover,
#content section .tx-felogin-pi1 form fieldset input#tx_felogin_pi1-newpassword2:hover,
#content section .tx-felogin-pi1 form fieldset input#user:focus,
#content section .tx-felogin-pi1 form fieldset input#pass:focus,
#content section .tx-felogin-pi1 form fieldset input#tx_felogin_pi1-forgot-email:focus,
#content section .tx-felogin-pi1 form fieldset input#tx_felogin_pi1-newpassword1:focus,
#content section .tx-felogin-pi1 form fieldset input#tx_felogin_pi1-newpassword2:focus {
    border-color: #4e5860;
}

#content section .tx-felogin-pi1 form fieldset input[type=submit] {
    margin-left: 200px;
    padding: 3px 6px;
    width: 175px;
    background-color: #afb4b7;
    border: 1px solid #afb4b7;
    color: #ffffff;
}

#content section .tx-felogin-pi1 form fieldset input[type=submit]:hover {
    background-color: #ffffff;
    border: 1px solid #4e5860;
    color: #4e5860;
}

/* -------------------------------------- end content_all ---------------------------------------------------- */

/* ------------------------------------------ footer --------------------------------------------------------- */

.footercontent {
    padding: 15px;
    background-color: #ffffff;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

.footercontent div {
    clear: left;
}

p.address {
    display: inline-block;
    float: left;
    margin: 0;
    line-height: 24px;
    white-space: nowrap;
}

/* -------------------------------------- end footer ----------------------------------------------------- */

/* -------------------------------------- helpers -------------------------------------------------------- */

.nobr {
    white-space: nowrap;
}

#scrollUp {
    bottom: 20px;
    right: 20px;
    height: 38px; /* Height of image */
    width: 38px; /* Width of image */
    background: url(../pics/to-top.png) no-repeat;
    opacity: 0.4;
}

#scrollUp:hover {
    opacity: 0.8;
}

td.noborder {
    border: none;
}

/* -**************************************- end of main screen.css -********************************************- */


@media only screen and (min-width: 1441px) {

    body {
        font: normal 15px Arial, Helvetica, sans-serif;
    }

    h1 {
        font: bold 18px Arial, Helvetica, sans-serif;
        line-height: 24px;
    }

    h2 {
        font: bold 16px Arial, Helvetica, sans-serif;
        line-height: 22px;
    }

    h3,
    h4,
    h5,
    h6 {
        font: bold 15px Arial, Helvetica, sans-serif;
        line-height: 20px;
    }

    table,
    p {
        font: normal 15px Arial, Helvetica, sans-serif;
        line-height: 22px;
        margin-bottom: 22px;
    }

    /* ---------------------------------------- main layout -------------------------------------------------- */
    #container_main {
        margin: 40px auto;
        width: 90%;
        max-width: 1400px;
        border-radius: 12px;
    }

    #container_main > header {
        max-width: 1400px;
        height: 110px;
        border-radius: 12px 12px 0 0;
    }

    #content_all {
        margin-top: -110px;
        padding: 165px 20px 40px;
        border-radius: 12px 12px 0 0;
    }

    footer {
        padding: 0 18px 18px;
        height: auto;
        border-radius: 0 0 12px 12px;
    }

    /* -------------------------------------- header --------------------------------------------------------- */
    .logo {
        float: left;
        width: 236px;
        margin-top: 4px;
    }

    ul.language {
        margin: 16px 30px 0 0;
    }

    ul.language li {
        width: 34px;
    }

    ul.service {
        margin: 24px 30px 0 0;
    }

    ul.service li a {
        padding: 5px 8px 1px;
    }

    /* -------------------------------------- end header ----------------------------------------------------- */
    /* -------------------------------------- start page ----------------------------------------------------- */
    #content_all.start {
        background: none;
    }

    div.startcontent {
        width: 700px;
    }

    div.startcontent div.contentrow div.logostart {
        text-align: left;
        width: 380px;
    }

    div.startcontent div.contentrow div.address {
        width: 320px;
    }

    div.startcontent div.contentrow div.chooselang {
        padding-top: 36px;
    }

    div.starttxt {
        padding-top: 36px;
        width: 700px;
        font-size: 15px;
        line-height: 22px;
    }

    h1.start {
        margin-top: 30px;
    }

    h1.start a {
        font: normal 36px Arial, Helvetica, sans-serif;
        line-height: 42px;
    }

    /* ------------------------------------ end start page --------------------------------------------------- */
    /* -------------------------------------- content_all ---------------------------------------------------- */
    /* ------------------------------------------ nav -------------------------------------------------------- */
    nav {
        margin-top: 24px;
        width: 28.6764705882352%;
        border-radius: 12px 0 0 0;
    }

    nav ul.public {
        font: bold 15px Arial, Helvetica, sans-serif;
        padding: 30px 0 36px 0;
        border-radius: 12px 0 0 0;
    }

    nav ul.public li a {
        line-height: 20px;
    }

    nav ul.public li .touch-button {
        height: 33px;
    }

    nav ul.public li ul {
        font: normal 15px Arial, Helvetica, sans-serif;
    }

    nav ul.public li ul li a {
        padding: 7px 6px 6px 24px;
    }

    nav ul.public li ul li ul {
        font: normal 14px Arial, Helvetica, sans-serif;
    }

    nav ul.public li ul li ul li a {
        padding: 7px 6px 6px 30px;
        line-height: 17px;
    }

    nav ul.member {
        font: bold 15px Arial, Helvetica, sans-serif;
        padding-bottom: 36px;
    }

    nav ul.member li a {
        line-height: 20px;
    }

    nav ul.member li .touch-button {
        height: 33px;
    }

    nav ul.member li ul {
        font: normal 15px Arial, Helvetica, sans-serif;
    }

    nav ul.member li ul li a {
        padding: 7px 6px 6px 24px;
    }

    nav ul.member li ul li ul {
        font: normal 14px Arial, Helvetica, sans-serif;
    }

    nav ul.member li ul li ul li a {
        padding: 7px 6px 6px 30px;
        line-height: 17px;
    }

    /* -------------------------------------- nav end ---------------------------------------------------- */
    /* -------------------------------------- content ---------------------------------------------------- */
    #content {
        padding: 20px 0;
        width: 71.3235294117647%;
        border-radius: 12px 12px 0 0;
        min-height: 660px;
    }

    body.member #container_main #content_all #content {
        min-height: 660px;
    }

    /* ------------------------------------ content aside ------------------------------------------------- */
    #content aside {
        width: 36.0824742268041%;
    }

    #content aside .frame-default {
        margin: 0 0 24px;
    }

    #content aside .frame-default header h1 {
        margin: 0 0 18px 0;
        padding: 6px 18px;
        font: bold 16px Arial, Helvetica, sans-serif;
    }

    #content aside .frame-default h1,
    #content aside .frame-default h2 {
        padding: 6px 18px;
        font: bold 16px Arial, Helvetica, sans-serif;
    }

    #content aside .frame-default h3,
    #content aside .frame-default h4 {
        padding: 3px 18px;
        font: bold 15px Arial, Helvetica, sans-serif;
    }

    #content aside .frame-default ul,
    #content aside .frame-default ol {
        margin-left: 22px;
        padding: 0 18px 18px;
        font-size: 15px;
        line-height: 22px;
    }

    #content aside .frame-default ol {
        margin-left: 28px;
    }

    #content aside .frame-default p {
        padding: 0 18px 18px;
    }

    #content aside .frame-default p.image {
        margin: 0 0 18px;
    }

    /* ----------------------------------- content section ------------------------------------------------- */
    #content section {
        margin-left: 4.12371134020618%;
        width: 55.6701030927835%;
    }

    #content section.large {
        margin-left: 4.12371134020618%;
        margin-right: 4.12371134020618%;
    }

    #content section > div.frame-default,
    #content section.large > div.frame-default {
        margin-bottom: 9px;
    }

    #content section h1:first-child {
        margin: 0 0 24px 0;
    }

    #content section ul,
    #content section ol {
        margin: 0 0 18px 22px;
        font-size: 15px;
        line-height: 22px;
    }

    #content section ol {
        margin-left: 28px;
    }

    #content section ol li,
    #content section ul li {
        margin-bottom: 6px;
    }

    #content section.large .normbreite {
        width: 55.6701030927835%;
    }


    .mitglied {
        font: normal 15px Arial, Helvetica, sans-serif;
    }

    #content section table tbody tr th,
    #content section table tbody tr td {
        padding: 3px 4px;
    }

    #content section table tbody tr td ul,
    #content section table tbody tr td ol {
        margin: 3px 0 3px 22px;
    }

    #content section table tbody tr th p,
    #content section table tbody tr td p {
        margin: 4px 0;
    }

    #content section table tbody tr td img {
        width: auto;
        max-width: 100%;
        height: auto;
    }

    .tx-p8carbmitgliederliste-pi1 h1 {
        padding: 5px 0;
    }

    #content section div.frame-type-menu_sitemap_pages ul,
    #content section div.frame-type-menu_sitemap ul {
        margin: 0 0 18px 0;
    }

    #content section div.frame-type-menu_sitemap_pages ul li a,
    #content section div.frame-type-menu_sitemap ul li a {
        font-size: 16px;
    }

    #content section div.frame-type-menu_sitemap_pages ul li ul li a,
    #content section div.frame-type-menu_sitemap ul li ul li a {
        font-size: 15px;
        padding-left: 24px;
    }

    #content section div.frame-type-menu_sitemap_pages ul li ul li ul li a,
    #content section div.frame-type-menu_sitemap ul li ul li ul li a {
        font-size: 15px;
        padding-left: 48px;
    }

    #content section .tx-felogin-pi1 form fieldset label {
        width: 200px;
    }

    #content section .tx-felogin-pi1 form fieldset input[type=submit] {
        margin-left: 200px;
    }

    #content section form#downloadform {
        font-size: 15px;
    }

    #content section form#downloadform fieldset div.formrow {
        margin: 0 0 12px 36px;
    }

    #content section form#downloadform fieldset div.formrow label {
        width: 100px;
    }

    #content section form#downloadform fieldset div.formrow input[type=text] {
        width: 150px;
    }

    #content section form#downloadform fieldset div.formrow textarea {
        width: 150px;
        font-size: 15px;
    }

    #content section form#downloadform fieldset div.formrow input[type=reset],
    #content section form#downloadform fieldset div.formrow input[type=submit] {
        margin-left: 100px;
        width: 150px;
    }

    #content section form#downloadform fieldset div.formrow input[type=submit] {
        margin-left: 136px;
    }

    /* -------------------------------------- end content_all ---------------------------------------------------- */
    /* ------------------------------------------ footer --------------------------------------------------------- */
    .footercontent {
        border-radius: 0 0 12px 12px;
    }

    /* -------------------------------------- end footer ----------------------------------------------------- */
    /* -------------------------------------- helpers -------------------------------------------------------- */

}

/* -**************************************- end of big screen.css -********************************************- */

@media only screen and (min-width: 768px) and (max-width: 989px) {

    body {
        /*background-image:none;*/
        background-color: #3f6a8c;
    }

    body.start {
        background-image: url(../pics/bg-body-start.jpg);
        background-position: top left;
        background-size: auto;
        background-repeat: no-repeat;
    }

    body.member {
        background-image: none;
    }

    h1 {
        font: bold 16px Arial, Helvetica, sans-serif;
    }

    h2 {
        font: bold 14px Arial, Helvetica, sans-serif;
    }

    table,
    p {
        font: normal 13px Arial, Helvetica, sans-serif;
        line-height: 18px;
        margin-bottom: 18px;
    }

    p.flleft {
        margin-right: 12px;
    }

    /* ---------------------------------------- main layout -------------------------------------------------- */
    #top {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 160px;
        background-color: transparent;
        background-image: url(../pics/top-160.png);
        background-repeat: repeat-x;
    }

    #container_main {
        width: 96%;
        max-width: 930px;
    }

    #container_main > header {
        max-width: 930px;
    }

    /* -------------------------------------- header --------------------------------------------------------- */
    ul.language {
        font: normal 13px Arial, Helvetica, sans-serif;
        line-height: 18px;
    }

    ul.language li {
        padding: 5px 0 2px;
    }

    ul.service {
        font: normal 13px Arial, Helvetica, sans-serif;
        line-height: 18px;
    }

    ul.service li {
        margin-left: 12px;
    }

    ul.service li a {
        padding: 5px 6px 2px;
    }

    /* -------------------------------------- end header ----------------------------------------------------- */
    /* -------------------------------------- start page ----------------------------------------------------- */
    #content_all.start {
        padding-top: 360px;
    }

    div.startcontent div.contentrow div.chooselang ul.language {
        float: left;
        font-size: 14px;
    }

    div.startcontent div.contentrow div.chooselang ul.language li:last-child {
        margin-left: 0;
    }

    div.starttxt {
        line-height: 18px;
    }

    h1.start a {
        font: normal 24px Arial, Helvetica, sans-serif;
        line-height: 30px;
    }

    /* ------------------------------------ end start page --------------------------------------------------- */
    /* -------------------------------------- content_all ---------------------------------------------------- */
    /* ------------------------------------------ nav -------------------------------------------------------- */
    nav {
        width: 33.333333332%;
    }

    nav ul.public li a {
        padding: 7px 6px 6px 12px;
    }

    nav ul.public li ul li a {
        padding: 7px 6px 6px 18px;
    }

    nav ul.public li ul li ul {
        font: normal 12px Arial, Helvetica, sans-serif;
    }

    nav ul.member li a {
        padding: 7px 6px 6px 12px;
    }

    nav ul.member li ul li a {
        padding: 7px 6px 6px 15px;
    }

    nav ul.member li ul li ul li a {
        padding: 7px 6px 6px 21px;
    }

    /* -------------------------------------- nav end ---------------------------------------------------- */
    /* -------------------------------------- content ---------------------------------------------------- */
    #content {
        width: 66.666666665%;
    }

    body.member #container_main #content_all #content {
        height: auto;
    }

    /* ------------------------------------ content aside ------------------------------------------------- */
    #content aside {
        float: none;
        position: relative;
        display: block;
        width: auto;
    }

    #content aside .frame-default {
        background-color: transparent;
    }

    #content aside .frame-default header h1 {
        width: 100%;
        padding: 6px 3.9473684210526%;
        margin: 12px 0;
    }

    #content aside .frame-default h1,
    #content aside .frame-default h2 {
        padding: 3px 3.9473684210526%;
        margin-bottom: 4px;
    }

    #content aside .frame-default h3,
    #content aside .frame-default h4 {
        padding: 1px 3.9473684210526%;
    }

    #content aside .frame-default ul,
    #content aside .frame-default ol {
        margin-left: 18px;
        padding: 0 3.9473684210526% 15px;
        font: normal 13px Arial, Helvetica, sans-serif;
    }

    #content aside .frame-default ol {
        margin-left: 24px;
    }

    #content aside .frame-default p {
        padding: 0 3.9473684210526% 15px;
    }

    .ce-gallery .ce-row {
        margin: 0 15px;
    }

    /* ----------------------------------- content section ------------------------------------------------- */
    #content section {
        display: block;
        margin-left: 3.9473684210526%;
        margin-right: 3.9473684210526%;
        width: auto;
    }

    #content section ul,
    #content section ol {
        margin: 0 0 18px 16px;
    }

    #content section ol {
        margin-left: 24px;
    }

    #content section.large .normbreite {
        width: auto;
    }

    #content div.ma div.mafoto {
        width: 25.3164556962%;
    }

    #content div.ma div.maname,
    #content div.ma div.maarea {
        width: 71.428571428%;
        padding-left: 3.254972875%;
    }

    #content section table tbody tr th,
    #content section table tbody tr td {
        padding: 3px 3px;
    }

    #content section table tbody tr td ul,
    #content section table tbody tr td ol {
        margin: 3px 0 3px 15px;
    }

    #content section table tbody tr td img {
        width: auto;
    }

    .tx-p8carbmitgliederliste-pi1 h1 {
        padding: 3px 0;
    }

    #content section .tx-felogin-pi1 div {
        font-size: 13px;
    }

    #content section .tx-felogin-pi1 form fieldset label {
        float: left;
        display: inline-block;
        width: 200px;
        font-size: 13px;
        padding-top: 4px;
    }

    #content section form#downloadform fieldset div.formrow {
        float: none;
        margin: 0 0 12px 0;
    }

    #content section form#downloadform fieldset div.formrow label {
        width: 125px;
    }

    #content section form#downloadform fieldset div.formrow input[type=text] {
        width: 150px;
    }

    #content section form#downloadform fieldset div.formrow textarea {
        width: 150px;
    }

    #content section form#downloadform fieldset div.formrow input[type=reset],
    #content section form#downloadform fieldset div.formrow input[type=submit] {
        margin-left: 0;
        width: 100px;
    }

    #content section form#downloadform fieldset div.formrow input[type=submit] {
        margin-left: 25px;
        width: 150px;
    }

    #content section form#downloadform fieldset div.formrow input[type=reset]:hover,
    #content section form#downloadform fieldset div.formrow input[type=submit]:hover {
        background-color: #ffffff;
        border: 1px solid #4e5860;
        color: #4e5860;
    }

    /* -------------------------------------- end content_all ---------------------------------------------------- */
    /* ------------------------------------------ footer --------------------------------------------------------- */
    /* -------------------------------------- end footer ----------------------------------------------------- */
    /* -------------------------------------- helpers -------------------------------------------------------- */
    .nobr {
        white-space: nowrap;
    }

    #scrollUp {
        display: none;
    }

}

@media only screen and (min-width: 567px) and (max-width: 989px) {

    .mitglied {
        position: relative;
        font: normal 15px Arial, Helvetica, sans-serif;
    }

    .mitglied > div {
        padding: 1%;
    }

    .mitglied .name {
        width: 40%;
    }

    .mitglied .anschrift {
        float: left;
        width: auto;
        border-right: none;
    }

    .mitglied .telfaxmail {
        margin-left: 40%;
        width: auto;
        border-left: 1px solid #000000;
    }

}

/* -**************************************- end of pad screen.css -********************************************- */

@media only screen and (min-width: 320px) and (max-width: 767px) {

    body {
        background-image: none;
        background-color: #3f6a8c;
        font-family: Arial, Helvetica, sans-serif;
    }

    body.member {
        background-image: none;
    }

    body.start {
        background-image: url(../pics/bg-body-start.jpg);
        background-position: top left;
        background-size: contain;
        background-repeat: no-repeat;
    }

    h1 {
        font: bold 16px Arial, Helvetica, sans-serif;
    }

    table,
    p {
        font: normal 13px Arial, Helvetica, sans-serif;
    }

    p.flleft {
        margin: 0 12px 12px 0;
        line-height: 14px;
    }

    /* ---------------------------------------- main layout -------------------------------------------------- */
    #top {
        display: none;
    }

    #container_main {
        z-index: 0;
        margin: 6px auto;
        padding-bottom: 15px;
        width: 96%;
        min-width: 300px;
        max-width: 680px;
        border-radius: 6px;
    }

    @media only screen and (min-width: 320px) and (max-width: 479px) {
        #container_main {
            padding-bottom: 125px;
        }
    }
    #container_main > header {
        max-width: 680px;
        height: 87px;
        border-radius: 6px 6px 0 0;
        overflow: hidden;
    }

    @media only screen and (min-width: 480px) and (max-width: 639px) {
        #container_main > header {
            height: 118px;
        }
    }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
        #container_main > header {
            position: static;
            height: 78px;
        }
    }

    #content_all {
        z-index: 0;
        margin-top: 0;
        padding: 24px 6px;
        border-radius: 0;
    }

    footer {
        position: static;
        z-index: 0;
        padding: 0 6px 6px;
        border-radius: 0 0 6px 6px;
    }

    /* -------------------------------------- header --------------------------------------------------------- */
    .logo {
        width: 180px;
        height: 70px;
    }

    .logo a.mid {
        display: none;
    }

    .logo a.sma {
        display: block;
    }

    .logo a.xs {
        display: none;
    }

    @media only screen and (min-width: 320px) and (max-width: 479px) {
        .logo a.sma {
            display: none;
        }

        .logo a.xs {
            display: block;
        }
    }

    button.menu-open {
        display: block;
        position: absolute;
        top: 3px;
        right: 12px;
        z-index: 5;
        width: 46px;
        height: 46px;
        background-color: transparent;
        background-image: url(../pics/openmenu.png);
        background-repeat: no-repeat;
        cursor: pointer;
    }

    button.menu-close {
        display: none;
        position: absolute;
        top: 3px;
        right: 12px;
        z-index: 6;
        width: 46px;
        height: 46px;
        background-color: transparent;
        background-image: url(../pics/closemenu.png);
        background-repeat: no-repeat;
        cursor: pointer;
    }

    ul.language {
        float: none;
        position: absolute;
        top: 51px;
        right: 9px;
        font: normal 13px Arial, Helvetica, sans-serif;
        line-height: 18px;
        margin: 0;
        width: auto;
        height: 20px;
    }

    ul.language li {
        padding: 5px 0 2px;
    }

    @media only screen and (min-width: 320px) and (max-width: 479px) {
        ul.language {
            top: 41px;
            right: 8px;
        }

        ul.language li {
            margin-left: 8px;
        }
    }

    @media only screen and (min-width: 640px) and (max-width: 767px) {
        ul.language {
            top: 3px;
            right: 84px;
        }

        ul.language li {
            margin-left: 12px;
        }
    }

    ul.service {
        float: right;
        position: absolute;
        top: 51px;
        right: 9px;
        font: normal 13px Arial, Helvetica, sans-serif;
        line-height: 18px;
        margin: 0;
        width: auto;
        height: auto;
    }

    ul.service li {
        margin-left: 10px;
    }

    ul.service li:last-child {
        margin-left: 0;
    }

    ul.service li a {
        padding: 5px 6px 2px;
    }

    @media only screen and (min-width: 480px) and (max-width: 639px) {
        ul.service {
            top: 84px;
        }
    }

    @media only screen and (min-width: 320px) and (max-width: 479px) {
        ul.service {
            display: none;
            float: none;
            position: absolute;
            top: auto;
            right: 0;
            left: 0;
            bottom: 25px;
            background-color: rgba(255, 255, 255, 0.60);
            border-radius: 0 0 6px 6px;
            padding-top: 16px;
        }

        ul.service li {
            float: left;
            text-align: left;
            width: 45%;
            margin: 0 0 10px 12px;
        }

        ul.service li:last-child {
            margin-left: 12px;
        }

        ul.service li a {
            display: inline;
        }
    }


    /* -------------------------------------- end header ----------------------------------------------------- */
    /* -------------------------------------- start page ----------------------------------------------------- */
    #content_all.start {
        padding-top: 180px;
    }

    div.startcontent {
        width: 540px;
    }

    div.startcontent div.contentrow div.logostart {
        text-align: left;
        width: 300px;
    }

    div.startcontent div.contentrow div.logostart a.xl {
        display: none;
    }

    div.startcontent div.contentrow div.logostart a.md {
        display: inline-block;
    }

    div.startcontent div.contentrow div.address p {
        font-size: 13px;
    }

    div.startcontent div.contentrow div.chooselang ul.language {
        position: static;
        float: left;
        margin: 0;
        font-size: 13px;
        text-align: left;
    }

    div.startcontent div.contentrow div.chooselang ul.language li:last-child {
        margin-left: 0;
    }

    div.starttxt {
        width: 540px;
        font-size: 13px;
        line-height: 18px;
    }

    @media only screen and (min-width: 480px) and (max-width: 599px) {
        div.starttxt {
            width: 460px;
        }
    }

    h1.start a {
        font: normal 24px Arial, Helvetica, sans-serif;
        line-height: 30px;
    }

    @media only screen and (min-width: 320px) and (max-width: 599px) {
        #content_all.start {
            padding-top: 120px;
        }

        div.startcontent {
            display: table;
            width: 540px;
            margin: 0 auto;
        }

        div.startcontent {
            width: 96%;
            max-width: 450px;
        }

        div.startcontent div.contentrow {
            display: block;
        }

        div.startcontent div.contentrow div.logostart {
            display: block;
            padding-right: 0;
            width: auto;
        }

        div.startcontent div.contentrow div.address {
            display: block;
            vertical-align: baseline;
            width: auto;
            padding-top: 30px;
        }

        div.startcontent div.contentrow div.address p {

        }

        div.startcontent div.contentrow div.chooselang {
            display: block;
            padding-top: 12px;
        }

        div.startcontent div.contentrow div.chooselang ul.language {
            position: static;
            float: left;
            margin: 0;
            font-size: 13px;
            text-align: left;
        }

        div.startcontent div.contentrow div.chooselang ul.language li:last-child {
            margin-left: 0;
        }

        div.starttxt {
            margin: 0 auto;
            padding-top: 45px;
            width: 96%;
            max-width: 450px;
            font-size: 13px;
            line-height: 18px;
        }

        h1.start {
            margin-top: 24px;
        }

        h1.start a {
            font: normal 24px Arial, Helvetica, sans-serif;
            line-height: 30px;
            color: #980a2b;
            text-decoration: none;
        }
    }

    /* ------------------------------------ end start page --------------------------------------------------- */
    /* -------------------------------------- content_all ---------------------------------------------------- */
    /* ------------------------------------------ nav -------------------------------------------------------- */
    nav {
        float: none;
        position: absolute;
        top: 24px;
        left: 0;
        z-index: 99;
        margin-top: 0;
        padding: 0;
        width: 295px;
        height: auto;
        border-radius: 6px;
        margin-left: -330px;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    nav .flexnav.opacity {
        opacity: 1;
    }

    nav ul.public {
        padding: 6px 0 24px 0;
        border-radius: 6px 6px 0 0;
    }

    nav ul.public li a {
        padding: 7px 6px 6px 12px;
    }

    /* ----------------------------------------------- service navi ----------------------------------------------- */
    @media only screen and (min-width: 320px) and (max-width: 479px) {
        nav ul.public li.services {
            display: block !important;
        }
    }

    /* --------------------------------------------------- end ---------------------------------------------------- */
    nav ul.public li ul li a {
        padding: 7px 6px 6px 18px;
    }

    nav ul.public li ul li ul {
        font: normal 12px Arial, Helvetica, sans-serif;
    }

    nav ul.member li a {
        padding: 7px 6px 6px 12px;
    }

    nav ul.member li ul li a {
        padding: 7px 6px 6px 15px;
    }

    nav ul.member li ul li ul {
        font: normal 12px Arial, Helvetica, sans-serif;
    }

    nav ul.member li ul li ul li a {
        padding: 7px 6px 6px 21px;
    }

    /* -------------------------------------- nav end ---------------------------------------------------- */
    /* -------------------------------------- content ---------------------------------------------------- */
    #content {
        float: none;
        padding: 17px 0;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.80);
        border-radius: 6px 6px 0 0;
        height: auto;
    }

    body.member #container_main #content_all #content {
        height: auto;
    }

    /* ------------------------------------ content aside ------------------------------------------------- */
    #content aside {
        float: none;
        position: relative;
        display: block;
        width: auto;
        height: auto;
    }

    #content aside .frame-default header h1 {
        width: 100%;
        margin: 12px 0;
        padding: 6px 3.9473684210526%;
    }

    #content aside .frame-default h1,
    #content aside .frame-default h2 {
        padding: 3px 3.9473684210526%;
        margin-bottom: 4px;
    }

    #content aside .frame-default h3,
    #content aside .frame-default h4 {
        padding: 1px 3.9473684210526%;
        margin-bottom: 0;
    }

    #content aside .frame-default ul,
    #content aside .frame-default ol {
        margin-left: 18px;
        padding: 0 3.9473684210526% 15px;
        font: normal 13px Arial, Helvetica, sans-serif;
    }

    #content aside .frame-default ol {
        margin-left: 24px;
    }

    #content aside .frame-default p {
        padding: 0 3.9473684210526% 15px;
    }

    /* ----------------------------------- content section ------------------------------------------------- */
    #content section {
        float: none;
        display: block;
        margin-left: 3.9473684210526%;
        margin-right: 3.9473684210526%;
        width: auto;
        height: auto;
    }

    #content section > div.frame-default,
    #content section.large > div.frame-default {
        margin-bottom: 6px;
    }

    #content section ul,
    #content section ol {
        margin: 0 0 18px 18px;
    }

    #content section ol {
        margin-left: 24px;
    }

    #content section.large .normbreite {
        width: auto;
    }

    #content div.ma {
        padding: 0 0 3px;
    }

    #content div.ma div.mafoto {
        width: 25.3164556962%;
    }

    #content div.ma div.maname,
    #content div.ma div.maarea {
        width: 71.428571428%;
        padding-left: 3.254972875%;
    }

    #content section table tbody tr th,
    #content section table tbody tr td {
        padding: 2px 2px;
    }

    #content section table tbody tr td ul,
    #content section table tbody tr td ol {
        margin: 3px 0 3px 15px;
    }

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        #content section table tbody tr td img {
            width: auto;
            max-width: 100%;
            height: auto;
        }
    }

    .tx-p8carbmitgliederliste-pi1 h1 {
        padding: 3px 0;
    }

    #content section .tx-felogin-pi1 div {
        font-size: 13px;
    }

    #content section .tx-felogin-pi1 form fieldset label {
        width: 200px;
        font-size: 13px;
        padding-top: 4px;
    }

    @media only screen and (min-width: 320px) and (max-width: 479px) {

        #content section .tx-felogin-pi1 form fieldset label {
            width: 200px;
        }

        #content section .tx-felogin-pi1 form fieldset input#user,
        #content section .tx-felogin-pi1 form fieldset input#pass,
        #content section .tx-felogin-pi1 form fieldset input#tx_felogin_pi1-forgot-email {
            width: 150px;
        }

        #content section .tx-felogin-pi1 form fieldset input[type=submit] {
            margin-left: 0;
            width: 175px;
        }
    }

    #content section form#downloadform fieldset div.formrow {
        float: none;
        margin: 0 0 12px 0;
    }

    #content section form#downloadform fieldset div.formrow label {
        width: 100px;
    }

    #content section form#downloadform fieldset div.formrow input[type=text] {
        width: 150px;
    }

    #content section form#downloadform fieldset div.formrow textarea {
        width: 150px;
    }

    #content section form#downloadform fieldset div.formrow input[type=reset],
    #content section form#downloadform fieldset div.formrow input[type=submit] {
        margin-left: 0;
        width: 75px;
    }

    #content section form#downloadform fieldset div.formrow input[type=submit] {
        margin-left: 25px;
        width: 150px;
    }

    /* -------------------------------------- end content_all ---------------------------------------------------- */
    /* ------------------------------------------ footer --------------------------------------------------------- */
    .footercontent {
        padding: 15px 3.9473684210526%;
        border-radius: 0 0 6px 6px;
    }

    /* -------------------------------------- end footer ----------------------------------------------------- */
    /* -------------------------------------- helpers -------------------------------------------------------- */
    #scrollUp {
        display: none;
    }

}

@media only screen and (min-width: 320px) and (max-width: 566px) {

    .mitglied {
        clear: left;
        width: 100%;
        height: auto;
        font: normal 13px Arial, Helvetica, sans-serif;
    }

    .mitglied .name {
        float: none;
        width: auto;
        padding: 6px;
    }

    .mitglied .name p {
        font-weight: bold;
    }

    .mitglied .anschrift {
        float: none;
        width: auto;
        padding: 0 6px 6px 6px;
        border-left: none;
        border-right: none;
    }

    .mitglied .telfaxmail {
        float: none;
        width: auto;
        padding: 0 6px 6px 6px;
    }

}

/* -**************************************- end of small screen.css -********************************************- */



.tx-indexedsearch-searchbox-button {
    padding: 3px 6px;
    width: 175px;
    background-color: #afb4b7;
    border: 1px solid #afb4b7;
    color: #ffffff;
}

.tx-indexedsearch-searchbox-button:hover {
    background-color: #ffffff;
    border: 1px solid #4e5860;
    color: #4e5860;
}

.tx-indexedsearch-form {
    position: relative;
    height: 26px;
}

.tx-indexedsearch-searchbox-sword {
    width: 175px;
    padding: 3px 6px;
    background-color: #ffffff;
    border: 1px solid #afb4b7;
    position: absolute;
    left: 36%;
    top: -3px;
}

.tx-indexedsearch-search-submit {
    position: relative;
    height: 23px;
    margin-bottom: 30px;
}

.tx-indexedsearch-searchbox-button {
    position: absolute;
    left: 36%;
}


.tx-indexedsearch-icon img,
.tx-indexedsearch-percent,
.tx-indexedsearch-info,
.tx-indexedsearch-searchbox legend {
    display: none!important;
}

.tx-indexedsearch-res {
    margin-bottom: 36px;
}