/*
Theme Name:         SASIS AG | Der innovative Datenlogistiker für das Gesundheitswesen
Theme URI:          http://sasis.ch
Description:        Das Schweizer Gesundheitswesen vertraut auf die SASIS AG. Und auf unsere Produkte. 
Version:            4.3
Date:               30-05-2018
Author:             Politikwerft Designagentur | Hamburg
Author URI:         https://politikwerft.de/


*/

/**

 */
@font-face {
    font-family: 'sansationregular';
    src: url('../../fonts/Sansation-Regular-webfont.eot');
    src: url('../../fonts/Sansation-Regular-webfont.eot#iefix') format('embedded-opentype'), url('../../fonts/Sansation-Regular-webfont.woff2') format('woff2'), url('../../fonts/Sansation-Regular-webfont.woff') format('woff'), url('../../fonts/Sansation-Regular-webfont.ttf') format('truetype'), url('../../fonts/Sansation-Regular-webfont.svg#sansationregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Webfont: LatoLatin-Regular */ @font-face {
    font-family: 'LatoLatinWeb';
    src: url('../../fonts/LatoLatin-Regular.eot'); /* IE9 Compat Modes */
    src: url('../../fonts/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/LatoLatin-Regular.woff2') format('woff2'), /* Modern Browsers */
    url('../../fonts/LatoLatin-Regular.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/LatoLatin-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* -----------------------------------------------------------------------------
 * 2.0 Body
 * -------------------------------------------------------------------------- */
body {
    min-width: 940px;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: left;
    font-size: 14px;
    line-height: 17px;
    background-repeat: repeat-x;
    background-size: 200.00px 335px;
    margin-top: 0px;
}

.LoginPrev {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: left;
    font-size: 14px;
    line-height: 17px;
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}


.small {
    font-size: 11px;
}

.imagebox {
    max-width: 700px;
}

.item-product {
    margin-top: 25px
}

.product {
    width: 300px;
    float: left
}

.display {
    display: none
}

.product-next {
    width: 300px;
    float: left;
    margin-left: 20px
}

.item-content {
    padding: 10px 0px 10px 0px;
    margin-top: -4px;
    /* padding-top: 15px; */
    /* min-height: 30px; */
    background-color: #182542;
    transition-property: background-color;
    transition-duration: 1.5s;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    color: #ffffff;

}

.item-image {
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 110px;
    height: 75px;
}

    .item-image:hover {
        opacity: .2
    }

.item-content:hover {
    padding: 10px 0px 10px 0px;
    margin-top: -4px;
    /* padding-top: 15px; */
    /* min-height: 30px; */
    background-color: #84bf41;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 12px;
    /*line-height: 1.2; */
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
}

.item-contenttop {
    padding: 15px 0px 15px 0px;
    margin-top: -4px;
    background: #f2f2f2;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    color: #160000;
}

.item-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 18px;
    color: #160000;
    margin-bottom: 25px;
    line-height: 50px;
    text-align: center;
    background: #f2f2f2
}

.item-content a {
    font-size: 0.8rem !important;
    color: #ffffff;
}

    .item-content a:hover {
        font-size: 0.8rem !important;
        color: #ffffff;
    }

.container {
    position: relative;
    width: 100%;
}

.image {
    display: block;
    width: 100%;
    height: auto;
}

.image {
    display: block;
    width: 100%;
    height: auto;
}

.SitemapHeading {
    margin-bottom: 5px;
    margin-top: 10px;
    font-family: 'sansationregular', 'Lato', Arial, Helvetica Neue, sans-serif;
    color: #84bf41;
    font-size: 20px
}

.SitemapKategorie {
    margin-left: 20px;
    margin-top: 6px;
    font-size: 18px;
}

    .SitemapKategorie a {
        color: #160000 !important;
        ;
    }

.SitemapEintrag {
    margin-left: 30px;
    margin-top: 4px;
    font-size: 15px;
}

    .SitemapEintrag a {
        color: #160000 !important;
        ;
    }

.overlay {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: rgba(24, 37, 66, 0.75);
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
}

.container:hover .overlay {
    bottom: 0;
    height: 100%;
}

.text {
    white-space: nowrap;
    color: white;
    font-size: 20px;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

table {
    min-width: 700px;
    border-collapse: collapse;
}

table, th, td {
    /* border: 1px solid #ddd; */
}

td {
    height: 50px;
    /* vertical-align: bottom; */
}

th, td {
    padding: 5px;
    text-align: left;
}


/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    height: 25px;
    border-width: 2px;
    border-style: solid;
    border-color: #f2f2f2;
    width: 100%;
    background-color: #FFFFFF;
}

inputPrev {
    height: 25px;
    border-width: 1px;
    border-style: solid;
    width: 100%;
    border-color: #627C1E;
    background-color: #FFFFFF;
    border-radius: 2px;
    box-shadow: inset 0px 0px 8px rgba(176,191,66,0.25), inset 0px 0px 8px rgba(176,191,66,0.25);
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #f2f2f2 inset;
}

html {
    min-height: 100%;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
}

#page {
    z-index: 1;
    width: 940px;
    min-height: 500px;
    background-image: none;
    border-style: none;
    border-color: #000000;
    background-color: transparent;
    margin-left: auto;
    margin-right: auto;
}

#TopBar {
    display: table;
    width: 100%
}

#SasisLogo {
    width: 250px;
    background-color: white;
    text-align: left;
    height: 58px;
    float: left;
}

#SasisLogoFooter {
    width: 200px;
    padding-top: 35px;
    float: left;
}

#LanguageMenu {
    width: 100px;
    min-height: 20px;
    display: table-cell;
    padding-left: 30px;
    padding-top: 8px;
    float: right;
}

#LoginMenu {
    width: auto;
    float: right;
    font-size: 16px;
    color: #ededed;
}

.LoginTopButtonDiv {
    width: 100px;
    margin-right: -10000px;
    margin-top: -8px;
    left: 212px;
    top: -20px;
    margin-left: 615px;
    font-size: 16px;
    background-color: #ededed;
    color: white;
    height: 24px;
    padding-top: 8px;
    border-radius: 3px
}

.LoginTopButton {
    width: auto;
    font-size: 16px;
    font-weight: 400;
    background-color: #f2f2f2;
    color: #160000;
    text-transform: uppercase;
    height: 20px;
    padding-top: 10px;
    padding-left: 1.1em;
    padding-right: 1.1em;
    padding-bottom: 9px;
    float: right;
    /* border-radius: 3px; */
}
/*.LoginTopButton:hover {
    color: white;
    background-color: #737478;
}*/
.LoginTopButtonDiv:hover {
    color: white;
    background-color: #737478;
}

