/* @group Layout */
#wrapper {
    min-width: 980px;
    max-width: 980px;
    margin-right: auto;
    margin-left: auto;
    /*	width: expression(document.body.clientWidth > 980 ? "980px" : "auto"); */
    overflow: hidden;
    display: block;
    position: relative;
}

* html #wrapper {
    width: 980px;
}

#ie9error {
    display: none;
}

.borders {
    box-shadow: 2px 2px 8px #000000;
    margin-bottom: 10px;
    margin-top: 20px;
}

.borders2 {
    box-shadow: 4px 4px 8px #000;
    background: #ffffff;
    opacity: 0.9;
    position: relative;
    width: 90%;
    left: 40px;
}

#main {
    clear: both;
    border-top: none;
    border-bottom: none;
    border-radius: 4px;
    box-shadow: 1px 1px 6px #AAA;
    margin: 10px;
}

#submain {
    clear: both;
    border-top: none;
    border-bottom: none;
    border-radius: 4px;
    box-shadow: 1px 1px 6px #AAA;
    margin: 0 auto;
    width: 600px;
    background-color: #fff;
}

#submain_small {
    clear: both;
    border-top: none;
    border-bottom: none;
    border-radius: 4px;
    box-shadow: 1px 1px 6px #AAA;
    margin: 0 auto;
    width: 400px;
    background-color: #fff;
}

.vdheaderbanner {
    margin: 25px 25px 5px;
}

.vdheaderbanner img {

}

.vdheaderbanner div {
    font-size: small;
    float: right;
    position: absolute;
    bottom: 0;
    right: 15px;
}

.sup {
    font-size: xx-small;
}

.copy, .reg {
    font-size: xx-small;
    vertical-align: super;
}

.vd_inner {
    position: relative;
    margin-top: 0;
    border: 0px solid #fff !important;
    padding: 0px 40px 50px;
}

.submit {
    padding-left: 30px;
}

.vd_inner .submit {
    padding-left: 0px;

}

#footer {
    margin-top: 0;
    clear: both;
    padding-bottom: 50px;
}

.vd_footer_navi {
    text-align: center;
    padding-top: 30px;
    font-size: 20px;
}

.vd_footer_navi img {
    vertical-align: text-bottom;
}

.vd_footer_navi a, .vd_footer_navi .copyright {
    font-size: 16px;
    color: #575656;
}

.vd_footer_navi #language img {
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

#delete_account {
    clear: both;
    padding-top: 25px;
    font-size: 1.4em;
    padding-bottom: 25px;
}

#delete_account img {
    padding-right: 25px;
}

/* @end */
a {
    border-style: none;
}

img {
    border-style: none;
}

/* @group Buttons und Menu */
a.vd_loeschenbutton, input.vd_loeschenbutton {
    background-color: #933a88;
    text-shadow: #6a0906 0 1px 0;
    border: 1px solid #aa439c;
    transition: background 0.4s;
    color: white;
    border-radius: 3px;
    padding: .5em 1em !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
    text-shadow: #0e5a72 0 1px 0;
    font-weight: bold;
    font-size: .8em;
    width: auto !important;
    margin-right: auto;
    margin-left: auto;
}

a.vd_activebutton, input.vd_activebutton {
    background-color: #00a6d0;
    text-shadow: #0e5a72 0 1px 0;
    border: 1px solid;
    transition: background 0.4s;
    color: white;
    border-radius: 3px;
    padding: .5em 1em !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
    text-shadow: #0e5a72 0 1px 0;
    font-weight: bold;
    font-size: .8em;
    width: auto !important;
    margin-right: auto;
    margin-left: auto;
}

a.vd_loeschenbutton:hover {
    background-color: #aa439c;
    text-decoration: none;
}

.vdsisi {
    float: right;
}

.vidsisi a {
    background-color: #00a6d0;
    color: white;
    font-size: 1.2em;
    line-height: 2.5;
    border-radius: 3px;
    padding: .5em 1em;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
    text-shadow: #0e5a72 0 1px 0;
    font-weight: bold;
    border: 1px solid;
    font-family: 'Roboto', sans-serif;
}

.vdsisi a.vd_signup {
    background-color: #933a88;
    text-shadow: #6a0906 0 1px 0;
    border: 1px solid #aa439c;
    transition: background 0.4s;
    font-family: 'Roboto', sans-serif;
}

.vdsisi a.manage {
    margin: 5px;
    background-color: #00a6d0;
    color: white;
    font-size: 1.2em;
    line-height: 2.5;
    border-radius: 3px;
    padding: .5em 1em;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
    text-shadow: #0e5a72 0 1px 0;
    font-weight: bold;
    border: 1px solid;
    font-family: 'Roboto', sans-serif;
}

.vdsisi a.vd_signup:hover {
    background-color: #aa439c;
    text-decoration: none;
}

.vd_menu_signedin {
    font-size: 1.3em;
    border-radius: 3px;
    background-color: #f4f4f4;
    width: auto !important;
    display: inline;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #d9d9d9;
    float: left;
    box-shadow: inset 0px 0px 0px 1px #ffffff;
    margin: 15px 10px 10px;
}

.vd_menu_signedin a {
    text-shadow: white 0 1px 0;
    line-height: 1;
    padding: 5px 10px;
}

.vd_menu_signedin a.divider {
    padding: 5px 0;
    border-left: 1px solid white;
    border-right: 1px solid #d9d9d9;
    color: #f4f4f4;
    text-indent: -999em;
}

ul#_menu {
    border-radius: 3px;
    background-color: #f4f4f4;
    width: auto !important;
    display: block;
    border: 1px solid #d9d9d9;
    float: left;
    box-shadow: inset 0px 0px 0px 1px #ffffff;
    z-index: 99;
}

