/* 
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

/* SPM */
.spm-popup { padding:10px 20px 20px 20px; }
.spm-popup ul { margin-left:17px; margin-top:10px; }
.spm-popup-label { font-weight:bold; margin-top:10px;}
.spm-mgr-t10 { margin-top: 10px;}
.spm-col-1 { width:50%; display:inline-block; z-index:1; *display:inline; }
.spm-text-right { text-align:right; }
.spm-error { color: #ff0000; margin-bottom:25px; }

.spm-form * { font-family: "Sparkasse Web", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.spm-form { background-color:#f5f5f5; color:#333333; background-image: url('./spmimages/login-bkg.jpg'); background-repeat: no-repeat; background-position: top center; }
.spm-inlineblock { display:inline-block; zoom:1; *display:inline; }
.spm-relative { position:relative; }
.spm-form-container { width:900px; margin:0 auto; }
.spm-form-container p { font-size:11px; color:#797777; margin-bottom:15px; }
.spm-form-container a { text-decoration:underline; color:#797777; font-size:11px; }
.spm-form-container form { width:410px; margin:0 auto; }
.spm-form-container-inner { background-color:#fff; border-top:3px; border-top-color:#ff0000; border-top-style:solid; width:570px; padding:55px 30px 30px 30px; margin:200px auto; }
.spm-form-header { margin-bottom:40px; }
.spm-form-header h2 { font-size:30px; font-weight:normal; margin-bottom:20px; }
.spm-form-submit { text-align:right; margin-bottom:25px; }
.spm-form-submit input { background:url('./spmimages/login-btn.png') top right no-repeat; padding:5px 32px 0 0; height:32px; margin:0; border:0; background-color:transparent; font-size:18px; font-weight:bold; color:#797777; cursor:pointer; }
.spm-form-footer { margin-top:30px; }
.spm-form-logo { width:100%; text-align:right; }
.spm-form-field { margin-bottom:20px; }
.spm-form-field input, .spm-form-field select { border:0; background-color:#f0f0f0 !important; width:386px; color:#797777 !important; height:16px; padding:7px 12px; border-radius:5px; margin-top:5px; }
.spm-form-field select { height:30px; padding:5px 0 5px 9px; }
.spm-form-field select { width:410px; }
.spm-form-field label { color:#797777; }
.spm-form-field input.error, .spm-form-field select.error { border:1px solid #ff0000; margin:4px -1px -1px -1px; }
.spm-tooltip-error { margin:5px 0 0 12px; color:#ff0000; font-size:12px; }
.spm-form-error { border:1px solid #ff0000; color:#ff0000; padding:10px; border-radius:5px; }
/* WebKit, Blink, Edge */
.spm-form-field > *::-webkit-input-placeholder { color:#797777; }
.spm-form-field > *.error::-webkit-input-placeholder  { color:#ff0000; }
/* Mozilla Firefox 4 to 18 */
.spm-form-field > *:-moz-placeholder { color:#797777; opacity:1; }
.spm-form-field > *.error:-moz-placeholder { color:#ff0000; opacity:1; }
/* Mozilla Firefox 19+ */ 
.spm-form-field > *::-moz-placeholder { color:#797777; opacity:1; }
.spm-form-field > *.error::-moz-placeholder { color:#ff0000; opacity:1; }
/* Internet Explorer 10-11 */
.spm-form-field > *:-ms-input-placeholder { color:#797777;}
.spm-form-field > *.error:-ms-input-placeholder { color:#ff0000; }
.spm-form-question { position:absolute; right:-26px; top:27px; cursor:pointer; }
.spm-form-question span { display:none; cursor:pointer; position: absolute; left: 22px; font-size: 12px; padding: 4px; border-radius: 5px; background-color: #f0f0f0; color:#797777; }
.spm-form-question:hover span { display:inline; }