/* formular */
.formular {
    overflow: hidden;
}




/* formular-success */
.formular-success {
    display: none;
}

.formular-success h6 {
    text-align: center;
    font-size: 1.5em;
    line-height: 1.5em;
    font-weight: 100;
    color: #66cc99;
}

.formular-success p {
    margin: 1em 0 0 0;
    text-align: center;
    font-size: 0.75em;
    line-height: 1.25em;
    font-weight: 400;
    color: #333;
}

.formular-success p a {
    color: #3399ff;
    text-decoration: none;
}

.formular-success p a:hover {
    text-decoration: underline;
}




/* formular-paragraph */
/*
.formular .formular-paragraph {
    margin: 0.875em 0;
    font-size: 0.75em;
    line-height: 1.25em;
    font-weight: 400;
    color: #999;
}

.formular .formular-paragraph a {
    color: #3399ff;
    text-decoration: none;
}

.formular .formular-paragraph a:hover {
    text-decoration: underline;
}
*/




/* formular-title */
/*
.formular h3.formular-title {
    margin: 1em 0;
    font-size: 1.5em;
    line-height: 1.5em;
    font-weight: 100;
    color: #66cc99;
}

.formular h6.formular-title {
    margin: 0.75961538em 0;
    font-size: 0.8125em;
    line-height: 1.25em;
    font-weight: 600;
    color: #000;
}
*/




/* formular-label */
/*
.formular p.formular-label {
    max-height: 2.5em;
    margin: 0.875em 0;
    display: block;
    overflow: hidden;
    font-size: 0.75em;
    line-height: 1.25em;
    font-weight: 400;
    color: #666;
}
*/




/* formular-text */
.formular .formular-text {
    display: block;
    margin: 0.25em 0;
    padding: 0.25em 0.5em;
    overflow: hidden;
    border: 1px solid #d5d5d5;
}

.formular .formular-text.formular-error {
    border-color: #900; /*#ff4d4d;*/
    border: 2px solid #900;
}

.formular .formular-text input[type="text"] {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: url(images/text.png) no-repeat 0 0 transparent;
    text-indent: 0.5em;
    font-size: 0.75em;
    line-height: 1.5em;
    font-weight: 400;
    color: #fff;
}
.formular .formular-text input[type="password"] {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: url(images/text.png) no-repeat 0 0 transparent;
    text-indent: 0.5em;
    font-size: 0.75em;
    line-height: 1.5em;
    font-weight: 400;
    color: #fff;
}

.formular .formular-text input[type="text"][size] {
    width: auto;
    background: transparent;
    text-indent: 0;
}

.formular .formular-text input[type="text"]:focus {
    background: transparent;
    text-indent: 0em;
}




/* formular-textarea */
.formular .formular-textarea {
    display: block;
    margin: 0.25em 0;
    padding: 0.25em 0.5em;
    overflow: hidden;
    border: 1px solid #d5d5d5;
}

.formular .formular-textarea.formular-error {
    border-color: #ff4d4d;
}

.formular .formular-textarea textarea {
    float: left;
    width: 100%;
    height: 15em;
    outline: none;
    border: none;
    resize: none;
    background: url(images/textarea.png) no-repeat 0 0 transparent;
    word-wrap:break-word;
    text-indent: 0.5em;
    font-size: 0.75em;
    line-height: 1.5em;
    font-weight: 400;
    color: #000;
}

.formular .formular-textarea textarea:focus {
    background: transparent;
    text-indent: 0em;
}




/* formular-select */
.formular .formular-select {
    position: relative;
    display: block;
    margin: 0.25em 0;
    padding: 0 1.5em 0 0.5em;
    height: 1.625em;
    overflow: hidden;
    border: 1px solid #d5d5d5;
    background: url(images/select.png) no-repeat right center transparent;
   background-color:#d4d4d4;
    cursor: pointer;
}

.formular .formular-select:hover {
    background-color: #f9f9f9;
}

.formular .formular-select.formular-error {
    border-color: #900;
}

