﻿

/* Columns */
.col { min-height: 0; }
DIV.col01 { width: 90%; margin: 0 auto; float: none; }
DIV.col02 { width: auto; display: block; float: none; overflow: hidden; }
DIV.col03, DIV.col05, DIV.col06, DIV.col07 { width: 100%; margin: 0; }
DIV.box01 { width: 100%; border: 0 !important; padding: 0 !important; }
DIV.box02 { padding: 0; }
DIV.box03 { margin-bottom: 20px; }
.m-w100p { width: 100%; display: block; float: left; box-sizing: border-box; }
.w70p { width: 100%; }

/* Right sidebar */
DIV.r-sidebar { width: 100%; box-sizing: border-box; }
DIV.r-sidebar02 { margin-top: 0 !important; }
DIV.r-sidebar03 { margin-top: 0; }

DIV.content-type01-h { min-height: 0; }
DIV.content-type02 { margin-right: 0; }
DIV.content-type01 H1, DIV.content-type01 H2, DIV.content-type01 H3, DIV.content-type01 H4 { padding-left: 0; }

DIV.col03 H2 { padding-left: 0; }
DIV.block01 { width: 90%; margin: 20px auto !important; }

/* Helper classes */
.mobile-hide { display: none; }
.notmobile-hide { display: block; }
.m-nopadding { padding: 0; }
.m-nomargin { margin: 0 !important; }
.right { text-align: left; }
P.backbutton { display: none; }
.f-right { float: left !important; }
.notdesktop-hide { display: none; }
.desktop-hide { display: block; }

