@font-face {
    font-family: 'DINPro-Regular';
    font-style: normal;
    font-weight: normal;
    src: local('DINPro-Regular'), url('/fonts/DINPro-Regular_13937.woff') format('woff');
}

body{font-family:'DINPro-Regular',Arial, Helvetica, sans-serif}
header{
    width: 100%;
    max-width: 830px;
    box-sizing: border-box;
    margin: 10px auto;
    text-align:right;
}
main {
    width: 100%;
    max-width: 830px;
    box-sizing: border-box;
    margin: 10px auto;
    border: 1px solid #aaaaaa;
    padding: 15px;
}
footer{
    width: 100%;
    max-width: 830px;
    box-sizing: border-box;
    margin: 10px auto;
    padding: 15px;
    position:relative;
    line-height:16px;
    font-size:12px;
    color:#b1b2b4;
}
footer .right{
    position: absolute;
    top: 0px;
    right: 0px;
    text-align:right;
}
footer a{
    color:#b1b2b4;
    text-decoration:none;
}
h1,h2,h3{color:#8dbe1e; font-weight:normal}
h1{font-size:32pt}
h2{font-size:24pt; font-weight:bold}
ul{list-style-type:none; padding-left:0px}
input, select, textarea {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:none;
    border-radius:0;
    font-size:1em;
    width:100%;
    display:-webkit-box;
}
input[type='checkbox'] {
    width:15px;
    height:15px;
    padding:5px;
    margin-right:8px;
    float:left;
    background-color:#ffffff;
    border:1px solid #aaa;
    cursor:pointer;
    border-radius:0px; 
}
input[type='checkbox']:checked {
    background:url(/img/check.svg) no-repeat center center #ffffff;
    background-size:90%;
}
input[type='radio'] {
    width:15px;
    height:15px;
    padding:5px; margin-right:8px;
    float:left;
    background-color:#ffffff;
    border:1px solid #aaa;
    cursor:pointer;
    border-radius:100%;
}
input[type='radio']:checked {
    background-color:#000000;
    border:1px solid #aaa;
}
input[type='input'] {
    border:1px solid #aaa;
    width:200px;
    padding:10px;
    background-color:#ebf1de;
    float:none;
    clear:both;	
}
input[type='email'] {
    border:1px solid #aaa;
    width:300px;
    padding:10px;
    background-color:#ebf1de;
    float:none;
    clear:both;	
}
input[type='email'][disabled] {
    width:350px;
    color:#000000;
    background-color:#eeeeee;
}
input[type='submit'] {
    width:200px;
    padding:15px;
    color:#ffffff;
    background:#8dbe1e;
    font-size:16pt;
    cursor:pointer;
}

#subscriptionsSubmit,#unsubSubmit {
    width:auto;
    padding:15px;
    color:#ffffff !important;
    background:#8dbe1e;
    font-size:16pt;
    cursor:pointer;
    text-decoration: none;
}

a.button {
    display:inline-block;
    width:200px;
    padding:15px;
    color:#ffffff;
    background:#8dbe1e;
    font-size:16pt;
    text-decoration:none;
    text-align:center;
}

label {
    line-height:23px;
    cursor:pointer;
}

ul.inline li {
    float:left;
    margin-right:30px;
}
span.explain {
    display:-webkit-box; font-size:12pt; line-height:16pt; max-width:810px;
}
.errorfocus{
    outline-color:#ff0000;
    outline-offset:-2px;
    outline-style:auto;
    outline-width:5px;
}

.ui-widget-overlay {
    background: #000000;
    opacity: 0.4;
}
.ui-dialog-titlebar,.ui-widget-header{
    background:#FFFFFF;
    border:none;
}
.ui-button .ui-icon {
    background-image:url(https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/images/ui-icons_ffffff_256x240.png) !important;
}
.ui-dialog .ui-dialog-titlebar-close {
    color:#FFFFFF;
    background:#8dbe1e;
}
.logo img {max-width: 160px; height: auto;}
#logo{max-width: 284px; height: auto;}