.formular .formular-select select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    outline: none;
    border: 0;
    -webkit-appearance: none;
    opacity: 0;
    filter: alpha(opacity=0);
}

.formular .formular-select > span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.75em;
    line-height: 2.16666667em;
    font-weight: 400;
    color: #999;
}

.formular .formular-select.selected > span {
    color: #000;
}




/* formular-checkbox */
.formular .formular-checkbox {
    position: relative;
    display: block;
    margin: 0.25em 0;
    padding: 0 0 0 0.875em;
    height: 1.75em;
    overflow: hidden;
    background: url(images/checkbox.png) no-repeat 0 0 transparent;
}

.formular .formular-checkbox.formular-error {
    background-position: 0 -3.5em;
}

.formular .formular-checkbox.checked {
    background-position: 0 -1.75em;
}

.formular .formular-checkbox.checked.formular-error {
    background-position: 0 -5.25em;
}

.formular .formular-checkbox input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.875em;
    height: 100%;
    -webkit-appearance: none;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    font-size: 1em;
}

.formular .formular-checkbox > span {
    display: block;
    margin-left: 0.66666667em;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.75em;
    line-height: 2.33333333em;
    font-weight: 400;
    color: #666;
}

.formular .formular-checkbox > span a {
    color: #3399ff;
    text-decoration: none;
}

.formular .formular-checkbox > span a:hover {
    text-decoration: underline;
}




/* formular-radio */
.formular .formular-radio {
    position: relative;
    display: block;
    margin: 0.25em 0;
    padding: 0 0 0 0.875em;
    height: 1.75em;
    overflow: hidden;
    background: url(images/radio.png) no-repeat 0 0 transparent;
}

.formular .formular-radio.formular-error {
    background-position: 0 -3.5em;
}

.formular .formular-radio.checked {
    background-position: 0 -1.75em;
}

.formular .formular-radio.checked.formular-error {
    background-position: 0 -5.25em;
}

.formular .formular-radio input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.875em;
    height: 100%;
    -webkit-appearance: none;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    font-size: 1em;
}

.formular .formular-radio > span {
    display: block;
    margin-left: 0.66666667em;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.75em;
    line-height: 2.33333333em;
    font-weight: 400;
    color: #666;
}

.formular .formular-radio > span a {
    color: #3399ff;
    text-decoration: none;
}

.formular .formular-radio > span a:hover {
    text-decoration: underline;
}




/* formular-submit */
.formular .formular-submit {
    position: relative;
    display: block;
    margin: 0.25em 0;
    padding: 0 0.5em;
    height: 1.75em;
    overflow: hidden;
    background: #ff4d4d;
    cursor: pointer;
}

.formular .formular-submit.formular-loader {
    text-indent: -9999px;
    background: url(images/ajax-loader.gif) no-repeat center center #000;
}

.formular .formular-submit:hover {
    background-color: #ababab;
}   

.formular .formular-submit input[type="submit"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    outline: none;
    border: 0;
    -webkit-appearance: none;
    opacity: 0;
    filter: alpha(opacity=0);
}

.formular .formular-submit > span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.75em;
    line-height: 2.33333333em;
    font-weight: 400;
    color: #fff;
}


/* [gst]: Sidebar Submit Buttons */
div#sidebar .formular .formular-submit {
  position: absolute; bottom: 0; left:0; width: 280px; background:#bbb;
}
div#sidebar .formular .formular-submit:hover {
    background-color: #66cc99;
}   

div.paket .formular {
    
    
}
/* formular-reset */
.formular .formular-reset {
    position: relative;
    display: block;
    margin: 0.25em 0;
    padding: 0 0.5em;
    height: 1.75em;
    overflow: hidden;
    background: #ccc;
    cursor: pointer;
}

.formular .formular-reset:hover {
    background: #000;
}   

.formular .formular-reset input[type="reset"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    outline: none;
    border: 0;
    -webkit-appearance: none;
    opacity: 0;
    filter: alpha(opacity=0);
}

