@charset "utf-8";

@font-face {
    font-family: "Helvetica Neue";
src( '../fonts/HelveticaNeueLight.otf' ) format("opentype");
}

body{
    margin: 0;
    padding: 0;
    /*text-align: center;*/
    background-color: white;
    color:#333333;
    font-family: "Helvetica Neue", Helvetica, "Arial", sans-serif;
    line-height: unset;
}


/*LINING*/
.outer-wrap, body, html{
    width: 100%;
    /*height: 100%;*/
    min-height: 100vh;
}

.inner-wrap{
    display: inline-block;
    text-align: left;
    height:100%;
}

.hidden {display:none;}

.clear
{
    clear: both;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

a, td {position:relative;}

a, img{
    border: 0;
}

.annotation
{
    font-size: 10px;
}

.blue{
    color:#215378;
}
.blueNutzung{
    color:#215378;
    padding-right: 65px;
}

.bold{
    font-weight: bold;
}

.left{
    float: left;
    overflow: hidden;
    /*	border:1px solid violet;*/
}

.right{
    float: right;
    overflow: hidden;
    /*border:1px solid magenta;*/
}

.ten{
    width: 10%;
}
.eight{

    margin-top:-20px;
}
.fourty{
    width: 40%;
}

.fifty{
    width: 50%;
}

.thirty{
    width: 30%;
}

.third{
    width: 33%;
}

.seventy{
    width: 70%;
}

.hundred{
    width: 100%;
}

table{
    width: 100%;
    border: 0;
    margin: 10px 0;
}

table.list tr td:first-child{
    color: silver;
    width: 50%;
}

table.click tr{
    cursor: pointer;
}

table.selection{
    border-spacing: 0;
}

table.selection th{

    padding: 5px 3px;
    color: #81abaa;
    font-weight: normal;
    text-align: left;
}

table.selection td{
    border-bottom: 1px solid #81abaa;
    text-align: left;
    padding: 5px 3px;
}

table.click tr:hover td{
    background: #81abaa;
}

table.click .active td, table.click .active:hover td{
    background: #29c10b;
}

table label{
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: inherit;
}

p{
    width: 100%;
    /*float: left*/
}

/*COLORS*/
body, p, a, strong, b, tr, td, images{
    color: inherit;
    font-family: "Helvetica Neue", Helvetica, "Arial", sans-serif;
    border: none;
    text-decoration: none;
    font-size: 13px;
}


h1, h2, h3, h4, h5, p{
    margin:10px 0;
    font-weight: normal;
}

body h1
{
    color: #0F84C1;
    font-size: 25px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
    font-family: "Helvetica Neue", Helvetica, "Arial", sans-serif;
}

body h2
{
    font-size: 20px;
    font-family: "Helvetica Neue", Helvetica, "Arial", sans-serif;
}

body h3
{
    font-size: 15px;
    font-family: "Helvetica Neue", Helvetica, "Arial", sans-serif;
}

body h4
{
    font-size: 20px;
    font-weight: normal;
    font-family: "Helvetica Neue", Helvetica, "Arial", sans-serif;
    color: #333;
}



.no-margin {
    margin: 0px !important;
}

#logo{
    float: left;
}

.navi{
    padding: 20px;
    padding-bottom:10px;
    overflow: hidden;
    color:#666666;
}

/*  jQuery UI Tooltips */

body .ui-tooltip
{
    border-width: 1px;
    box-shadow: none;
}

.ui-tooltip
{
    text-align: left;
    font-size: 12px;
}

.ui-widget-shadow
{
    border-radius: 5px;
}

/* Buttons and Buttons Groups */

.btn-block-100percent
{
    position: relative;
    width: 100%;
}

.btn-margin-bottom
{
    margin: 0px 0px 5px 0px;
}

input[type='submit'],
button,
.btn,
.button-primary,
.btn-primary,
.button-secondary,
.btn-secondary,
.btn-tertiary,
.btn-special
{
    display:inline-block;
    border: 0;
    font-size: 16px;
    /*font-weight: normal;*/
    /*padding: 6px 12px 6px 25px;*/
    /*background: url(../images/buttons/triangle-white.png) no-repeat;*/
    cursor: pointer;
    border-radius: 0px !important;

}

.btn-primary
{
    /*color: #ffffff;*/
    /*background-color: #1D3889 !important;*/
    padding: 7px 35px !important; /* bootstrap übersteuern */
    font-weight: bold;

    background: rgb(5,37,85);
    background: linear-gradient(90deg, rgba(5,37,85,1) 50%, rgba(17,149,212,1) 85%);
    color: #ffffff;
}

.btn-secondary
{
    border-radius: 5px;
    font-size: 16px;
    /*color: white !important;*/
    /*background-color: #1D3889 !important;*/
    text-decoration:none;

    background: rgb(5,37,85);
    background: linear-gradient(90deg, rgba(5,37,85,1) 50%, rgba(17,149,212,1) 85%);
    color: #ffffff;
}

.button-secondary:hover
{
    background-color: #096768;
    text-decoration:none;
}

input[type='submit']:hover
{
    background-color: #096768;
    text-decoration:none;
}

.btn-group .dropdown
{
    padding-left:5px;
}

.btn-tertiary,
.btn-tertiary:hover
{
    border: 1px solid #1D3889 !important;
    border-radius: 5px;
    font-size: 16px;
    color: #1D3889;
}

.btn-special
{
    background: rgb(173,2,4);
    background: linear-gradient(90deg, rgba(173,2,4,1) 0%, rgba(29,56,137,1) 66%);
    border: 1px solid #1D3889 !important;
    color: #ffffff;
}
.btn-special:hover
{

    background: linear-gradient(90deg, rgba(173,2,4,1) 0%, rgba(29,56,137,1) 100%);
    border: 1px solid #1D3889 !important;
    color: #ffffff !important;
}


/*.button-secondary {*/
/*    padding: 6px 12px 6px 25px;*/
/*    !*background: url(../images/buttons/triangle-white.png) 0px 6px no-repeat;*!*/
/*    background-color: #1D3889;*/
/*}*/