.CreateClearingNumber {
    width: auto;
    font-size: 16px;
    font-weight: 400;
    background-color: rgb(132, 191, 65);
    color: #ffffff;
    text-transform: uppercase;
    height: 20px;
    padding-top: 10px;
    padding-left: 1.1em;
    padding-right: 1.1em;
    padding-bottom: 9px;
    float: right;
    margin-right: 20px;
}

    .CreateClearingNumber:hover {
        color: #ffffff;
    }

.HeaderBlock {
    margin-top: 25px;
    height: 250px;
}

.HeaderLine {
    height: 4px;
    left: 3px;
    background-color: #84bf41;
    width: 100%;
    float: left
}

.HeaderLine50 {
    height: 2px;
    left: 3px;
    background-color: #84bf41;
    width: 100%;
    float: left
}

.HeaderLineItem {
    height: 4px;
    left: 3px;
    background-color: #84bf41;
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

.HeaderLineNews {
    height: 4px;
    left: 3px;
    background-color: #84bf41;
    width: 100%;
    margin-bottom: 5px;
}

.HeaderLineSection {
    height: 4px;
    left: 3px;
    background-color: #84bf41;
    width: 100%;
    margin-bottom: 5px;
}

.HeaderLineQuickAccess {
    height: 4px;
    left: 3px;
    background-color: #84bf41;
    width: 97%;
    float: left
}

#LanguageSelector {
    float: right;
    color: #C5D84B;
}

    #LanguageSelector > a {
        padding-right: 5px;
    }

#Center {
    margin-top: 5px;
    min-width: 940px;
}

#CenterData {
    margin-top: 5px;
    min-width: 940px;
    min-height: 600px;
    padding-bottom: 40px;
}

#PortalHeader {
    margin-top: 15px;
    height: 60px;
    margin-bottom: 20px;
}

#HeaderMenu {
    float: right;
    margin-top: 30px;
    min-width: 600px;
}

.HeaderMenuItem {
    color: #160000;
    line-height: 22px;
    text-align: right;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    margin-left: 40px;
    float: right;
}

    .HeaderMenuItem:hover {
        color: #160000;
        visibility: inherit;
    }

.HeaderMenuEintragList {
    float: left;
    margin-top: 3px;
    margin-left: 20px;
    width: 700px;
    margin-top: -15px;
}

.HeaderMenuEintragListVeKa {
    float: left;
    margin-top: 3px;
    width: 700px;
    margin-top: -15px;
}


.HeaderMenuEintragListSmall {
    float: left;
    margin-top: 3px;
    width: 100%;
    min-height: 510px;
    /* margin-top: -15px; */
    margin-bottom: 25px;
}

.HeaderMenuEintragListBreit {
    float: left;
    margin-top: 3px;
    margin-bottom: 20px;
    width: 940px;
}

.BlockLabelTitle {
    color: #160000;
    font-family: 'sansationregular', 'Lato', Arial, Helvetica Neue, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    padding: 0px 0px 4px;
    margin-top: 20px;
    margin-left: 20px
}

.UeberunsLabelTitle {
    color: #ffffff;
    font-family: 'sansationregular', 'Lato', Arial, Helvetica Neue, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    padding: 0px 0px 4px;
    /* margin-top: 20px; */
    margin-left: 20px
}

.FooterLabelTitle {
    color: #ffffff;
    font-family: 'sansationregular', 'Lato', Arial, Helvetica Neue, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    text-transform: uppercase;
    padding: 0px 0px 4px;
}

.FooterLabelSpalte {
    float: left;
    width: 120px
}

.FooterLabelSpalteRechts {
    margin-left: 20px;
    width: 300px;
    float: left
}

.Abstand {
    margin-top: 25px
}


.AbstandLinks {
    float: left;
}

.AbstandIcon {
    margin-top: -5px;
}

.AbstandIcon2 {
    margin: 0px 50px 0px 50px;
}

.AbstandRechts {
    margin-left: 10px;
    float: left;
    width: 335px
}

.AbstandDokumente {
    /* padding-left: 10px; */
    /* float: left; */
    width: 380px
}


.AbstandLinkshoch {
    float: left;
    margin-top: 20px;
}

.AbstandTitel {
    float: left;
    margin-top: 25px
}

.AbstandProdukte {
    margin-top: 10px;
    margin-bottom: 30px;
    float: left
}

.AbstandHorizontal {
    width: 300px;
    float: left
}

.AbstandHorizontalSpalte {
    width: 300px;
    float: left;
    margin-left: 20px
}

.AbstandHorizontalSpalteRechts {
    width: 300px;
    float: left;
    margin-right: 0px
}

.AbstandHorizontalSpalteRechts20 {
    width: 300px;
    float: left;
    margin-right: 20px
}

.AbstandSuchleiste {
    margin-top: 35px;
    padding: 20px;
    padding-top: unset;
    background-color: #f2f2f2;
}

.AutoCompleteWrapper {
    float: left;
}

.YearDropDownWrapp {
    float: left;
    margin-left: 30px;
}

.YearDropdown {
    font-size: 24px;
    width: 150px;
    height: 48px;
    padding: 0px;
    border-radius: 2px
}

.GraphicsSearchButton {
    margin-top: 40px;
    width: 150px;
    float: left;
    margin-left: 20px;
}

#BtnGraphicsSearch {
    display: block;
    height: 52px;
    width: 150px;
    margin-top: 3px
}

.AbstandVeka {
    float: left;
    margin-left: 20px;
    width: 700px
}

.Login {
    color: #ffffff;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    padding: 0px 0px 4px;
}

.LoginText {
    margin-top: 10px
}

.LoginAbstand {
    width: 257px;
    margin-top: 10px
}

.LoginButton {
    float: left;
    margin-top: 15px
}

.LoginBlock {
    width: 260px;
    height: 215px;
    color: #ffffff;
    background-color: #182542;
    padding: 15px 20px 20px;
    margin-left: 640px
}

.AnmeldenAbstand {
    margin-top: 10px
}

.AbstandLoginBlockByForm {
    margin-left: 15px;
    margin-top: 4px;
    width: 200px
}

.AbstandRegisterLoginButton {
    margin-top: 4px;
    float: left
}

.AbstandRegisterLogin {
    margin-left: 15px;
    margin-top: 150px;
    width: 425px;
}

