/*<license>
Copyright (c) 2010, 2011, triptic bv
All Rights Reserved.

This source is subject to the qdo LICENSE AGREEMENT.
Please see the 'License.txt' file for more information.
All other rights reserved.

THIS CODE AND INFORMATION ARE PROVIDED "AS IS" WITHOUT WARRANTY OF ANY
KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND/OR FITNESS FOR A
PARTICULAR PURPOSE.
</license>*/
/* RESET */
html, body, h1, h2, h3, h4, h5, h6, p, img, fieldset, legend, blockquote  { border: 0; margin: 0; padding: 0; }
.clear                                     { clear: both; margin: 0; padding: 0; }

html                                       { background: #efeeed; height: 100%; }
body                                       { font-family: 'Open Sans', arial, helvetica, sans-serif; font-size: 80%; height: 100.2%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


/* Font-face */
@font-face                                 { font-family: 'CandelaBook'; src: url('../fonts/CandelaBook-webfont.eot'); src: url('../fonts/CandelaBook-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/CandelaBook-webfont.woff') format('woff'), url('../fonts/CandelaBook-webfont.ttf') format('truetype'), url('../fonts/CandelaBook-webfont.svg#CandelaBook') format('svg'); font-weight: normal; font-style: normal; font-smooth: always; -webkit-font-smoothing: antialiased; }
@font-face                                 { font-family: 'CandelaBookItalic'; src: url('../fonts/CandelaItalic-webfont.eot'); src: url('../fonts/CandelaItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/CandelaItalic-webfont.woff') format('woff'), url('../fonts/CandelaItalic-webfont.ttf') format('truetype'), url('../fonts/CandelaItalic-webfont.svg#CandelaBookItalic') format('svg'); font-weight: normal; font-style: normal; font-smooth: always; -webkit-font-smoothing: antialiased; }
@font-face                                 { font-family: 'CandelaBold'; src: url('../fonts/CandelaBold-webfont.eot'); src: url('../fonts/CandelaBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/CandelaBold-webfont.woff') format('woff'), url('../fonts/CandelaBold-webfont.ttf') format('truetype'), url('../fonts/CandelaBold-webfont.svg#CandelaBold') format('svg'); font-weight: normal; font-style: normal; font-smooth: always; -webkit-font-smoothing: antialiased; }
@font-face                                 { font-family: 'CandelaBoldItalic'; src: url('../fonts/CandelaBoldItalic-webfont.eot'); src: url('../fonts/CandelaBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/CandelaBoldItalic-webfont.woff') format('woff'), url('../fonts/CandelaBoldItalic-webfont.ttf') format('truetype'), url('../fonts/CandelaBoldItalic-webfont.svg#CandelaBoldItalic') format('svg'); font-weight: normal; font-style: normal;font-smooth: always; -webkit-font-smoothing: antialiased; }

/* STRUCTURE */
div.sitewrap                               { position: relative; padding-top: 57px; }
div.sitewrap.background-image              { background: #ffffff url("../images/background_forest.svg") center 101% no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; }
div.centersite                             { position: relative; margin: 0 auto; padding: 0 10px; max-width: 1200px; }
div.nojs                                   { position: relative; z-index: 999999; background: #E2001A; color: #FFFFFF; font-size: 12px; padding: 4px 0 4px; width: 100%; text-align: center; }

/* Header */
div.header                                 { position: fixed; overflow: hidden; top: 0; right: 0; left: 0; z-index: 10; background: #c8ca4f; -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15); box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15);
                                            -webkit-transition: max-height 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
                                               -moz-transition: max-height 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
                                                 -o-transition: max-height 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
                                                    transition: max-height 150ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}
div.header.menu-open,
div.header.search-open                     { -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.25); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.25); }


/* searchbox */
div.searchbox                              { display: none; padding: 9px 0 8px; background: rgba(0,0,0,0.05); }
div.searchbox form                         { margin: 0; padding: 0; }
div.searchbox form fieldset                { display: block; }
div.searchbox form legend                  { display: none; }
div.searchbox form label                   { display: none; }
div.searchbox form input.text              { position: relative; border: 1px solid #ffffff; background: #ffffff; height: 23px; line-height: 23px; padding: 3px 5px 3px 10px; width: calc(100% - 71px); float: left; font-size: 16px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; behavior: url('htc/PIE.htc'); }
div.searchbox form button.button           { position: relative; border: 1px solid #ffffff; background: #ffffff; color: #000000; padding: 0 10px; height: 31px; float: left; font-size: 13px;
                                             -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; behavior: url('htc/PIE.htc'); }
div.searchbox form button.button:hover     { background-color: #d6d77b; color: #98194e; }
div.searchbox form input.text:focus+button { background-color: #d6d77b; }

div.mainwrap                               { margin-bottom: -1px; /*Fix for background image showing white line */ z-index: 2; border: none; outline: none; }

div.contentwrap                            { color: #292929; padding: 20px 0 55px 0; }
div.mainwrap:not(.homepage) div.contentwrap{ padding: 30px 0; }
div.menu                                   { display: none; margin: 10px 0 0 0; min-height: 26px; padding: 7px 0; }
div.submenu                                { display: none; }
div.submenu,
div.flowmenu                               { }
div.servicemenu                            {  }
div.contentbox                             { padding: 10px; min-height: 437px; /*ackground: rgba(255,255,255,0.5);*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
                                             behavior: url('htc/PIE.htc'); }
div.content                                { max-width: 740px; }
div.smallcontent                           { padding: 30px 15px; }
div.smallcontent>div.content               { float: none; max-width: 590px; margin: 0 auto; }
div.widecontent                            { padding: 30px 10px 30px; min-height: 410px; background: url(../images/content_bg.png) 0 0 repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
                                             behavior: url('htc/PIE.htc'); }
div.widecontent>div.content                { float: none; width: auto; font-size: 15px; }

div.aside                                  { float: right; width: 220px; font-size: 0.9em; }
div.aside div.inner                        { padding-right: 20px; }
div.aside>div.inner>div                    { margin: 0 0 20px; } /*margin between attentionareas*/

div.footer                                 { clear: both; }
a.logo                                     { }
a.logo img                                 { width: 146px; height: auto; }

div.quicklink ol                           { position: absolute; z-index: 999; top: 15px; left: 45%; margin: 0; padding: 0; list-style: none; }
div.quicklink ol li                        { float: left; }
div.quicklink a                            { position: absolute; left: 0; top: -50em;  width: 1px;  height: 1px; overflow: hidden; }
div.quicklink a:active,
div.quicklink a:focus                      { position: static; width: auto; height: auto; background: #ffffff; padding: 3px; }

/* ELEMENTS */
a                                          { color: #074c64; text-decoration: none; outline: none; font-weight: bold; }
div.wysiwyg p a                            { text-decoration: underline; }
a:hover                                    { color: #000000; text-decoration: underline; }

h1                                         { font-family: 'Open Sans', arial, helvetica, sans-serif; font-size: 2.125em/*34px*/; line-height: 34px; color: #98194e; padding: 0 0 0.7em 0; font-weight: bold; }
div.hpwidecontent h1                       { font-size: 1.688em/*27px*/; padding: 0 0 0.7em 0; }
h2                                         { font-family: 'Open Sans', arial, helvetica, sans-serif; font-size: 1.500em/*24px*/; line-height: 24px; color: #98194e; padding: 0 0 0.5em 0; font-weight: bold; }
h2 a, h2 a:hover                           { color: #98194e; text-decoration: none; } /*TOC*/
div.tabcontent h2                          { padding: 0 0 0.3em 0; font-size: 1.250em/*20px*/; }
h3                                         { font-family: 'Open Sans', arial, helvetica, sans-serif; font-size: 1.250em/*20px*/; color: #074c64; padding: 0 0 0.5em; font-weight: bold; }
h3 a                                       { color: #98194e; text-decoration: none; }
h3 a:hover                                 { color: #98194e; text-decoration: underline; }
h4                                         { font-family: 'Open Sans', arial, helvetica, sans-serif; font-size: 1.125em/*18px*/; color: #98194e; padding: 0 0 0.2em; font-weight: bold; }
h4 a                                       { color: #98194e; text-decoration: none; }
h4 a:hover                                 { color: #98194e; text-decoration: underline; }
h5                                         { font-family: 'Open Sans', arial, helvetica, sans-serif; font-size: 1.125em/*18px*/; color: #074c64; padding: 0 0 0.2em; font-weight: bold; }
h6                                         { font-family: 'Open Sans', arial, helvetica, sans-serif; font-size: 0.875em/*14px*/; color: #98194e; padding: 0 0 0.2em; font-weight: bold; }

ul                                         { margin: 0; padding: 0 0 0 18px; }
ol                                         { margin: 0; padding: 0 0 0 30px; }
blockquote                                 { margin: 0; padding: 0 0 0 18px; }

table                                      { padding: 0; margin: 10px 0; border: 0; width: 100%; }
td                                         { vertical-align: top; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding: 1px 5px; margin: 0; }
th                                         { vertical-align: top; text-align: left;  border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding: 1px 5px; margin: 0; }
caption                                    { font-family: Arial, Helvetica, sans-serif; color: #21428d; text-align: left; font-weight: bold; }

.pleft                                     { text-align: left; }
.pright                                    { text-align: right; }
.pcenter                                   { text-align: center; }
.pjustify                                  { text-align: justify; }

strong                                     { }
em                                         { }
sub                                        { }
sup                                        { }
hr                                         { border: 0; border-top: 1px solid #21428d; }

div.content span.ttlayer,
div.content img                            { max-width: 100%; height: auto; }

.hide-mobile                               { display: none; }
.show-mobile-zoom-message                  { margin-bottom: 20px; padding: 10px 10px 5px; background: #f2f1f0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

/* NAVIGATION */
img.mobile-menu-button                     { position: absolute; z-index: 1; top: 10px; right: 10px; padding: 5px; cursor: pointer; }
img.search-button                          { position: absolute; z-index: 1; top: 11px; right: 60px; padding: 5px; cursor: pointer; }

/* level 1 menu */
div.menu                                   { overflow-Y: auto; max-height: calc(100vh - 60px); -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
div.menu ul                                { margin: 0; padding: 0; list-style: none; }
div.menu ul>li                             { position: relative; }
div.menu ul>li>a>img                       { display: none; }
div.menu ul>li.children>a>img              { display: block; position: absolute; right: 6px; top: 14px; }
div.menu ul>li>a                           { position: relative; display: block; font-size: 15px; line-height: 36px; font-weight: bold; padding: 0 6px; margin: 0 6px 0 0; color: #074c64; text-decoration: none; outline: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url('htc/PIE.htc'); }
div.menu ul>li>a:hover                     { position: relative; background: #ffffff; background: rgba(255,255,255,0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url('htc/PIE.htc'); }
div.menu ul>li.selected>a,
div.menu ul>li.selected>a:hover            { position: relative; background: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;behavior: url('htc/PIE.htc'); }

div.menu ul>li.report-button > a           { color: #ffffff; font-size: 14px; background: #98194E; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url('htc/PIE.htc'); }
div.menu ul>li.report-button > a:hover     { background: #074c64; }

div.menu ul>li.mijntr>ul                   { margin: 30px 0 10px; }
div.menu ul>li.mijntr>ul>li>a              {  }
div.menu ul>li.mijntr>ul>li>a.login        { position: relative; color: #ffffff; font-size: 14px; background: #98194E; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url('htc/PIE.htc'); }
div.menu ul>li.mijntr>ul>li.selected>a.login,
div.menu ul>li.mijntr>ul>li>a.login:hover  { position: relative; color: #ffffff; background: #074c64; background: rgba(7,76,100,1.0); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
                                             behavior: url('htc/PIE.htc'); }

div.menu.system-message-active             { max-height: calc(100vh - 120px); }


/* level 1 submenu */
div.submenu h2                                       { color: #074c64; }
div.submenu>ul                                       { margin: 8px 0 0 0; padding: 0; list-style: none; }
div.submenu>ul>li                                    { }
div.submenu>ul>li>a,
div.submenu>ul>li>a:hover                            { position: relative; display: inline-block; width: 176px; padding: 5px 10px 5px 24px; margin: 0 0 4px; text-decoration: none; outline: none; font-size: 15px; color: #074c64; background: transparent url(../images/sprite_nav.png) 13px 10px no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
                                                       behavior: url('htc/PIE.htc'); }
div.submenu>ul>li>a:hover                            { text-decoration: underline; }
div.submenu>ul>li.selected>a:hover,
div.submenu>ul>li.selected>a                         { color: #FFFFFF; text-decoration: none; background: #074c64 url(../images/sprite_nav.png) 13px -117px no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
                                                       behavior: url('htc/PIE.htc'); }
/* level 2 submenu */
div.submenu>ul>li>ul                                 { padding: 0 0 24px 24px; margin: 0; list-style: none; display: none; }
div.submenu>ul>li.selected>ul                        { display: block; }
div.submenu>ul>li>ul>li                              { padding: 5px 0 5px 13px; background: transparent url(../images/sprite_nav.png) 0 -246px no-repeat; }
div.submenu>ul>li.selected>ul>li>a                   { font-weight: normal; color: #292929; display: block; outline: none; }
div.submenu>ul>li>ul>li.selected>a:hover,
div.submenu>ul>li>ul>li.selected>a                   { font-weight: bold; color: #074c64; }

div.submenu>ul>li>ul>li>ul                           { padding: 0; margin: 0; list-style: none; display: none; }
div.submenu>ul>li>ul>li.selected>ul                  { display: block; }
div.submenu>ul>li>ul>li>ul>li                        { padding: 5px 0 5px 13px; background: transparent url(../images/sprite_nav.png) 0 -245px no-repeat; }
div.submenu>ul>li.selected>ul>li.selected>ul>li>a:hover,
div.submenu>ul>li.selected>ul>li.selected>ul>li>a    { font-weight: normal; color: #292929; display: block; outline: none; }
div.submenu>ul>li>ul>li.selected>ul>li.selected>a:hover,
div.submenu>ul>li>ul>li.selected>ul>li.selected>a    { font-weight: bold; color: #074c64; }

/* level 3 submenu */
div.submenu ul li ul li ul                            { }
div.submenu ul li ul li ul li                         { }
div.submenu ul li ul li ul li a                       { }
div.submenu ul li ul li.selected ul li a              { font-weight: normal; }
div.submenu ul li ul li ul li.selected a              { font-weight: bold; }

div.mobilesubmenu                                     { padding: 10px; margin-bottom: 10px; background: #c8ca4f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
div.mobilesubmenu select                              { width: 100%; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; }

/* level 1 flowmenu */
div.flowmenu h2                                       { color: #074c64; }
div.flowmenu>ul                                       { margin: 8px 0 0 0; padding: 0; list-style: none; }
div.flowmenu>ul>li                                    { max-width: 270px; }
div.flowmenu>ul>li>a                                  { display: block; padding: 5px 10px 5px 24px; margin: 0 0 4px; text-decoration: none; outline: none; font-size: 15px; color: #074c64; background: transparent url(../images/sprite_nav.png) 13px 10px no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
                                                        behavior: url('htc/PIE.htc'); }
div.flowmenu>ul>li>span                               { display: block; padding: 5px 10px 5px 24px; margin: 0 0 4px; text-decoration: none; outline: none; font-size: 15px; color: #999999; background: transparent url(../images/sprite_nav.png) 13px -371px no-repeat; }
div.flowmenu>ul>li>a:hover                            { text-decoration: underline; }
div.flowmenu>ul>li.finished>a                         { color: #074c64; background: url(../images/sprite_nav.png) 8px -499px; }
div.flowmenu>ul>li.finished>a:hover                   { color: #ffffff; background: #074c64 url(../images/sprite_nav.png) 8px -626px; text-decoration: none; }

div.flowmenu>ul>li.selected>a:hover,
div.flowmenu>ul>li.selected>a                         { position: relative; color: #FFFFFF; text-decoration: none; background: #074c64 url(../images/sprite_nav.png) 13px -117px no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
                                                        behavior: url('htc/PIE.htc'); }
/* level 2 flowmenu */
div.flowmenu>ul>li>ul                                 { padding: 0 0 24px 24px; margin: 0; list-style: none; display: none; }
div.flowmenu>ul>li.finished>ul,
div.flowmenu>ul>li.selected>ul                        { display: block; }
div.flowmenu>ul>li>ul>li                              { padding: 5px 0 5px 13px; background: url(../images/sprite_nav.png) 0 -246px no-repeat; }
div.flowmenu>ul>li.finished>ul>li>a,
div.flowmenu>ul>li.selected>ul>li>a                   { font-weight: normal; color: #292929; display: block; outline: none; }
div.flowmenu>ul>li>ul>li.finished>a,
div.flowmenu>ul>li>ul>li.selected>a                   { font-weight: bold; color: #074c64; }

div.flowmenu>ul>li>ul>li>ul                           { padding: 0; margin: 0; list-style: none; display: none; }
div.flowmenu>ul>li>ul>li.finished>ul,
div.flowmenu>ul>li>ul>li.selected>ul                  { display: block; }
div.flowmenu>ul>li>ul>li>ul>li                        { padding: 5px 0 5px 13px; background: url(../images/sprite_nav.png) 0 -245px no-repeat; }
div.flowmenu>ul>li.selected>ul>li.finished>ul>li>a,
div.flowmenu>ul>li.selected>ul>li.selected>ul>li>a    { font-weight: normal; color: #292929; display: block; outline: none; }
div.flowmenu>ul>li>ul>li.selected>ul>li.finished>a,
div.flowmenu>ul>li>ul>li.selected>ul>li.selected>a    { font-weight: bold; color: #074c64; }

/* consent */
div.consentexplanation h3                               { position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 14px; cursor: pointer; border-bottom: 1px solid #D9D8D7; color: #074c64; font-weight: bold; padding: 10px 20px 10px 0; }
div.consentexplanation h3:after                         { content: ''; position: absolute; right: 0; width: 20px; height: 20px; background: url(../images/sprite_icons.png) no-repeat right -130px; }
div.consentexplanation h3:hover:after,
div.consentexplanation h3.ui-state-active:after         { background: url(../images/sprite_icons.png) no-repeat right -195px; color: #292929; outline: #FFFFFF; }
div.consentexplanation h3.ui-state-active:hover:after   { background: url(../images/sprite_icons.png) no-repeat right -326px; }
div.consentexplanation div.ui-accordion-content         { background: #f2f1f0; padding: 10px; border-bottom: 1px solid #D9D8D7; }
div.consentexplanation div.ui-accordion-content form.formview         { float: none; }
div.consentexplanation div.ui-accordion-content form.formview div.formrow    { padding-left: 0; padding-right: 0; }

div.consentexplanation div.ui-accordion-content table.standardtable                            { width: 100%; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
div.consentexplanation div.ui-accordion-content table.standardtable td                         { border-bottom: 1px solid #c7c7c6; border-right: 1px solid #c7c7c6; font-size: 13px; line-height: 1.5; }
div.consentexplanation div.ui-accordion-content table.standardtable td:first-child             { border-left: 1px solid #c7c7c6; }
div.consentexplanation div.ui-accordion-content table.standardtable tr:hover                   { background: transparent; }
div.consentexplanation div.ui-accordion-content table.standardtable thead td,
div.consentexplanation div.ui-accordion-content table.standardtable thead th                   { background: #074c64; color: #ffffff; border-right-color: #0e4558; border-top-color: #0e4558; padding-top: 4px; padding-bottom: 8px; }
div.consentexplanation div.ui-accordion-content table.standardtable thead td:first-child       { border-left-color: #0e4558; }

/* breadcrumbs */
div.breadcrumbs                            { margin: 0 0 12px; }
div.breadcrumbs ul                         { margin: 0; padding: 0; list-style: none; display: inline-block; font-size: 12px; }
div.breadcrumbs ul li                      { float: left; margin: 0 0 0 4px; color: #676767; }
div.breadcrumbs ul li:first-child          { margin: 0 0 0 -4px; }
div.breadcrumbs ul li a                    { padding: 0 0 0 4px; color: #676767; }

/* servicemenu */
div.servicemenu>ul                         { display: none; }

/*registratiebutton*/
ul.buttonwrap                              { margin: 0 -5px 0 0; padding: 0; list-style: none; }
ul.buttonwrap li                           { float: left; width: 146px; margin: 0 0 0 0; text-align: center; }
ul.buttonwrap li a.flowbutton              { margin: 0 0 0 4px; }
ul.buttonwrap li:first-child               { margin: 0; width: 136px; }
ul.buttonwrap li:first-child a.flowbutton  { margin: 0; }
ul.buttonwrap li a.note                    { font-size: 11px; font-style: italic; display: block; margin: 4px 0 0 0; }

a.flowbutton                               { display: block; background: #98194e; padding: 20px 10px; color: #ffffff; font-weight: bold; font-size: 13px; text-align: center; line-height: normal; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
a.flowbutton:hover                         { background: #074C64; }
a.flowbutton img.flowbutton-preview        { display: block; margin: 10px 0 -10px; width: 100%; height: auto; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }

div.wysiwyg a.flowbutton                   { display: block; text-decoration: none; }

/* footer */
div.footer>div.footertop                                              { padding: 0 10px; background: #efeeed; }
div.footer>div.footertop>div.footerinner                              { padding: 30px 0; }
div.footer>div.footerbottom                                           { background: #074c64; color: #FFFFFF; }
div.footer>div.footerbottom>div.footerinner                           { position: relative; padding: 50px 0 30px 0; }
div.footer>div.footerbottom h5,
div.footer>div.footerbottom h5 a                                        { color: #FFFFFF; font-size: 20px; }
div.footer>div.footerbottom div.footnote                              { color: #afafb0; font-style: italic; text-align: center; }

div.footertop div.itemwrap                                            { }
div.footertop div.item                                                { margin-bottom: 15px; }
div.footertop div.item div.inner                                      { padding: 0 0 10px 0; min-height: 45px; font-size: 15px; }
div.footertop ul.social                                               { margin: 3px 0 0 0; padding: 0; list-style: none; }
div.footertop ul.social>li                                            { margin: 0 9px 0 0; }
div.footertop ul.social>li>a                                          { display: block; }

div.footerbottom div.partnerwrap                                      { padding: 0 15px; font-weight: bold; text-align: center; font-size: 15px; }
div.footerbottom div.partnerwrap>div.partners                         { position: relative; font-weight: normal; text-align: left; padding: 10px 0; background: #e7e5e4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
                                                                        behavior: url('htc/PIE.htc'); }
div.partnerwrap>div.partners>ul                                       { margin: 0 auto; position: relative; min-height: 82px; padding: 0 15px; list-style: none; text-align: center; }
div.partnerwrap>div.partners>ul>li                                    { display: inline-block; padding: 15px 30px; }
div.partnerwrap>div.partners>ul>li:first-child                        { margin: 0; }

div.footmenu                                                          { padding: 20px 5px 90px; }
div.footmenu>div.footcol                                              { padding: 20px 10px; }
div.footmenu>div.footcol>ul                                           { margin: 4px 0 0 0; padding: 0; list-style: none; }
div.footmenu>div.footcol>ul>li                                        { padding: 4px 0; font-size: 15px; }
div.footmenu>div.footcol>ul>li>a                                      { color: #FFFFFF; }

div.bgoverlay                                                         { position: absolute; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background: url(../images/bgoverlay.png) 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
                                                                        behavior: url('htc/PIE.htc'); }
div.overlay                                                           { position: absolute; z-index: 999; margin: -60px auto; width: 550px; height: 80px; padding: 20px; background: #D6D77B; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url('htc/PIE.htc'); }

/* newslist */
div.news div.item div.metadata    { padding: 0 0 5px; }
div.news div.item div.thumb       { background: #EFEEED; border: 1px solid #cccccc; text-align: center; line-height: 0; }
div.news div.item div.thumb a     { margin: 0; padding: 0; }

/* old browser alert */
div.oldbrowser                             { padding: 5px 0; background: #535353; color: #ffffff; border-bottom: 1px solid #111111; }
div.oldbrowser div.oldbrowserwrap          { text-align: left; max-width: 1200px; }
div.oldbrowser div.browsers                { float: right; width: 320px; }
div.oldbrowser div.browsers a              { background: #5a5a5a; display: block; float: left; width: 90px; line-height: 24px; height: 24px; padding: 5px; margin: 1px; color: #ffffff; text-align: left; font-weight: bold; font-size: 13px; text-decoration: none; }
div.oldbrowser div.ietext                  { width: 600px; display: block; float: left; }

/* Buttons submenu */
div.submenubuttons                         { margin-top: 20px; padding: 10px 10px 5px; background: #f2f1f0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
div.submenubuttons a.flowbuttontab         { position: relative; background: #98194e; display: inline-block; padding: 10px; margin: 0 0 10px 0; color: #ffffff; font-weight: bold; font-size: 14px; line-height: normal; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url('htc/PIE.htc'); }

div.article div.wysiwyg a.flowbuttontab         { position: relative; background: #98194e; display: inline-block; padding: 10px; margin: 0 0 10px 0; color: #ffffff; font-weight: bold; font-size: 14px; text-decoration: none; line-height: normal; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url('htc/PIE.htc'); }
div.article div.wysiwyg a.flowbuttontab:hover   { text-decoration: underline; }

/* wysiwyg font colors */
/* ========================================================================= */
.wsw-red-color   { color: #98194e; }
.wsw-blue-color  { color: #074c64; }
.wsw-green-color { color: #b2b42b; }

div.responsive-disabled                 { min-width: 1024px; }
div.responsive-disabled div.flowmenu    { float: left; width: 33.33333333333333%; padding-right: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div.responsive-disabled div.content     { float: right; width: 66.66666666666667%; font-size: 15px; line-height: 22px; }
div.responsive-disabled div.smallcontent div.content { float: left; }

/* questionnaire-data */
/* ========================================================================= */
div.questionnaire-data > div { overflow: auto; max-height: calc(100vh - 250px); }