/*ANSPRECHPARTNER LAND*/



.tx-contactperson .contBar {

    list-style-type: none;

    width: 100%;

    margin: 0;

    padding: 0px 0;

    background: #585858;

    position: relative;

    top: 0;

    left: 0;

    height: 27px;

    z-index: 200;

}



.tx-contactperson #contButtons {

    padding-left: 25px;

}



.tx-contactperson .contBar li a:hover {

    color: #000;

    background: #FFF;

}



.tx-contactperson p.title {

    background-color: #cbcbcb;

    color: #fdfdfe;

    padding-top :5px;

    padding-bottom :4px;

    padding-right: 10px;

    text-transform: uppercase;

    padding-left: 20px;

    margin-top: 0;

    font-size: 14px;

    font-family: "Open Sans Bold", sans-serif;

    margin-bottom: 10px !important;

    font-weight: bold;

}



.tx-contactperson .berBox,

.tx-contactperson .langBox {

    display: inline-block;

    width: 45%;

    margin-right: 0;

}



.tx-contactperson .langBox:first-child,

.tx-contactperson .berBox:first-child {

    margin-right: 5%;

}



.tx-contactperson label {

    font-weight: 400 !important;

}



.tx-contactperson .berBox:last-child,

.tx-contactperson .langBox:last-child {

    margin-right: 0;

}



.tx-contactperson #chooseBereich {

    margin-top :0!important;

}



.tx-contactperson #chooseBereich,

.tx-contactperson #chooseLang {

    background-color: #fdfdfe;

    border: 1px solid #e9e9e9;

    padding-bottom: 14px;

}



.tx-contactperson #cLinner {

    padding-bottom :18px;

}



.tx-contactperson #cLinner,

.tx-contactperson #cBinner {

    padding-left: 20px;

    padding-right: 20px;

    padding-top :9px;

}



.tx-contactperson #cBinner hr {

    margin-top :30px;

}



.tx-contactperson #chooseBereich p,

.tx-contactperson #chooseLang p {

    font-size: 14px;

    font-family: "Open Sans Regular", sans-serif;

    margin: 0;

}



.tx-contactperson label {

    font-size: 16px;

    font-weight: bold;

    font-family: "Open Sans Regular", sans-serif;

    color: #555555;

}



.tx-contactperson p {

    font-size: 14px;

    font-family: "Open Sans Regular", sans-serif;

}



.tx-contactperson #chooseBereich label p,

.tx-contactperson #chooseLang label p {

    display: inline-block;

}



/*ANSPRECHPARTNER LAND*/



/*CHECKBOX STYLE*/



.tx-contactperson input.bereich,

.tx-contactperson input.lang {

    display: none;

}



.tx-contactperson .langBox label,

.tx-contactperson .berBox label {

    display: block;

    /*margin-bottom : -10px;*/

}



.tx-contactperson input.bereich + label span,

.tx-contactperson input.lang + label span {

    display: inline-block;

    width: 22px;

    height: 22px;

    margin: -1px 4px 0 0;

    vertical-align: middle;

    background: url(check_radio_sheet.png) left top no-repeat;

    cursor: pointer;

}



.tx-contactperson input.bereich:checked + label span,

.tx-contactperson input.lang:checked + label span {

    background: url(check_radio_sheet.png) -23px top no-repeat;

}



/*CHECKBOX STYLE*/



/*SUCHBUTTON*/



.tx-contactperson .searchButton {

    margin-top: 8px;

    background-color: #003398;

    color: #ffffff;

    text-transform: uppercase;

    border: none;

    padding-left : 10px;

    padding-right :9px;

    padding-top :2px;

    padding-bottom :3px;

    cursor: pointer;

    display: block;

    font-weight: bold;

}



/*SUCHBUTTON*/



/*HEADLINES*/