.InputLoginBlockByForm {
    margin-left: 15px;
    /* margin-top: 8px; */
    width: 405px
}

.CaptchaAbstand {
    margin-left: 15px;
    margin-top: 19px;
    width: 375px
}

.imgRefreshCaptcha {
    margin-top: 30px;
    float: left;
    cursor: pointer;
}

.captcha {
    float: left;
    margin-right: 10px;
}

.LinkLoginBlockByForm {
    color: #ffffff;
    /* float: right; */
    /* text-decoration: underline; */
}

.ButtonLoginBlockByForm {
    margin-left: 15px;
    margin-top: 60px;
    width: 425px;
    float: left
}

.ButtonMarginLoginBlockByForm {
    width: 35px;
    float: right;
    margin-right: 130px
}

.RegisterLinkLoginBlockByForm {
    margin-top: 4px;
    float: left;
}

.LoginLinkLoginBlockByForm {
    margin-top: 4px;
    float: right;
}

.PictureLoginBlockByForm {
    margin-top: 10px;
    height: 320px;
    width: 230px;
    margin-left: 15px;
    float: left
}

.PictureLoginBlockByFormMedium {
    margin-top: 10px;
    height: 320px;
    width: 230px;
    margin-left: 15px;
    float: left
}

.PictureLoginBlockByFormLarge {
    margin-top: 10px;
    height: 460px;
    width: 230px;
    margin-left: 15px;
    float: left
}

.GreyLoginBlockByForm {
    background-color: #f2f2f2;
    width: 240px;
    float: left;
    margin-top: 10px;
    height: 320px;
    margin-left: 15px
}

.GreyLoginBlockByFormMedium {
    background-color: #f2f2f2;
    width: 240px;
    float: left;
    margin-top: 10px;
    height: 460px;
    margin-left: 15px
}

.GreyLoginBlockByFormLarge {
    background-color: #f2f2f2;
    width: 240px;
    float: left;
    margin-top: 10px;
    height: 460px;
    margin-left: 15px
}

.GreyShowError {
    background-color: #f2f2f2;
    width: 940px;
    margin-top: 10px;
    height: 200px;
}

.showerror {
    padding-left: 20px;
    padding-top: 35px;
}

.PasswortBlockLinks {
    background-color: #182542;
    width: 460px;
    height: 410px
}

.PasswortBlockRechts {
    position: relative;
    background-color: #182542;
    width: 460px;
    height: 165px
}

.RegisterRechts960 {
    width: 140px;
    float: left;
    margin-top: 10px;
    height: 840px;
    background-color: #f2f2f2;
    margin-left: 15px
}

.AbstandRegisterButton {
    width: 35px;
    float: right;
    margin-right: 130px
}

.RegisterImage {
    margin-top: 10px;
    height: 820px;
    margin-left: 15px;
    float: left
}

.Footer {
    color: #ffffff;
    font-family: 'sansationregular', 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 20px;
    /*line-height: 25px;*/
    text-align: left;
    padding: 0px 1px 0px;
    /*position: relative;*/
    bottom: 0px;
    margin-top: 10px;
}

.BlockLabelTitleFs17 {
    color: #ffffff;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 19px;
    text-align: left;
    /* padding-bottom: 10px; */
}

.BlockLabelTitleFs17Prev {
    color: #160000;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
    line-height: 21px;
    text-align: left;
}

.BlockLabelTitleFs17LoginBlockByForm1 {
    color: #ffffff;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 21px;
    text-align: left;
    padding-bottom: 5px;
    margin-top: 40px;
    margin-left: 15px
}

.BlockLabelTitleFs17LoginBlockByForm2 {
    color: #ffffff;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 21px;
    text-align: left;
    padding-bottom: 5px;
    margin-top: 19px;
    margin-left: 15px
}

.TitleFs32 {
    color: #84bf41;
    font-family: 'sansationregular', 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 32px;
    line-height: 32px;
    padding-bottom: 8px;
}

.TitleFs32Prev {
    color: #160000;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 32px;
    font-weight: bold;
    line-height: 38px;
    text-align: left;
}

.TitleSuchen {
    color: #160000;
    font-family: 'sansationregular', 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 25px;
    line-height: 30px;
}


.LimeTitelFs24 {
    color: #160000;
    font-family: 'sansationregular', 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 25px;
    line-height: 30px;
    margin-top: 20px;
}

.LimeTitelFs24Abstand {
    color: #160000;
    font-family: 'sansationregular', 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 19px;
    text-align: left;
    padding: 0px 0px 0px;
    float: left;
    margin-top: -40px;
    margin-left: 77px;
    /* width: 380px */
}

.LimeTitelFs24Suchergebnis {
    float: left;
    margin-top: 5px;
    margin-bottom: 25px;
    font-size: 24px;
}

.BlueTitelFs24 {
    color: #182542;
    font-family: 'sansationregular', 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    padding: 0px 0px 0px;
}

.GreenTitelFs24 {
    color: #84bf41;
    font-family: 'sansationregular', 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 25px;
    line-height: 30px;
    text-align: left;
    padding: 0px 0px 0px;
}

.TitelFs20 {
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    text-align: left;
    padding: 6px 0px 0px;
}

.TitelFs14 {
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    padding: 6px 0px 0px;
}

.RedTitleFs22 {
    font-size: 25px;
    color: #C2024F;
    line-height: 30px;
    padding: 0px 0px 0px;
}

.button-small {
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 20px;
    cursor: pointer;
}

.button-smallPrev {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    padding: 5px 20px;
    border-radius: 2px;
    cursor: pointer;
}

.button-login {
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    height: 29px;
    width: 150px;
    cursor: pointer;
}

.button-vergessen {
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    height: 30px;
    width: 200px;
}

.button-large {
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    width: 220px;
    height: 32px;
    display: block;
    height: 52px;
    margin-top: 7px;
}

.Button {
    border-style: none;
    border-color: #000000;
    /*background-color: #627C1E;*/
    width: 100px;
    min-height: 26px;
    text-align: center;
    padding-top: 5px;
}

.ButtonSuchen {
    /* border-style: none; */
    /* border-color: #000000; */
    /* width: 100px; */
    min-height: 26px;
    text-align: center;
    margin-top: -92px;
    width: 240px;
    float: right;
}

.ButtonSuchenTop {
    float: right;
    margin-top: 20px;
    margin-left: 15px;
    /* padding-right: 5px; */
    width: 190px;
    display: block;
    border: none
}