/* Header */
DIV.header01, DIV.header02, DIV.header01-a, DIV.header03 { width: 100%; }
DIV.header01 P.logo { top: 60px; left: 10px; font-family: mobile; }
DIV.header03 { height: auto; background: none; overflow: hidden; clear: both; background: #e7e7e7; }
DIV.header01 { height: auto; background: none; margin-bottom: 10px; }
DIV.header01-a { height: 100px; }
DIV.header02 UL.sitelinks { display: none; }
DIV.header02 UL.sitetools { position: absolute; top: 0; left: -200%; }
DIV.header01 P.logo { left: 0; right: 20px; margin-left: auto; margin-right: auto; top: 25px; width: 170px; }
DIV.header01 P.logo A { background-size: contain !important; width: 100%; }

/* Livebox */
DIV.livebox01 { position: relative; width: 100%; margin: 10px 0 0 0; top: 0; border: 0; border-radius: 0; right: auto; }
DIV.livebox01 DIV.pad { padding: 5px 0; }
DIV.livebox01 P.heading { font-size: 130%; line-height: 125%; }
DIV.livebox01 P { font-size: 110%; }
DIV.livebox01 SPAN.corner { top: 0; right: 0; }
DIV.livebox01-hasphoto DIV.pad { padding: 5px 15px; }

/* Contentbox */
DIV.contentbox01 { float: none; width: auto; margin-top: 0; }
DIV.contentbox01 IMG { max-width: 100% !important; height: auto; margin: 0 !important; float: none !important; clear: both !important; }
DIV.contentbox01-c { padding-bottom: 0; }
DIV.contentbox01-b { padding: 0; }
DIV.contentbox01 UL.news01 LI.item { margin-left: 0 !important; }
DIV.contentbox01 DIV.col-a { margin-right: 0; }
DIV.contentbox01 DIV.col-a DIV.img-rounded IMG { border-radius: 5px; }
DIV.contentbox01-c DIV.col-a DIV.text-item-container { padding: 0; }
DIV.contentbox01 DIV.col-a P, H2, H3, H4 { padding: 0 15px; margin: 15px 0; }

/* Intro */
DIV.intro01 H2 { font-size: 150% !important; padding-bottom: 0; line-height: 150% !important; }
DIV.intro01 { float: left; width: 100%; clear: none; border-radius: 0; background: #597181 !important; }
DIV.intro01-a { background: none !important; padding: 15px 0; }
DIV.intro01 DIV.col-a P { float: left; padding: 10px 15px; }
DIV.intro01 DIV.col-a { width: 100%; }
DIV.intro01 DIV.col-b { display: none; }
DIV.mainheading H2 { font-size: 170% !important; }
DIV.mainheading { font-size: 110%; }

/* Pagetools, path */
DIV.pagetools, DIV.path { display: block; }

/* Search filter */
DIV.filter LABEL { width: 100%; }
DIV.filter DIV.f-right LABEL { width: 100%; }

/* Sitesearch */
#sitesearch-input.open { width: 170px; height: 41px; padding: 0 10px; margin: 0; z-index: 10; position: relative; margin-right: -5px; border-radius: 5px; }
#sitesearch-input { width: 0; height: 41px; padding: 0; margin-right: -8px; transition: width 0.3s; }
#sitesearch-submit,
#sitesearch-toggle { padding: 12px 10px; font-weight: 600; font-size: 100%; height: auto; width: auto; position: relative; z-index: 40; }
#sitesearch-toggle { display: block; float: right; }
#sitesearch-submit { display: none; }
#sitesearch-container.open #sitesearch-toggle { display: none; }
#sitesearch-container.open #sitesearch-submit { display: block; float: right; }
FORM.sitesearch { margin-top: 25px; padding-right: 15px; position: relative; z-index: 20; }
FORM.sitesearch DIV.a { width: auto; border: 0; }
FORM.sitesearch DIV.c { padding: 0; }

DIV.img-rounded { border: 0; border-radius: 0; }
DIV.contentbox01 DIV.col-a DIV.img-rounded IMG { border-radius: 0; width: 100% !important; height: auto; }
P.img-center IMG { width: 100%; height: auto; }
P.img-right, P.img-right2, P.img-left, P.img-left2 { margin-left: 0; width: 100%; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
P.img-right IMG, P.img-right2 IMG, P.img-left IMG, P.img-left2 IMG { margin-right: auto; border-radius: 5px; border: 0; }
P.img-right SPAN, P.img-right2 SPAN, P.img-left SPAN, P.img-left2 SPAN { padding: 10px 35px 0 0; }

/* News content */
DIV.news01 { margin-top: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 15px 0 15px; float: left;}
DIV.news01 DIV.widget_items_container DIV.widget_item { padding-left: 0; }
DIV.contentbox01 DIV.col-a UL.news01 P.txt, DIV.col03 UL.news01 P.txt { width: 90%; }
DIV.widget_items_container DIV.widget_item UL.actions { margin: 0 !important; }
UL.news01 LI.first A.headline { line-height: 140%; font-size: 140%; }
UL.news01 LI A.headline { font-size: 130%; font-weight: 500; }
UL.news01 LI.first SPAN.date { font-size: 100%; }
UL.news01 LI SPAN.date { font-size: 110%; }
DIV.widget_item { font-size: 110%; }
DIV.widget_items_container02 { width: 90%; margin: 0 auto; }

DIV.news01 DIV.widget_items_container DIV.widget_item { padding: 0 5px 35px 5px; }
DIV.widget_items_container DIV.widget_item P.title { font-weight: normal; font-size: 120%; }
DIV.widget_items_container DIV.widget_item UL.actions { padding: 0; }
UL.news02 { margin: 0; }

UL.listtools02 { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 15px; }
UL.listtools02 LI { display: inline-block; height: 30px; }

/* Footer */
DIV.footer01 { padding-bottom: 20px; }
DIV.footer02 { display: none; }
DIV.footer01-a { width: 90%; }
DIV.footer03 { padding: 0; }
DIV.footer03 UL.tools { float: left; width: 50%; }
DIV.footer03 UL.tools LI { width: 100%; float: left; font-size: 110%; padding: 8px 0; }
DIV.footer03 P { width: 50%; display: inline-block; padding: 0; font-size: 110%; line-height: 180%; }
DIV.footer04 { width: 100%; text-align: left; float: none; margin-top: 0; position: relative; }
BODY.fontsize4 DIV.footer04 { float: none; position: static; margin: 0 auto; }
P.footer05 { display: none; }

/* Main menu */
DIV.sitewrap { position: relative; overflow: hidden; }
DIV.hasmenu .header01 { position: fixed; left: 80%; top: 0; width: 100% !important; }
DIV.hasmenu .box01 { position: fixed; left: 80%; top: 217px; width: 100% !important; }
DIV.hasmenu .footer01 { position: fixed; left: 80%; top: 100%; width: 100% !important; }
DIV.hasmenu .mainmenu01 { position: relative; z-index: 10; top: 0; left: 0; height: auto; width: 80%; display: block; }
DIV.hasmenu .mainmenu01 UL { margin: 0; height: 100%; padding-left: 0; width: 100%; }

DIV.mobile-menu { display: block; }
DIV.mobile-menu A.icon-menu-icon { display: block; float: left; padding: 0 15px; margin: 0; }
DIV.mobile-menu A.icon-menu-icon:before { display: inline-block; padding: 0; margin: 0; height: 100px; line-height: 100px; text-align: center; font-size: 174%;  }
DIV.mainmenu01 { position: absolute; top: 0; left: -200%; display: none; }
DIV.menu1, .menu01 A { display: none; }
.menu01 LI A { display: block; }

DIV.mainmenu01 LI.primary-first-active, DIV.mainmenu01 LI.primary-active, DIV.mainmenu01 LI.primary-last-active { margin: 0; }
DIV.mainmenu01 LI.primary-first-active A SPAN.b, DIV.mainmenu01 LI.primary-active A SPAN.b, DIV.mainmenu01 LI.primary-last-active A SPAN.b, DIV.mainmenu01 LI.secondary-active A SPAN.b, DIV.mainmenu01 LI.secondary-last-active A SPAN.b { box-shadow: none
;}
DIV.mainmenu01 LI.separator,
DIV.mainmenu01 DIV.a IMG { display: none; }

DIV.mainmenu01 LI.primary-first-active A SPAN.b,
DIV.mainmenu01 LI.primary-active A SPAN.b,
DIV.mainmenu01 LI.primary-last-active A SPAN.b,
DIV.mainmenu01 LI.secondary-active A SPAN.b { background: none !important; }

DIV.mainmenu01 LI { text-align: left; }
DIV.mainmenu01 LI.primary-first-active A, DIV.mainmenu01 LI.primary-active A, DIV.mainmenu01 LI.primary-last-active A,
DIV.mainmenu01 LI.primary-first A SPAN.a, DIV.mainmenu01 LI.primary A SPAN.a, DIV.mainmenu01 LI.primary-last A SPAN.a,
DIV.mainmenu01 LI.primary-first A SPAN.b, DIV.mainmenu01 LI.primary A SPAN.b, DIV.mainmenu01 LI.primary-last A SPAN.b { height: auto; line-height: 1.2; }
DIV.mainmenu01 LI.secondary A { margin-top: 0; height: auto; }

DIV.hasmenu .mainmenu01 LI A SPAN.b, DIV.hasmenu .mainmenu01 LI A SPAN.a { background: none; padding: 0; }
DIV.hasmenu .mainmenu01 LI { width: 100%; float: left; }
DIV.hasmenu .mainmenu01 LI:first-child { border-top: none; }

DIV.hasmenu .mainmenu01 LI A { padding: 10px 20px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
DIV.mainmenu01 { font-size: 135%; font-weight: 500; margin: 0 !important; }
DIV.mainmenu01 LI.secondary { font-size: 100%; }
DIV.mainmenu01 SPAN.corner { display: none; }
DIV.mainmenu01 UL:before { display: none; }

DIV.hasmenu .mainmenu01 UL.helpers { display: block; width: 100%; border: 0; text-align: left; padding: 0 0 20px; }
DIV.hasmenu .mainmenu01 UL.helpers LI { border: 0; }
DIV.hasmenu .mainmenu01 UL.helpers LI A{ padding: 5px 15px 5px 60px; font-size: 95%; font-weight: 500; }

DIV.hasmenu .mainmenu01 UL.path { display: block; position: relative; border: 0; padding: 10px 20px 15px 30px; width: 100%; min-height: 65px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
DIV.hasmenu .mainmenu01 UL.path LI { border: 0; float: left; font-size: 120%; font-weight: bold; width: 100%; line-height: 1.3; }
DIV.hasmenu .mainmenu01 UL.path LI A { width: auto; padding: 0 10px; line-height: 1.2; }
DIV.hasmenu .mainmenu01 UL.path LI A SPAN { display: inline; padding: 0; line-height: inherit; margin: 0; }
DIV.hasmenu .mainmenu01 UL.path LI:last-child A { padding: 9px 10px;   }
DIV.hasmenu .mainmenu01 UL.path LI.sub { clear: left; font-size: 80%; font-weight: normal; width: auto; }
DIV.hasmenu .mainmenu01 UL.path LI.sub:last-child A,
DIV.hasmenu .mainmenu01 UL.path LI.sub A{ padding: 0 10px; }
DIV.hasmenu .mainmenu01 UL.path LI.sub + LI.sub { clear: none; }

DIV.hasmenu .mainmenu01 UL.path LI.sub:after { content:"»"; font-weight: 600; font-size: 100%; padding: 0; }
DIV.hasmenu .mainmenu01 UL.path LI.sub:last-child:after { display: none; }
DIV.hasmenu .mainmenu01 UL.path LI.back { padding: 0; text-indent: -10000px; position: absolute; width: 40px; height: 40px; top: 10px; left: 0; font-size: 100%; }
DIV.hasmenu .mainmenu01 UL.path LI.back A { display: block; padding: 0; text-align: center; }
DIV.hasmenu .mainmenu01 UL.path LI.back:after { display: none; }
DIV.hasmenu .mainmenu01 UL.path LI.back A:before { content: "‹"; float: left; text-indent: 0; font-size: 350%; height: 40px; width: 40px; line-height: 30px; }

/* Accessibility */
DIV.access01 { position: relative; top: 0; left: 0; width: 80%; }
DIV.access02 { width: 100%; }
DIV.access01 DIV.actions { background: #fff; }
DIV.access01 DIV.actions UL,
DIV.access01 DIV.actions UL LI,
DIV.access01 DIV.actions UL LI SPAN,
DIV.access01 DIV.actions UL LI SPAN SPAN,
DIV.access01 DIV.actions UL LI SPAN SPAN INPUT { width: 100%; }
DIV.access02 DIV.col-a, DIV.access02 DIV.col-b, DIV.access02 DIV.col-c, DIV.access02 DIV.col-d { width: 100%; border-image: none !important; }
DIV.access02 UL.screens LI { width: 100%; }
DIV.access02 DIV.pad { padding: 10px 15px; }
DIV.access02 H2 { padding: 0; }
DIV.access01 DIV.actions UL { height: auto; }
DIV.access01 DIV.actions UL LI { float: none; padding: 0; width: 90%; margin: 5px auto; overflow: hidden; }
DIV.access01 DIV.actions UL LI.f-right { margin: 0 auto; float: none !important; padding: 0; }
DIV.access01 DIV.actions UL SPAN.btn INPUT { font-size: 115%; }
DIV.access02 UL.screens LI LABEL.skin1 SPAN.example, DIV.access02 UL.screens LI LABEL.skin2 SPAN.example, DIV.access02 UL.screens LI LABEL.skin3 SPAN.example { display: none; }
DIV.access02 UL.screens LI INPUT { position: relative; left: auto; top: auto; vertical-align: middle; margin: 10px 0 10px 10px; }
DIV.access02 UL.screens LI LABEL SPAN { display: inline-block; }
DIV.access02 UL.screens LI LABEL.active { border-radius: 5px; }

DIV.access01 DIV.actions UL SPAN.btn { background: #00b300; border-radius: 5px; }
DIV.access01 DIV.actions UL SPAN.cancel { background: #c60000; }
DIV.access01 DIV.actions UL SPAN.discrete { background: none !important; }
DIV.access01 DIV.actions UL SPAN.btn SPAN { background: none; }
DIV.access01 DIV.actions UL SPAN.btn INPUT { padding: 0; color: #fff; text-decoration: none; }
DIV.access01 DIV.actions UL SPAN.btn INPUT:hover { text-decoration: underline; }
DIV.access01 DIV.actions UL SPAN.cancel INPUT { color: #fff; }
DIV.access01 DIV.actions UL SPAN.discrete INPUT { color: #71662a; }

P.datelocation { display: block; }
P.changedate { position: relative; margin-top: 5px; display: block; }


/* Galleries */
DIV.gallery01 UL { width: 100%; }
DIV.gallery01 UL LI { width: 50%; margin: 20px 0; }
DIV.gallery01 UL LI A { text-align: left; }

UL.gallery03 DIV.col-d { width: 100%; }
UL.gallery03 DIV.col-d H2 { padding: 0; font-size: 200%; }

DIV.gallery04 DIV.item { width: 100%; margin: 10px 0; }
DIV.gallery04 { margin: 20px 0; }
DIV.gallery04 SPAN.date { padding-left: 0; margin-top: 10px; font-size: 100%; }
DIV.gallery04 SPAN.txt { padding-left: 0; font-size: 120%; }

DIV.gallery05 DIV.item { width: 48.5%; }
DIV.gallery05 IMG { margin: 1em auto 0 !important; }
DIV.gallery05 DIV.item:nth-child(3n+1) { margin-left: 3%; clear: none; }
DIV.gallery05 DIV.item:nth-child(2n+1) { margin-left: 0; clear: both; }

UL.list02 LI { width: 100%; margin: 3px 0; font-size: 120%; }

/* Pagination */
UL.paging01b { padding-top: 5px; margin-bottom: 20px; }
UL.paging01b LI.angle { display: inline-block; padding: 0 5px; }
UL.paging01b LI.angle A { padding: 3px 7px 6px; }
UL.paging01b LI.current { padding: 7px; font-size: 14px; font-weight: 600; }

/* Input forms */
INPUT.small, SELECT.small, TEXTAREA.small { width: 50%; }
INPUT.medium, SELECT.medium, TEXTAREA.medium,
INPUT.wide, SELECT.wide, TEXTAREA.wide,
INPUT.wide02, SELECT.wide02, TEXTAREA.wide02,
INPUT.wide03, SELECT.wide03, TEXTAREA.wide03 { width: 100%; }
UL.actions LI { margin-top: 10px; }

DIV.filter UL.actions { width: 100%; margin-top: 10px !important; float: left; }
DIV.form UL.actions { margin-top: 10px !important; }

/* Mobile form table */
DIV.table-scroll { width: 100%; overflow-y: auto; height: auto; }
.content TABLE CAPTION { font-size: 100%; }
TABLE.form { display: block; width: 100%; }
TABLE.form TBODY { display: block; width: 100%; }
TABLE.form TR { display: block; width: 100%; }
TABLE.form TH { display: block; width: 100%; float: left; box-sizing: border-box; padding: 15px 10px 0 0;  }
DIV.col03 TABLE.form TH { width: 100%; }
TABLE.form INPUT[type=text], TABLE.form INPUT[type=password], TABLE.form INPUT[type=file] { margin: 0; }
TABLE.form TD { display: block; width: 100%; float: left; padding: 2px 10px 0 0;  }
DIV.col03 TABLE.form TD { width:  100%; }
TABLE.form TD LABEL { float:left; width: 100%; padding: 3px 0; }
TABLE.form TD.checkboxes { width: 100%; }
TABLE.form TD.checkboxes LABEL { float: left; width: 100%; }
DIV.form UL.actions { padding-left: 0 !important; }
TABLE.form SELECT { margin: 5px 0; }
TABLE.form TD.data { padding: 0; }
TABLE.r40-60 TH, TABLE.r40-60 TD { width: 100% !important; display: block; float: left; margin: 2px 0; }
IMG.helpicon { display: none; }

/* Tabs */
UL.tabs { padding: 0; }

DIV.form P.opendetails { display: block; width: 100%; float: left; margin: 10px 0; }
DIV.widget_items_container DIV.block01 { width: auto; }

/* Sitemap */
UL.sitemap { width: 100%; background: none !important; }
UL.sitemap LI { width: 100%; }

/* Thickbox */
#TB_window { width: 100% !important; margin-right: 0 !important; right: 0 !important; }
#TB_content_placeholder IFRAME { width: 100% !important; }
#TB_content_placeholder { padding-top: 0 !important; padding-bottom: 0 !important; }
#TB_container1 A.tb_button2 { margin: .5em 0 0 0; }
#TB_container1 A.tb_button2,
#TB_container1 A.tb_button2 SPAN  { float: none; display: block; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; }
.TB_header A.tb_button SPAN { padding: 7px 10px; }
.TB_header A.tb_button_exit SPAN { padding-right: 30px; }
#TB_Image { margin-left: auto; margin-right: auto; }

UL.tb_tools A { float: left; }
UL.tb_tools LI { width: 100%; margin: 5px 0; }
UL.tb_tools LI.f-right { margin-left: 0; }
.TB_header .TB_imgcount { display: none; }
#TB_body_f { padding: 15px; }
DIV.col07 H2 { padding-left: 0; }

/* Buttons */
UL.actions,
UL.actions LI,
UL.actions SPAN.btn,
UL.actions A.btn { width: 100%; }
UL.actions A.btn SPAN,
UL.actions SPAN.btn SPAN,
UL.actions A.btn SPAN INPUT,
UL.actions SPAN.btn SPAN INPUT { text-align: center; width: 100%; padding: 5px 0; }