#_menu li {
    float: left;
    list-style-type: none;
    margin-right: 20px;
    padding: 5px;
    z-index: 99;
}

#_menu li ul li {
    float: none;
    display: block;
    border-right-style: none;
    z-index: 99;
}

#_menu li#c_view {
    border-right-style: none;
    z-index: 99;
}

ul#_menu h2 {
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-shadow: white 0 1px 0;
    z-index: 99;
}

/* @end */
#header {
    position: relative;
}

#headermenu {
    height: 40px;
    padding: 10px;
    padding-bottom: 0;
}

/* @group Typo */
@font-face {
    font-weight: normal;
    font-style: normal;

    font-family: 'Roboto', sans-serif;
}


body {
    font-family: 'Roboto', sans-serif;
}

a {
    text-decoration: none;
    color: #575656;
}

.vd_title .reg {
    font-size: small;
}

.vd_title {
    padding-bottom: 5px;
    font-style: normal;
    font-size: 2.4em;
    padding-left: 25px;
    padding-top: 5px;
    text-shadow: white 0 1px 0;
    font-weight: bold;
    text-align: center;
    color: #555555;
}

.vd_title_small {
    padding-bottom: 12px;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    padding-left: 25px;
    padding-top: 12px;
}

.vd_inner p {
    line-height: 1.2;
    font-size: 1em;
    text-shadow: white 0 1px 0;
}

#vd_title_id h1 {
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 35px;
}

strong {
    font-weight: bold;
}

.header_security_login_name {
    position: relative !important;
    right: 0px;
    clear: both;
    font-size: 100%;
    display: block;
    font-weight: bold;
    text-align: right;
}

.security_login_last_date {
    position: relative !important;
    display: block;
    margin-left: 10px;
    text-align: right;
}

.security_login_last_date, .security_login_name, .date {
    font-size: small;
    clear: both
}

#loggedin_footer {
    border: solid 0px;
    top: 10px;
    color: #555555;
}

.vd_permission_thanks p {
    font-size: 3em;
    color: green;
}

/* @end */

/* @group Formulare */
form {
    width: 500px;
    clear: both;
    margin-right: auto;
    margin-left: auto;
}

div#_title_glucodock_testwochen_id form {
    clear: both;
    margin-right: auto;
    margin-left: 0;
    color: #FFFFFF;
}

#_terms_id {
    width: auto !important;
}

#invalidate_access_rights form {
    width: 100%;
    padding-left: 40px;
}

#invalidate_access_rights form img {
    padding-right: 25px;
}

form img {
    vertical-align: middle;
}

label.vdCheckboxLabel {
    margin-top: 0px;
    color: #666;
    font-size: 1em;
    display: inline;
    padding-left: 10px;
}

.borders input {
    margin-left: 0em;
}

.radio-toolbar input[type="radio"] {
    width: 5% !important;
    vertical-align: baseline !important;
}

input {
    border: 1px solid #00A6D0;
    background-color: #fff;
    vertical-align: middle !important;
    width: 90% !important;
    margin-left: 1em;
    margin-right: 1em;
    padding: 5px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 1.4em;
    cursor: pointer;
}

input.image {
    border-style: none;
    border-width: 0;
    width: auto !important;
}

.vdforgotreg {
    clear: both;
    text-align: center;
    padding-top: 25px;
}

#_marketing_signup_id_submit #proceed, #setDeviceNameForm input#proceed, .vd_form input#proceed, #User #proceed, #forgotpasswordForm #proceed, #changepasswordForm #proceed {
    width: 8em !important;
    background-color: #00A6D0;
    color: white;
    border-radius: 3px;
    display: block;
    font-weight: bold;
    clear: both;
    font-size: 1.2em;
    line-height: 2;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
    text-shadow: #0e5a72 0 1px 0;
    border: 1px solid;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-left: 1em;
    padding-right: 1em;
}

input#proceed_demo {
    width: 8em !important;
    color: #555555;
    border: none;
    display: block;
    clear: both;
    font-size: 0.8em;
    position: absolute;
    font-size: small;
    float: right;
    position: absolute;
    top: 127px !important;
    left: -10px;
}


#Marketing #proceed, #setDeviceNameForm input#proceed, .vd_form input#proceed, #User #proceed, #forgotpasswordForm #proceed, #changepasswordForm #proceed, #application #proceed, #desiredAccessRight #proceed {
    width: 8em !important;
    background-color: #00A6D0;
    color: white;
    border-radius: 3px;
    display: block;
    font-weight: bold;
    clear: both;
    font-size: 1.2em;
    line-height: 2;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
    text-shadow: #0e5a72 0 1px 0;
    border: 1px solid;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-left: 1em;
    padding-right: 1em;
}

#fc_com_medisanaspace_model_vitadockuser_submit #proceed, #forgot_submit #proceed, #changepassword_submit #proceed, #application #proceed, #desiredAccessRight #proceed {
    background-color: #00bd99;
    border-color: #02cfa7;
}

input#j_username, input#_emailAddress_id {
    background: white url(../images/bg_input.png) no-repeat 5px 10px;
    padding-left: 30px ! important;
    margin-left: 0px !important;
}

input#j_password, input#_password_id, input#_repeatPassword_id, input#_oldPassword_id {
    background: white url(../images/bg_input.png) no-repeat 5px -42px;
    padding-left: 30px ! important;
    margin-left: 0px !important;
}

input#_name_id {
    background: white url(../images/bg_input.png) no-repeat 5px -109px;
    padding-left: 30px ! important;
    margin-left: 0px !important;
}