.ButtonSuchenLabel {
    margin-top: 20px;
    float: right;
    width: 190px
}

.ButtonLogin {
    float: left;
    /* width: 120px; */
    padding: 36px 20px;
}

.EintragListDetail {
    min-height: 48px;
    background-color: transparent;
    padding-top: 20px;
    padding-right: 14px;
    padding-bottom: 10px;
    margin-top: 1px;
}

    .EintragListDetail:hover {
        background-color: rgba(242, 242, 242, 0.75);
        padding-top: 20px;
        padding-bottom: 10px;
        min-height: 48px;
        margin-top: 1px;
    }

.EintragListDetailTitle {
    color: #160000;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 19px;
    text-align: left;
    padding: 4px 0px;
}

.EintragListDetailInhalt {
    color: #000000;
    text-align: justify;
}

.PageIndex {
    color: #160000;
    width: 41px;
    min-height: 24px;
    border-width: 1px;
    border-style: solid;
    border-color: #84bf41;
    text-align: center;
    /*font-weight: 600; */
    float: left;
    margin-right: 10px;
    /* margin-top: 20px; */
    padding-top: 8px;
}

.PageTitle {
    line-height: 35px;
    font-size: 32px;
    margin-top: 20px;
    max-width: 490px;
}

.PageIndex:hover {
    background-color: #f2f2f2;
    color: #160000;
}

#ProductEintragList {
    color: black;
}

.SelectedPageNumber {
    background-color: #84bf41;
    color: white;
}

.breadcrumb {
    color: #AAABAF;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    text-align: left;
    padding: 0px;
    float: left;
}

.breadcrumbRechts {
    float: right;
    /* margin-top: -25px; */
    font-size: 13px;
    max-width: 450px;
}

.breadcrumbRechtsOben {
    float: right;
    margin-top: 5px;
    font-size: 13px;
    max-width: 550px;
}


.breadcrumbTextLeft {
    color: #AAABAF;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    text-align: right;
    padding: 0px;
    float: left;
}

.label {
    color: #160000;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 21px;
    padding: 0px 0px 4px;
    width: 250px;
}

.labelPasswort {
    color: #ffffff;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 21px;
    width: 250px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.labelPasswortStart {
    color: #ffffff;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 21px;
    width: 215px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.labelAnmelden {
    float: left;
    margin-left: 20px
}


.labelTooltip {
    margin-left: 7px
}

.labeldark {
    color: #ffffff;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 21px;
    padding: 0px 0px 4px;
    width: 250px;
}

.userTypeLink {
    color: #160000;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    margin-right: 1%;
    margin-left: 1%;
}

    .userTypeLink:hover {
        color: #84bf41;
        visibility: inherit;
    }

.userTypeLinkProdukte {
    color: #ffffff;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    margin-right: 1%;
    margin-left: 1%;
}

    .userTypeLinkProdukte:hover {
        color: #84bf41;
        visibility: inherit;
    }

.NewsBlockDate {
    color: #737478;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 17px;
    text-align: left;
    text-decoration: none;
    margin-top: 15px;
}

.BlockNeuigkeitenLinkText {
    color: #160000;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
}

.defaultLink {
    color: #160000;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    text-decoration: underline !important;
    text-align: left;
    overflow: hidden;
    line-height: 15px;
}

    .defaultLink:hover {
        color: #84bf41;
    }

ul {
    margin-left: -20px;
    margin-top: -2px;
}

li {
    list-style-image: url('../Icon/sasis_square.png');
}

.listStyle {
    color: #84bf41;
}

    .listStyle p {
        color: #160000;
        margin-top: -10px;
        font-size: 16px;
        text-align: left;
    }

.footerMenu {
    margin-left: 20px;
    padding-top: 5px;
    width: 180px;
    float: left
}

.footerMenuDiv {
    margin-bottom: 11px;
}

.footerMenuLink {
    border-style: none;
    border-color: transparent;
    background-color: transparent;
    color: #f2f2f2;
    text-align: left;
    font-size: 14px;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    /* text-decoration: underline !important; */
    text-decoration-color: #84bf41;
}


.SideMenuLast {
    background: #C5D84B;
    Color: white;
    border-radius: 3px;
}

.NewsBlockSpalte {
    width: 50%;
    float: left;
    padding-left: 10px;
}

.NewsBlockSpalteRechts {
    float: left;
    padding-left: 10px;
}

.NewsDefaultLink {
    float: right
}

.SasisAddressAbstand {
    margin-top: 10px
}

.SasisAddressLinks {
    float: left
}

.SasisAddressRechts {
    float: right
}

#SasisAddressBlock {
    font-size: 14px;
    line-height: 19px;
    color: #ffffff;
    margin-left: 20px;
    padding-top: 5px;
    padding-left: 150px;
    float: left;
    /*    width: 220px*/
}

#NewsBlock {
    width: 620px;
    margin-top: 25px;
    background-color: #f2f2f2;
    padding-bottom: 75px;
    max-height: 152px;
    float: left
}


#NewsBlock2 {
    width: 280px;
    margin-top: 25px;
    float: left;
    margin-left: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

#UeberUnsBlock {
    padding-bottom: 23px;
    margin-top: 24px;
    background-color: #182542;
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 5px;
    height: 250px;
    /*border-left-color: #84bf41;*/
    /*border-left-width: 5px;*/
    /*border-left-style: solid;*/
}

.ProductIconLink {
    height: 160px;
    /* margin-top: 7px; */
    width: 300px;
    background-repeat: no-repeat;
    background-position: center center;
    border-color: #F2C20E;
    position: relative;
    background-size: cover;
    border-style: none;
}

    .ProductIconLink:hover {
        background-repeat: no-repeat;
        background-position: center center;
        padding-top: 0px;
        padding-bottom: 0px;
        min-height: 160px;
        width: 300px;
        margin-top: 7px;
        background-size: cover;
    }

        .ProductIconLink:hover::before {
            content: "";
            position: absolute;
            pointer-events: none;
            top: 0px;
            left: 0px;
            bottom: 0px;
            right: 0px;
        }

.GraphicsIconLink {
    height: 75px;
    margin-top: 4px;
    width: 100px;
    background-repeat: no-repeat;
    background-position: center center;
    border-color: #F2C20E;
    position: relative;
    background-size: cover;
    border-style: none;
}

    .GraphicsIconLink:hover {
        background-repeat: no-repeat;
        background-position: center center;
        padding-top: 0px;
        padding-bottom: 0px;
        min-height: 75px;
        width: 100px;
        margin-top: 4px;
        background-size: cover;
    }

        .GraphicsIconLink:hover::before {
            content: "";
            position: absolute;
            pointer-events: none;
            top: 0px;
            left: 0px;
            bottom: 0px;
            right: 0px;
        }