.button-secondary-jetzt{

    background: url(../images/buttons/triangle-white.png) 0px 5px no-repeat #1D3889 !important;
    position:absolute !important;
    bottom:5px !important;
    right:332px !important;
    background-color: #1D3889 !important;
    padding: 6px 12px 6px 25px !important;
    font-size: 14px !important;
    width: 140px !important;
    z-index: 300;
}
/*.button-secondary-jetzt:hover,*/
/*.button-secondary-jetzt:active{*/
/*    background: #7F7955 !important;*/
/*}*/

.dropdown .button-secondary {
    /*background: url(../images/buttons/triangle-white.png) 0px 5px no-repeat #1D3889;*/
    background-color: #1D3889;
}

/*.button-secondary:hover,*/
/*.button-secondary.active {*/
/*    background: #7F7955;*/
/*}*/

/*.button-secondary.active {*/
/*    background-image: url(../images/buttons/triangle-white-down.png);*/
/*}*/

.register_button
{
    padding: 20px 0px 20px 0px;
}

/*TEMP*/
/*input[type='submit']:hover, button:hover, .button-primary:hover, .button-secondary:hover {
    background-color: #7F7955;
}*/

/*input[type='submit']:hover {*/
/*    background-color: #7F7955;*/
/*}*/

/*label {*/
/*    !*width: 210px;*!*/
/*}*/


/*HEADER*/
.outer-wrap #header{
    height: 287px;
    width: 900px;
    overflow: hidden;
    position: relative;
    /*border-bottom: 4px solid white;*/
    margin:  -1px;
}

.start#header, .admin#header{
    /*background: url(../images/header/Header_Start.jpg )#afced1; */
    /* Das Bild der gesetzteren Lady wollten sie nicht. martins 20.12.2012. */
    background: url(../images/header/Header_Partner.jpg) #afced1;

}

.kunde#header{
    background: url(../images/header/Header_Kunden.jpg) #afced1;
}

.partner#header{
    background: url(../images/header/Header_Partner.jpg) #afced1;
}

/*.outer-wrap #header .navigation{*/
/*    display:block;*/
/*    position: absolute;*/
/*    left:0;*/
/*    bottom: 0;*/
/*    width: 24%;*/
/*    height: 190px;*/
/*}*/

/*.outer-wrap #header .navigation a, .outer-wrap #header .navigation a:visited{*/
/*    display: block;*/
/*    float:left;*/
/*    clear: left;*/
/*    background: url(../images/navi_button.jpg);*/
/*    background-repeat: no-repeat;*/
/*    color: white;*/
/*    padding: 8px 0 11px 35px;*/
/*    width:205px;*/
/*    font-size: 14px;*/
/*    margin: 0 0 1px 0;*/
/*    text-decoration:none;*/
/*    white-space:nowrap;*/
/*}*/

/*.outer-wrap #header .navigation a:hover, .outer-wrap #header .navigation a.active{*/
/*    background: url(../images/navi_button_active.jpg);*/

/*}*/

/*.outer-wrap #header .bottom-bar{*/
/*    color:#215378;*/
/*    text-align: right;*/
/*    float: left;*/
/*    width: 860px;*/
/*    padding: 10px 20px;*/
/*    background: url(../images/header/Verlauf_headerbalken.png);*/
/*    font-size: 16px;*/
/*    !*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";*/
/*    filter: alpha(opacity=60);*/
/*    -moz-opacity:0.6;*/
/*    -khtml-opacity: 0.6;*/
/*    opacity: 0.6;*!*/
/*}*/


/* Navigation */

/* volle Breite, kein Margin */
.row.fullWidth {
    margin-left: calc( -1.0 * var(--bs-gutter-x));
    margin-right: calc( -1.1 * var(--bs-gutter-x));
}

.row.fullWidth > div {
    margin-left: -1px;
}


/*CONTENT*/

.mainContent
{
    padding: 10px;
}

#content/*, #content p, #content div, #content  strong, #content  span, #content  td, #content  h1, #content  h2, #content  h3, #content  h4, #content  h5*/{
    color: white;
}

#content  h2{
    margin: 20px 0;
    /*float: left;*/
    font-size: 16px;
    display: inline-block;
    width: 99%;
    /*background: url('../images/h2_back.jpg') repeat;*/
    padding: 7px 1% 7px 0;
    border-top: 1px solid #81abaa;
    /*-webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;*/
}

#content{
    background: #215378;
    padding: 20px;
    /*margin: -6px 0px 0px 0px;*/
    overflow: hidden;
}


/*PODS*/
.pod-video{
    position: relative;
    float: left;

    position: relative;
    padding: 4px 20px 20px 20px;


}
.pod{
    position: relative;
    float: left;
    margin: 0 -6px;
    color: #666666;
    min-height: 98px;
    width: 238px;
    padding: 4px 20px 20px 20px;
}

.pod-mix{
    position: relative;
    float: left;
    margin: 2px 4px;
    color: #666666;
    min-height: 319px;
    width: 520px;
    padding: 10px 20px 20px 20px;
}

.flex-pod{
    width: 260px;
    float: left;
    margin: 0 8px;
}

.flex-pod .content{
    width: 90%;
    padding: 10px 5%;
    position: relative;
    float: left;
    color: #666666;
    background: url(../images/pods/pod-back.png) repeat-y ;
    background-position: right;
}

.flex-pod .end{
    background: url(../images/pods/pod-bottom.png) no-repeat ;
    background-position: right;
    height: 61px;
    float: left;
    width: 90%;
    padding: 0 5%;
}

.pod h1,.pod-mix h1{
    color: #215378;
    font-size: 16px;
    font-weight: bold;
}
.pod-mix li{
    padding:1px;
    color: #ffffff;
}

/*a{*/
/*    color: #5eb9cb;*/
/*    text-decoration:underline;*/
/*}*/

ul a{
    /*font-weight: bold;*/
}

/*a:hover{*/
/*    color: silver;*/
/*}*/

#pod-mix{
    background:url(../images/pods/bg_box_mix.jpg) no-repeat;
}

#pod-kunden{
    background:url(../images/pods/bg_box_kunden.png) no-repeat;
}

#pod-kunden ul{
    margin: 0 0 0 15px;
}

#pod-partner{
    background:url(../images/pods/bg_box_partner.png) no-repeat;
}

#pod-login{
    background:url(../images/pods/bg_box_login.png) no-repeat ;
    background-position:0 100%;

}