fieldset {
    display: block;
    border-style: none;
    border-width: 0;
}

#_c_com_medisanaspace_model_VitadockUser_email_id {
    margin: 0;
    padding: 0;
}

textarea {
    border: 1px solid #00A6D0;
    background-color: #fff;
    vertical-align: middle !important;
    width: 90% !important;
    margin-left: 1em;
    margin-right: 1em;
    padding: 5px;
    border-radius: 3px;
    padding-left: 10px !important;
    padding-right: 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#User i span, #changepasswordForm i span {
    padding-left: 30px;
    font-style: italic;
    display: block;
    padding-right: 30px;
}

#changepasswordForm .vdCheckboxLabel {
    color: #933a88;
    float: right;
    width: 400px;
    margin-bottom: 15px;
}

/* @end */

/* @group Elemente */
#welcome_text {
    margin-left: 150px;
}

.signin_message_box {

    text-align: center;
    font-weight: bold;
}

/*
#password_strength font, #check_repeat_password font {
	margin-bottom: 30px;
	display: block;
	padding-top: 1px;
}
*/
font[color="#990000"] {
    color: #990000;
}

font[color="#009900"] {
    color: #009900;
}

hr {
    border: 0;
    height: 1px;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%,
    rgba(102, 102, 102, 0.53) 50%, rgba(0, 0, 0, 0) 100%);
}

.vd_ssllogo {
    margin-left: 40px;
}

.errors {
    padding: 0px;
    text-align: left !important;
    color: #333 !important;
    font-weight: normal !important;
}

.errors, .errors p {
    color: #933a88;
    font-weight: bold;
    display: block;
    font-size: 1.2em;
    text-align: center;
}

.info, .info p {
    color: #00bd99;
    font-weight: bold;
    display: block;
    font-size: 1.2em;
    text-align: center;
}

#request_notallow {
    margin-top: 20px;
}

.vd_headertext {
    padding-right: 10px;
    padding-left: 10px;
}

/* @end */

/* @group djit Ueberschreiben */
.tundra .dijitTextBox {
    border-radius: 3px;
    width: 90% !important;
    margin-left: 1.4em;
    /*

background: #fff url(images/validationInputBg.gif) repeat-x top left; */
    border: 1px solid #00A6D0;
    background-color: #fff;
    background-image: none;
}

.dijitInputInner {
    border: 0 !important;
    vertical-align: middle !important;
    background-color: transparent !important;
    width: 100% !important;
    margin-left: 1em;
    margin-right: 1em;
    padding: 5px;
    font-size: 1.5em;
    border-radius: 3px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.tundra .dijitTitlePaneTitle {
    background-image: none;
    border-style: none;
    border-width: 0;
    font-size: 1.2em;
    color: #888888;
}

.tundra .dijitTitlePaneContentInner {
    border-left-style: none;
    border-bottom-style: none;
    border-right-style: none;
    border-right-width: 0;
    padding: 10px 0;
}

.tundra .dijitTitlePaneContentOuter {
    border: 0 none #f4f4f4;
}

.tundra .dijitTitlePaneTitle .dijitTitlePaneTextNode {
    color: #888;
}

.tundra .dijitTitlePaneTitle {
    border: 0 none;
    padding: 0px 0px;
    background-color: white;
    background-image: none;
}

/* @end */

/* @group Tabellen */
table {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #eaecee;
}

table.empty {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 0px solid #eaecee;
    border-top: 0px solid #eaecee;
}

table.halfempty {
    width: 50%;
    border-collapse: collapse;
    border-bottom: 0px solid #eaecee;
    border-top: 0px solid #eaecee;
}

table.halfempty tr td {
    vertical-align: bottom;
    text-align: center;
}

table.empty tr td {
    text-align: center;
}

th {
    font-size: 1.2em;
    font-style: italic;
    text-align: left;
    padding-left: 10px;
    border-top: 1px solid #eaecee;
    border-left: 1px solid #eaecee;
    border-right: 1px solid #eaecee;
}

thead tr {
    border-style: none;
    border-width: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background-image: linear-gradient(to top, #ffffff, #f4f4f4);
}

tr {
    border: 1px solid #eaecee;
    margin: 1px;
    padding: 1px;
    border-top: 1px solid white;
}

tr.vd_td_invalidate_rights {
    border-top: 2px solid #eaecee;
}

tr.vd_td_invalidate_rights td img {
    vertical-align: middle;
    padding-right: 10px;
}

td {
    margin: 0;
    padding: 3px 10px 0;
    border-width: 0;
    text-shadow: white 0 1px 0;
    background: #f9f9f9 none no-repeat 5px center;
}

.vd_keyimage {
    padding-right: 10px;
    vertical-align: middle;
    padding-left: 5px;
}

table form {
    width: auto;
}

tr.bottom td {
    vertical-align: bottom;
}

td input {
    width: auto !important;
    background-color: transparent;
}

td.utilbox {
    padding: 0 !important;
}

td.vd_td_key {
    padding: 0 !important;
    width: 21px;
}

/* @end */

/* @group AppListe */
.vd_appbox img {

}

.vd_appbox {
    text-align: center;
    width: 90px;
    margin-bottom: 15px;
}

.vd_list_apps_infotext {
    text-align: center;
}

/* @end */

/* @group FAQ */
.vd_faq_traeger {
    margin-bottom: 60px;
}

.trager2 {
    width: 645px;
    margin-right: auto;
    margin-left: auto;
    padding: 80px 0 0;
}

.faq {
    width: 740px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

.faq h2 {
    text-align: left;
}

.faq img {
    width: 100%;
}

.faq_mid {
    padding-right: 80px;
    padding-left: 80px;
}

.vd_faq {
    width: 161px;
    float: left;
    text-align: left;
}

.vd_faq .vd_text_bf {
    color: #00A6D0;
    font-weight: bold;
}

.faq h2 {
    font-size: 20px;
    padding-bottom: 30px;
}

h2 {
    font-size: 20px;
    text-align: center;
}

h2.big {
    font-size: 26px;
    text-align: center;
    padding-top: 10px;
}

/* @end */
.vd_app_name {
    width: 100%;
    text-align: center;
    margin-top: -11%;
    text-shadow: white 0 1px 0;
    margin-bottom: 5%;
    font-size: 1.6em;
}

#password_strength {
    text-align: center;
    padding-top: 1px;
}

.vd_pw {
    width: 200px;
    border: 1px solid #00A6D0;
    height: 15px;
    color: white;
    font-weight: bold;
    margin: 0 auto;
    padding: 3px 5px;
    border-radius: 3px;
}

.vd_pw font {
    color: silver;
    font-weight: bold;
}

.vd_form input#proceed[disabled="disabled"] {
    color: #0081a3;
}

#application i, #desiredAccessRight i {
    padding-left: 30px;
    display: block;
    padding-right: 30px;
    font-size: small;
}