#SearchString {
    outline: none;
    padding-left: 5px
}

#ProductSucheInput {
    height: 48px;
    width: 640px;
    margin-top: 5px;
    font-size: 24px;
    outline: none;
    padding-left: 10px
}

    #ProductSucheInput:hover {
        /*  background-color: #84bf41;*/
        /*  opacity: 0.2;*/
        width: 640px;
        height: 48px;
        margin-top: 5px;
        min-height: 0px;
        /* margin: 0px -10000px 0px 0px; */
    }

#GraphicsSearchInput {
    height: 45px;
    width: 100%;
    font-size: 24px;
    outline: none;
    padding-left: 10px
}

/* Force all QuickGrid headers to align left */
th.col-justify-left button {
    justify-content: flex-start !important;
    text-align: left !important;
    width: 100%; /* Ensures the click area spans the whole cell */
}
th.col-justify-left {
    padding-left: 0 !important;
}

    /* 2. Remove padding/margin from the inner button */
    th.col-justify-left button {
        padding-left: 0 !important;
        margin-left: 0 !important;
        /* Your previous alignment rules */
        justify-content: flex-start !important;
        text-align: left !important;
        width: 100%;
    }

.quickgrid th.col-justify-left button {
    justify-content: flex-start !important;
    text-align: left !important;
    width: 100%;
}

.quickgrid-fixed th,
.quickgrid-fixed td {
    padding-bottom: 8px !important;
    border: none !important; /* Ensure the borders remain hidden */
    vertical-align: middle !important;
}

    .quickgrid-fixed th.col-thumb,
    .quickgrid-fixed td.col-thumb {
        width: 180px !important; 
    }

.quickgrid-fixed th.col-category,
.quickgrid-fixed td.col-category {
    width: 150px !important;
}


#DivGraphicsYearDdl > span > span {
    border-width: 0px;
    width: 150px;
    padding-bottom: 5px;
}

#DivGraphicsYearDdl > span {
    margin-top: 1px;
    width: 150px;
    padding-bottom: 5px;
}

.Veka:hover::before {
    box-shadow: inset 0px 0px 250px rgba(192,46,29,0.2), inset 0px 0px 250px rgba(192,46,29,0.2);
}

.Zsr:hover::before {
    box-shadow: inset 0px 0px 250px rgba(242, 194, 14, 0.20), inset 0px 0px 250px rgba(242,194,14,0.2)
}

.Zvr:hover::before {
    box-shadow: inset 0px 0px 250px rgba(197,141,8,0.2), inset 0px 0px 250px rgba(197,141,8,0.2)
}

.Zvv:hover::before {
    box-shadow: inset 0px 0px 250px rgba(78,170,17,0.2), inset 0px 0px 250px rgba(78,170,17,0.2)
}

.Datenpool:hover::before {
    box-shadow: inset 0px 0px 250px rgba(0,127,195,0.2), inset 0px 0px 250px rgba(0,127,195,0.2)
}

.Tarifpool:hover::before {
    box-shadow: inset 0px 0px 250px rgba(162,5,145,0.2), inset 0px 0px 250px rgba(162,5,145,0.2)
}

.ProdukteUserLoginBlock {
    background-color: #182542;
    width: 665px;
    padding-bottom: 20px;
    height: 120px;
    float: left;
}

.ProdukteUserLoginBlockByForm {
    background-color: #182542;
    padding-bottom: 20px;
    height: 120px;
    width: 440px;
    height: 300px;
    margin-top: 10px;
    float: left;
}

.ProdukteUserLoginBlockByFormLarge {
    background-color: #182542;
    padding-bottom: 20px;
    width: 440px;
    height: 440px;
    margin-top: 10px;
    float: left;
}

.ProdukteUserLoginBlockByFormMedium {
    background-color: #182542;
    padding-bottom: 20px;
    width: 440px;
    height: 440px;
    margin-top: 10px;
    float: left;
}

.ProdukteUserLoginBlockAnmelden {
    padding-top: 30px;
    margin-left: 20px
}

.ProdukteUserLoginBlockRegistrierung {
    background-color: #182542;
    width: 250px;
    margin-left: 25px;
    padding-bottom: 20px;
    height: 120px;
    float: right;
}

.ProdukteUserLoginBlockRegistrierungLarge {
    background-color: #182542;
    padding-bottom: 20px;
    height: 120px;
    float: left;
    width: 440px;
    height: 820px;
    margin-top: 10px
}

.ProdukteUserLoginBlockRegistrierungInhalt {
    padding-top: 25px;
    /* padding-right: 5px; */
    margin-left: 30px;
    margin-right: 5px;
}

.RegisterTitel {
    color: #ffffff;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 19px;
    text-align: left;
    margin-top: 0px;
    /* margin-bottom: 15px; */
}

.ProdukteFavoriteBlock {
    background-color: #EAF3CD;
    padding-bottom: 20px;
    height: 215px;
    width: 700px;
    float: left;
}

.ProductMenuLink {
    text-align: left;
    padding-top: 0px;
    color: #160000 !important;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 25px;
    margin-top: 7px;
}

.VekaOverview {
    margin-top: 20px;
    height: 100px;
    width: 940px;
}

.VekaItem {
    width: 220px;
    float: left;
    margin-right: 20px;
}

.VekaItemRechts {
    width: 220px;
    float: left;
    margin-right: 0px;
}

.VekaMenuItem:hover {
    color: #84bf41 !important;
}

.ZsrMenuItem:hover {
    color: #84bf41 !important;
}

.ZvrMenuItem:hover {
    color: #84bf41 !important;
}

.ZvvMenuItem:hover {
    color: #84bf41 !important;
}

.DatenpoolMenuItem:hover {
    color: #84bf41 !important;
}

.TarifpoolMenuItem:hover {
    color: #84bf41 !important;
}

.ProductNewsBlockSpalte {
    width: 480px;
    margin-top: 10px;
    float: left
}

.ProductNewsBlock {
    width: 220px;
    min-height: 135px;
    /* border-radius: 2px; */
    margin-top: 20px;
    margin-right: 20px;
    float: left
}

.ProductNewsBlockAnzeigen {
    padding-left: 15px;
    position: relative;
    padding-top: 45%;
}