#pod-login #login #description{
    display: none;
}

#pod-login #login #register-now{
    text-align: left;
}

#pod-login #login button{
    float: left;
    display: inline-block;
    margin: 3px ;
}

#pod-login #login input{
    margin: 3px 3px 3px 0;
    float: left
}

#pod-login #login ul{
    margin: 0;
    float: left;
}

.title{
    margin: 0 0 10px 0 ;
    clear: both;
    float: left;
    display: block;
}

.left{
    float: left !important;
    overflow: hidden;
}

.right{
    float: right !important;
    overflow: hidden;
}

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

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

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

map area{
    cursor: pointer;
}

/*TABS*/
.tab{
    height: 0px;
    overflow: hidden;
}

.tab-content{
    margin: 15px 0 20px 0;
    overflow: hidden;
}
.tab-content a:hover{
    cursor:pointer;
}

/* Forms */



/*CONTACT FORM*/

form{
    color: white;
}

div.form-row{
    padding: 10px 10px 10px 10px;
}

div.form-row input,
div.form-row select,
div.form-row textarea
{
    border-radius: 5px;
}

/*div.form-row ul, #login ul{*/
/*    margin: 5px 0px 10px 180px;*/
/*    display: block;*/
/*    color: red;*/
/*}*/

.row .form-headline
{
    color: #1D3889;
    font-weight: bold;
    margin-bottom: 15px;
}

/*.row .form-headline h2*/
/*{*/
/*    font-size: 25px;*/
/*    font-family: "Arial", sans-serif;*/
/*}*/



label {
    /*width: 190px;*/
    /*display: block;*/
    /*float: left;*/
    /*padding: 0 5px 0 0;*/
    /*font-weight: normal;*/
    /*text-align: left;*/
}
label.small {
    /*width: 110px;*/
}

.form-row label {
    display: inline-block;
    float: none;
    vertical-align:top;
    font-size: 16px;
}

input[type="text"], input[type="number"], input[type="password"], select, textarea{
    border: 1px solid #81abaa;
    width: 200px;
    margin: 0 3px 0 0;
    height: 25px;
}

textarea{
    height: 40px;
    width: 300px
}

.right div.form-row{
    text-align: right;
}

input[type="image"]{
    /*margin: 7px 0 0 0;*/
    display: block;
    float:right;
}


input[type='submit']{
    cursor: pointer;
    /*float:left;*/
}

h2 input[type='submit']{
    float:right;
}

input[type='checkbox']{
    /*float:left;*/
    float: none;    /* eingefügt von martins 17.1.2013 */

}

form div.error input{
    background:  silver;
    color: black;
}

input[type="text"].input-error, input[type="number"].input-error, input[type="password"].input-error, select.input-error, textarea.input-error,
#statisticForm div.error input, #statisticForm div.error select, #invoiceForm div.error input, #invoiceForm div.error select, #invoiceForm div.error fieldset{
    border:2px solid red;
    background:  #F8FFB5;
}
#partnerprogrammform #div-title input[type="text"] {width:450px;}
#partnerprogrammform .form-element ul{
    display:inline-block;
}
.post-teasertext {color:rgb(0, 112, 113);}
#invoiceForm div.error fieldset {background:none;}

.hint-left, .hint-right{
    float: left;
    font-style: italic;
    text-align: right;
    display: block;
    width: 100%;
}

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

select.short, input.short{
    width: 73px;
}

.button-short, #login-btn{
    padding: 0;
    border: 0;
    height:22px;
    width:22px;
    background: url(../images/buttons/button_short.jpg);
}

#submenu{
    /*position: absolute;*/
    /*z-index: 30;*/
    /*right: 15px;*/
    /*!*top: 310px;*!*/
    margin: 20px 20px 0px 0px;
    float:right;
}
#submenu2{
    position: relative;
    z-index: 30;
    float:right;
    /*right: 15px;
    top: 310px;*/
}

/*.dropdown .button-secondary{*/
/*    background-image:  url(../images/buttons/triangle-white-down.png)*/
/*}*/

/*.dropdown:hover .button-secondary{*/
/*    background-color:  white;*/
/*    background-color:  whitesmoke;*/
/*    !*background-image:  url(../images/buttons/triangle-blue-down.png);*!*/
/*    color: #007071 !important;*/
/*}*/

/*.dropdown{*/
/*    display: inline;*/
/*    position:relative;*/
/*}*/
/*.dropdown:hover ul{*/
/*    display: inline;*/

/*}*/

/*.dropdown ul{*/
/*    display: none;*/
/*    position:absolute;*/
/*    right: 4px;*/
/*    top: 17px;*/
/*    list-style: none;*/
/*}*/

.dropdown ul li{
    white-space: nowrap;
    background: white;
    /*background: whitesmoke;*/
    padding: 0px 30px 0 10px;
    overflow:hidden;
}

.dropdown ul li:last-child{
    /*background: url(../images/list-bottom-whitesmoke.png) right bottom;*/
    /*background-color: #215378;*/
    height: 40px;
    /*list-style: none;*/
}

.dropdown .end{
    /*background: url(../images/list-bottom.png) right bottom;*/
    height: 32px;
    list-style: none;
    width: inherit;
}

.long{
    width:100%;
    padding: 0;
    margin: 0 0 5px 0;
}

/*LIST*/
ul{
    /*list-style:url(../images/list-link.png);*/
    /*margin: 0 0 0 0px;*/
    /*padding: 0 0 0 15px;*/
}




#error-message, #send-message{
    display:none;
    float:left;
    background: red;
    padding: 10px;
    clear: both;
    overflow: hidden;
    color: white;
    width: 100%;
    text-align: center;
    margin: 0px 0 30px 0;

}

#send-message{
    background: green;
    display: block;
}

#login, #social-networks{
    float:right;
    clear: right;
}

#social-networks{
    margin: 10px 0 10px 0;
}

#login{
    color:#666666;
}

#login input{
	width:auto;
}

#login input[type="submit"], #login button, #login .button-secondary{
    float: right;
    display:block;

}

/*PRELOAD*/
#preload{
    display:none;
    /*visibility: none;*/
}