.tundra .dijitArrowButtonInner {
    background: url(../images/arrow_d.png) no-repeat 0 10px;
    padding-top: 15px;
}

input.dijitArrowButtonInner {
    width: 25px !important;
}

.tundra .dijitButtonNode {
    background-image: none;
    border-style: none;
    border-width: 0;
}

.vd_pw_weak {
    background-image: url(../images/bg_weak.gif);
}

.vd_pw_med {
    background-image: url(../images/bg_med.gif);
}

.vd_pw_strong {
    background-image: url(../images/bg_strong.gif);
}

#_title_ps_com_medisanaspace_model_DesiredAccessRight_id img {
    padding: 8px 4px 4px;
}

a:hover {
    text-decoration: underline;
}

/* @group Menu Header */
header a, header div {
    width: auto !important;
}

a.index {
    width: 0px;
}

#index_nav {
    width: 0px;
}

a.gluco {
    width: 116px;
    background-position: -0px top;
}

#gluco_nav {
    width: 116px;
}

a.thermo {
    width: 116px;
    background-position: -116px top;
}

#thermo_nav {
    width: 116px;
}

a.cardio {
    width: 116xp;
    /* background-position: -232px top; */
}

#cardio_nav {
    width: 116px;
}

a.target {
    width: 116px;
    background-position: -348px top;
}

#target_nav {
    width: 116px;
}

a.activity {
    width: 116px;
    /* background-position: -464px top; */
    /* margin-right: 8.5em; */
}

#activity_nav {
    width: 116px;
    /* margin-right: 8.5em; */
}

a.abmelden {
    width: 116px;
    /* background-position: -580px top; */
}

#abmelden_nav {
    width: 116px;
}

a.anmelden {
    width: 116px;
    background-position: -580px top;
}

#anmelden_nav {
    width: 116px;
}


a.block {
    width: 10px;
    background-position: -695px top;
}

#block_nav {
    width: 50px;
}

#settingsmenu, #settingsmenu ul {

}

a.gluco:hover {
    width: 116px;
    background-position: 0px -76px;
    text-decoration: none;
}

a.thermo:hover {
    width: 116px;
    background-position: -116px -76px;
    text-decoration: none;
}

a.cardio:hover {
    width: 116px;
    background-position: -232px -76px;
    text-decoration: none;
}

a.target:hover {
    width: 116px;
    background-position: -348px -76px;
    text-decoration: none;
}

a.activity:hover {
    width: 116px;
    background-position: -464px -76px;
    text-decoration: none;
}

a.abmelden:hover {
    background-position: -580px -76px;
    color: #24b8ff;
    text-decoration: none;
}

a.anmelden:hover {
    width: 116px;
    background-position: -580px -76px;
    text-decoration: none;
}

a.block:hover {
    width: 27px;
    background-position: -607px -76px;
    text-decoration: none;
}


.standard_langMenu_entry {
    padding-right: 0px;
    padding-left: 0px;
    color: #fff;
    overflow: hidden;
    display: none;
    line-height: 20px;
}

.module_title {
    margin-left: 10px;
}

.standard_langMenu {
    /* padding-right: 5px; */
    /* padding-left: 5px; */
    position: absolute;
    overflow: hidden;
    padding-bottom: 0px;
    width: 40px;
    /* background-position: -750px top; */
}

.standard_langMenu a {
    color: #fff !important;
    overflow: hidden;
    line-height: 25px;
    height: 25px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #DDD;
    margin-bottom: 1px;
    border-radius: 3px;
    background: #FFF;
}

.standard_langMenu_entry a:hover {
    background: #f4fbff;
}

#langMenu_btn {
    margin-top: 0px;
    /* padding-right:35px; */
}

.standard_close_overlay {
    margin-top: 8px;
    padding-right: 10px;
    padding-left: 10px;
}

header {
    width: 980px;
    margin: 0px auto;
    z-index: 99;
}

header ul {
    position: relative;
    clear: both;
    float: none;
    display: inline-table;
    height: 40px;
    width: auto;
    padding: 0px;
    margin: 0;
    z-index: 99;
}

header .right {
    float: right;
    margin-right: 25px;
}

header ul li {
    margin: 0;
    padding: 0;
    float: left;
    list-style-type: none;
    z-index: 99;
}