.ProductNewsBlock:hover {
    /* border-radius: 2px; */
    min-height: 135px;
    width: 220px;
}

.ZsrNeuigkeiten {
    background-color: rgba(242, 242, 242, 1) !important;
}

    .ZsrNeuigkeiten:hover {
        background-color: rgba(242,242,242,0.7) !important;
    }

.VekaNeuigkeiten {
    background-color: rgba(242, 242, 242, 1) !important;
}

    .VekaNeuigkeiten:hover {
        background-color: rgba(242,242,242,0.7) !important;
    }

.ZvrNeuigkeiten {
    background-color: rgba(242, 242, 242, 1) !important;
}

    .ZvrNeuigkeiten:hover {
        background-color: rgba(242,242,242,0.7) !important;
    }

.ZvvNeuigkeiten {
    background-color: rgba(242, 242, 242, 1) !important;
}

    .ZvvNeuigkeiten:hover {
        background-color: rgba(242,242,242,0.7) !important;
    }

.DatenpoolNeuigkeiten {
    background-color: rgba(242, 242, 242, 1) !important;
}

    .DatenpoolNeuigkeiten:hover {
        background-color: rgba(242,242,242,0.7) !important;
    }

.TarifpoolNeuigkeiten {
    background-color: rgba(242, 242, 242, 1) !important;
}

    .TarifpoolNeuigkeiten:hover {
        background-color: rgba(242,242,242,0.7) !important;
    }

.ZsrMenu {
    height: 40px;
    margin-bottom: 2px;
    line-height: 1.8;
    background-color: #182542 !important;
    font-size: 18px;
}

    .ZsrMenu a {
        color: #fff !important;
    }

    .ZsrMenu:hover {
        background-color: #84bf41 !important;
    }

.VekaMenu {
    height: 40px;
    margin-bottom: 2px;
    line-height: 1.8;
    background-color: #182542 !important;
    font-size: 18px;
}

    .VekaMenu a {
        color: #fff !important;
    }

    .VekaMenu:hover {
        background-color: #84bf41 !important;
    }

.ZvrMenu {
    height: 40px;
    margin-bottom: 2px;
    line-height: 1.8;
    background-color: #182542 !important;
    font-size: 18px;
}

    .ZvrMenu a {
        color: #fff !important;
    }

    .ZvrMenu:hover {
        background-color: #84bf41 !important;
    }

.ZvvMenu {
    height: 40px;
    margin-bottom: 2px;
    line-height: 1.8;
    background-color: #182542 !important;
    font-size: 18px;
}

    .ZvvMenu a {
        color: #fff !important;
    }


    .ZvvMenu:hover {
        background-color: #84bf41 !important;
    }

.DatenpoolMenu {
    height: 40px;
    margin-bottom: 2px;
    line-height: 1.8;
    background-color: #182542 !important;
    font-size: 18px;
}

    .DatenpoolMenu a {
        color: #fff !important;
    }

    .DatenpoolMenu:hover {
        background-color: #84bf41 !important;
    }

.TarifpoolMenu {
    height: 40px;
    /* margin-bottom: 2px; */
    line-height: 1.8;
    background-color: #182542 !important;
    font-size: 18px;
}

    .TarifpoolMenu a {
        color: #fff !important;
    }

    .TarifpoolMenu:hover {
        background-color: #84bf41 !important;
    }

.GraphicIcon {
    width: 130px;
    height: 136px;
    float: left;
}

.GraphicIconSelected {
    background-color: rgba(132,191,65, 0.35);
    color: White;
    /*width: 120px; height: 120px; float: left;*/
}

.GraphicsGesamtkosten:hover::before {
    box-shadow: inset 0px 0px 250px rgba(192,46,29,0.2), inset 0px 0px 250px rgba(192,46,29,0.2);
}

.GraphicsAerzte:hover::before {
    box-shadow: inset 0px 0px 250px rgba(242, 194, 14, 0.20), inset 0px 0px 250px rgba(242,194,14,0.2)
}

.GraphicsMedi:hover::before {
    box-shadow: inset 0px 0px 250px rgba(197,141,8,0.2), inset 0px 0px 250px rgba(197,141,8,0.2)
}

.GraphicsSpitaeler:hover::before {
    box-shadow: inset 0px 0px 250px rgba(78,170,17,0.2), inset 0px 0px 250px rgba(78,170,17,0.2)
}

.GraphicsPflegeheime:hover::before {
    box-shadow: inset 0px 0px 250px rgba(0,127,195,0.2), inset 0px 0px 250px rgba(0,127,195,0.2)
}

.GraphicsPraemien:hover::before {
    box-shadow: inset 0px 0px 250px rgba(162,5,145,0.2), inset 0px 0px 250px rgba(162,5,145,0.2)
}

.GreyButton {
    background-color: #F0F0F0;
    color: #160000 !important;
    font-size: 14px;
    display: block;
    height: 36px;
    padding: 0px 25px;
    /*border-color: black;*/
    border: none;
    box-shadow: none;
}

    .GreyButton:hover {
        background-color: #737478;
        color: white !important;
    }

.ProductNewsBlockText {
    color: #160000;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 19px;
    text-align: left;
    margin-right: 15px;
    padding: 15px 0px 0px 15px;
}

.ProductNewsBlockVeka {
    position: absolute;
    width: 220px
}

.GreyBlock {
    font-family: 'sansationregular', 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    width: 610px;
    height: 250px;
    background: #f2f2f2;
    float: left;
    padding-left: 10px;
    line-height: 38px;
    font-weight: 400;
    font-size: 32px;
}

.GreyBlockAbstand {
    height: 160px;
    margin-top: 20px
}

.GreyBlockAbout {
    font-family: 'sansationregular', 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    width: 605px;
    height: 160px;
    background: #182542;
    float: left;
    padding-left: 10px;
    line-height: 38px;
    /* font-weight: 400; */
    font-size: 32px;
    border-left-color: #84bf41;
    border-left-width: 5px;
    border-left-style: solid;
}

.GreyBlockText {
    margin-top: 100px;
    margin-left: 10px;
    color: #fff;
}

.GreyBlockBild {
    margin-left: 20px;
    float: left;
    width: 300px;
    height: 160px;
}

.ImageBlock {
    font-family: 'sansationregular', 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    width: 940px;
    height: 250px;
    background: #f2f2f2;
    background-image: url("../Image/sasis_background.png");
    float: left;
    line-height: 38px;
    font-weight: 400;
    font-size: 32px;
}

