BODY {
    background-color: #ffffff;
    padding: 0;
    overflow-y: scroll;
    max-width: 940px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}

IMG {
    border-width: 0;
}

FIGURE {
    padding: 0;
    margin: 0;
}

P {
    padding: 0;
    margin: 0;
}

TABLE {
    border-collapse: collapse;
}

TD {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.hidden {
    display: none;
}

.wpp-align-right {
    text-align: right;
}



/* ................................................................... fancybox ................... */

.fancybox-title {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.65);
}

/* .fancybox-overlay {
    z-index: 90;
} */


/* ................................................................... jquery ui - dialog ................... */

.ui-front {
    z-index: 9000;
}

.ui-dialog-titlebar {
    background-color: #e9e9e9;
}

.ui-dialog-title {
    margin-left: 5px;
}

.ui-dialog-titlebar-close {
    float: right;
    margin-top: 2px;
    margin-right: 1px;
}


/* ................................................................... wait ................... */

.script-wait IMG {
    height: 18px;
}


/* ................................................................... header - top-bar for 'medium' and up ................... */

.top-bar {
    background: #ffffff;
}

.top-bar UL {
    background: #ffffff;
}

.top-bar-left LI {
    padding: 0;
}

.top-bar-left LI A {
    padding: 0;
}

.wpp-mainMenu-desktop .menu {
    float: right;
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #676767;
}