header ul li a {
    text-decoration: none;
    display: block;
    padding: 0;
    margin: 0;
    height: 38px;
    text-align: center;
    line-height: 38px;
    font-family: 'Roboto', sans-serif;
    z-index: 99;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
}

header ul li a:hover {
    color: #24b8ff;
    text-decoration: none;
}

header ul li input:hover {
    color: #ffffff;
    text-decoration: none;
}

header ul li a.index {
    text-indent: -999em;
    z-index: 99;
}

header ul:after {
    content: "";
    clear: both;
    display: block;
    z-index: 99;
}

header ul li:hover > ul {
    display: block;
    text-decoration: none;
    z-index: 99;
}

header ul ul {
    display: none;
    border-radius: 0px;
    padding: 0;
    /* top: 100%; */
    z-index: 99;
}

header ul ul:hover {
    display: block;
}

header .subnav {
    cursor: pointer;
    position: relative;
}

header .subnav ul {
    position: absolute;
}

header .subnav:hover ul {
    position: absolute;
}

header .subnav ul li {
    /* margin-bottom: 1px; */
    /* border-radius: 4px; */
    /* margin-top: 1px; */
}

header .subnav:hover {
    color: #24b8ff !important;
}

header .subnav:hover > a {
    color: #24b8ff !important;
}

header .subnav:hover *:hover {
    color: #24b8ff !important;
}

header ul ul li {
    float: none;
    position: relative;
    /* width: 116px; */
    z-index: 99;
}

header ul ul li a {
    padding: 15px 20px;
    background: #fff;
    text-indent: 0;
    line-height: 14px;
    height: 10px;
    width: 116px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    border-bottom: #fff solid 0px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #DDD;
    border-radius: 3px;
}

header ul ul li a:hover {
    color: #24b8ff !important;
    width: 116px;
    text-decoration: none;
}


h1 span.glossy, h2 span.glossy {
    background: url("../images/gradient-glossy.png") repeat-x scroll 0 0 transparent;
    display: block;
    height: 18px;
    margin-top: 8px;
    position: absolute;
    width: 90%;
}

.scrollBox {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    width: 90% !important;
    padding: 5px;
    background-color: #CCCCFF;
    overflow: auto;
    border: 1px solid #00A6D0;
    background-color: #fff;
    vertical-align: middle !important;
    margin-left: 1em;
    margin-right: 1em;
    border-radius: 3px;
    padding-left: 10px !important;
    padding-right: 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

div#password_info, div#check_repeat_password {
    font-style: italic;
    font-size: small;
    float: left;
}

/* @end */


/* checkboxes */

/* common styles */


label, input
[type="checkbox"] + label:before {
    vertical-align: middle;
}

/* hide the checkboxes */
input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

/* disabled checkbox */
input[type="checkbox"]:disabled + label {
    opacity: 0.5;
}

/* hover checkbox (unselected state only) */
input[type="checkbox"]:not( :checked ):hover + label:before {
    background: url("../images/hover.png") no-repeat;
}

/* selected checkbox */
input[type="checkbox"]:checked + label:before {
    background: url("../images/check.png") no-repeat;
}

/* focused checkbox */
input[type="checkbox"]:focus + label {
    outline: dotted 1px;
    /* by not adding color to the value we force the use of system's default focus color "invert" */
}

/* @end */
/* common styles */

/* we use generated content to create a placeholder for the checkbox */
input[type="checkbox"] + label:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: 0 8px 0 0;
    background: url("../images/off.png") no-repeat;
    vertical-align: middle;
}

/* @end */

#demoLogin {

}

#login_formular {
    position: relative;
}

.loginBtn {
    width: 8em !important;
    background-color: #00A6D0;
    color: white;
    border-radius: 3px;
    display: block;
    font-weight: bold;
    clear: both;
    font-size: 1.2em;
    line-height: 2;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
    text-shadow: #0e5a72 0 1px 0;
    border: 1px solid;
    margin-right: 0px !important;
    margin-left: auto !important;
    padding-left: 1em;
    padding-right: 1em;
}

.demologin {
    left: 0px;
    padding-left: 15px;
    margin: 0px !important;
}

.demosubmit {
    left: 0px;
    padding: 0px;
}

.modal-open {
    overflow: hidden;
}

.modal {
    bottom: 0;
    display: none;
    left: 0;
    overflow-x: auto;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
}

.modal.fade {
    top: -25%;
    transition: opacity 0.3s linear 0s, top 0.3s ease-out 0s;
}

.modal.fade.in {
    top: 0;
}

.modal-dialog {
    left: 0;
    padding: 10px;
    position: relative;
    right: 0;
    top: 0;
    width: auto;
    z-index: 1050;
}

.modal-content {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: medium none;
    position: relative;
}

.modal-backdrop {
    background-color: #000000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1030;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.fade.in {
    opacity: 0.5;
}

.modal-header {
    border-bottom: 1px solid #E5E5E5;
    min-height: 16px;
    padding: 15px;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    line-height: 1.42857;
    margin: 0;
}

.modal-body {
    padding: 20px;
    position: relative;
}

.modal-footer {
    border-top: 1px solid #E5E5E5;
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
}

.modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
}

.modal-footer:after {
    clear: both;
}

.modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
}

.modal-footer:after {
    clear: both;
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}