.ImageBlockText {
    margin-top: 20px;
    margin-left: 20px;
    color: #ffffff;
}

.ImageBlockText2 {
    margin-left: 20px;
    color: #ffffff;
}

.HeadingText {
    font-family: 'sansationregular', 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    margin-top: 70px;
    width: 650px;
    height: 107px;
    line-height: 38px;
    font-size: 32px
}

.GreyBlockTextGreen {
    color: #84bf41
}

.SeitenMenu {
    /* margin-top: 20px; */
    padding-right: 20px;
    float: left
}

    .SeitenMenu:empty {
        display: none;
    }

.ButtonBerechtigungen {
    float: right;
    margin-top: 25px;
}

.ButtonBerechtigungenBreit {
    float: right;
}

.ButtonBerechtigungenNoPadding {
    float: right;
}

.Berechtigungen {
    /*float: left; */
    /* margin-left: 20px; */
    /*width: 700px;*/
    margin-top: -25px;
    width: auto;
    overflow: hidden;
}

.BerechtigungenBreit {
    float: left;
    width: 940px;
    margin-top: -25px
}

.EintragKurztext {
    color: #160000;
    font-family: 'sansationregular', 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    padding: 0px 0px 0px;
}

.EintragText {
    color: #160000;
    text-align: justify;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 15px !important;
    margin-top: 20px;
    line-height: 1.3;
}

.EintragMenu {
    width: 220px;
}

.EintragMenuLink {
    background-color: #f2f2f2;
    margin-bottom: 3px;
    min-height: 20px;
    color: #160000 !important;
    font-size: 14px;
    line-height: 1.4;
    padding-left: 20px;
    width: 180px;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 15px;
    border-left-color: #f2f2f2;
    border-left-width: 5px;
    border-left-style: solid;
}

    .EintragMenuLink:hover {
        background-color: #182542;
        padding-right: 15px;
        border-left-color: #84bf41;
        border-left-width: 5px;
        border-left-style: solid;
        color: white !important;
    }

.EintragDownloadLink {
    background-color: #f2f2f2;
    margin-bottom: 3px;
    min-height: 20px;
    font-size: 14px;
    padding-left: 20px;
    width: 180px;
    text-align: center;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
}

    .EintragDownloadLink:hover {
        background-color: #182542;
        padding-right: 15px;
        border-left-color: #84bf41;
        border-left-width: 5px;
        border-left-style: solid;
        color: white !important;
    }

.DownloadShadow {
    margin-top: 10px;
    border-radius: 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.MailToLink {
    color: white;
}

.DocumentLink {
    color: #160000;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1;
}

    .DocumentLink:hover {
        color: #84bf41;
        font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
        visibility: inherit;
        font-size: 16px;
        line-height: 1;
    }

.DownloadLink {
    color: #84bf41;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    padding: 0px 0px 10px 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: transparent url('../Icon/icn_doc_download.png') no-repeat left top;
}

    .DownloadLink:hover {
        color: #160000;
        font-size: 18px;
        line-height: 22px;
        text-align: left;
        padding: 0px 0px 10px 50px;
        margin-top: 10px;
        margin-bottom: 10px;
        /* background: transparent url('../Icon/icn_doc_download-hover.png') no-repeat left top; */
    }

.DownloadLinkEintrag {
    line-height: 2
}

.SideMenuDiv {
    position: fixed;
    top: 130px;
    left: -5px;
    float: left;
}

    .SideMenuDiv .k-icon.k-i-arrow-60-right.k-menu-expand-arrow {
        display: none;
    }

#sideMenu .k-state-active {
    background-color: rgb(132, 191, 65) !important;
}

#sideMenu > li > div > ul > li.k-item.k-state-default > a {
    padding: .5em 1.1em .4em;
}

.SideFavorite {
    position: fixed;
    top: 160px;
    float: left;
    background-color: transparent;
    width: 34px;
    margin-left: -7px;
    height: 40px;
    border-style: solid;
    border-color: #84bf41;
    border-radius: 0px 4px 4px 0px;
    border-width: 1px 1px 1px 0px;
    left: 7px
}

.SideFavoriteImg {
    margin-left: 5px;
    margin-top: 10px;
}

.FavoriteBlockTitle {
    color: #160000;
    font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 19px;
    text-align: left;
}

.leftMenu {
    color: green;
    background: #2aff00;
    border: none
}

.k-menu .k-i-arrow-e {
    display: none;
}

.k-menu .k-item .k-link {
    /* padding-top: 5px; */
    padding-bottom: 11px;
    /* color: white; */
    /* background: #f2f2f2; */
    /* border: none; */
    color: white;
    font-size: 16px;
}

k-menu .k-item .k-link {
    padding-top: 8px;
    padding-left: 15px;
    background: transparent;
    border-radius: 3px;
}

.k-menu .k-state-hover .k-state-active {
    background: transparent;
}

.k-header.k-menu, .k-menu .k-item {
    background: transparent;
    border: none;
}

.k-item .k-state-default .k-first .k-last {
    background: #C5D84B;
    color: white;
}

.k-menu-vertical.k-context-menu > .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link {
    background: transparent;
    border: none;
}

.k-item .k-state-default .k-first .k-last .k-state-border-right {
    background: transparent;
    border: none;
}

.k-item .k-state-default {
    background: transparent;
    padding-top: 0px;
    border: none;
}

.k-menu .k-group {
    background: #fff;
    border: none;
}

.k-animation-container {
    background: transparent;
    border: none;
    padding-top: 1px;
}

.k-popup, .k-menu .k-menu-group, .k-grid .k-filter-options, .k-time-popup, .k-datepicker-calendar, .k-state-border-down.k-autocomplete, .k-state-border-up.k-autocomplete, .k-state-active.k-dropdown-wrap, .k-state-active.k-picker-wrap, .k-state-focused.k-multiselect, .k-filebrowser .k-image, .k-tooltip {
    /*  box-shadow: none; */
    /*  margin: -1px 0px 0px 10px; */
}

.k-link {
    background: transparent;
    border: none;
}

.k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-pager-wrap, .k-textbox, .k-button, .k-progressbar, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item, .km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-image: none;
}

    .k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-pager-wrap, .k-textbox, .k-button, .k-progressbar, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item, .km-pane-wrapper > .km-pane > .km-view > .km-content:hover {
        background-image: none;
    }

        .k-button:hover, .k-state-hover.k-button, .k-button:focus, .k-state-focused.k-button, .k-textbox:hover, .k-state-hover, .k-state-hover:hover, .k-pager-wrap .k-link:hover, .k-state-hover.k-other-month .k-link, div.k-filebrowser-dropzone em, .k-draghandle:hover {
            background-image: none;
        }