/*hr{*/
/*    background: #81abaa;*/
/*    color: #81abaa;*/
/*    height: 1px;*/
/*    border: 0;*/
/*    clear: both;*/
/*    margin: 10px 0;*/
/*    display: block;*/
/*    float: left;*/
/*    width: 100%;*/
/*}*/

/*FOOTER*/

/*.footer, .footer p, .footer a, .footer div, .footer strong, .footer div, .footer span, .footer td{*/
/*    color: white;*/
/*}*/

/*.footer a{*/
/*    text-decoration: underline;*/
/*}*/

/*.footer a:hover{*/
/*    color: silver;*/
/*}*/


/*.footer #logo{*/

/*    float:right;*/
/*    margin:0;*/
/*}*/

/* Tabellen mit jQuery.dataTables */
.dataTables_length
{

}

/*reset standard styles*/
.dataTables_length *,
#showUserDataTable_filter *
{
    width: initial !important;
    display: initial !important;
    float: initial !important;
    font-weight: initial !important;
    text-align: initial !important;
    /*margin: initial !important;*/
}

/*Label vor dem Suchfeld wegschieben*/
.dataTables_wrapper .dataTables_filter input
{
    margin: 0px 0px 0px 15px !important;
}

/*ICONS*/

/* Iconsspalten pro Seite separat anpassen*/
body.showUserData .table_icons_row
{
    width: 80px;
}

body.showPartner .table_icons_row,
body.showFlatratePartner .table_icons_row
{
    width: 145px;
}

body.purchasing_associations .table_icons_row,
body.showProduct .table_icons_row
{
    width: 70px;
}

.table_icons
/*.icon*/
{
    display: inline-block;
    width: 20px;
    height: 20px;
}

a.table_icons
{
    text-decoration: none;
}

.icon.big{
    width: 25px;
    height: 25px;
    margin: 0 5px -5px 0;
}

.icon.link{
    margin: 10px 10px -7px 0;
}

.icon.large{
    width: 45px;
    height: 45px;
    margin: 20px 10px -17px 0;
}

.icon.ok-grey{
    background: url(../images/icon/ok_grey.png);
}

.icon.ok-green{
    background: url(../images/icon/ok_green.png);
}

.icon.right-grey{
    background: url(../images/icon/right_grey.png);
}

.icon.edit{
    background: url(../images/icon/edit_blue.png);
}

.icon.enabled{
    background: url(../images/icon/active_blue.png);
}

.icon.disabled{
    background: url(../images/icon/inactive_blue.png);
}

.icon.copy{
    background: url(../images/icon/copy_blue.png);
}

.icon.delete{
    background: url(../images/icon/delete_blue.png);
}

.icon.details{
    background: url(../images/icon/details_blue.png);
}
.icon.pay{
    background: url(../images/icon/pay_blue.png);
}

/* Neue Icons, brauchte der Martin */
/* Invoices ist vorerst dauch das $, wie für pay */
.icon.stats{
    background: url(../images/icon/stats_blue.png);
}
.icon.invoices{
    background: url(../images/icon/pay_blue.png);
}
.icon.plus{
    background: url(../images/icon/plus_blue.png);
}



/*
tr:hover .icon.edit{
	background: url(../images/icon/edit_blue.png);
}

tr:hover .icon.copy{
	background: url(../images/icon/copy_blue.png);
}

tr:hover .icon.delete{
	background: url(../images/icon/delete_blue.png);
}
*/

tr:hover .icon.edit:hover{
    background: url(../images/icon/edit_white.png);
}

tr:hover .icon.copy:hover{
    background: url(../images/icon/copy_white.png);
}

tr:hover .icon.delete:hover{
    background: url(../images/icon/delete_white.png);
}

tr:hover .icon.details:hover{
    background: url(../images/icon/details_white.png);
}

div.testbox {
    border: 1px solid black;
    background-color: #aaaaaa;
    padding: 5px;
    color: black;
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
}

/* css for timepicker, add-on to jQueryUI-Datepicker */

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

/* Tooltipps (JQuery-Spielerei) */
.ui-tooltip {
    /*text-align:left;*/
    /*font-size: 10px;*/
    /*
	-webkit-box-shadow: 0 0 25px #99ff00;
	box-shadow: 0 0 25px #99ff00;*/
}

#client{
    position:relative;
}


/* Macht die Einträge in der Auto-Vervollständigen-Combo-JQuery-UI-Box linksbündig anstatt zentriert. martins 15.1.2013 */
.ui-menu-item {
    text-align:left;
}




#iframeup {
    color: white;
    width: 100%;
    height: 350px;
}

.form-element ul,
.errormessage,
/*div.form-row ul,*/
#login ul ,
.flash_error,
.flash_warning,
.flash_success
{
    color: white;
    background: rgb(218, 52, 52);
    padding: 10px;
    margin: 10px 0;
    text-align: center;
    list-style: none;
    clear: both;
    border: 1px solid white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.form-element ul,
div.form-row ul
{
    color: #000000;
    background: rgb(255, 255, 255);
}

#login ul {
    float: right;
}


.flash_warning {
    color: black;
    background-color: #ffc600;
}
.flash_success {
    color: black;
    background-color: #4ceb06;
}

.short-info{
    margin: 0 0 -6px 0;
}

.notification {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    position: absolute;
    padding: 1px 3px;
    height: auto;
    width: auto;
    top: -15px;
    left: 1px;
    color: #f5f5f5;
    background: #cc0000;
    /*background: -moz-linear-gradient(top,#dd0000 0, #cc0000, 100%);*/
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#dd0000),color-stop(100%,#cc0000));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd0000',endColorstr='#cc0000',GradientType=0); border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -o-border-radius: 60px; border: 1px solid rgba(0,0,0,0.50); box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 1px rgba(255,255,255,0.50); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 1px rgba(255,255,255,0.50); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 1px rgba(255,255,255,0.50); -o-box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 1px rgba(255,255,255,0.50); z-index: 1;
}

.notify td {

    background-color:#505050;

}

input[type=submit][disabled] {
    opacity:0.5;
}

#messageBox {
    margin-top: 20px;
    min-height:16px;
}
#statisticForm div {
    margin-bottom: 5px;
    width:50%;
    float:left;
}

#docList {
    clear: both;
}