@media screen and (min-width: 768px) {
    .modal-dialog {
        left: 50%;
        margin-left: -280px;
        padding-bottom: 30px;
        padding-top: 30px;
        right: auto;
        width: 560px;
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
}

.modal h3 {
    color: #596573;
    margin: 0;
}

button.close {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    padding: 0;
}

.modal button.close {
    /*background: url("../images/controls.png") no-repeat scroll -24px -36px rgba(0, 0, 0, 0);*/
    background: url("/resources/images/start_slider/x-btn.png") no-repeat 15px 0px;
    height: 36px;
    opacity: 1;
    text-indent: -9999px;
    width: 36px;
    border: 0px;
}

.modal button.close:hover {
    background: url("/resources/images/start_slider/x-btn-rllvr.png") no-repeat 15px 0px;
    /* background-position: -24px 0px;*/
    border: 0px;
}

.modal .modal-header {
    background-color: #EAEAEA;
    border-radius: 8px 8px 0 0;
}

.modal .modal-header h3 {
    color: #999999;
    font-size: 24px;
    line-height: 30px;
    margin: 0;
}

.close {
    color: #000000;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
}

.close:hover, .close:focus {
    color: #000000;
    cursor: pointer;
    opacity: 0.5;
    text-decoration: none;
}

.bigBox {
    height: 401px;
}

.smallBox {
    height: 222px;
}


.startbox_l {
    position: relative;
    width: 435px;
    height: 326px;
    background-color: #fff;
    float: left;
    padding: 0px;
    border: 0px solid #093;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    display: inline-table;
}

.startbox_r h1 {
    font-size: 28px;
    padding: 0px;
    margin: 0px;
    background-image: url('/resources/images/cloud.jpg');
    background-repeat: no-repeat;
    padding-left: 50px;
    margin-bottom: 5px;
}

.startbox_r {
    position: relative;
    width: 425px;
    height: 326px;
    background-color: #fff;
    padding: 5px;
    margin-left: 30px;
    border: 0px solid #093;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    display: inline-table;
    color: #555;
}

.claim {
    font-size: 22px;
    color: #555555;
}

/* COUNTER */
.flip-counter ul.cd {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.flip-counter li {
    background: url('/resources/images/digits.png') 0 0 no-repeat
}

.flip-counter li.t {
    background-position: 0 0;
    width: 53px;
    height: 39px
}

.flip-counter li.b {
    background-position: 0 0;
    width: 53px;
    height: 64px
}

.flip-counter li.s {
    background-position: -53px -1030px;
    width: 14px;
    height: 103px
}

.flip-counter {
    padding-bottom: 60px;
}

.flip-counter-subLine_l {
    border: 1px solid #ccff00;
    font-size: 24px;
}

.flip-counter-subLine_r {
    border: 1px solid #ccff00;
}

/* COUNTER ENDE */

#facebookSwitch {
    cursor: pointer;
}

#twitterSwitch {
    cursor: pointer;
}

.infoPopup {
    display: none;
    padding: 20px;
    width: 300px;
    height: 100px;
    background-color: #ebebeb;
    border: 1px #cccccc solid;
    z-index: 999999999999999;
    position: absolute;
}

.socialSwitches {
    border: solid 0px #ccff00;
    text-align: center;
    width: 250px;
    margin-bottom: 40px;

}

.bigbox {
    width: 960px !important;
    display: inline-table;
    height: 208px !important;
    text-align: center;
}

.bannerbox {
    width: 960px !important;
    display: inline-table;
    height: 400px !important;
    text-align: center;
}

.midbox {
    width: 960px !important;
    display: inline-table;
    height: 140px !important;
    text-align: center;
}

.medium_l {
    width: 300px;
    float: left;
    display: inline-table;
    height: 425px;
    text-align: center;
    padding: 20px;
    padding-bottom: 20px;
}

.medium_r {
    width: 630px;
    display: inline-table;
    height: 425px;

    text-align: center;
    padding: 20px;
    padding-bottom: 20px;
}

.medium_l h1 {
    font-size: 28px;
    font-weight: bold;
    margin: 0px;
    color: #333 !important;
    text-align: center;
}

.medium_l .box_space {
    padding: 40px;
    padding-bottom: 20px;
}

.small_l {
    width: 465px;
    float: left;

    height: 300px;
}

.small_r {
    width: 465px;
    display: inline-table;
    height: 300px;

    text-align: center;
}

.small_l h1 {
    font-size: 28px;
    font-weight: bold;
    margin: 0px;
    color: #333 !important;
}

.box_border {
    clear: both;
    border-top: none;
    border-bottom: none;
    border-radius: 4px;
    border: 2px solid;
    margin: 10px;
    margin-top: -2px;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    border-color: #cccccc;
}

.box_space {
    position: relative;
    margin-top: 0;
    border: 0px solid #fff !important;
    color: #555555;
}

#_title_title_id {
    padding: 20px;
}

#_title__title_div_id {
    padding: 20px;
}

#_title_pl_com_medisanaspace_model_Right_id {
    padding: 20px;
}

#_title_pl_com_medisanaspace_model_newsletterregistration_id {
    padding: 20px;
}

#_title_vitadock_box_r_id {
    background: #33a0c6;
}

#_title_gluco_box_r_id {
    background: #bf4171;
}

#_title_thermo_box_r_id {
    background: #359d6b;
}

#_title_oxymeter_box_r_id {
    background: #359d6b;
}

#_title_cardio_box_r_id {
    background: #359d6b;
}

#_title_target_box_r_id {
    background: #33a0c6;
}

#_title_activity_box_r_id {
    background: #f1bc7c;
}

.small_l .box_space {
    padding: 30px;
    padding-bottom: 20px;
}

.small_r .box_space {
    padding: 25px;
}

.box_subline {
    font-size: 18px;
    font-weight: bold;
    color: #555 !important;
    margin-bottom: 10px;
    display: block;
}