.formular .formular-reset > span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.75em;
    line-height: 2.33333333em;
    font-weight: 400;
    color: #fff;
}




/* formular-file */
.formular .formular-file {
    position: relative;
    display: block;
    margin: 0.25em 0;
    padding: 0 1.5em 0 0.5em;
    height: 1.625em;
    overflow: hidden;
    border: 1px solid #d5d5d5;
    background: url(images/file.png) no-repeat right center transparent;
    cursor: pointer;
}

.formular .formular-file:hover {
    background-color: #f9f9f9;
}

.formular .formular-file.formular-error,
.formular .formular-file.formular-error:hover {
    border-color: #ff4d4d;
}

.formular .formular-file input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    outline: none;
    border: 0;
    -webkit-appearance: none;
    opacity: 0;
    filter: alpha(opacity=0);
}

.formular .formular-file > span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.75em;
    line-height: 2.16666667em;
    font-weight: 400;
    color: #999;
}

.formular .formular-file.selected > span {
    color: #000;
}




/* formular-button */
.formular .formular-button {
    position: relative;
    min-width: 0.25em;
    height: 1.025em;
    display: block;
    margin: 0.25em 0;
    padding: 0 0.5em;
    overflow: hidden;
    border: 1px solid #d5d5d5;
    cursor: pointer;
    background-color:#000;
}

.formular .formular-button:hover {
    border-color: #999;
}

.formular .formular-button.checked,
.formular .formular-button.checked:hover {
    border-color: #ccc;
}

.formular .formular-button.checked > span,
.formular .formular-button.checked > span:hover {
    color: #ccc;
}

.formular .formular-button.formular-error {
    border-color: #ff4d4d !important;
}

.formular .formular-button button,
.formular .formular-button input[type="checkbox"],
.formular .formular-button input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: none;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    opacity: 0;
    filter: alpha(opacity=0);
}

.formular .formular-button > span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    font-size: 0.75em;
    line-height: 2.16666667em;
    font-weight: 400;
    color: #999;
}

.formular .formular-button[data-icon] {
    background: url(images/button.png) no-repeat 0 0 transparent;
}

.formular .formular-button[data-icon]:hover {
    border-color: #666;
}

.formular .formular-button[data-icon].checked,
.formular .formular-button[data-icon].checked:hover {
    border-color: #333;
}

.formular .formular-button[data-icon="paid"] {
    background-position: 0 0;
}

.formular .formular-button[data-icon="paid"].checked {
    background-position: 0 -1.625em;
}

.formular .formular-button[data-icon="sent"] {
    background-position: -1.25em 0;
}

.formular .formular-button[data-icon="sent"].checked {
    background-position: -1.25em -1.625em;
}

.formular .formular-button[data-icon="rated"] {
    background-position: -2.5em 0;
}

.formular .formular-button[data-icon="rated"].checked {
    background-position: -2.5em -1.625em;
}

.formular .formular-button[data-icon="completed"] {
    background-position: -3.75em 0;
}

.formular .formular-button[data-icon="completed"].checked {
    background-position: -3.75em -1.625em;
}

.formular .formular-button[data-icon="returns"] {
    background-position: -5em 0;
}

.formular .formular-button[data-icon="returns"].checked {
    background-position: -5em -1.625em;
}

.formular .formular-button[data-icon="canceled"] {
    background-position: -6.25em 0;
}

.formular .formular-button[data-icon="canceled"].checked,
.formular .formular-button[data-icon="canceled"].checked:hover {
    background-position: -6.25em -1.625em;
    border-color: #ff4d4d;
}

.formular .formular-button[data-icon="unread"] {
    background-position: -7.5em 0;
}

.formular .formular-button[data-icon="unread"].checked {
    background-position: -7.5em -1.625em;
}

.formular .formular-button[data-icon="read"] {
    background-position: -8.75em 0;
}

.formular .formular-button[data-icon="read"].checked {
    background-position: -8.75em -1.625em;
}