#docList table th {
    font-weight: bold;
    color:#fff;
    border-bottom:2px solid #000;
}
#docList table td {
    font-weight: normal;
}
#home_eg{
    float:right;
    /*display:absolute;*/
}
.ui-button-text{
    color:#215378;
}
.ui-dialog-titlebar{
    background-color:#FFFFFF;
}
a.ui-dialog-titlebar-close{
    display:none;
}
td.eg{
    padding-left:20px;
}

.loading {
    margin: 0 auto;
    width: 20px;
    display: block;
}
.file-label {
    width: 250px;
    float: none;
}

#partnerprogrammform .form-element {margin-bottom:5px;}

#partnerprogrammform  #div-teaser {margin-bottom: 60px;}

.disabled-partner {
    color:#8A8A8A;
}

.odd {
    background:#627C8F;
}

.partnerbanner {
    background:#215378;
    width:100%;
    padding-top: 20px;
}
.partnerbanner-inner {
    background-color: white;
    background: url(../images/ecke.png) no-repeat;
    background-position:0 0;
    width: 102%;
    position: relative;
    left: -1%;
    padding: 7px 0;
}

.partnerbanner a {
    display: block;
    width: 100%;
    height: 100%;
    float: left;
}
.partnerbanner .image-bar {
    padding: 16px 1.6%;
    background: #a5a5a5; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E1YTVhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iIzczNzM3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #a5a5a5 0%, #737373 96%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5a5a5), color-stop(96%,#737373)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a5a5a5 0%,#737373 96%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a5a5a5 0%,#737373 96%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a5a5a5 0%,#737373 96%); /* IE10+ */
    background: linear-gradient(to bottom,  #a5a5a5 0%,#737373 96%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5a5a5', endColorstr='#737373',GradientType=0 ); /* IE6-8 */
    -webkit-box-shadow: 0 0 10px 0 #575757;
    #box-shadow: 0 0 10px 0 #777777;
}
.partnerbanner-img {
    max-width: 100%;
    max-height: 100%;
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align:center;margin:0 auto;
}

.partnerbanner .img-container{
    display:inline-block;
    background:#fff;
    width:132.5px;
    height:58.125px;
    padding:5px;
    margin:0 2.5px;
    box-shadow: 0 0 15px 0 #777777;
}

.partner-name {
    width:100%;
    height:100%;
    display:inline-block;
    margin: 0 auto;
}
.postslider .sliderhead, .new-partner-header{
    background:#276594;
}
.postslider .sliderhead, .partnerbannerhead, .new-partner-header{
    color:white;
    font-size:17px;
    padding:5px 15px;
}

.postslider .post {
    #padding: 10px 0;
}
.postslider .post .teaser-img-link {
    max-width: 142.5px;
    max-height: 142.5px;
    display: inline-block;
    float: left;
    padding:0;
}

.postslider .post .teaser-img {
    max-width:100%;
    max-height:100%;
}

.postslider .post-body{display:inline-block;padding: 0 5px 0 15px; max-width: 625px;}

.postslider .partner-logo{
    max-width: 100px;
    max-height: 40px;
    display: block;
}

.postslider .post-title {
    width:100%;
    padding:5px 0px;
}
.postslider .post-title a {
    text-decoration:none;
    color:#007071;
    font-size: 15px;
    font-weight:bold;
}

.post-container {float: left;padding: 0 10px;
    width: 89%;}

.postslider .post-prev img, .postslider .post-next img {height: 90px;padding: 15px 0;}
.postslider .post-prev, .postslider .post-next {
    float: left;
    height: 150px;
    width: 4%;
    cursor:pointer;
}
.postslider-wrap {
    background:none repeat scroll 0% 0% #215378;padding-bottom: 15px;
}
.postslider-wrap .postslider {margin: 0 25px;
    background: #fff;}
.postslider .post-next {
    float:right;
}
.postslider-wrap .postslider .post-body {width:580px;}
.postslider-inner {padding:15px 5px;}

.post p{
    width:100%;
    float:none;
}

.postwrap {background:#fff; color:black;padding:15px;position:relative;}
#content .postwrap .post h2 {float:none; background:none; border:none; width:auto; color:#5eb9cb; font-weight: bold; margin:0; padding:0;}
.postwrap .teaser {float:none;}
.postwrap .post-image {float:left;max-width:300px; margin:0 10px 10px 0;}
.postwrap .post {width:550px;}
.contact .partner-logo {width:50px;}
.contact-wrap {font-size:12px;width:250px; background:#fff url(../images/ecke2.png) no-repeat;background-position: 101% -7px; padding:15px 10px; position: absolute;right:-9px;top:25px;box-shadow: 0 0 10px 0 #777777;}
.contact-wrap span {display:block;}
.contact-wrap .head {font-weight: bold; font-size: 15px;}
.contact-wrap .partnername {font-weight: bold;}
.contact-wrap .partnercity {margin-bottom:15px;}
.contact-wrap .partnerfax {margin-bottom:15px;}
.new-partner-header {margin-bottom:2px;}

.post-list-wrap .post {background:#fff; color:#000;}
.post-list-wrap .post-image, .post-list-wrap .body {float:left; padding: 10px;}
.post-list-wrap .body {padding-left:0;}
.post-list-wrap .post-image img {max-width:200px;}
.post-list-wrap .partner-logo img {max-width:200px; max-height:30px;}
.post-list-wrap .head a {text-decoration:none;font-weight:bold;font-size:15px;}
.post-list-wrap .post {margin-bottom:10px;}
.post-list-wrap .post .body {max-width:629px;}

/* Begin Header Carousel */
.header-carousel {
    position: relative;
    width: 1020px;
    height: 326px;
    overflow: hidden;
    /*display: none;*/
}
.carousel-slide {
    /*position: absolute;*/
    display: inline-block;
    float: left;
    width: 1020px;
    height: 326px;
    opacity: 1;
}
.slides-container {
    position: relative;
    height: 326px;
    left: 0;
    /*transition: left 600ms linear;*/
}
.carousel-slide.active {
    opacity: 1;
}
/* End Header Carousel */


body {
    background: none;
}

body, p, a, strong, b, tr, td {
    font-size: 18px;
}

/* Formular Erfolgsmeldung */
.alert-success
{
    background-color: #ffffff;
    border: 2px solid #5fb000;
    margin-bottom: 0;
}

/* Formular Fehlermeldung */
.alert-error
{
    background-color: #ffffff;
    border: 2px solid #d10000;
    margin-bottom: 0;
}

.alert-success ul,
.alert-error ul
{
    margin: 2px;
}

.alert-success ul li,
.alert-error ul li
{
    font-size: 20px;
    font-family: "Helvetica Neue", Helvetica, "Arial", sans-serif;
    color: #1D3889;
}

table.selection th {
    color: #023785;
    font-weight: bold;
}

table.selection td {
    border-bottom: 1px solid #a1a1a1;
}

table.click tr:hover td {
    color: #fff;
    background: #B2AF84;
}

table.click .active td, table.click .active:hover td {
    background: #cecece;
}

#content {
    background: #fff;
    color: #333;
    border-bottom: 1px solid #B5AD9A;
    /*padding-bottom: 60px;*/
}

#content td, form {
    color: #333;
}

#content .notify td {
    background: #cecece;
}

#content > h1, #content > .hundred > h1, #content > .seventy > h1  {
    color: #1D3889;
    font-size: 25px;
    font-weight: bold;
}

#content h2 {
    width: 1020px;
    margin-left: -20px;
    padding: 7px 20px;
    color: #fff;
    font-size: 18px;
    background: #B2AF84;
    border-top: none;
}

