div.btnZumAboGlow, .ui-widget-content div.btnZumAboGlow{
    background-color: #339900;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    padding: 0.5rem 1.0rem;
    /*    border:1px solid black;*/
    -webkit-box-shadow: 0 0 9px gray; 
    -webkit-animation: glowButtonShadow 3s 20;
    width: 180px;
    text-align: center;
}

div.naviButtonGreen, .ui-widget-content div.naviButtonGreen{
    background-color: #339900;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    padding: 0.5rem 1.0rem;
    float: left;
    text-align: center;
    margin-right: 15px;
    margin-top: 10px
}

a.btnZumAbo, .ui-widget-content a.btnZumAbo, a.btnZumTarifrechner, .ui-widget-content a.btnZumTarifrechner{
    color:white;
    font-size: 18px;
    font-size: 1.1rem;
    font-weight: bold;
}
a.btnZumAbo:hover, .ui-widget-content a.btnZumAbo:hover, a.btnZumTarifrechner:hover, .ui-widget-content a.btnZumTarifrechner:hover{
    color:white;
    font-size: 18px;
    font-size: 1.1rem;
    font-weight: bold;
}

.btnAufvergleichslisteS span.ui-button-text.ui-c{
    font-size: 12px;
    color: #339900;
}


a.naviButtonGreen, .ui-widget-content a.naviButtonGreen{
    color:white;
    font-size: 18px;
    font-size: 1.1rem;
    font-weight: bold;
}

a.btnZumAbo:hover, .ui-widget-content a.btnZumAbo:hover, a.btnZumTarifrechner:hover, .ui-widget-content a.btnZumTarifrechner:hover{
    text-decoration: none;
    color: black;
}

a.naviButtonGreen:hover, .ui-widget-content a.naviButtonGreen:hover{
    text-decoration: none;
    color: black;
    font-weight: bold;
}

/* für p:commandButton */
.btnZumAbo.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only, .btnZumHandy.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{
    background-color: #339900;
}

.ausgabeTabelleColumn2 .btnZumAbo.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only, .ausgabeTabelleColumn2 .btnZumHandy.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{
    width: 90%;
}
.ausgabeTabelleColumn2 .btnZumAbo span.ui-button-text.ui-c, .ausgabeTabelleColumn2 .btnZumHandy span.ui-button-text.ui-c{
    padding: 0.5rem auto;
    margin-right: 0px;

}
/* für Text von p:commandButton */
.btnZumAbo span.ui-button-text.ui-c, .btnZumHandy span.ui-button-text.ui-c, .btnZumTarifrecher span.ui-button-text.ui-c {
    color:white;
    font-size: 15px;
    font-size: 0.95rem;
    font-weight: bold;
    padding: 0.5rem 1.0rem;


}
.btnZumAbo.ui-state-hover span.ui-button-text.ui-c, .btnZumHandy.ui-state-hover span.ui-button-text.ui-c, .ui-state-hover span.ui-button-text.ui-c{
    color:black;
}

.buttonLight.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only, .buttonLightGreen.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{
    border: 3px solid #339900;
    font-weight: bold;
    border-radius: 0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    text-align: center;

}
.buttonLightGreen.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{
    background: none;
    background-color: #339900;
    color: white;
    text-align: center;
}

.buttonLightWide span, a.buttonLightWide.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{
    font-size: 1.2rem;
    text-align: center;
}

.buttonLight.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only{
    background: none;
    background-color: white;
    color: #339900;
    text-align: center;
}

.buttonLight.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover{
    background-color: #339900;
    border: 3px solid #339900;
    transition: all 400ms;

}
.buttonLightGreen.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover{

    background-color: white;
    border: 3px solid #339900;
    transition: all 400ms;

}
.buttonLightGreen.ui-button .ui-button-text:hover{
    color: #339900;
    transition: all 400ms;
}
.buttonLight.ui-button .ui-button-text:hover{
    color: white;
    transition: all 400ms;
}

