*, *:after, *:before { box-sizing: border-box; -moz-box-sizing: border-box; }
html { min-height: 100%; }
body { margin: 0; color: #3a3a3a; font-family: Lato, "Open Sans", sans-serif; font-size: 16px; -webkit-font-smoothing: antialiased; min-height: 100%; }
h1 { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 36px; line-height: 120%; font-weight: bolder; color: #586474; margin: 0 0 30px; padding-top: 50px; }
h2 { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 24px; line-height: 120%; font-weight: bolder; color: #586474; }
h3 { font-size: 14px; color: #586474; margin: 2em 0 1em; font-weight: 700; }
h4 { font-size: 14px; color: #586474; font-weight: 600; }
ul { list-style-type: none; margin: 0; padding: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
a, a:visited { text-decoration: underline; color: #0277bd; }
a:hover { text-decoration: none; }
.content { width: 970px; margin: 0 auto; min-height: 400px; position: relative; }
.fy-logo { display: inline-block; position: relative; z-index: 1; width: 185px; height: 80px; background-repeat: no-repeat; background-color: transparent; background-size: auto 80px; }
body.de_DE .fy-logo { background-image: url(/assets/img/de_DE/finya_logo_local_header@2X.png); }
body.de_AT .fy-logo { background-image: url(/assets/img/de_AT/finya_logo_local_header@2X.png); }
body.de_CH .fy-logo { background-image: url(/assets/img/de_CH/finya_logo_local_header@2X.png); }
.reg { vertical-align: text-top; font-size: 50%; font-weight: 300; padding: 0 2px;}

header { width: 970px; margin: 0 auto; position: relative; padding-top: 10px; }
footer { color: #ffffff; height: 155px; width: 970px; margin: 0 auto; opacity: .9; text-align: center; font-size: 12px; line-height: 26px; }
footer ul li { display: inline-block; color: #ffffff; padding-right: 6px;}
footer ul li:last-child { padding-right: 0;}
footer a { color: #ffffff !important; }

footer .follow { display: inline-block; width: 29px; height: 29px; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-color: transparent; }
.follow-fb { background-image: url(/assets/img/follow_facebook_h20.png); }
.follow-tw { background-image: url(/assets/img/follow_twitter_h20.png); }

input, button, select, label, textarea { position: relative; z-index: 1; }
input, button, textarea, select { font-family: "Open Sans",sans-serif; font-size: 13px; color: #3a3a3a; }

body.show-login { margin-top: 70px; }
body.show-login #lnkToggleLogin>span { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

select,
textarea,
input[type=text],
input[type=password] { border: 1px solid #c4c4c4; border-radius: 2px; padding: 4px 8px; transition: border-color .05s linear 0s; -webkit-transition: border-color .05s linear 0s; }
input[type=text]:focus,
input[type=password]:focus { border-color: #aeaeae; box-shadow: 0 0 3px rgba(34, 112, 185, .3); }
::-webkit-input-placeholder { color: #949494; }
::-moz-placeholder { color: #949494; }
:-ms-input-placeholder { color: #949494; }
input:-moz-placeholder { color: #949494; }

fieldset > div { margin-bottom: 10px; }
.err { opacity: 0; color: #ff0000; font-size: 11px; position: absolute; width: 100%; height: 100%; padding-left: 320px; line-height: 27px; border-left: solid #ff0000 2px; top: 0; left: -10px; z-index: 0;
	transition: opacity .15s linear 0s;
	-webkit-transition: opacity .15s linear 0s;
}
.err a { color: #ff0000; }

body.info { background: #ffffff url(/assets/img/mood/bg_home2_new_faded.jpg) no-repeat center bottom; background-size: 100% auto; }
body.info .content { font-size: 14px; }
body.info footer { margin-top: 200px; color: inherit; border-top: solid #ffffff 1px; padding-top: 16px; }
body.info footer a { color: #3a3a3a !important; }
body.info footer .follow-fb { background-image: url(/assets/img/follow_facebook_h20_inv.png); }
body.info footer .follow-tw { background-image: url(/assets/img/follow_twitter_h20_inv.png); }

/* Captcha */
#captcha-wrapper { width: 360px; height: auto; background-color: white; padding: 10px; position: relative; z-index: 1; border: 1px solid #c4c4c4; border-radius: 2px; }
#captcha-wrapper p, #captcha-wrapper .small { font-size: 12px; letter-spacing: normal; }

/* Content tables */
th { font-weight: 400; text-decoration: underline; }
td, th { text-align: left; padding-right: 2em; }

/* Multiple Column Layouts */

.multicol:before, .multicol:after { content: " "; display: table; }
.multicol:after { clear: both; }
.col { float: left; width: 310px; margin-right: 20px; min-height: 1px; }
.col:last-child { margin-right: 0; }
.multicol-2 .col:nth-of-type(1) { width: 640px; }

ul.enum { padding-left: 20px; list-style-type: disc; }
ul.enum li { margin-bottom: 10px; }

.mobile0 { display: none; }