.box_txt {
    font-size: 16px;
    color: #999999;
    border: 0px solid;
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #555;
    height: 170px;
    width: 190px;
    overflow: hidden;
    border: solid 0px;
}

.box_img {
    float: right;
    display: inline-block;
    height: 170px;
    width: 200px;
    border: solid 0px;
}

a.internal-link_orange {
    font-size: 16px;
    background: url("../../resources/images/icon_link_intern_orange.png") no-repeat scroll right center transparent;
    color: #FFB329 !important;
    padding-right: 12px;
    text-decoration: none;
}

#overlay {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    opacity: 0.7;
    background-color: #000;
    border: solid 1px;
    overflow-x: auto;
    overflow-y: scroll;
}

#button_reactive {
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
}

#button_reactive input {
    background-color: #00A6D0 !important;
    color: white !important;
    border-radius: 3px !important;
    display: block !important;
    font-weight: bold !important;
    clear: both !important;
    font-size: 1.2em !important;
    line-height: 2 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
    text-shadow: #0e5a72 0 1px 0 !important;
    border: 1px solid !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

#button_search {
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
}

#button_search input {
    width: 8em !important;
    background-color: #00A6D0 !important;
    color: white !important;
    border-radius: 3px !important;
    display: block !important;
    font-weight: bold !important;
    clear: both !important;
    font-size: 1.2em !important;
    line-height: 2 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
    text-shadow: #0e5a72 0 1px 0 !important;
    border: 1px solid !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

#mergeaccounts_submit, #changeemail_submit {
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
}

#mergeaccounts_submit input, #changeemail_submit input {
    width: 8em !important;
    background-color: #00A6D0 !important;
    color: white !important;
    border-radius: 3px !important;
    display: block !important;
    font-weight: bold !important;
    clear: both !important;
    font-size: 1.2em !important;
    line-height: 2 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
    text-shadow: #0e5a72 0 1px 0 !important;
    border: 1px solid !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

#_newEmail_id {
    margin-left: 0px !important;
    background: hsl(0, 100%, 100%) url(../images/bg_input.png) no-repeat 5px 10px;
    padding-left: 30px ! important;
}

#addressForm input {
    margin-left: 0px !important;
}

#addressForm select {
    margin-left: 0px !important;
    display: block;
}

.slider_text_l {
    width: 320px;
    float: left;
    position: relative;
}

.slider_text_r {
    width: 320px;
    float: right;
    position: relative;
}

.slider_cloud_img {
    width: 111px !important;
    height: 65px !important;
}

.slider_cloud_img_container {
    height: 65px;
    position: absolute;
    top: 160px;
    left: 100px;
    z-index: 99999999;
    text-align: right;
}

.slide_content_txt {
    position: relative;
}

.slider_cloud_headline {
    position: absolute;
    top: 225px;
    left: 0px;
    z-index: 99999999;
    text-align: center;
    width: 320px;
    font-size: 26px;
    color: #333333;
    font-weight: bold;
}

.slider_cloud_txt {
    position: relative;
    top: 6px;
    left: 55px;
    z-index: 99999999;
    text-align: center;
    font-size: 20px;
    color: #555555;
    width: 200px;
    display: block;
}

.slider_cloud_txt_container {
    position: absolute;
    top: 260px;
    left: 0px;
    z-index: 99999999;
    text-align: center;
    font-size: 18px;
    color: #555555;
    width: 100%;
    height: 130px;
}

.slider_image_container_l {
    position: relative;
}

.slider_image_container_r {
    position: relative;
}

.counter_image {
    float: right;
    border: solid 0px;
    border: solid 0px !important;
}

.counter {
    border: solid 0px !important;
}

.counter_headline1 {
    font-size: 50px;
    font-weight: bold;
    padding-top: 5px;
    border: solid 0px !important;
}

.counter_subline1 {
    font-size: 16px;
    font-weight: normal;
    padding-top: 15px;
    width: 200px;
    padding-left: 10px;
    border: solid 0px !important;
}

.counter_headline2 {
    font-size: 50px;
    font-weight: bold;
    padding-top: 5px;
    border: solid 0px !important;
}

.counter_subline2 {
    font-size: 16px;
    font-weight: normal;
    padding-top: 15px;
    width: 200px;
    padding-left: 10px;
    border: solid 0px !important;
}

.stepCounter_box_l {
    border: solid 0px #5303E2 !important;
    width: 440px;
    height: 100px;
    float: left;
    display: inline-table;
}

.stepCounter_box_r {
    border: solid 0px #ccff00 !important;
    width: 440px;
    height: 100px;
    display: inline-table;
}

.stepCounter_top_container {
    border: solid 0px #ccfcf0 !important;
    height: 60px;
}

.stepCounter_headline {
    border: solid 0px #cfcf00 !important;
    float: left;
    width: 205px;
    font-size: 40px;
    font-weight: bold;
    text-align: right;
    padding: 10px;
    padding-top: 8px;
}

.stepCounter_subline {
    border: solid 0px #fcff0f !important;
    font-size: 16px;
    font-weight: normal;
    padding: 10px;
    height: 50px;
}

.stepCounter_link {
    border: solid 0px #fcff0f !important;
    text-align: center;
    margin-top: -5px;
}

.borders3 {
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
    padding: 5px;
    color: #555;
}

.green_background {
    background-color: #cfc;
}

.red_background {
    background-color: #fcc;
}

.info, .info div {
    color: #00bb00;
    font-weight: bold;
    display: block;
    text-align: center;
}

b {
    font-weight: bold;
}

.separator13 {
    font-size: 30px;
    margin-top: 20px;
    padding-left: 4px;
    padding-right: 4px;
}