#content .seventy h2 {
    width: 665px;
}

.home-title {
    color: #1D3889;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 5px;
}
.home-subtitle {
    color: #766E4A;
    margin: 0 0 35px;
}

#pod-mix {
    background: url(../images/pods/box-start.jpg) no-repeat;
    margin-left: 0px;
    height: 289px;
}

.pod-mix {
    max-width: 600px;
    color: #fff;
    width:100%;

}

.pod h1, .pod-mix h1 {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
}

.pod-mix ul {
    list-style: url(../images/pfeil_weiss.png);
}

#messageBox {
    margin-top: 50px;
}

#home-pod-right {
    /*width: 300px;*/
    width: auto;
    padding: 0px 0px 0px 20px;
    margin: 0;
}

#home-pod-right .button-secondary {
    width: 168px;
}

#wir-ueber-uns {
    position: relative;
    background: url(../images/pods/bg-wir-ueber-uns.jpg) no-repeat;
    background-size: cover;
    width: 350px;
    height: 234px;
}

#wir-sind-umgezogen {
    position: relative;
    margin: 20px 0 0;
    width: 300px;
    height: 99px;
    background: #766E4A;
}

#wir-sind-umgezogen h1 {
    font-size: 18px;
    padding: 20px;
}

/*#submenu {*/
/*    top: 360px;*/
/*}*/

#login {
    margin: 30px 0 0;
}

#login span {
    margin: 5px 0 0;
    display: inline-block;
    color: #766E4A;
}

#login .blue.name {
    font-size: 18px;
    color: #023785;
}

#register-now {
    width: 310px;
    float: right;
}

#register-now .blueNutzung {
    float: left;
    padding: 0;
}

#register-now .register {
    float: right;
}

.button-short, #login-btn {
    background: url(../images/buttons/button_pfeil.jpg);
}

#register_partner {
    color: #333;
}

input[type="text"], input[type="number"], input[type="password"], select, textarea {
    border: 1px solid #B2AF8460;
    background: #ffffff;
}

#home_eg {
    margin-top: 30px;
    /*padding-right: 20px;*/
    color: #023785;
}

/*.welcome-message {*/
/*    width: 50%;*/
/*    float: left;*/
/*}*/

.ihr-profil a {
    font-weight: bold;
    text-decoration: none;
}

.x-580 {
    float: left;
    width: 560px;
    margin-right: 10px;
    padding: 0 0 20px 20px;
}

#content .x-580 h2{
    width: 540px;
    margin-bottom: 15px;
}

.notification-count {
    color: red;
}

.x-580 a {
    width: 230px;
    display: inline-block;
    padding: 9px 10px 9px 35px;
    float: left;
    display: inline-block;
    border: 1px solid #023785;
    margin-bottom: 5px;
    text-decoration: none;
    font-weight: bold;
    background: url('../images/pfeil_blau_gross.png') 15px 7px no-repeat;
}

.x-580 a:nth-of-type(2n+1) {
    margin-right: 5px;
}

.x-580 a.link-kundenuebersicht {
    border: none;
}

.x-435 {
    float: left;
    width: 390px;
    padding: 0 20px 20px;
}

#content .x-435 h2 {
    width: 390px;
    margin-bottom: 15px;
}

.x-435 a.btn-gv {
    float: left;
    display: inline-block;
    width: 145px;
    padding: 10px 10px 10px 35px;
    background: url(../images/buttons/special_button_bg.png) no-repeat;
    margin-bottom: 5px;
    color: #fff;
    text-decoration: none;
}

.x-435 a:nth-of-type(2n+1) {
    margin-right: 5px;
}

.x-435 a.sonstige-anfrage {
    display: inline-block;
    text-decoration: none;
    margin-left: 17px;
    margin-top: 5px;
    font-weight: bold;
}

.administrative-optionen, .rechnungen-statistiken, .ihr-profil {
    display: table;
    margin-bottom: 30px;
}

.administrative-optionen .third:nth-of-type(2) {
    width: 36%;
}

.administrative-optionen .third:nth-of-type(3) {
    width: 30%;
}

.administrative-optionen strong {
    color: #7E7854;
    margin-bottom: 10px;
    display: block;
}

.administrative-optionen a {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    text-decoration: none;
}

.administrative-optionen a img{
    margin-right: 3px;
}

.rechnungen-statistiken a {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    text-decoration: none;
}

#statisticForm {
    margin-top: 20px;
}

#docList table th {
    color: #023785;
    border-color: #ABA678;
}

#form-add-edit-eg h2 {
    margin-left: -20px !important;
    cursor: pointer;
}

/*.dropdown:hover .button-secondary {*/
/*    !*background: url(../images/buttons/triangle-white-down.png) 0 5px no-repeat #7F7955;*!*/
/*    background: #7F7955 !important;*/
/*    color: #fff !important;*/
/*}*/

.dropdown ul {
    top: 22px;
    margin-top: 0px;
}

.dropdown ul li img {
    margin-right: 8px;
}