#loginmenu .k-item .k-state-highlight .k-state-highlight .k-state-default .k-first .k-last {
    border: none;
}

.loginTopMenu .k-link .k-state-active .k-state-border-down {
    color: #ededed;
    width: 333px;
    height: 35px;
    background: #737478;
}

#loginmenu .loginTopMenu {
    background: #f2f2f2;
    /* width : 333px; */
    /* height: 35px;  */
    list-style: none;
    /* font-weight: bold; */
    font-size: 16px;
    border: none;
    /* border-radius: 3px; */
    /* border-color: #f2f2f2; */
}

#LoginMenu .k-menu .k-item > .k-link > .k-i-arrow-s {
    float: right;
    margin-top: 3px;
}

#loginmenu .loginTopMenu:hover {
    color: #737478;
}

#loginmenu .loginTopMenu .k-link {
    color: #160000;
    height: 20px;
    width: auto;
    min-width: 300px;
    margin-left: 1px;
}

    #loginmenu .loginTopMenu .k-link:hover {
        height: 20px;
        width: auto;
        min-width: 300px;
        margin-left: 1px;
    }

.k-ie .k-menu .k-group {
    overflow: visible !important;
}

#loginmenu .loginMenuItem .k-link {
    color: #160000;
    border-style: solid;
    border-color: #f2f2f2;
    border-width: 0.1px;
    /* border-radius: 0px; */
    height: 22px;
    width: 300px;
    /* margin-left: 2px; */
    background: white;
    /* font-weight: normal; */
    line-height: 20px;
    text-align: left;
    font-size: 12px
}

    #loginmenu .loginMenuItem .k-link:hover {
        color: white !important;
        background: #182542;
        border-bottom-color: #84bf41;
        border-bottom-width: 2px;
        border-bottom-style: solid;
    }

.usertypeDropDown .k-state-default.k-autocomplete, .k-state-default.k-picker-wrap, .k-state-default.k-numeric-wrap, .k-state-default.k-dropdown-wrap {
    background: white;
    /* border-width: 1px; */
    /* border-style: solid; */
    /* border-color: #627C1E; */
    background-color: #FFFFFF;
    /* border-radius: 2px; */
    /* box-shadow: inset 0px 0px 8px rgba(176, 191, 66, 0.25), inset 0px 0px 8px rgba(176, 191, 66, 0.25); */
    /* margin-top: -1px; */
}


.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-state-selected.k-draghandle:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-state-selected.k-today, .k-marquee-color {
    color: black;
    background-color: whitesmoke;
    border-color: white;
}

.k-item {
    color: black;
    background-color: white;
}

    .k-item:hover {
        /* background-color: whitesmoke; */
        /* border-color:whitesmoke; */
    }

.k-list-container {
    background: white;
    border-width: 1px;
    border-style: solid;
    border-color: #627C1E;
    background-color: #FFFFFF;
    border-radius: 2px;
    box-shadow: inset 0px 0px 8px rgba(176,191,66,0.25), inset 0px 0px 8px rgba(176,191,66,0.25);
}

.LimeColor {
    background-color: #84bf41 !important;
    color: #ffffff !important;
}

    .LimeColor:hover {
        background-color: #98C766 !important;
    }

.GreenColor {
    background-color: #84bf41 !important;
    color: #fff !important;
    border-color: #84bf41;
}

    .GreenColor:hover {
        background-color: #98C766 !important;
        color: #fff !important;
    }

.GreenColorPrev {
    background-color: #627C1E !important;
    color: #EAF3CD !important;
    border-radius: 3px;
    border-color: #627C1E;
    box-shadow: inset 0px 0px 8px rgba(176,191,66,0.25), inset 0px 0px 8px rgba(176,191,66,0.25);
}

    .GreenColorPrev:hover {
        border-radius: 3px;
        background-color: #506810 !important;
        color: #EAF3CD !important;
    }

.LinkWithDecoration {
    color: #ffffff;
    float: right;
    /* text-decoration: underline; */
}

.LinkWithDecorationPrev {
    color: #627c1e;
    text-decoration: underline;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: left;
    font-size: 14px;
    line-height: 17px;
}

    .LinkWithDecorationPrev:hover {
        color: #627c1e;
        font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
        text-align: left;
        font-size: 14px;
        line-height: 17px;
        ;
    }

.LinkWithDecoration2 {
    color: #ffffff;
    float: right;
    margin-top: 20px;
    /* text-decoration: underline; */
}

.LinkWithDecoration:hover {
    color: #84bf41;
}

.LinkWithDecorationLinks {
    color: #ffffff;
    float: left;
    /* text-decoration: underline; */
}

    .LinkWithDecorationLinks:hover {
        color: #84bf41;
    }

.k-notification-error.k-notification.k-widget {
    background: rgba(100%,0%,0%,.7);
    color: white;
}

.wrong-pass h3 {
    font-size: 1em;
    padding-top: 25px;
}

.wrong-pass img {
    float: left;
    margin: 30px 15px 30px 30px;
}

.k-group, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-widget .k-status, .k-calendar th, .k-dropzone-hovered, .k-popup.k-widget {
    background: rgba(0%,60%,0%,.7);
    color: #fff;
}

.notificationInfo h3 {
    font-size: 1em;
    padding-top: 25px;
}

.notificationInfo img {
    float: left;
    margin: 30px 15px 30px 30px;
}

.k-list-container.k-popup, .k-calendar-container.k-popup {
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    padding: 0px;
}

a {
    text-decoration: none;
    color: #84bf41;
}

    a:hover {
        text-decoration: none;
        color: #84bf41;
    }

#MailToSasisCh {
    text-decoration: none;
    color: #84bf41;
}

.header-logo {
    float: left;
    padding-top: 35px;
    padding-bottom: 0;
    margin-left: 100px;
    max-width: 160px;
}

.cultureSwitchLabel {
    color: #95c11f;
    cursor: pointer;
    margin-left: 10px;
}

.categoryItem {
    width: 110px;
    margin-top: 10px;
    cursor: pointer;
}




.noinput {
    margin-top: 50px;
    font-size: 18px;
    color: #160000;
}

/*IE fix for different content widths*/
.Berechtigungen, .SeitenMenu {
    Display: table-cell;
}

    .Berechtigungen > div {
        Margin-top: -25px;
    }