.separator7 {
    font-size: 30px;
    margin-top: 20px;
    padding-left: 4px;
    padding-right: 4px;
}

img {
    border: 0;
    vertical-align: middle !important;
}

.footer_table {
    border-bottom: 0px solid #eaecee !important;
    width: 950px !important;
}

.code_font {
    font-family: 'Courier New', Courier, mono;
}

.code_font_spaced {
    font-family: 'Courier New', Courier, mono;
    letter-spacing: 1px;
}

.input_sub_message {
    font-size: small;
    padding-top: 10px;
    text-align: left;
    padding-left: 0px;
}

.ipnut_sub_message {
    font-size: 12px;
    margin-top: 5px;
}

.popup_center {
    width: 532px;
    height: 443px;
    border: solid 0px;
    position: absolute;
    left: 50%;
    top: 160px;
    z-index: 9999999999997;
    margin-top: -20px;
    margin-left: -266px;
}

.popup_center_close_btn {
    left: 640px;
    top: -10px;
    position: absolute;
    z-index: 999999999;
    cursor: pointer;
}

.popup_center_checkbox {
    position: absolute;
    top: 353px;
    left: 30px;
    width: 150px;
}

.darken {
    opacity: 0.5;
    background-color: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999999999;
    top: 0px;
    left: 0px;
    display: none;
}

.bannerbox_txt_r {
    position: absolute;
    top: 50px;
    left: 480px;
    right: 35px;
    font-size: 26px;
    color: #ffffff;
}

.bannerbox_txt_r_img_abstand {
    padding-bottom: 10px;
}

.bannerbox_txt_r li {
    font-size: 20px;
}

.bannerbox_txt_r ul {
    border: solid 0px;
    padding: 0px;
    margin: 0px;
    padding-left: 20px;
}

.bannerbox_shopLinks {
    margin-top: 30px;
    margin-left: 50px;
}

.bannerbox_iphone {

    margin-left: 50px;
}

.footer-inner {
    position: relative;
    left: 130px;
}

.bannerbox_shopLinks_space {
    margin-left: 21px;
}

.highlight_blue {
    color: #0088b9;
}

#Stage {
    height: 400px;
}

.navigation_active_home {
    width: 128px;
    background-position: -0px -76px !important;
}

.navigation_active_gluco {
    width: 116px;
    background-position: -0px -76px !important;
}

.navigation_active_thermo {
    width: 116px;
    background-position: -116px -76px !important;
}

.navigation_active_cardio {
    width: 116px;
    background-position: -236px -76px !important;
}

.navigation_active_target {
    width: 116px;
    background-position: -352px -76px !important;
}

.navigation_active_activity {
    width: 116px;
    background-position: -468px -76px !important;
}

.navigation_active_settings {
    width: 116px;
    background-position: -468px -76px !important;
}


.video_yt_btn {
    background-position: 0px -42px;
    text-align: center;
    cursor: pointer;
}

.feedback_input {
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 450px !important;
    height: 200px !important;
}

.feedback_input_btn {
    width: 450px !important;
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.smallemail {
    font-size: 18px;
}

.account_msg {
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    margin-right: 100px;
    margin-left: 100px;
}

.threeColumnBanner {
    list-style-type: none;

}

.top110 {
    margin-top: 110px;
}

.top120 {
    margin-top: 120px;
}

.threeColumnBanner li {
    float: left;
    display: block;
    width: 235px;
    border: 0px solid;
    margin: 30px;
    font-size: 16px;
}

.threeColumnBanner_wide {
    list-style-type: none;

}

.threeColumnBanner_wide li {
    float: left;
    display: block;
    width: 255px;
    border: 0px solid;
    margin: 15px;
    font-size: 16px;
}

.threeColumnBanner_form {
    list-style-type: none;

}

.threeColumnBanner_form li {
    float: left;
    display: block;
    width: 255px;
    border: 0px solid;
    margin: 15px;
    font-size: 16px;
    text-align: center;
}

.threeColumnBanner_form select {
    width: 290px !important;
}

.threeColumnBanner_form option:first-child {
    color: #efefef;
}

.abmelden_button {
    border: none;
    width: 100px !important;
    color: #575656;
    background-color: transparent;
    font-size: 1em;
    margin-top: 3px;
    outline: none;
}

.abmelden_button.block:hover {
    width: 100px !important;
    background-position: -704px -76px;
    text-decoration: none;
    font-size: 1em;
    margin-top: 3px;
}

.abmelden_button:hover {
    width: 100px !important;
    background-position: -832px -38px;
    text-decoration: none;
    font-size: 1em;
    margin-top: 3px;
    color: #24b8ff;
}

.abmelden_button:hover {
    width: 100px !important;
    background-position: -832px -76px;
    text-decoration: none;
    font-size: 1em;
    margin-top: 3px;
}

.formCentered {
    float: none !important;
    width: 50% !important;
}

.loginwithfacebook {
    background-color: #3a5897;
    color: #fff;
    width: 100% !important;
    max-width: 300px;
    height: 50px;
    background-image: url(../../portalv2/img/sprite.png);
    background-position: 5px 67%;
    background-size: 20%;
    background-repeat: no-repeat;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.loginwithfacebook a {
    padding-left: 12%;
    color: white;
    font-size: 1.5em;
    line-height: 2;
}

.loginwithfacebook a:hover {
    text-decoration: none;
}

.signinwithapple {
    position: absolute;
    height: 50px;
    left: 50%;
    transform: translateX(-50%);
}


#Embed button.src-component-Launcher-wrapper {
    border-radius: 2px !important
}