/*.dropdown ul li, .dropdown ul li:last-child {*/
/*    background: #7F7955 !important;*/
/*    height: initial;*/
/*    padding-bottom: 10px;*/
/*}*/

/*.dropdown ul li a {*/
/*    color: #fff;*/
/*    text-decoration: none;*/
/*}*/

.dropdown ul li a:hover {
    /*text-decoration: underline;*/
}

.dropdown ul li:first-child {
    padding-top: 15px;
}

.dropdown ul li:last-child {
    padding-bottom: 15px;
}

.flash_warning {
    background-color: #51596e;
    color: #fff !important;
    border-radius: 0;
}

.icon.right-white {
    background: url(../images/icon/right_white.png);
}

.icon.ok-white {
    background: url(../images/icon/ok_white.png);
}

.icon.details {
    background: url(../images/icon/details_green.png);
}

.icon.pay {
    background: url(../images/icon/pay_green.png);
}

.icon.edit {
    background: url(../images/icon/edit_green.png);
}

.icon.delete {
    background: url(../images/icon/delete_green.png);
}

.icon.invoices {
    background: url(../images/icon/pay_green.png);
}

.icon.stats {
    background: url(../images/icon/stats_green.png);
}

.icon.disabled {
    background: url(../images/icon/inactive_green.png);
}

.icon.enabled {
    background: url(../images/icon/active_green.png);
}

.icon.plus {
    background: url(../images/icon/plus_green.png);
}

tr:hover .icon.details:hover {
    background: url(../images/icon/details_green_hover.png);
}

tr:hover .icon.pay:hover {
    background: url(../images/icon/pay_green_hover.png);
}

tr:hover .icon.edit:hover {
    background: url(../images/icon/edit_green_hover.png);
}

tr:hover .icon.delete:hover {
    background: url(../images/icon/delete_green_hover.png);
}

tr:hover .icon.invoices:hover {
    background: url(../images/icon/pay_green_hover.png);
}

tr:hover .icon.stats:hover {
    background: url(../images/icon/stats_green_hover.png);
}

tr:hover .icon.disabled:hover {
    background: url(../images/icon/inactive_green_hover.png);
}

tr:hover .icon.enabled:hover {
    background: url(../images/icon/active_green_hover.png);
}

tr:hover .icon.plus:hover {
    background: url(../images/icon/plus_green_hover.png);
}

.twentyfive {
    float: left;
    max-width: 250px;
}

@media screen and (max-width: 768px) {
  .twentyfive {
	float:none;
	width:100%;
	margin:auto;
  }
  .fifty{
	  width:100%;
	}
}



#team {
    display: block;
    width: 100%;
    overflow: auto;
    padding-top: 50px;
}

#team .team-member {
    padding-right: 40px;
}

#team .team-member-name {
    font-weight: bold;
    margin-bottom: 5px;
}

#team .team-member-info {
    margin: 0;
    font-size: 13px;
    font-style: italic;
    color: #7F7955;
}

#damageForm h2 {
    width: 100%;
    margin-left: 0;
}

/*.footer {*/
/*    margin: 5px 0 20px 0;*/
/*    !*border-top: 1px solid #B5AD9A;*!*/
/*    !*border-bottom: 8px solid #B5AD9A;*!*/
/*    background: #fff;*/
/*}*/

/*.footer, .footer p, .footer a, .footer div, .footer strong, .footer div, .footer span, .footer td {*/
/*    color: #333;*/
/*}*/

/*.footer .fourtyfive {*/
/*    width: 45%;*/
/*    font-size: 14px;*/
/*}*/

/*.footer .fourtyfive strong {*/
/*    display: inline-block;*/
/*    font-size: 14px;*/
/*    margin: 0 0 5px;*/
/*}*/

/*.footer .fourtyfive i {*/
/*    margin: 0 0 10px;*/
/*    display: inline-block;*/
/*}*/

/*.footer .fourtyfive p {*/
/*    margin: 0 0 5px;*/
/*}*/

/*.footer .fourtyfive a {*/
/*    display: inline-block;*/
/*    margin: 20px 0 0;*/
/*}*/

/*.footer a:hover {*/
/*    color: #7F7955;*/
/*}*/

/*.footer #logo {*/
/*    !*margin: 10px 0 0 0;*!*/
/*}*/

/*.footer .right a {*/
/*    display: inline-block;*/
/*    margin: 0 0 5px;*/
/*    font-size: 14px;*/
/*}*/

.Interview-link-login {
    position: absolute;
    right: 10%;
    width: 250px;
    height: 50px;
    top: 266px;
    z-index: 100;
    cursor: pointer;

}

/* CSS aus der custom.css */
@media (min-width: 1200px) {
    .container {
        /*min-width: 1021px;*/
        max-width: 1620px;
        /*border: 1px solid #B5AD9A;*/
        border-top: none;
        margin-bottom: 40px;
    }

}

@media (max-width: 1200px) {
    .container {
        margin-bottom: 20px;
    }

}

@media (min-width: 767px) {

    body textarea#annotation,
    body textarea#fellow_traveler,
    textarea.addDamage
    {
        position: relative;
        width: 100%;
        height: 150px;

    }

    textarea.addDamage
    {
        height: 75px;
    }
}

@media (max-width: 400px) {
    .container {
        /*padding: 0;*/
    }

    body input#submitbutton {
        position: relative;
        margin-top: 10px;
        border: 1px solid #023785;
    }

    body textarea#annotation {
        position: relative;
        /*float: right;*/
        /*width: 320px;*/
        height: 120px;

    }

    body div.row-eq-height {
        display: inline-block;
        /*display:inline-table;*/
    }

    body div.rightFooter {
        display: none;
    }

    body div.middleFooter {
        display: none;
    }
}

body .containerTop {

    padding-bottom: 15px;
    padding-top: 10px;
}


.container .headLineTop {
    float: right;
    font-size: 13px;
    color: #B5AD9A;
    font-weight: 200;
}

i.pfeil {
    /*width: 10px;*/
    /*height: 20px;*/
    /*position: absolute;*/

    margin-top: 6px;
    width: 17px;
    height: 28px;
    float: left;
    background: url('/images/hoerex/pfeil.jpg') no-repeat;
    background-size: 14px 28px;

}