.buttonLight, .buttonLightGreen {
    border: 3px solid #339900;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    border-radius:0.5em;
    padding: .45em 1em;
    display: inline-block
}
.buttonLight, .ui-widget-content a.buttonLight{
    background-color: white;
    color: #339900;
}
.buttonLightGreen{
    background-color: #339900;
    color: white;
}
a.buttonLight, a.buttonLight:hover, a.buttonLightGreen, a.buttonLightGreen:hover {
    font-weight: bold;
    margin: 2px;
    transition: all 400ms;
}
a.buttonLight:hover{
    text-decoration: none;
    background-color: #339900;
    transition: all 400ms;
    color: white;
}

a.ausgabeTabelleButtonTop, a.ausgabeTabelleButtonTop:hover {
    font-weight: normal;
    padding: 0.45em;
}
@media only screen and (max-width: 370px){
    a.ausgabeTabelleButtonTop, a.ausgabeTabelleButtonTop:hover {
        padding: 0.45em 0.3em;
        font-size: 0.76rem;

    }
}
.ui-chkbox .ui-chkbox-label {
    float:right;
}

/* inputField, selectOne*/
.ui-corner-all.ui-state-default.ui-widget.ui-inputtext.ui-inputfield, 
.ui-corner-all.ui-state-default.ui-widget.ui-inputfield, 
.ui-corner-all.ui-state-default.ui-widget.ui-selectonemenu, .ui-corner-all.ui-state-default.ui-widget.ui-inputfield.ui-autocomplete-input{
    background: white;
    font-size: 1.0rem;
    border: 1px #339900 solid;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;

}

/* die Select Items auf der Liste*/
.ui-corner-all.ui-selectonemenu-list-item.ui-selectonemenu-item{
    background: none;
    border: none;

    border-radius: 2px;
    -moz-border-radius:2px;
    -webkit-border-radius: 2px;
    padding: 5px;
    font-size: 0.9rem;
}
/* das ausgewählte Select Item */
.ui-corner-all.ui-inputfield.ui-selectonemenu-label{
    font-size: 0.9rem;

}
.ui-corner-all.ui-state-default.ui-widget.ui-inputfield.ui-autocomplete-input{

    height: 25px;
    width: 100%
}

.ui-corner-all.ui-selectonemenu-list-item.ui-selectonemenu-item:hover{
    background: #339900;
    border: none;
    color: black;

}
.ui-corner-all.ui-state-default.ui-widget.ui-inputtext.ui-inputfield:focus{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-corner-right.ui-state-default.ui-selectonemenu-trigger{
    background: white;
    border: none;
    bottom: 5px;

}

/* selectOneMenu Ecken des Feldes*/
.ui-corner-all.ui-inputfield.ui-selectonemenu-label, 
.ui-corner-all.ui-state-default.ui-widget.ui-selectonemenu{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;


    border-radius: 0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;

}

/* selectOneMenu Höhe*/
.ui-selectonemenu .ui-selectonemenu-label{
    padding: 8px;

}

/* Textfelder */
.ui-corner-all.ui-state-default.ui-widget.ui-inputtext.ui-inputfield{
    padding: 8px;
    border-radius: 0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

}
.ui-state-default.ui-corner-all.ui-fieldset-legend{
    background: none; 
    background-color: #dfdfdf
}

/* Der Container der Fieldset Tabs  */
.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-helper-reset.ui-tabs-nav{
    background: gray;
    text-align: center;
}

.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-helper-reset.ui-tabs-nav li a{
    padding: 0.5em 0.8em;
}
/* Alle Tabs. Mit .ui-state-active am Ende nur das aktivierte Tab*/
li.ui-corner-top.ui-state-default.ui-state-active {
    background: white;
}

li.ui-corner-top.ui-state-default {
    background: #cccccc;
    border: 1px white solid;
}
li.ui-corner-top.ui-state-active a{
    color: black
}
.ui-corner-top.ui-widget-header.ui-paginator-top.ui-paginator{
    background: whitesmoke;
}
.ui-widget.ui-datatable thead th{
    background: none;  
}
.ui-datatable .ui-row-toggler {

    border: 3px solid #339900;
    font-weight: bold;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    border-radius:0.5em;
    color:#339900;
    text-decoration:none;
    font-size: 13px;
    font-size: 0.90rem;
    font-weight: bold;
    padding: 0.5rem 0rem;
    width: 88%;
    text-align: center;

}
.ui-datatable .ui-row-toggler:hover {
    background-color: #ff9900;
    border: 3px solid #ff9900;
}
.ui-corner-all.ui-state-default.ui-slider-handle{
    border-radius: 15px;

}

.NaviButton, a.NaviButton {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#339900;
    padding:0.4% ;
    text-decoration:none;
    font-size: 17.6px;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 10px;

}
.NaviButton:hover, a.NaviButton:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color:#dfdfdf;
    text-decoration: none
}