.tx-contactperson .typo3-message {

    border: 1px solid;

    background-position: 10px 12px;

    background-repeat: no-repeat;

    margin-bottom: 4px;

    padding: 12px;

    padding-left: 36px;

}



.tx-contactperson .tooltip p {

    color: #aa0225;

    background-color: #f6d3cf;

    border-color: #d66c68;

}



.tx-contactperson .info {

    width: 15px;

    height: 15px;

    display: block;

    background-image: url('/typo3/sysext/t3skin/icons/gfx/error.png');

    background-repeat: no-repeat;

    float: left;

    margin-right: 4px;

}



.tx-contactperson .typo3-message.message-warning {

    font-size: 14px;

    /*color       : #003398;*/

    font-weight: bold;

    font-family: "Open Sans Bold", sans-serif;

    color: #aa0225;

    background-color: #f6d3cf;

    background-image: url('/typo3/sysext/t3skin/icons/gfx/error.png');

    border-color: #d66c68;

}



.tx-contactperson .headline {

    text-transform: uppercase;

    color: #003398;

    font-family: "Open Sans Bold", sans-serif;

    font-size: 16px;

    font-weight: bold;

}



/*HEADLINES*/



/*contactVka & contactVki*/



.tx-contactperson .contactVki,

.tx-contactperson .contactVka {

    margin-bottom: 25px;

    display: inline-block;

    margin-right: 25px;

}



.tx-contactperson .backButton {

    display: block;

    cursor: pointer;

    font-weight: bold;

}



.tx-contactperson .contactPic {

    margin-top: 10px;

    margin-bottom: 10px;

    text-decoration: none;

}



.tx-contactperson .contactPic img {

    border: 1px solid #cfcfcf;

}



/*contactVka*/



/*BACKENDLAYOUT*/



.tx-contactperson .contContainer,

.tx-contactperson #importContainer,

.tx-contactperson #contactContainer {

    margin-top: 25px;

    margin-right: 25px;

    margin-left: 25px;

    margin-bottom: 50px;

}



.tx-contactperson #contactContainer a:hover {

    text-decoration: none;

}



.tx-contactperson .btnConts {

    font-size: 11px !important;

    padding: 3px 8px 3px 8px !important;

    border-radius: 0px !important;

}



.tx-contactperson .btnConts,