.formular .formular-button[data-icon="answered"] {
    background-position: -10em 0;
}

.formular .formular-button[data-icon="answered"].checked {
    background-position: -10em -1.625em;
}

.formular .formular-button[data-icon="spam"] {
    background-position: -11.25em 0;
}

.formular .formular-button[data-icon="spam"].checked {
    background-position: -11.25em -1.625em;
}

.formular .formular-button[data-icon="cart"] {
    background-position: -12.5em 0;
}

.formular .formular-button[data-icon="cart"].checked {
    background-position: -12.5em -1.625em;
}

.formular .formular-button[data-icon="info"] {
    background-position: -13.75em 0;
}

.formular .formular-button[data-icon="info"].checked {
    background-position: -13.75em -1.625em;
}




/* transitions */
.formular .formular-select,
.formular .formular-file,
.formular .formular-submit,
.formular .formular-reset {
    -webkit-transition-property: -webkit-transform, background-color;
    -moz-transition-property: -moz-transform, background-color;
    -ms-transition-property: -ms-transform, background-color;
    transition-property: transform, background-color;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s;
}



/* [gst] sidebar search form */
 
form[data-form="search"] .formular-text {
    display: block;
    margin: 0.25em 0;
    padding: 0.25em 0.5em;
    overflow: hidden;
    border: 1px solid #d5d5d5;
}

form[data-form="search"] .formular-text.formular-error {
    border-color: #ff4d4d;
}

form[data-form="search"] .formular-text input[type="text"] {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: url(images/text.png) no-repeat 0 0 transparent;
    text-indent: 0.5em;
    font-size: 0.75em;
    line-height: 1.5em;
    font-weight: 400;
    color: #000;
}

form[data-form="search"] .formular-text input[type="text"][size] {
    width: auto;
    background: transparent;
    text-indent: 0;
}

 form[data-form="search"] .formular-text input[type="text"]:focus {
    background: transparent;
    text-indent: 0em;
}
.formular-checkbox-1,
.formular-button-1 {
    margin: 2.3125em 0 !important;
}

.formular-checkbox-2,
.formular-button-2 {
    margin: 0 0;
}



.formular-checkbox-3,
.formular-button-3 {
    margin: 0 0 !important;
}

.formular-checkbox-4 {
    height: 1.166666667em !important;
    margin: 0 0 !important;
    background-position: 0 -32px !important;
}

.formular-checkbox-4.checked {
    background-position: 0 -4px !important;
}

.formular-checkbox-4 input[type='checkbox'] {
    top: 2px !important;
}

.formular-checkbox-5 {
    margin: 1.6875em 0 !important;
}

.formular-checkbox-6 {
    margin: 0.375em 0 !important;
}
/* input:file */
                        form span[data-input="file"] {
                            position: relative;
                            width: 280px;
                            height: 25px;
                            display: block;
                            overflow: hidden;
                            font-size: 14px;
                            line-height: 25px;
                            font-weight: 400;
                            color: #fff;
                            margin:10px 0 0 0;
                        }
                        
                            form span[data-input="file"] span {
                                height: 25px;
                                display: block;
                                padding: 0 10px;
                                font-size: 14px;
                                line-height: 25px;
                                font-weight: 400;
                                color: #333;
                                overflow: hidden;
                                background: transparent;
                            }
                            
                            form span[data-input="file"] span:first-child {
                                float: left;
                                color: #fff;
                                background: graytext;
                                -webkit-transition: background 600ms ease;
                                -moz-transition: background 600ms ease;
                                -o-transition: background 600ms ease;
                                -ms-transition: background 600ms ease;
                                transition: background 600ms ease;
                            }
                            
                            form span[data-input="file"]:hover span:first-child {
                                background: #ccc;
                            }
                        
                             form span[data-input="file"] input[type="file"] {
                                position: absolute;
                                top:0;
                                left:0;
                                right: 0;
                                bottom: 0;
                                opacity: 0;
                                filter: alpha(opacity = 0);
                                cursor:pointer;
                            }