.wpp-mainMenu-desktop .menu A {
    color: #676767;
    text-decoration: none;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.wpp-mainMenu-desktop .menu A:hover {
    color: #000000;
    text-decoration: underline;
}

.wpp-mainMenu-desktop .menu A.wpp-active {
    color: #000000;
/*    cursor: default;*/
}

.wpp-mainMenu-desktop .menu A.wpp-active:hover {
    text-decoration: none;
/*    cursor: default;*/
}

.wpp-subMenu-desktop .menu {
    float: right;
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.wpp-subMenu-desktop .menu A {
    color: #757575;
    text-decoration: none;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.wpp-subMenu-desktop .menu A:hover {
    color: #202020;
    text-decoration: underline;
}

.wpp-subMenu-desktop .menu A.wpp-active {
    color: #202020;
/*    cursor: default;*/
}

.wpp-subMenu-desktop .menu A.wpp-active:hover {
    text-decoration: none;
/*    cursor: default;*/
}

.wpp-userMenu-desktop .menu {
    float: right;
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #5e5e5e;
}

.wpp-userMenu-desktop .menu A {
    color: #5e5e5e;
    text-decoration: none;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}

.wpp-userMenu-desktop .menu A:hover {
    color: #000000;
    text-decoration: underline;
}

.wpp-userMenu-desktop .menu A.wpp-active {
    color: #000000;
    cursor: default;
}

.wpp-userMenu-desktop .menu A.wpp-active:hover {
    text-decoration: none;
    cursor: default;
}

.wpp-userMenu-desktop .wpp-greeting {
    color: #0a0a0a;
    padding-right: 20px;
}

/* ................................................................... header - top-bar for 'small' screen ................... */

.menu-icon {
    height: 17px;
}

.off-canvas {
    background: #fdfdfd;
}

.position-right.is-transition-push::after {
    box-shadow: 0 0 3px rgba(10, 10, 10, 0.7);
}

.position-left.is-transition-push::after {
    box-shadow: 0 0 3px rgba(10, 10, 10, 0.7);
}

.is-accordion-submenu-parent > a::after {
    border-color: #606060 transparent transparent;
}

.wpp-title-bar {
    margin-bottom: 10px;
    background: #606060;
}

.wpp-mainMenu-mobile {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.wpp-mainMenu-mobile A {
    color: #757575;
    text-decoration: none;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.wpp-mainMenu-mobile A:hover {
    color: #202020;
    text-decoration: underline;
}

.wpp-mainMenu-mobile A.wpp-active {
    color: #000000;
}

.wpp-mainMenu-mobile A.wpp-active:hover {
    text-decoration: none;
}

.wpp-subMenu-mobile {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.wpp-subMenu-mobile A {
    color: #757575;
    text-decoration: none;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.wpp-subMenu-mobile A:hover {
    color: #202020;
    text-decoration: underline;
}

.wpp-userMenu-mobile {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.wpp-userMenu-mobile A {
    color: #757575;
    text-decoration: none;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.wpp-userMenu-mobile A:hover {
    color: #202020;
    text-decoration: underline;
}

.wpp-userMenu-mobile A.wpp-active {
    color: #000000;
}

.wpp-userMenu-mobile A.wpp-active:hover {
    text-decoration: none;
}

.wpp-userMenu-mobile .wpp-greeting {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 1;
    font-size: 16px;
}


/* ................................................................... footer .................... */

#wpp-footer {
    margin-top: 30px;
}

#wpp-footer .wpp-social {
    text-align: right;
}

#wpp-footer .wpp-social IMG {
    height: 35px;
}

#wpp-footer .wpp-copyright {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #8f8f8f;
    margin-top: 20px;
}


/* ................................................................... content .............................. */

.content P {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
/*    font-size: 16px;*/
    color: #303030;
    text-align: justify;
    line-height: 1.2;
    padding-left: 4px;
    padding-right: 6px;
}

.content A.link {
    color: #b00000;
    text-decoration: underline;
}

.content A.link:hover {
    color: #500000;
    text-decoration: underline;
}

.content .typo3-neos-nodetypes-text A {
    color: #b00000;
    text-decoration: underline;
}

.content .typo3-neos-nodetypes-text A:hover {
    color: #500000;
    text-decoration: underline;
}

.content H1 {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #303030;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 4px;
    padding-right: 6px;
}

.content H2 {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #303030;
    margin-top: 12px;
    margin-bottom: 12px;
    padding-left: 4px;
    padding-right: 6px;
}

.content H3 {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #303030;
    margin-top: 12px;
    margin-bottom: 12px;
    padding-left: 4px;
    padding-right: 6px;
}



/* ................................................................... form .................................. */

.wpp-form-prompt {
    text-align: right;
}

@media only screen and (max-width: 640px) {
    .wpp-form-prompt {
        text-align: left;
    }
}

.wpp-form-prompt SPAN {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.7;
    color: #404040;
    padding-top: 12px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 8px;
    white-space: nowrap;
}

.wpp-form-prompt SPAN.mandatory {
    color: #a00000;
    padding-right: 2px;
}

/*
.wpp-form-field {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #404040;
    padding-top: 12px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 4px;
    white-space: nowrap;
}
*/

.wpp-form-row {
    margin-top: 12px;
}

.message {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.disclaimer {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 14px;
    color: #404040;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: justify;
}

SPAN.errorMessage {
    color: #bb0000;
}

INPUT, INPUT[type=text], INPUT[type=password] {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 16px;
    height: 26px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0;
    border-width: 1px;
    border-color: #606060;
    border-style: solid;
    background-color: #fefefe;
    box-shadow: unset;
/*     -webkit-appearance: none; */
    border-radius: 0;
    -webkit-border-radius: 0;
}

INPUT:focus, INPUT[type=text]:focus, INPUT[type=password]:focus {
    border-width: 1px;
    border-color: #000000;
    border-style: solid;
    background-color: #fffff4;
    box-shadow: unset;
}

INPUT[type=checkbox] {
    height: 13px;
}

TEXTAREA {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 16px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0;
    border-width: 1px;
    border-color: #606060;
    border-style: solid;
    background-color: #fefefe;
    box-shadow: unset;
}

TEXTAREA:focus {
    border-width: 1px;
    border-color: #000000;
    border-style: solid;
    background-color: #fffff4;
    box-shadow: unset;
}

SELECT {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 16px;
    height: 26px;                /* 24px for chrome and IE */
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 1.5rem;
    margin: 0;
    border-width: 1px;
    border-color: #606060;
    border-style: solid;
    background-color: #fefefe;
    box-shadow: unset;
    -webkit-padding-start: 3px;
}

SELECT:focus {
    border-width: 1px;
    border-color: #000000;
    border-style: solid;
    background-color: #fffff4;
    box-shadow: unset;
}

INPUT.error {
    background: #FF7575;
}

TEXTAREA.error {
    background: #FF7575;
}

.defaultText {
}

.defaultTextActive {
    color: #a1a1a1;
    font-style: italic;
}

.error DIV {
    padding: 0;
}

INPUT.type_name {
    width: 200px;
    max-width: 100%;
}

INPUT.type_email {
    width: 400px;
    max-width: 100%;
}

INPUT.type_date {
    width: 88px;
    max-width: 100%;
}

INPUT.type_telephone {
    width: 120px;
    max-width: 100%;
}

INPUT.type_coupon {
    width: 160px;
    max-width: 100%;
}

INPUT.type_referral {
    width: 300px;
    max-width: 100%;
}

INPUT.type_username {
    width: 300px;
    max-width: 100%;
}

INPUT.type_password {
    width: 300px;
    max-width: 100%;
}

TEXTAREA.type_comment {
    width: 100%;
    height: 82px;
}

SELECT.type_location {
    width: 200px;
    max-width: 100%;
}

SELECT.type_time {
    width: 100px;
    max-width: 100%;
}

SELECT.type_sessionPackage {
    width: 250px;
    max-width: 100%;
}

SELECT.type_sessionType {
    width: 250px;
    max-width: 100%;
}

SELECT.type_chooseSessionPictureStatus {
    width: 115px;
    max-width: 100%;
}

SELECT.type_orderStatus {
    width: 120px;
    max-width: 100%;
}


.buttons {
    margin-top: 18px;
}

.buttons DIV {
    padding-left: 0px;
}

.buttons SPAN:not(:first-child) {
    margin-left: 8px;
}

.button {
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    border-radius: 2px;
    background-color: #f0f0f0;
    color: #000000;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    cursor: pointer;
}

.button:hover {
    background-color: #d5d5d5;
    color: #000000;
}


















/* ................................................................... window ................... */

.window {
    border: 1px;
    border-color: #000000;
    border-style: solid;
    background-color: #d0d0d0;
}

.window .header {
    height: 44px;
    border-bottom: 1px;
    border-bottom-color: #000000;
    border-bottom-style: solid;
    background-color: #353535;
}

.window .body {
    padding-left: 10px;
    padding-right: 10px;
}

.window .title {
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #ececec;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    top: 7px;
}

.window .close_icon {
    padding-left: 0px;
    padding-right: 10px;
    position: relative;
    top: 10px;
}

.window .description {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 16px;
    color: #222222;
    padding-top: 25px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: justify;
    white-space: normal;
}

.window .disclaimer {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: justify;
}

.window .prompt {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    padding-top: 4px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 5px;
    text-align: right;
}

.window .buttons {
    margin-top: 0px;
    padding-top: 18px;
    padding-bottom: 15px;
    text-align: center;
}

.window .captcha {
	padding-top: 16px;
	padding-left: 10px;
}

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

.window .field {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    padding-top: 4px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 4px;
}

.window .message {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 4px;
    padding-left: 0px;
    padding-right: 0px;
}

.window .separator {
    background-color: #4d5a60;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 1px;
}

.window .spacer {
    height: 15px;
}

.window .mandatory {
    color: #600000;
}


/* ................................................................... windows ................... */

#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
    display: none;
}

#boxes .window {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 9999;
}

#boxes .body {
    min-height: 50px;
    max-height: 550px;
    overflow: auto;
}

#window_sessionExpirationWarning {
    width: 400px;
}

#window_sessionExpiredNotification {
    width: 400px;
}

#window_serverSessionExpiredNotification {
    width: 400px;
}

#window_ajaxCallTimeoutError {
    width: 400px;
}

#window_ajaxCallGeneralError {
    width: 400px;
}