.tx-contactperson .btnCont {

    background: #828282 !important;

    background-image: -webkit-linear-gradient(top, #828282, #575757) !important;

    background-image: -moz-linear-gradient(top, #828282, #575757) !important;

    background-image: -ms-linear-gradient(top, #828282, #575757) !important;

    background-image: -o-linear-gradient(top, #828282, #575757) !important;

    background-image: linear-gradient(to bottom, #828282, #575757) !important;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 0px !important;

    text-shadow: 1px 1px 3px #3d3d3d !important;

    color: #ffffff !important;

    font-size: 14px;

    padding: 5px 10px 5px 10px !important;

    text-decoration: none !important;

    display: inline-block !important;

}



.tx-contactperson .btnConts:hover,

.tx-contactperson .btnCont:hover {

    background: #9e9e9e !important;

    background-image: -webkit-linear-gradient(top, #9e9e9e, #7b7e80) !important;

    background-image: -moz-linear-gradient(top, #9e9e9e, #7b7e80) !important;

    background-image: -ms-linear-gradient(top, #9e9e9e, #7b7e80) !important;

    background-image: -o-linear-gradient(top, #9e9e9e, #7b7e80) !important;

    background-image: linear-gradient(to bottom, #9e9e9e, #7b7e80) !important;

    text-decoration: none !important;

    color: #ffffff !important;

}



.tx-contactperson .datagrid table {

    border-collapse: collapse;

    text-align: left;

    width: 100%;

}



.tx-contactperson #contactContainer ul.f3-widget-paginator {

    margin-bottom: 15px;

    height: 20px;

    float: right;

    margin-right: 15px;

    margin-top: 0px;

}



.tx-contactperson #contactContainer ul.f3-widget-paginator li {

    float: left;

    list-style: none;

    margin-right: 10px;

}



.tx-contactperson #contactContainer ul.f3-widget-paginator li a {

    color: #7d7d7d;

    font-size: 15px;

    font-weight: bold;

}



.tx-contactperson #contactContainer ul.f3-widget-paginator li a:hover {

    text-decoration: none;

}



.tx-contactperson #contactContainer ul.f3-widget-paginator li.current {

    color: #4a4a4a;

    font-size: 15px;

    font-weight: bold;

}



.tx-contactperson .datagrid {

    font: normal 12px/150% "Open Sans", sans-serif;

    background: #ffffff;

    overflow: hidden;

    border: 1px solid #8c8c8c;

    margin-bottom: 5px;

    width: 100%;

}



.tx-contactperson .datagrid table td, .datagrid table th {

    padding: 3px 10px;

}



.tx-contactperson .datagrid table tbody th,

.tx-contactperson .datagrid table thead th {

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');

    /*color: #ffffff;*/

    font-size: 15px;

    font-weight: bold;

    border-left: 1px solid #a3a3a3;

}



.tx-contactperson .datagrid table thead th:first-child {

    border: none;

}



.tx-contactperson .datagrid table tbody td {

    color: #7d7d7d;

    border-left: 1px solid #dbdbdb;

    font-size: 12px;

    font-weight: normal;

}



.tx-contactperson .datagrid table tbody tr:nth-child(even) {

    background-color: rgba(204, 204, 204, 0.55);

}



.tx-contactperson .datagrid table tbody tr:nth-child(odd) {

    background-color: #FFF;

}



.tx-contactperson .datagrid table tbody .alt td {

    background: #ebebeb;

    color: #7d7d7d;

}



.tx-contactperson .datagrid table tbody td {

    vertical-align: middle;

}



.tx-contactperson .datagrid table tbody td:first-child {

    border-left: none;

}



.tx-contactperson .datagrid table tbody tr:last-child td {

    border-bottom: none;

}



.tx-contactperson .datagrid table tfoot td div {

    border-top: 1px solid #8c8c8c;

    background: #ebebeb;

}



.tx-contactperson .datagrid table tfoot td {

    padding: 0;

    font-size: 12px

}



.tx-contactperson .datagrid table tfoot td div {

    padding: 2px;

}



.tx-contactperson .datagrid table tfoot td ul {

    margin: 0;

    padding: 0;

    list-style: none;

    text-align: right;

}



.tx-contactperson .datagrid table tfoot li {

    display: inline;

}



.tx-contactperson .datagrid table tfoot li a {

    text-decoration: none;

    display: inline-block;

    padding: 2px 8px;

    margin: 1px;

    color: #f5f5f5;

    border: 1px solid #8c8c8c;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8c8c8c), color-stop(1, #7d7d7d));

    background: -moz-linear-gradient(center top, #8c8c8c 5%, #7d7d7d 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');

    background-color: #8c8c8c;

}



.tx-contactperson .datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover {

    text-decoration: none;

    border-color: #7d7d7d;

    color: #f5f5f5;

    background: none;

    background-color: #8c8c8c;

}



.tx-contactperson div.dhtmlx_window_active, div.dhx_modal_cover_dv {

    position: fixed !important;

}



/*BACKENDLAYOUT*/

.tx-contactperson .berBox, .tx-contactperson .langBox:first-of-type, .tx-contactperson .berBox, .tx-contactperson .berBox:first-of-type {

    margin-top: -20px;

}

.tx-contactperson .berBox, .tx-contactperson .langBox label, .tx-contactperson .berBox, .tx-contactperson .berBox label {

    margin-top: 20px;

}



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

    .tx-contactperson .berBox, .tx-contactperson .langBox, .tx-contactperson .berBox, .tx-contactperson .berBox {

        display: block;

        width: 100%;

    }

}