.NaviButtonSmaller, a.NaviButtonSmaller{
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#339900;

    padding:0.4% ;
    text-decoration:none;
    font-size: 15px;
    font-size: 0.95rem;
    font-weight: bold;
    padding: 0.4em 1em;

}
.NaviButtonSmaller:hover, a.NaviButtonSmaller:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color:#dfdfdf;
    text-decoration: none;
    font-weight: bold;
}

.glowButton{
    -webkit-animation: glowButtonShadow 3s 4;
}
@keyframe glowIt{

}

@-webkit-keyframes glowIt {
    0% { 
        background-color: #50f000; 
        -webkit-box-shadow: 0 0 9px gray; 
        /*            color: white;*/
    }
    50% { 
        background-color: #50f000; 
        -webkit-box-shadow: 0 0 18px #50f000; 
        /*            color: black 50%;*/
    }
    100% { 
        background-color: #50f000; 
        -webkit-box-shadow: 0 0 9px #339900; 
        /*            color: black;*/
    }
}

@-webkit-keyframes glowButtonShadow {

    0% { 
        -webkit-box-shadow: 0 0 9px white; 
    }

    80% { 
        -webkit-box-shadow: 0 0 19px #339900; 
        /*            color: black;*/
    }
}


input.schnellProfilTabButtonActive {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e3e3e3), color-stop(1, #fafafa) );
    background:-moz-linear-gradient( center top, #e3e3e3 5%, #fafafa 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#fafafa');
    background-color:#e3e3e3;
    -webkit-border-top-left-radius:11px;
    -moz-border-radius-topleft:11px;
    border-top-left-radius:11px;
    -webkit-border-top-right-radius:11px;
    -moz-border-radius-topright:11px;
    border-top-right-radius:11px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;
    text-indent:0;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#333333;
    font-family:Arial;
    font-size:15px !important;
    font-weight:normal;
    font-style:italic;
    height:33px;
    line-height:33px;
    width: 100%;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #ffffff;

}
div.schnellProfilTabButtonActive {
    width: 18%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;


}
input.schnellProfilTabButtonActive:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fafafa), color-stop(1, #e3e3e3) );
    background:-moz-linear-gradient( center top, #fafafa 5%, #e3e3e3 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e3e3e3');
    background-color:#fafafa;
}
input.schnellProfilTabButtonActive:active {
    position:relative;
    top:1px;
}

input.schnellProfilTabButtonPassive {

    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, lightgreen), color-stop(1, #339900) );
    background:-moz-linear-gradient( center top, lightgreen 5%, #339900 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#339900', endColorstr='#6b6b6b');
    background-color: lightgreen;
    -webkit-border-top-left-radius:11px;
    -moz-border-radius-topleft:11px;
    border-top-left-radius:11px;
    -webkit-border-top-right-radius:11px;
    -moz-border-radius-topright:11px;
    border-top-right-radius:11px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;
    text-indent:0;
    border:1px solid #757575;
    display:inline-block;
    color:#f0f0f0;
    font-family:Arial;
    font-size:15px !important;
    font-weight:normal;
    font-style:normal;
    height:33px;
    line-height:33px;
    width: 100%;
    text-decoration:none;
    text-align:center;


}
div.schnellProfilTabButtonPassive {
    width: 18%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;

}
input.schnellProfilTabButtonPassive:hover {

    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #339900), color-stop(1, lightgreen) );
    background:-moz-linear-gradient( center top, #339900 5%, lightgreen 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#339900', endColorstr='#636363');
    background-color: lightgreen;
}
input.schnellProfilTabButtonPassive:active {
    position:relative;
    top:1px;
}

#schnellProfilTabMenu{
    float: left;
    background-color: #339900; 
    margin-top: 0px; 
    padding-top: 30px;
    width: 100%;
    background:-moz-linear-gradient( center top, #339900 5%, #339900 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#339900', endColorstr='#339900');
    background-color:#339900;
    -webkit-border-top-left-radius:11px;
    -moz-border-radius-topleft:11px;
    border-top-left-radius:11px;
    -webkit-border-top-right-radius:11px;
    -moz-border-radius-topright:11px;
    border-top-right-radius:11px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;

}

/* für den Text p:commandButton*/
.btnBerechnen span.ui-button-text {
    /*color: #339900;*/ 
    font-size: 20px;
    font-size: 1.25rem;
    /*font-weight: bold;*/
}
/* für den Button p:commandButton*/
#erweitertesProfilInputFelderWrapper .ui-button.btnBerechnen, #welcomeSchnellprofil.ui-button.btnBerechnen   {
    width: 50%;
    margin-top: 20px;

}
.ui-button.btnBerechnen  {
    width: 90%;
    margin-top: 20px; margin-bottom: 15px
}

/* für den Text p:commandButton*/
.btnBerechnenStart span.ui-button-text, a.btnBerechnenStart{
    /*color: #339900;*/ 
    font-size: 18px;
    font-size: 1.15rem !important; 
    font-weight: bolder
}
.ui-button.btnBerechnenStart  {
    width: 90%;
}
a.btnBerechnenStart{
    width: 90%;
}

.btnBerechnenStartAusland span.ui-button-text {
    /*color: #339900;*/ 
    font-size: 18px;
    font-size: 1.15rem;
    font-weight: bolder
}
.ui-button.btnBerechnenStartAusland  {
    width: 90%;
}

.ui-fieldset-legend.ui-corner-all.ui-state-default{
    font-size: 12.8px;
    font-size: 0.8rem;
    font-weight: normal;
}

.reihe{
    margin-bottom: 40px;
}
@media only screen and (max-width: 910px) and (min-width: 800px){
    .btnAufvergleichslisteS span.ui-button-text.ui-c{
        padding-left: 3px;
        padding-right: 3px;
    }
}

@media only screen and (max-width: 420px){
    div.schnellProfilTabButtonActive, div.schnellProfilTabButtonPassive{
        margin-left: 0%!important;
        margin-right: 0%!important;
        width: 20%;
    }

    .NaviButtonSmaller, a.NaviButtonSmaller{
        font-size: 12px;
        font-size: 0.78rem;
        font-weight: normal;
        padding: 0.4rem 0.5rem;
        margin-right: 0.5rem;
    }
    .NaviButtonSmaller:hover, a.NaviButtonSmaller:hover {
        font-weight: normal;
    }

    a.btnZumTarifrechner, .ui-widget-content a.btnZumTarifrechner{
        color:white;
        font-size: 12px;
        font-size: 0.9rem;
        font-weight: normal;
    }
}

@media only screen and (max-width: 380px){
    div.schnellProfilTabButtonActive, div.schnellProfilTabButtonPassive{
        margin-left: 0%!important;
        margin-right: 0%!important;
        width: 20%;


    }
    input.schnellProfilTabButtonActive, input.schnellProfilTabButtonPassive{
        font-size: 3vw !important;

    }
}