i.pfeil2 {
    /*width: 10px;*/
    /*height: 20px;*/
    /*position: absolute;*/

    margin-left: 10px;
    margin-right: 5px;

    margin-top: 5px;
    width: 9px;
    height: 11px;
    float: left;
    /*background: url('/images/hoerex/pfeil_weiss.png') no-repeat;*/
    background: url('/images/hoerex/pfeil_weiss.png') no-repeat;
    background-size: 6px 11px;

}

/*body {*/
/*    font-size: 16px;*/
/*    font-family: "Arial", sans-serif;*/
/*}*/

/*ul li {*/
/*    color: #ffffff;*/
/*}*/


/*input#submitbutton {*/

/*    position: absolute;*/
/*    bottom: 6px;*/
/*    left: 0;*/
/*}*/
/** Flatrate-Versicherung */
input#submitbutton_no_pos {
    bottom: 6px;
    left: 0;
}

i.fa.fa-download{
    font-size: 30px !important;
}
/** Flatrate-Versicherung */
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.row-eq-height p
{
    height: 130px;
}

/* ab hier wird untereinander gepackt. Gleiche Höhe nicht mehr so wichtig. Prio Platz sparen auf Display*/
@media (max-width: 768px)
{
    .row-eq-height p
    {
        height: auto;
    }
}

body label {
    font-weight: normal;
    /*margin-bottom: -10px;*/
}

.borderBottom .row-eq-height div {
    /*border: 1px dashed darkcyan;*/
    /*width: 33.3%;*/
}

.borderTop .row-eq-height div img {
    width: 99px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

body div.small {
    display: inline-block;
    font-size: 10px;
}

body .input-sm {
    width: 100%;
    height: 36px;
    font-size: 15px;
    font-weight: 200;
    padding-left: 15px;

}

body select.input-sm {
    height: 28px;
    line-height: 30px;
    height: 36px;
    font-size: 15px;
    font-weight: 200;
    padding-left: 15px;

}

/*input.anfrage {*/
/*    border: none;*/
/*    width: 272px;*/
/*    height: 63px;*/
/*    background: url('/images/hoerex/Button_Anfrage_versenden.jpg') no-repeat;*/
/*    background-size: 272px 63px;*/
/*}*/

input[type=text],
input[type=password],
select
{
    width: 100%;
    height: 36px;
    font-size: 15px;
    font-weight: 200;
    padding-left: 15px;
}

div.actionButtonDonwload {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 90%;
    background-color: #023785;
}

div.actionButton
{
    width: 213px;
    height: 30px;
    bottom: 0px;

    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 20px;
    background-color: #023785;
    position: absolute;
}

body div.actionButton a {
    font-weight: 200;
    color: white;
    width: auto;
    text-decoration: none;
}

body div.actionButton a:hover {
    text-decoration: none;
}

div.actionButtonDownload2 {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 33%;
    background-color: #023785;
    margin: 0 auto;
}

@media (max-width: 790px) {
    div.actionButtonDownload2{
        width: 50% ;
    }
}

@media (max-width: 520px) {
    div.actionButtonDownload2{
        width: 95% ;
    }
}

.Interview-Schiegg{
    color: #023785;
}

.Interview-link{
    position: absolute;
    right: 10%;
    width: 250px;
    height: 50px;
    top: -60px;
    z-index: 100;
    cursor: pointer;
}
/** Banner Button on Flatrate-Versicherung */
/*
div.actionButtonBanner{
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #023785;
    width:150px;
    position: absolute;
    top: 74%;

    right: 15px;
}

body div.actionButtonBanner a {
    font-weight: 200;
    color: white;
    width: auto;
}

body div.actionButtonBanner a:hover {
    text-decoration: none;
}
*/
/** Banner Button on Flatrate-Versicherung */
.borderTop {
    border-top: 1px solid #0F84C1;
}

.borderTop2px {
    padding-bottom: 4px;
    border-top: 1px solid #0F84C1;
}

.borderFooter {
    padding-bottom: 15px;
    padding-top: 15px;
}

.borderBottom {
    border-top: 1px solid #0F84C1;
}

.borderBottom3x {
    border-bottom: 3px solid #0F84C1;
    opacity: 0.87;
    /*margin-bottom: 15px;*/
}

div.rightText {
    color: #023785;
    font-size: 15px;
    font-weight: normal;
    display: block;
    text-align: right;
}

div.rightText a {
    color: #023785;
    font-weight: bold;
    text-decoration: underline;
}

a.mail {
    color: #0F84C1 ;
    /*font-weight: bold;*/
    text-decoration: underline;
}

img {
    max-width: 100%;
    height: auto;
}
img.icons_oink_glasses{
    border: #0000cc 0px solid;
    height: 23px;
    width: 35px;
    margin-top: 5px;
    margin-bottom: 5px;
}
div.pflichtfeld {
    margin-top: -15px;
    margin-bottom: 10px;
}


body h5 {
    color: #023785;
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 16px;
}

.icon-spacing-button{
    display: inline-block;
    margin-left: 5% ;
    padding-right: 5px !important;
}

@media (max-width: 520px) {
    .icon-spacing-button{
        margin-left: 15% ;
    }
}

@media (max-width: 320px) {
    .icon-spacing-button{
        margin-left: 10% ;
    }
}

/* Begin Flatrate LP */
.client-quote {
    font-style: italic;
}
.row.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
/* End Flatrate LP */

/* Begin Header Carousel */
.header-carousel {
    position: relative;
    width: 1020px;
    height: 326px;
    overflow: hidden;
    /*display: none;*/
}

.carousel-slide {
    display: inline-block;
    float: left;
    width: 1020px;
    height: 326px;
}

.slides-container {
    position: relative;
    height: 326px;
    left: 0;
}
/* End Header Carousel */

/* Begin AJAX Styles */
.select-option-customer,
.select-option-insurance,
.select-option-product {
    padding: 5px 10px;
    border-bottom: 1px solid;
    cursor: pointer;
}

.select-option-customer:hover,
.select-option-insurance:hover,
.select-option-product:hover{
    background: #023785;
    color: #fff;
}

.select-option-product.active {
    background: #999;
}

.link-change-customer,
.link-change-insurance {
    cursor: pointer;
}

.link-change-customer:hover {
    text-decoration: underline;
}
/* End AJAX Styles */