div#ezwt
{
margin: 0;
width: 100%;
position: relative;
}
body.floating-wt div#ezwt
{
position: fixed;
z-index: 9999;
top: 0px;
left: 0px;
-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
}
body.floating-wt div#ezwt:hover
{
opacity: 1.0;
}
div#ezwt-content
{
padding: 4px 70px;
text-align: center;
background: transparent url(/extension/ezwt/design/standard/images/websitetoolbar/dark_back.png) repeat left top;
}
body.floating-wt div#ezwt-content
{
border-bottom: 1px solid #44484d;
}
div#ezwt div.ezwt-actiongroup
{
display: inline-block;
vertical-align: top;
padding: 1px 4px;
border: 4px solid rgba(255, 255, 255, 0.1);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
min-height: 28px;
}
div#ezwt div.ezwt-actiongroup:hover {
border: 4px solid #567975;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
body.ie6 div#ezwt div.ezwt-actiongroup, body.ie7 div#ezwt div.ezwt-actiongroup
{
display: inline;
clear: none;
}
div#ezwt-ooaction
{
background-image: url(/extension/ezwt/design/standard/images/websitetoolbar/ezwt-oo-logo.png);
background-position: 2px 5px;
background-repeat: no-repeat;
padding-left: 67px!important;
}
div#ezwt-ezlogo
{
position: absolute;
top: 10px;
left: 10px;
}
div#ezwt-help
{
position: absolute;
top: 14px;
right: 15px;
}
div#ezwt-help a
{
font-weight: bold;
color: #b7b7b7;
padding: 0 2px 0 2px;
text-decoration: none;
display: block;
}
div#ezwt-help a:hover {
color: #ffe9bd;
}
div#ezwt form
{
margin: 0 auto 0 auto;
padding: 0;
display: inline;
}
div#ezwt select, div#ezwt input
{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.85em;
}
div#ezwt select
{
color: #4a5054;
border: 1px solid #ccd2d6;
border-color: #abb1b5 #dbe1e5 #dbe1e5 #abb1b5;
margin: 3px 0 0 0;
height: 25px;
vertical-align: top;
}
div#ezwt input
{
margin: 1px 0 0 0;
}
div#ezwt input.button, div#ezwt input.defaultbutton, div#ezwt input.button-disabled
{
color: #b7b7b7;
vertical-align: top;
margin: 2px 0 3px 0;
border: 1px solid #3a3d41;
-moz-box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
-webkit-box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
text-shadow: none;
padding: 2px 7px;
background: transparent;
}
div#ezwt input.defaultbutton[name=PublishButton] {
background-color: #567975;
color: #f5f3dd;
}
div#ezwt input.button:hover, div#ezwt input.defaultbutton:hover
{
background-color: rgba(0, 0, 0, 0.2);
color: #ffe9bd;
}
div#ezwt input.button:active, div#ezwt input.defaultbutton:active
{
background-color: rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px #000;
-webkit-box-shadow: inset 0 0 3px #000;
box-shadow: inset 0 0 3px #000;
color: #ff8300;
}
div#ezwt input.defaultbutton[name=PublishButton]:hover {
background-color: #425c59;
color: #f5f3dd;
}
div#ezwt input.ezwt-input-image, div#ezwt div.ezwt-actiongroup a img
{
margin: 2px 0px -3px 0px;
border: 1px solid #3a3d41;
-moz-box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
-webkit-box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
padding: 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
div#ezwt input.ezwt-input-image:hover, div#ezwt div.ezwt-actiongroup a:hover img
{
background-color: rgba(0, 0, 0, 0.2);
}
div#ezwt input.ezwt-input-image:active, div#ezwt div.ezwt-actiongroup a:active img
{
background-color: rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px #000;
-webkit-box-shadow: inset 0 0 3px #000;
box-shadow: inset 0 0 3px #000;
}
div#ezwt .disabled, div#ezwt input.button-disabled, div#ezwt input.ezwt-input-image.disabled, div#ezwt select.disabled
{
background: transparent url(/extension/ezwt/design/standard/images/websitetoolbar/diagonal_pattern.png) repeat center left;
border-color: transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
cursor: default;
}
table#ezwt-sort-list tr.ezwt-sort-drag-handler
{
cursor: move;
}
.hide
{
display: none;
}
.float-break
{
height: 1%;
}
.float-break:after
{
content: "-";
height: 0;
font-size: 0;
visibility: hidden;
display: block;
clear: both;
}
*, *:before, *:after
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html
{
font-size: 62.5%;
overflow-y: scroll;
}
body
{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #000000;
}
header, section, article, footer, nav
{
display: block;
}
h1, h2, h3, h4, h5, h6
{
font-weight: 400;
font-style: normal;
margin: 20px 0 5px 0;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child
{
margin-top: 0;
}
h1
{
font-size: 2.4rem;
}
h2
{
font-size: 2rem;
}
h3
{
font-size: 1.6rem;
}
h4, h5, h6
{
font-size: 1.3rem;
}
p
{
margin: 0;
line-height: 1.35;
}
* + p
{
margin-top: 10px;
}
a
{
color: #305080;
text-decoration: underline;
}
a:hover
{
color: #000000;
text-decoration: underline;
}
a img
{
border: none;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
color: #000000;
text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{
text-decoration: underline;
}
strong, b
{
font-weight: 700;
}
em, i
{
font-style: italic;
}
pre, code
{
font-family: "Courier New", Courier, monospace;
font-size: 1.3rem;
}
pre
{
background-color: #f8f8f8;
margin: 10px 0 10px 0;
padding: 9px;
border: 1px solid #e0e0e0;
}
table
{
width: 100%;
margin: 0 0 10px 0;
padding: 0;
border-spacing: 0;
}
th, td
{
padding: 5px 0 0 10px;
vertical-align: top;
text-align: left;
}
tr:first-child th, tr:first-child td
{
padding-top: 0;
}
th:first-child, td:first-child
{
padding-left: 0;
}
table.list
{
width: 100%;
margin: 10px 0 10px 0;
border: 1px #e0e0e0;
border-style: solid none none solid;
}
table.list th, table.list td
{
padding: 5px 10px;
border: 1px #e0e0e0;
border-style: none solid solid none;
text-align: left;
vertical-align: top;
}
table.list th
{
font-weight: 700;
background-color: #e0e0e0;
white-space: nowrap;
}
table.list td
{
font-weight: 400;
}
tr.bglight
{
background-color: #f8f8f8;
}
tr.bgdark
{
background-color: #f0f0f0;
}
table.responsive-transform
{
width: 100%;
border: 1px #808080;
border-style: solid none none solid;
border-spacing: 0;
}
table.responsive-transform tr:nth-child(2n+0)
{
background-color: #f0f0f0;
}
table.responsive-transform tr:nth-child(2n+1)
{
background-color: #d0d0d0;
}
table.responsive-transform th, table.responsive-transform td
{
padding: 5px 10px;
border: 1px #808080;
border-style: none solid solid none;
text-align: left;
vertical-align: middle;
}
table.responsive-transform th
{
color: #ffffff;
background-color: #a0a0a0;
}
ul, ol
{
margin: 15px 0;
padding: 0;
}
ul
{
margin-left: 2rem;
list-style-type: disc;
}
ol
{
margin-left: 2.5rem;
}
li
{
margin: 5px 0 0 0;
line-height: 1.5;
}
li:first-child
{
margin-top: 0;
}
div.attribute-short li, div.attribute-long li
{
list-style-type: none;
}
div.attribute-short li:before, div.attribute-long li:before
{
content: '';
width: 0.6rem;
height: 0.6rem;
background-color: #808080;
margin: 0.6rem 0 0 -1.5rem;
border-radius: 50%;
float: left;
}
li ul, li ol
{
margin: 15px 0 15px 1.3rem;
}
dl
{
margin: 10px 0 10px 0;
padding: 0;
}
dt
{
font-weight: 700;
font-style: normal;
margin: 0 0 0.5rem 0;
}
dd
{
font-weight: 400;
font-style: italic;
margin: 0 0 0.5rem 2.5rem;
}
img
{
display: block;
}
form
{
margin: 0;
padding: 0;
}
label
{
font-weight: 700;
display: block;
}
button, input, select, textarea
{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3rem;
border-radius: 0;
}
input[type='text'], input[type='password'], textarea
{
border: 1px solid;
border-color: #808080 #e0e0e0 #e0e0e0 #808080;
outline: none;
}
optgroup
{
font-weight: 700;
font-style: normal;
}
fieldset
{
margin: 10px 0;
padding: 5px 10px 10px 10px;
border: 1px solid #e0e0e0;
}
legend
{
font-weight: 700;
margin: 0 0 0 -5px;
padding: 0 5px;
position: relative;
left: 0;
}
fieldset label
{
font-weight: 400;
margin: 0.25em 0;
}
label input[type='checkbox']
{
vertical-align: middle;
position: relative;
top: -1px;
}
fieldset button
{
margin-top: 5px;
}
button, input[type='submit'], input[type='button'], a.button
{
font-weight: 400;
color: #000000;
background-color: #f0f0f0;
padding: 0 5px 0 5px;
border: 1px solid;
border-color: #e0e0e0 #808080 #808080 #e0e0e0;
}
button.defaultbutton, input.defaultbutton
{
color: #ffffff;
background-color: #40a040;
}
a.button
{
text-decoration: none;
}
blockquote{
display:block;
padding: 15px 20px 15px 45px;
margin: 0 0 20px;
position: relative;
}
blockquote::after{
content: "";
}
blockquote a{
text-decoration: none;
background: #eee;
cursor: pointer;
padding: 0 3px;
}
blockquote a:hover{
color: #666;
}
blockquote em{
font-style: italic;
}
hr, div.hr
{
height: 1px;
color: #ffffff;
border: 1px #e0e0e0;
border-style: solid none none none;
}
div.hr
{
margin: 10px 0 10px 0;
}
div.hr hr
{
display: none;
}
.row:before, .row:after
{
content: "-";
height: 0;
visibility: hidden;
display: block;
clear: both;
}
.row
{
margin: -20px -10px 0 -10px;
clear: both;
}
.row.nospacing-x
{
margin-right: 0;
margin-left: 0;
}
.row.nospacing-y
{
margin-top: 0;
}
.row.nospacing-y > .col
{
margin-top: 0;
}
.row .col
{
margin-top: 20px;
padding: 0 10px;
float: left;
}
.row.nospacing-x .col
{
padding: 0;
}
.row .l-1
{
width: 8.3333%;
}
.row .l-1-0909090909091
{
width: 9.09%;
}
.row .l-1-2
{
width: 10%;
}
.row .l-1-3333333333333
{
width: 11.11%;
}
.row .l-1-5
{
width: 12.5%;
}
.row .l-1-7142857142857
{
width: 14.28%;
}
.row .l-2
{
width: 16.6667%;
}
.row .l-2-4
{
width: 20%;
}
.row .l-3
{
width: 25%;
}
.row .l-4
{
width: 33.3333%;
}
.row .l-5
{
width: 41.6667%;
}
.row .l-6
{
width: 50%;
}
.row .l-7
{
width: 58.3333%;
}
.row .l-8
{
width: 66.6667%;
}
.row .l-9
{
width: 75%;
}
.row .l-10
{
width: 83.3333%;
}
.row .l-11
{
width: 91.6667%;
}
.row .l-12
{
width: 100%;
}
.row .l-br
{
clear: both;
}
.l-hide
{
display: none;
}
.grid-table
{
width: 100%;
display: table;
}
.row-table
{
display: table-row;
}
.col-table
{
display: table-cell;
vertical-align: middle;
}
.grid-form
{
width: 100%;
display: table;
}
.grid-form-row
{
display: table-row;
}
.grid-form-col
{
padding: 0.5rem 0.5rem;
display: table-cell;
vertical-align: middle;
}
.grid-form-col .grid-form
{
}
.grid-form .w-1
{
width: 1% !important;
}
.grid-form .w-10
{
width: 10% !important;
}
.grid-form .w-20
{
width: 20% !important;
}
.grid-form .w-25
{
width: 25% !important;
}
.grid-form .w-30
{
width: 30% !important;
}
.grid-form .w-33
{
width: 33.33% !important;
}
.grid-form .w-40
{
width: 40% !important;
}
.grid-form .w-50
{
width: 50% !important;
}
.grid-form .w-60
{
width: 60% !important;
}
.grid-form .w-66
{
width: 66.67% !important;
}
.grid-form .w-70
{
width: 70% !important;
}
.grid-form .w-75
{
width: 75% !important;
}
.grid-form .w-80
{
width: 80% !important;
}
.grid-form .w-90
{
width: 90% !important;
}
.grid-form .w-100
{
width: 100% !important;
}
.grid-form .w-auto
{
width: auto !important;
}
.grid-form-col:first-child
{
padding-left: 0;
}
.grid-form-col:last-child
{
padding-right: 0;
}
.grid-form-col.nowrap
{
white-space: nowrap;
}
.grid-form label
{
font-weight: 700;
margin-top: -0.25rem;
margin-bottom: 0.25rem;
display: block;
}
.grid-form label:last-child
{
margin: 0;
}
.grid-form input[type='text'], .grid-form input[type='password'], .grid-form textarea, .grid-form select
{
font-size: 100%;
width: 100%;
margin: 0;
border: 1px solid;
border-color:  #a0a0a0 #e0e0e0 #e0e0e0 #a0a0a0;
box-shadow: inset 1px 1px 1px rgba( 0, 0, 0, 0.25 );
}
.grid-form p
{
margin: 0;
}
.grid-form p + p
{
margin-top: 0.5rem;
}
.grid-form button
{
font-size: 100%;
display: inline-block;
}
.grid-form button + button
{
margin-left: 0.5rem;
}
@media (max-width: 800px)
{
.grid-form.m-br + .grid-form
{
margin-top: 0.5rem;
}
.grid-form.m-br div.grid-form-row
{
width: 100% !important;
display: block;
}
.grid-form.m-br > div.grid-form-row + div.grid-form-row
{
margin-top: 0.8rem;
}
.grid-form.m-br > div.grid-form-row > div.grid-form-col
{
width: 100% !important;
padding: 0;
display: block;
}
.grid-form.m-br > div.grid-form-row > div.grid-form-col.label label
{
margin-bottom: 0.25rem;
}
.grid-form.m-br > div.grid-form-row > div.grid-form-col.label-input + div.grid-form-col.label-input
{
margin-top: 0.8rem;
}
.grid-form.m-br > div.grid-form-row > div.grid-form-col.button button
{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
@media (max-width: 600px)
{
.grid-form.s-br + .grid-form
{
margin-top: 0.5rem;
}
.grid-form.s-br div.grid-form-row
{
width: 100% !important;
display: block;
}
.grid-form.s-br > div.grid-form-row + div.grid-form-row
{
margin-top: 0.8rem;
}
.grid-form.s-br > div.grid-form-row > div.grid-form-col
{
width: 100% !important;
padding: 0;
display: block;
}
.grid-form.s-br > div.grid-form-row > div.grid-form-col.label label
{
margin-bottom: 0.25rem;
}
.grid-form.s-br > div.grid-form-row > div.grid-form-col.label-input + div.grid-form-col.label-input
{
margin-top: 0.8rem;
}
.grid-form.s-br > div.grid-form-row > div.grid-form-col.button button
{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
div.block
{
margin: 0.5em 0;
}
.width-max, .box
{
width: 100%;
}
.width-half, .half-box
{
width: 50%;
}
.width-min
{
width: 1%;
}
.float-break:after
{
content: "-";
height: 0;
font-size: 0;
visibility: hidden;
display: block;
clear: both;
}
.hide, .spamfilter
{
display: none;
}
div.ezoeItemCustomTag:before
{
content: attr(customattributes);
font-weight: 700;
color: #ffffff;
background-color: #5090c0;
margin: -0.5em -0.5em 0.5em -0.5em;
padding: 0.5em;
display: block;
}
body
{
background-color: #e0e0e0;
margin: 0;
padding: 0 0 20px 0;
}
div#page
{
max-width: 980px;
background-color: #ffffff;
margin: 0 auto;
padding: 15px 20px 0 20px;
}
div#page.design-wide
{
max-width: none;
padding: 0;
}
.page-width
{
width: 100%;
max-width: 980px;
margin: 0 auto;
}
div#page.design-wide .page-width
{
max-width: 980px;
padding: 0 20px;
}
div#header-bg
{
}
div#page.design-wide div#header-bg
{
padding-top: 15px;
}
header
{
min-height: 80px;
position: relative;
}
#header-bg
{
background-color: #ffffff;
}
div#logo
{
position: absolute;
top: 0;
left: 0;
}
div#page.design-wide div#logo
{
left: 20px;
}
div#logo h1
{
margin: 0;
}
div#logo a, div#logo span.image
{
display: block;
}
div#logo a
{
text-decoration: none;
}
div#logo span.image
{
width: 145px;
height: 60px;
background: url(/extension/gwbase3/design/gwbase/images/logo.svg) top left no-repeat;
}
div#logo a span.text
{
display: none;
}
div#mobilemenu-control a, nav#mobilemenu
{
display: none;
}
div#searchbox
{
width: 220px;
text-align: right;
position: absolute;
right: 0;
bottom: 20px;
}
div#page.design-wide div#searchbox
{
right: 20px;
}
div#searchbox input
{
width: 100%;
}
div#searchbox button
{
margin-left: 5px;
display: inline-block;
}
nav#extramenu
{
font-size: 1.1rem;
float: right;
}
nav#extramenu ul
{
margin: 0;
padding: 0;
}
nav#extramenu li
{
margin: 0 0 0 10px;
padding: 0 0 0 10px;
border: 1px solid #808080;
border-style: none none none solid;
float: left;
list-style-type: none;
list-style-image: none;
}
nav#extramenu li:first-child
{
border-left: none;
}
nav#extramenu a
{
color: #000000;
text-decoration: none;
}
nav#extramenu a:hover
{
text-decoration: underline;
}
nav#extramenu li.language-selector span.text {
display: none;
}
nav#extramenu li.language-selector span.flag
{
width: 24px;
height: 16px;
background: 50% 50% no-repeat;
display: inline-block;
position: relative;
top: 1px;
}
nav#extramenu li.language-selector span.flag.nor-NO
{
background-image: url(/extension/gwbase3/design/gwbase/images/no.gif);
}
nav#extramenu li.language-selector span.flag.swe-SE
{
background-image: url(/extension/gwbase3/design/gwbase/images/se.gif);
}
nav#extramenu li.language-selector span.flag.dan-DK
{
background-image: url(/extension/gwbase3/design/gwbase/images/dk.gif);
}
nav#extramenu li.language-selector span.flag.fin-FI
{
background-image: url(/extension/gwbase3/design/gwbase/images/fi.gif);
}
nav#extramenu li.language-selector span.flag.eng-GB
{
background-image: url(/extension/gwbase3/design/gwbase/images/en.gif);
}
nav#extramenu li.language-selector span.flag.ger-DE
{
background-image: url(/extension/gwbase3/design/gwbase/images/de.gif);
}
div#topmenu-bg
{
background-color: #d0d0d0;
border: 1px solid #d0d0d0;
margin-bottom: 20px;
position: relative;
}
div#topmenu-bg.stuck
{
position: fixed;
top: 0;
left: 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
width: 100%;
z-index: 999;
}
nav#topmenu
{
position: relative;
z-index: 1000;
}
nav#topmenu strong
{
margin-left: 10px;
display: none;
}
nav#topmenu div.submenu, nav#topmenu li.topextra
{
display: none;
}
nav#topmenu div.dropdownmenu
{
position: absolute;
top: 31px;
left: -1px;
display: none;
z-index: 1;
}
nav#topmenu ul
{
margin: 0;
padding: 0;
position: relative;
z-index: 1;
}
nav#topmenu div.dropdownmenu ul
{
min-width: 200px;
border: 1px #d0d0d0;
border-style: none solid solid solid;
}
nav#topmenu div.dropdownmenu ul ul
{
display: none;
}
nav#topmenu li
{
margin: 0 10px 0 0;
padding: 0;
float: left;
list-style-type: none;
list-style-image: none;
position: relative;
}
nav#topmenu li li
{
margin: 0;
padding: 0;
border: none;
float: none;
}
nav#topmenu a
{
color: #000000;
padding: 5px 10px;
text-decoration: none;
display: block;
white-space: pre;
position: relative;
}
nav#topmenu li.selected > a
{
background-color: #e0e0e0;
}
nav#topmenu ul ul, nav#topmenu li.current a.children.menuhover, nav#topmenu a.children.menuhover
{
background-color: #f8f8f8;
}
nav#topmenu ul ul
{
background-image: -o-linear-gradient( top, #f8f8f8, #f8f8f8 100.0%);
background-image: -ms-linear-gradient( top, #f8f8f8, #f8f8f8 100.0%);
background-image: -moz-linear-gradient( top, #f8f8f8, #f8f8f8 100.0%);
background-image: -webkit-linear-gradient( top, #f8f8f8, #f8f8f8 100.0%);
}
nav#topmenu a.children.menuhover
{
margin-top: -1px;
padding: 5px 10px 6px 10px;
position: relative;
top: 1px;
}
nav#topmenu a:hover
{
background-color: #e8e8e8 !important;
}
div#mobilemenu-control a, nav#mobilemenu
{
display: none;
}
div#path-bg
{
margin: -10px 0 25px 0;
clear: both;
}
nav#path
{
font-size: 1.1rem;
padding: 0;
}
nav#path em
{
font-style: normal;
}
nav#path em:before
{
font-family: 'FontAwesome';
font-size: 0.8rem;
content: '\f054';
display: inline-block;
}
nav#path i
{
font-size: 1.1rem;
}
div.hide-content-top section#content-top
{
display: none;
}
section#content-top
{
margin-bottom: 20px;
}
div#page.design-wide div.content-focus
{
}
div#page.design-wide section#content-top
{
max-width: 100%;
padding: 0;
}
div.hide-content-left div#content-left-area
{
padding-left: 0;
}
div.hide-content-right div#content-right-area
{
padding-right: 0;
}
div#content-middle-container
{
width: 100%;
display: table;
}
section#content-left, section#content-center, section#content-right
{
display: table-cell;
vertical-align: top;
}
section#content-left
{
width: 25%;
padding-right: 15px;
}
div.hide-content-left section#content-left
{
display: none;
}
nav#sidemenu ul, nav#sidemenu li
{
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
nav#sidemenu ul
{
border-top: 1px solid #e0e0e0;
}
nav#sidemenu ul ul
{
border-top: none;
}
nav#sidemenu li
{
border-bottom: 1px solid #e0e0e0;
}
nav#sidemenu li li
{
margin-top: -5px;
border-bottom: none;
}
nav#sidemenu a
{
color: #000000;
padding: 10px 10px;
text-decoration: none;
display: block;
}
nav#sidemenu li.selected > a
{
font-weight: bold;
}
nav#sidemenu li li a
{
padding-left: 30px;
}
nav#sidemenu li li li a
{
padding-left: 50px;
}
nav#sidemenu li li li li a
{
padding-left: 70px;
}
nav#sidemenu li li li li li a
{
padding-left: 90px;
}
nav#sidemenu a:hover
{
background-color: #f0f0f0;
}
section#content-center
{
padding: 0 5px;
}
div.hide-content-left section#content-center
{
padding-left: 0;
}
div.hide-content-right section#content-center
{
padding-right: 0;
}
section#content-right
{
width: 25%;
padding-left: 15px;
}
div.hide-content-right section#content-right
{
display: none;
}
div.hide-content-bottom section#content-bottom
{
display: none;
}
div#footer-bg
{
border-top:1px solid #e0e0e0;
margin-top: 25px;
padding-bottom: 20px;
}
footer
{
text-align: left;
}
footer h3
{
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 10px;
}
footer ul, footer li
{
list-style-type: none;
list-style-image: none;
}
footer ul
{
margin: 0 !important;
padding: 0;
}
footer li
{
margin: 5px 0 0 0;
}
footer li:first-child
{
margin-top: 0;
}
div#sociallinks li
{
display: inline-block;
margin-top: 3px;
}
div#sociallinks li:first-child
{
margin-top: 0;
}
div#sociallinks i
{
margin-right: 5px;
}
div#sociallinks a
{
font-size: 3.2rem;
color: #ccc;
margin-left: 2px;
text-decoration: none;
}
div#sociallinks a:hover
{
color: #ccc;
text-decoration: none;
}
footer address
{
font-style: normal;
text-align: left;
}
footer address p
{
margin-bottom: 5px;
}
footer address p:first-child
{
margin-top: 0;
}
div#loginbox label
{
font-weight: normal;
margin: 10px 0 3px 0;
}
div#loginbox label:first-child
{
margin-top: 0;
}
div#loginbox div.forgotpassword
{
margin-top: 10px;
float: right;
}
div#loginbox div.forgotpassword p
{
margin: 0;
}
div#loginbox input.button
{
margin-top: 10px;
}
div#credits
{
font-size: 1.1rem;
margin: 20px auto 0 auto;
text-align: center;
}
div#credits a, div#credits address
{
color: #808080;
}
div#credits address
{
font-style: normal;
padding:  0 10px;
}
ul.mobilemenu-append {
display: none;
}
div.attribute-image div.attribute-caption p
{
font-weight: normal;
color: #000000;
background-color: #f0f0f0;
padding: 5px 10px;
}
div.attribute-image img, div.attribute-image-embed img
{
width: 100%;
}
div.attribute-link
{
font-size: 1.1rem;
margin-top: 5px;
}
.l-hide
{
display: none;
}
div.factbox
{
margin: 1rem 0;
background-color: #f8f8f8;
border: 1px solid #f0f0f0;
padding: 1.5rem 2rem;
clear: both;
}
blockquote
{
font-size: 2rem;
font-style: italic;
width: 50%;
background-color: #f8f8f8;
border: 1px solid #f0f0f0;
margin: 1rem 0 1rem 2rem;
padding: 1.5rem 2rem;
clear: both;
float: right;
position: relative;
}
div.content-view-full blockquote *
{
position: relative;
z-index: 1;
}
div.content-view-full blockquote p:before
{
font-family: 'FontAwesome';
content: '\f10e';
font-size: 5rem;
color: #e8e8e8;
display: inline-block;
position: absolute;
top: 5px;
left: -15px;
z-index: -1;
}
div.content-view-full blockquote p + p:before
{
content: '';
display: none;
}
div.content-view-full blockquote span + p
{
margin-top: 0;
}
div.content-view-full div.attribute-title h1
{
margin: -5px 0 10px 0;
}
div.content-view-full div.attribute-byline
{
font-size: 1.1rem;
margin-bottom: 10px;
}
div.content-view-full div.attribute-byline p.author
{
width: 48%;
float: left;
}
div.content-view-full div.attribute-byline p.date
{
width: 48%;
float: right;
text-align: right;
}
div.content-view-full > * > div.attribute-image
{
margin: 15px 0;
}
div.content-view-full > * > div.attribute-short
{
font-weight: bold;
margin-top: 10px;
}
div.content-view-full div.attribute-short + div.attribute-long
{
margin-top: 10px;
}
div.content-view-children
{
clear: both;
}
div.content-view-children, div.content-view-list, div.content-view-full + div.content-view-full div.class-frontpage-block div.content-view-children
{
margin-top: 20px;
}
div.class-frontpage-block div.content-view-children
{
margin-top: 0;
}
div.class-frontpage-block + div.class-frontpage-block
{
margin-top: 20px;
}
div.content-view-line
{
clear: both;
}
div.content-view-line:after
{
content: "-";
height: 0;
visibility: hidden;
display: block;
clear: both;
}
div.content-view-line + div.content-view-line
{
margin-top: 20px;
}
div.content-view-line div.attribute-title h2
{
margin-top: 0;
}
div.content-view-line > * > div.attribute-image
{
width: 200px;
margin: 0 0 0 10px;
float: right;
}
div.content-view-block div.attribute-title:first-child h2
{
margin-top: 0;
}
div.content-view-block div.attribute-image + div.attribute-title h2
{
margin-top: 10px;
}
.l-1 div.content-view-block div.attribute-title h2, .l-2 div.content-view-block div.attribute-title h2
{
font-size: 1.3rem;
}
.l-3 div.content-view-block div.attribute-title h2, .l-4 div.content-view-block div.attribute-title h2
{
font-size: 1.6rem;
}
div.content-view-block div.attribute-icon
{
text-align: center;
}
div.attribute-blocktitle
{
display: table;
margin-bottom: 10px;
width: 100%;
}
div.attribute-blocktitle h2
{
display: table-cell;
font-size: 1.4rem;
color: #404040;
position: relative;
z-index: 1;
overflow: hidden;
border: none;
margin-right: 5px;
margin-bottom: 15px;
}
div.attribute-blocktitle p
{
display: table-cell;
width: 1%;
white-space: nowrap;
}
div.attribute-blocktitle p a
{
background-color: #ffffff;
padding: 0 0 0 10px;
font-size: 1.4rem;
color: #404040;
text-decoration: none;
}
div.infobox, div.bannerbox
{
clear: both;
}
div.infobox + div.infobox, div.infobox + div.bannerbox, div.bannerbox + div.bannerbox, div.bannerbox + div.infobox
{
margin-top: 20px;
}
div.infobox
{
background-color: #ffffff;
padding: 9px 9px 12px 9px;
border: 1px solid #e0e0e0;
}
div.content-view-box > div.attribute-title
{
}
div.content-view-box > div.attribute-title > h2
{
font-weight: 700;
color: #404040;
}
div.content-view-box div.attribute-title h2, div.content-view-box div.attribute-title h3
{
margin: 0 0 5px 0;
}
div.content-view-box + div.content-view-box
{
margin-top: 10px;
}
div.content-view-box ul
{
margin: 5px 0 5px 1rem;
}
div.content-view-box div.content-view-list
{
margin-top: 10px;
}
div.content-view-boxline + div.content-view-boxline
{
margin-top: 10px;
}
div.object-right, div.object-left, div.object-center
{
margin-top: 5px !important;
margin-bottom: 5px !important;
}
div.object-right
{
margin-left: 20px !important;
float: right;
}
div.object-left
{
margin-right: 20px !important;
float: left;
}
div.object-center
{
margin: 10px 0;
text-align: center;
}
div.object-center > *
{
margin: 0 auto;
}
div.content-view-embed div.attribute-image
{
margin: 0 auto;
float: none;
text-align: center;
}
div.content-view-embed div.attribute-image p
{
margin: 0;
}
div.attribute-image-embed img
{
width: 100%;
}
div.attribute-image-embed.size-large
{
width: 100% !important;
}
div.attribute-image-embed.size-medium
{
width: 50% !important;
}
div.attribute-image-embed.size-small
{
width: 33% !important;
}
a.mime-icon {
padding-left: 20px;
background-repeat: no-repeat;
height: 20px;
display: block;
}
div.content-view-embed > a > img {
float: left;
margin-right: 7px;
}
div.slideshow-wrapper
{
margin: 0 auto;
}
div#page.design-wide div#topmenu-bg + div#content-top-bg > * > div.slideshow
{
margin-top: -20px;
}
div.slideshow
{
margin: 0 auto;
position: relative;
clear: both;
}
div.slideshow div.slide
{
width: 100%;
}
div.slideshow-controls p
{
margin: 0;
}
div.slideshow-controls a
{
font-size: 1.6rem;
padding: 0;
text-decoration: none;
position: absolute;
display: block;
top: 40%;
z-index: 500;
}
div.slideshow-controls i:first-child
{
color: rgba(255, 255, 255, 0.5);
}
div.slideshow-controls i:last-child
{
color: rgba(0, 0, 0, 1);
}
div.slideshow-controls a.slide-previous
{
left: 5px;
}
div.slideshow-controls a.slide-next
{
right: 5px;
}
div.slideshow-slides
{
position: relative;
}
div.class-slidebanner
{
position: relative;
}
div.class-slidebanner div.attribute-image
{
margin: 0 !important;
padding: 0 !important;
float: none;
}
div.class-slidebanner img
{
width: 100%;
display: block;
}
div.class-slidebanner div.banner-overlay
{
width: 100%;
background-color: rgba( 255, 255, 255, 0.5 );
position: absolute;
bottom: 0;
}
div.class-slidebanner div.attribute-title h2
{
font-size: 2rem;
font-weight: bold;
margin: 0;
padding: 15px 20px;
}
div.class-slidebanner div.attribute-title h2, div.class-slidebanner div.attribute-title h2 a
{
color: #000000;
}
div.class-slidebanner div.attribute-short
{
margin-top: -10px;
padding-bottom: 5px;
}
div.class-slidebanner div.attribute-short p
{
font-size: 1.6rem;
margin: 0;
padding: 0 20px 10px 20px;
}
div.slideshow-markers
{
height: 20px;
font-size: 50px;
margin: -15px 0 30px 0;
text-align: center;
display: none;
}
div.slideshow-markers span
{
color: #e0e0e0;
cursor: pointer;
}
div.slideshow-markers a
{
color: #000000;
background-color: #e0e0e0;
margin-right: 5px;
padding: 2px 7px;
border-radius: 10px;
text-decoration: none;
display: inline-block;
}
div.slideshow-markers span.cycle-pager-active
{
color: #a0a0a0;
}
* + div.content-focus
{
margin-top: 20px;
}
div.content-view-block div.class-focus
{
padding: 10px 10px 5px 10px;
}
div.content-view-full div.class-article .fb-comments
{
margin-top: 30px;
}
div.content-view-full div.class-event div.attribute-date div.add
{
float: right;
}
table.calendar
{
border: 1px solid #e0e0e0;
border-style: none solid solid none;
background-color: #ffffff;
}
table.calendar th, table.calendar td
{
padding: 5px 5px 3px 5px;
border: 1px solid #e0e0e0;
border-style: solid none none solid;
text-align: center;
}
table.calendar th.dayname
{
border-left: none;
}
table.calendar td.active
{
background-color: #e0e0e0;
}
table.calendar td.current
{
font-weight: bold;
background-color: #e04020;
color: #ffffff;
}
p.calendar-tip a
{
text-decoration: none;
}
p.calendar-tip a:hover
{
text-decoration: underline;
}
table.calendar td.active, table thead th.next, table thead th.previous
{
cursor: pointer;
}
table.calendar td.day
{
cursor: pointer;
}
table.calendar thead tr:nth-child(1)
{
color: #404040;
background-color: #d0d0d0;
}
table.calendar thead tr:nth-child(2)
{
color: #404040;
background-color: #f0f0f0;
}
div.content-view-full div.class-eventcalendar div.content-view-children
{
margin-top: 10px;
}
div.content-view-full div.class-eventcalendar div.row > div.col > h2
{
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 20px;
padding-bottom: 5px;
border-bottom: 1px solid #e0e0e0;
}
div.content-view-full div.class-eventcalendar div.row > div.col > div.content-view-children + h2
{
margin-top: 25px;
}
div.content-view-full div.class-event div.attribute-date
{
font-weight: 400;
}
div.content-view-full div.class-event div.attribute-date + div.attribute-location
{
margin-top: 0;
}
div.content-view-full div.class-event div.attribute-short
{
margin-top: 10px;
}
div.content-view-full div.class-event div.attribute-date a.calendar-add
{
font-size: 1.1rem;
font-weight: normal;
float: right;
}
div.content-view-full div.class-event div.attribute-date a.calendar-add i
{
margin-right: 5px;
}
div.content-view-line div.class-event
{
padding-left: 50px;
}
div.content-view-line div.class-event div.icon-box
{
height: 40px;
width: 40px;
background-color: #c0c0c0;
border-radius: 50%;
display: table;
margin-left: -50px;
float: left;
}
div.content-view-line div.class-event div.icon-symbol
{
font-size: 2.2rem;
font-weight: bold;
color: #ffffff;
display: table-cell;
text-align: center;
vertical-align: middle;
}
div.content-search button
{
margin-left: 5px;
display: inline-block;
}
div.content-search div.content-view-line div.class-event
{
padding-left: 0;
}
div.content-search div.content-view-line div.class-event div.icon-box
{
display: none;
}
div.content-view-line div.class-event div.attribute-title h3
{
font-size: 2rem;
margin: 0;
}
div.content-view-box div.class-event div.attribute-title h3
{
font-weight: 700;
margin: 0;
}
div.content-view-box div.class-event div.attribute-date, div.content-view-box div.class-event div.attribute-location
{
}
div.attribute-description
{
margin-top: 20px;
}
.factbox
{
border:1px #eeeeee solid;
width: 100%;
background: #F7F7F7;
padding: 5px 10px 15px 10px;
margin: 20px 0;
}
div.class-feedback-form div.block
{
margin: 10px 0;
}
div.pagenavigator
{
margin-top: 15px;
}
div.pagenavigator p
{
font-size: 1.1rem;
}
div.pagenavigator a
{
text-decoration: underline;
}
div.pagenavigator a, div.pagenavigator span.previous, div.pagenavigator span.selected, div.pagenavigator span.next
{
padding: 0 5px;
}
div.pagenavigator a.previous, div.pagenavigator span.previous
{
padding-left: 0;
}
div.pagenavigator span.selected
{
font-weight: bold;
}
div.pagenavigator span.divider
{
color: #c0c0c0;
}
.youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
margin-bottom: 10px;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
div.play-overlay
{
position: relative;
}
div.play-overlay span.play-symbol
{
background: url('/extension/gwbase3/design/gwbase/images/play-icon-grey.svg') 50% 55% no-repeat;
background-size: 15%;
opacity: 0.75;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
div.play-overlay:hover span.play-symbol
{
background-image: url('/extension/gwbase3/design/gwbase/images/play-icon-red.svg');
}
#ezwt img, #content-middle form#edit img, #content-middle #fix #maincontent-design img{
width: inherit !important;
display: inline;
}
#content-middle form#edit .block {
clear: both;
}
#content-middle form#edit > .block {
overflow:hidden;
}
#content-middle form#edit > .block > label{
font-weight: bold;
}
div#content-middle form#edit fieldset {
border: 1px solid #D7D7D7;
margin: 10px 0 15px 0;
}
div.fieldsetcontent.closed {
display: none;
}
span.fieldsetopener {
cursor: pointer;
font-size: 1.7rem;
font-weight: 500;
margin-left: 5px;
}
#content-middle form#edit .block .element {
float: left;
}
.spamfilter {
display: none;
}
div.attribute-survey div.survey-question input.disabled, div.attribute-survey div.survey-question textarea.disabled, div.attribute-survey div.survey-question select.disabled
{
background-color: #e0e0e0;
}
p.survey-mandatory
{
margin-top: 10px;
}
div.survey-question
{
clear: both;
margin-top: 10px;
}
div.survey-question:after
{
content: "-";
height: 0;
font-size: 0;
visibility: hidden;
display: block;
clear: both;
}
div.attribute-survey div.message-warning h2, div.attribute-survey div.message-warning a,
div.attribute-survey div.message-warning h4, div.attribute-survey .error, div.attribute-survey .required
{
color: #e53a3a;
}
div.attribute-survey div.survey-question.error input,
div.attribute-survey div.survey-question.error textarea,
div.attribute-survey div.survey-question.error select
{
background-color: #f5fafa;
}
div.attribute-survey div.message-warning
{
margin-top: 1em;
}
div.survey-choices
{
clear: both;
}
div.survey-choices div.element
{
float: left;
margin-right: 20px;
}
div.survey-choices label
{
font-weight: normal;
}
div.survey-choices input[type='text'],
div.survey-choices input[type='password'],
div.survey-choices textarea
{
width: 100%;
}
div.survey-view div.buttonblock
{
margin-top: 10px;
}
div.survey-view .required, div.survey-edit .required
{
background: url('/extension/ezsurvey/design/standard/images/survey-asterisk.svg') no-repeat;
position: relative;
width: 0.5rem;
height: 0.5rem;
bottom: 0.2rem;
padding-left: 0.3rem;
display: inline-block;
}
div.survey-view .tip, div.survey-edit .tip
{
background: url('/extension/ezsurvey/design/standard/images/survey-info.svg') no-repeat;
cursor: pointer;
width: 1rem;
height: 1rem;
display: inline-block;
padding-left: 0.3rem;
}
div.attribute-survey .required .text, div.attribute-survey .tip .text,
div.survey-edit .required .text, div.survey-edit .tip .text
{
display: none;
font-weight: bold;
}
div.attribute-survey .modal-position
{
width: 100%;
display: none;
position: relative;
z-index: 999;
background: #88b7d5;
border: 1px solid #c2e1f5;
border-radius: 3px;
color: #ffffff;
margin-bottom: 11px;
font-style: italic;
}
div.attribute-survey .modal
{
padding: 10px;
}
div.attribute-survey .modal:after, div.attribute-survey .modal:before
{
top: 100%;
left: 50%;
border: 1px solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
div.attribute-survey .modal:after
{
border-color: rgba(136, 183, 213, 0);
border-top-color: #88b7d5;
border-width: 10px;
margin-left: -10px;
}
div.attribute-survey .modal:before
{
border-color: rgba(194, 225, 245, 0);
border-top-color: #c2e1f5;
border-width: 11px;
margin-left: -11px;
}
form.gsc-search-box *, form.gsc-search-box *:before, form.gsc-search-box *:after, div.gsc-control-cse *, div.gsc-control-cse *:before, div.gsc-control-cse *:after
{
box-sizing: content-box;
}
form.gsc-search-box table
{
margin: 0;
}
form.gsc-search-box th, form.gsc-search-box td
{
padding: initial;
}
div#searchbox form.gsc-search-box input, form.gsc-search-box input
{
width: auto;
}
form.gsc-search-box .gsc-input-box, form.gsc-search-box input.gsc-search-button-v2
{
height: auto;
}
form.gsc-search-box .gsc-input-box
{
height: auto;
padding: 2px 5px;
}
@media (max-width: 980px)
{
body
{
background-color: #ffffff;
}
}
@media (max-width: 800px)
{
.row
{
margin: -20px -10px 0 -10px;
}
.row .col
{
padding: 0 10px;
}
.row .m-1
{
width: 8.3333%;
}
.row .m-1-0909090909091
{
width: 9.09%;
}
.row .m-1-2
{
width: 10%;
}
.row .m-1-3333333333333
{
width: 11.11%;
}
.row .m-1-5
{
width: 12.5%;
}
.row .m-1-7142857142857
{
width: 14.28%;
}
.row .m-2
{
width: 16.6667%;
}
.row .m-2-4
{
width: 20%;
}
.row .m-3
{
width: 25%;
}
.row .m-4
{
width: 33.3333%;
}
.row .m-5
{
width: 41.6667%;
}
.row .m-6
{
width: 50%;
}
.row .m-7
{
width: 58.3333%;
}
.row .m-8
{
width: 66.6667%;
}
.row .m-9
{
width: 75%;
}
.row .m-10
{
width: 83.3333%;
}
.row .m-11
{
width: 91.67%;
}
.row .m-12
{
width: 100%;
}
.row .l-br
{
clear: none;
}
.row .m-br
{
clear: both;
}
.l-hide
{
display: block;
}
.m-hide
{
display: none;
}
div#adminArea-bg
{
display: none;
}
div#page
{
padding: 10px;
}
.page-width
{
width: auto;
}
div#header-bg
{
margin-bottom: 20px;
}
div#page.design-wide .page-width
{
padding: 0 10px;
}
nav#extramenu, div#searchbox
{
display: none;
}
nav#headermenu
{
display: block;
}
div#headermenu-dropdown-bg
{
display: block;
}
div.sticky-wrapper
{
display: none;
}
div#content-middle
{
margin-bottom: 0;
}
section#content-center
{
margin-bottom: 20px;
}
header
{
min-height: auto;
}
div#logo
{
position: static;
float: left;
margin-bottom: 10px;
}
div#logo span.image
{
width: 128px;
height: 40px;
}
nav#extramenu
{
margin: 0 0 10px 0;
}
div#searchbox
{
bottom: 10px;
}
div#mobilemenu-control a, nav#mobilemenu div.mobilemenu-showhide, nav#mobilemenu ul
{
transition: 0.25s;
}
div#mobilemenu-control a
{
display: block;
}
div#mobilemenu-control a
{
font-size: 2.4rem;
color: #000000;
margin-top: -3px;
padding: 12px 15px;
float: right;
}
div#mobilemenu-control.show a
{
color: #ffffff;
background-color: #606060;
}
nav#mobilemenu, nav#mobilemenu a
{
color: #ffffff;
}
nav#mobilemenu
{
font-size: 1.6rem;
width: 100%;
position: absolute;
left: -100%;
clear: both;
z-index: 1000;
}
nav#mobilemenu div.mobilemenu-showhide
{
position: relative;
right: -200%;
}
nav#mobilemenu.show div.mobilemenu-showhide
{
right: 0;
}
nav#mobilemenu div.grid-form + div.grid-form
{
margin-top: 1rem;
}
nav#mobilemenu ul
{
}
nav#mobilemenu a
{
padding: 15px 40px;
text-decoration: none;
display: block;
position: relative;
}
nav#mobilemenu a span
{
}
nav#mobilemenu a span i
{
font-size: 2rem;
padding: 17px 15px;
opacity: 0.5;
}
nav#mobilemenu a span.previous
{
margin: -14px 0 -14px -40px;
float: left;
}
nav#mobilemenu a span.previous i
{
padding: 17px 3px 17px 15px;
}
nav#mobilemenu a span.next
{
border-left: 1px solid rgba(0, 0, 0, 0.5);
margin: -14px -40px -14px 0;
float: right;
}
nav#mobilemenu a span.next i
{
border-left: 1px solid rgba(255, 255, 255, 0.5);
}
nav#mobilemenu ul, nav#mobilemenu li
{
margin: 0;
padding: 0;
list-style-type: none;
}
nav#mobilemenu ul
{
width: 100%;
top: 0;
left: 0;
position: absolute;
}
nav#mobilemenu ul.current > li > ul
{
left: 100%;
opacity: 0;
}
nav#mobilemenu ul.current
{
left: 100%;
opacity: 1;
}
nav#mobilemenu li
{
background-color: #808080;
border: 1px solid;
border-color: rgba( 255, 255, 255, 0.5) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba( 255, 255, 255, 0.5);
}
nav#mobilemenu li.search, nav#mobilemenu li.back
{
font-weight: 700;
background-color: #606060;
border-top: none;
}
nav#mobilemenu li.search a, nav#mobilemenu li.back a
{
padding-right: 10px;
}
nav#mobilemenu li.back:after
{
content: "-";
height: 0;
font-size: 0;
visibility: hidden;
display: block;
clear: both;
}
nav#mobilemenu li.back a
{
width: 50%;
float: left;
}
nav#mobilemenu li.back a:first-child
{
border-right: 1px solid #404040;
}
nav#mobilemenu li.back a:last-child
{
border-left: 1px solid #a0a0a0;
}
nav#mobilemenu li form
{
padding: 20px 47px 20px 40px;
}
nav#mobilemenu li form label
{
font-weight: 400;
white-space: nowrap;
}
nav#mobilemenu li form input, nav#mobilemenu li form button
{
padding: 2px 5px;
}
nav#mobilemenu li form input
{
font-size: 2rem;
}
nav#mobilemenu li form button
{
font-size: 1.8rem;
color: #ffffff;
background-color: rgba( 255, 255, 255, 0.25);
border-color: rgba( 255, 255, 255, 0.5) rgba( 0, 0, 0, 0.5) rgba( 0, 0, 0, 0.5) rgba( 255, 255, 255, 0.5);
}
nav#mobilemenu li form a
{
padding: 0;
display: inline;
}
nav#mobilemenu li div.grid-form-row + div.grid-form-row div.grid-form-col
{
padding-top: 10px;
}
nav#mobilemenu li div.grid-form-col
{
padding: 0 0.5rem;
vertical-align: bottom;
}
nav#mobilemenu li div.grid-form-col:first-child
{
padding-left: 0;
}
nav#mobilemenu li div.grid-form-col:last-child
{
padding-right: 0;
}
div#topmenu-bg
{
border: none;
display: none;
}
nav#path
{
padding: 0;
}
section#content-left
{
display: none;
}
section#content-right
{
width: 33.3333%;
}
section#content-left nav#sidemenu
{
display: none;
}
section#content-center
{
padding-left: 0;
}
div.slideshow
{
}
div.slideshow img
{
width: 100% !important;
height: auto !important;
}
div.class-slidebanner div.banner-overlay
{
background-color: #f0f0f0;
position: static;
}
div.class-slidebanner .hovershow
{
display: block !important;
}
div.mobile-crop
{
width: auto;
margin-right: auto;
margin-left: auto;
overflow: hidden;
position: relative;
}
div.mobile-crop img
{
width: 200% !important;
position: relative;
left: -50%;
}
div.class-frontpagebanner div.attribute-title h2
{
font-size: 1.6rem;
font-weight: normal;
padding: 5px 10px;
}
div.class-frontpagebanner div.attribute-short p
{
font-size: 1.3rem;
padding: 0 10px 10px 10px;
}
div.infobox
{
font-size: 1.3rem;
margin: 0 0 20px 0;
}
section#content-right div.infobox:last-child
{
margin-bottom: 0;
}
div.content-view-box div.attribute-title h3
{
font-weight: normal;
}
div.attribute-link
{
font-size: 1.3rem;
}
.m-1 div.content-view-block div.attribute-title h2, .m-2 div.content-view-block div.attribute-title h2
{
font-size: 1.3rem;
}
.m-3 div.content-view-block div.attribute-title h2, .m-4 div.content-view-block div.attribute-title h2
{
font-size: 1.6rem;
}
div.row.m-simple div.attribute-short
{
display: none;
}
div.row.m-simple div.attribute-link
{
display: none;
}
}
@media (max-width: 600px)
{
.row
{
margin: -20px -5px 0 -5px;
}
.row .col
{
padding: 0 5px;
}
.row .s-1
{
width: 8.3333%;
}
.row .s-1-0909090909091
{
width: 9.09%;
}
.row .s-1-2
{
width: 10%;
}
.row .s-1-3333333333333
{
width: 11.11%;
}
.row .s-1-5
{
width: 12.5%;
}
.row .s-1-7142857142857
{
width: 14.28%;
}
.row .s-2
{
width: 16.6667%;
}
.row .s-2-4
{
width: 20%;
}
.row .s-3
{
width: 25%;
}
.row .s-4
{
width: 33.3333%;
}
.row .s-5
{
width: 41.6667%;
}
.row .s-6
{
width: 50%;
}
.row .s-7
{
width: 58.3333%;
}
.row .s-8
{
width: 66.6667%;
}
.row .s-9
{
width: 75%;
}
.row .s-10
{
width: 83.3333%;
}
.row .s-11
{
width: 91.67%;
}
.row .s-12
{
width: 100%;
}
.row .l-br, .row .m-br
{
clear: none;
}
.row .s-br
{
clear: both;
}
.m-hide
{
display: block;
}
.s-hide
{
display: none;
}
blockquote
{
width: 100%;
margin-left: 0;
float: none;
}
table.responsive-transform tr:first-child th
{
display: none;
}
table.responsive-transform tr
{
display: block;
position: relative;
}
table.responsive-transform tr:nth-child(2n+0)
{
background-image: linear-gradient( to right, #a0a0a0, #a0a0a0 50%, #f0f0f0 50.0%);
}
table.responsive-transform tr:nth-child(2n+1)
{
background-image: linear-gradient( to right, #a0a0a0, #a0a0a0 50%, #d0d0d0 50.0%);
}
table.responsive-transform td:before, table.responsive-transform td > div
{
display: inline-block;
vertical-align: middle;
}
table.responsive-transform td:before
{
content: attr(data-th);
width: 100%;
font-weight: bold;
color: #ffffff;
margin-left: -100%;
padding-right: 10px;
}
table.responsive-transform td
{
padding-left: 50%;
display: block;
border-bottom: 1px solid #808080;
}
table.responsive-transform td > div:before
{
content: '';
width: 1px;
background-color: #808080;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 50%;
}
table.responsive-transform td > div
{
padding-left: 10px;
}
div#page
{
padding-right: 10px;
padding-left: 10px;
}
section#content-center, section#content-right
{
width: auto;
display: block;
}
section#content-center
{
padding-right: 0;
}
section#content-right
{
padding-left: 0;
}
section#content-right div.row div.col.s-6:nth-child(odd)
{
clear: left;
}
div.mobile-crop
{
width: 100%;
}
div.content-view-line div.attribute-image
{
width: 40%;
}
nav#extramenu li
{
border: none;
float: none;
}
div#usermenu-dropdown div.grid-table, div#usermenu-dropdown div.row-table, div#usermenu-dropdown div.col-table
{
display: block;
}
div#usermenu-dropdown div.row-table + div.row-table
{
margin-top: 15px;
}
div#usermenu-dropdown div.col-table
{
width: 100%;
padding: 0 !important;
}
div#usermenu-dropdown div.col-table + div.col-table
{
margin-top: 10px;
}
div#usermenu-dropdown div.col-table.width-min
{
margin-top: 15px;
}
.s-12 div.content-view-block div.attribute-title h2
{
font-size: 2rem;
}
.s-6 div.content-view-block div.attribute-title h2
{
font-size: 1.6rem;
}
div.grid-form.responsive, div.grid-form.responsive div.grid-form-row, div.grid-form.responsive div.grid-form-col
{
width: 100% !important;
padding: 0 !important;
display: block !important;
}
div.grid-form.responsive div.grid-form-row + div.grid-form-row, div.grid-form.responsive div.grid-form-col + div.grid-form-col
{
margin-top: 1.5rem;
}
div.row.s-simple div.attribute-short
{
display: none;
}
div.row.s-simple div.attribute-link
{
display: none;
}
}
@media (max-width: 400px)
{
.row .xs-1
{
width: 8.3333%;
}
.row .xs-2
{
width: 16.6667%;
}
.row .xs-3
{
width: 25%;
}
.row .xs-4
{
width: 33.3333%;
}
.row .xs-5
{
width: 41.6667%;
}
.row .xs-6
{
width: 50%;
}
.row .xs-7
{
width: 58.3333%;
}
.row .xs-8
{
width: 66.6667%;
}
.row .xs-9
{
width: 75%;
}
.row .xs-10
{
width: 83.3333%;
}
.row .xs-11
{
width: 91.67%;
}
.row .xs-12
{
width: 100%;
}
}
td.debugheader
{
background-color : #eeeeee;
border-top : 1px solid #444488;
border-bottom : 1px solid #444488;
font-size : 0.9em;
font-family: Arial, Helvetica, sans-serif;
}
pre.debugtransaction
{
background-color : #f8f6d8;
}
p.comment
{
background-color: #ffff00;
font-weight: bold;
padding: 4px;
margin: 4px;
border: 2px dashed;
display: block;
}
td.ezsetup_header
{
background-color : #eeeeee;
border-top : 1px solid #444488;
border-bottom : 1px solid #444488;
font-size : 120%;
font-family: Arial, Helvetica, sans-serif;
}
td.ezsetup_req
{
font-size : 80%;
font-family: Arial, Helvetica, sans-serif;
}
.ezsetup_critical
{
background-color : #eeeeee;
border-top : 1px solid #444488;
border-bottom : 1px solid #444488;
font-size : 120%;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FF0000;
}
.ezsetup_uncritical
{
background-color : #eeeeee;
border-top : 1px solid #444488;
border-bottom : 1px solid #444488;
font-size : 120%;
font-family: Arial, Helvetica, sans-serif;
color: #E2A31D;
}
.ezsetup_pass
{
background-color : #eeeeee;
border-top : 1px solid #444488;
border-bottom : 1px solid #444488;
font-size : 120%;
font-family: Arial, Helvetica, sans-serif;
color: #00B500;
}
div.debug-toolbar label
{
font-weight: normal;
}
#debug
{
text-align: left;
border-top: 1px dashed black;
padding: 0.3em;
background-color: #fff;
}
#debug table
{
border-collapse: collapse;
}
#timingpoints, #timeaccumulators, #debug_resources, #debug_includes, #debug table.debug_resource_usage
{
border: 1px dashed black;
}
#debug table tr.group td
{
padding-top: 0.7em;
font-size: 0.95em;
}
#debug table tr.group td:first-child
{
padding-left: 0.2em;
font-size: 1em;
}
#debug table tr.data td
{
background-color: #ffffff;
border-top: 1px solid #444488;
border-bottom: 1px solid #444488;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.95em;
}
#debug table tr.data:nth-child(odd) td {  background-color: #eeeeee; }
#debug table + h2, #debug table + h3
{
margin-top: 1em;
}
#debug table.debug_resource_usage th + th, #debug table.debug_resource_usage td + td, table#timeaccumulators th + th, table#timeaccumulators td + td, table#timingpoints th + th, table#timingpoints td + td, table#debug_resources td, table#debug_includes td
{
padding: 0.25em 0.5em 0.25em 0.5em;
}
#debug th
{
text-align: left;
}
#debug span.debuginfo:after
{
border: 2px solid #23a4f5;
border-radius: 10px;
color: #23a4f5;
height: 10px;
width: 10px;
line-height: 10px;
font-size: 10px;
content: "i";
margin-left: 5px;
padding: 0 5px 0 5px;
opacity: 0.6;
}
#debug span.debuginfo:hover:after { opacity: 1; }
#templateusage tr.data td:first-child, #templateusage tr.data td:nth-child(n+5) { text-align: center; }
#debug tr.notice  td.debugheader span { color: green; }
#debug tr.warning td.debugheader span { color: orange; }
#debug tr.error   td.debugheader span { color: red; }
#debug tr.debug   td.debugheader span { color: brown; }
#debug tr.timing  td.debugheader span { color: blue; }
#debug tr.strict  td.debugheader span { color: purple; }
header, nav#topmenu, nav#path, section#content-top, section#content-left, section#content-center, section#content-right, section#content-bottom, footer
{
}
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);
body
{
font-family: 'Open Sans', sans-serif;
background-color: #F3F2F0;
font-size: 1.5em;
}
div#page.design-wide .page-width {
max-width: 1100px;
padding: 0 20px;
}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a
{
font-family: 'Open Sans', sans-serif;
color: #255D42;
font-weight: 700;
font-style: normal;
margin: 10px 0 0px 0;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover
{
color: #8DC641;
text-decoration: none;
}
p {
line-height: 1.625em;
}
header
{
min-height: 70px !important;
}
div#searchbox
{
width: 220px;
bottom: 27px;
}
div#searchbox button
{
font-size: 1.6rem;
margin-left: 5px;
background-color: #255D42;
border: 1px #255D42 none;
}
button, input[type='submit'], input[type='button'], a.button
{
font-size: 1.6rem;
padding: 9px 10px;
display: inline-block;
background-color: #255D42;
border: 1px #255D42 none;
font-weight: 400;
color: #ffffff;
}
div#searchbox button:hover
{
background-color: #8DC641;
}
button:hover, input[type='submit']:hover, input[type='button']:hover, a.button:hover
{
background-color: #8DC641;
}
div.class-slidebanner div.action-buttons a.button
{
text-align: center;
padding: 10px 12px;
background-color: #255D42;
border: 1px #255D42 solid;
font-size: 1.4rem;
margin-left: 20px;
color: #ffffff;
font-weight: 500;
}
div.class-slidebanner div.banner-overlay {
width: 100%;
position: absolute;
bottom: 20%;
background-color: transparent;
}
div.class-slidebanner div.action-buttons a.button:hover
{
background-color: #8DC641;
border: #8DC641 1px solid;
}
div.content-view-block div.attribute-title h2 a
{
font-size: 1.8rem;
font-weight: 400;
}
div.class-focus div.attribute-title h2 a
{
font-size: 1.6rem;
}
div.class-frontpage-block > div.attribute-blocktitle
{
display: block;
}
div.class-frontpage-block  p.link
{
display: block;
width: auto;
}
div.class-frontpage-block > div.attribute-blocktitle > h2.header
{
float: left;
margin-top: -22px;
font-size: 1.4rem;
color: #404040;
}
div.class-frontpage-block > div.attribute-blocktitle > h2.header:after
{
border: none;
width: auto;
}
p.link
{
float: right;
margin-top: -25px;
}
p.link a
{
font-size: 1.2rem;
color: #404040;
text-decoration: none;
}
div.attribute-blocktitle
{
margin-top: 20px;
position: relative;
top: 10px;
background-color: #FDE62F;
height: 5px;
border-bottom: 2px solid #8DC641;
}
div#logo span.image
{
background: url(/extension/site/design/site/images/logo.svg) top left no-repeat;
width: 260px;
height: 67px;
}
div#logo a
{
margin: 0px;
}
div#page.design-wide div#logo {
left: 27px;
top: 0px;
}
input[type='text'], input[type='password'], textarea
{
border: 1px solid;
border-color: #ccc;
outline: none;
padding:10px;
width: 100%;
}
div#header-bg
{
background-color: #F3F2F0;
}
div#topmenu-bg
{
background-color: #F3F2F0;
border: 2px solid;
border-color: #F3F2F0 #F3F2F0 #FDE62F #F3F2F0;
}
nav#topmenu a
{
color: #255D42;
font-size: 1.6rem;
font-weight: 400;
padding: 5px 10px;
}
nav#topmenu a:hover
{
background-color: #009650 !important;
opacity: 0.7;
color: #ffffff;
border: 2px #E35134;
border-style: none;
padding: 5px 10px;
}
nav#topmenu a.children.menuhover
{
position: relative;
top: 1px;
}
nav#topmenu ul ul, nav#topmenu li.current a.children.menuhover, nav#topmenu a.children.menuhover
{
background-color: #009650;
color: #ffffff;
padding: 5px 10px;
}
nav#topmenu ul ul
{
background: #ffffff;
}
nav#topmenu div.dropdownmenu
{
top: 36px;
}
nav#topmenu li.selected > a
{
background-color: #009650 !important;
border: 2px #E35134;
color:#ffffff;
border-style: none;
padding: 5px 10px;
}
div.content-focus-bg{
background: #F3F2F0;
}
div#footer-bg
{
border-top-color: #8DC641;
background-color: #F3F2F0;
}
table.calendar td.current {
font-weight: bold;
background-color: #009650;
color: #ffffff;
}
div.content-view-line div.class-event div.icon-box
{
background-color: #009650;
}
* + div.content-focus
{
margin-top: 30px;
}
div.content-view-block div.class-focus
{
padding: 10px 10px 5px 10px;
margin-top: 30px;
background-color: transparent;
}
div.content-view-block div.class-focus a
{
color: #A5A2A4;
}
div.content-view-block div.class-focus a:hover
{
color: #b8b8b8;
transition:0.2s;
}
div.infobox
{
padding: 0px 9px 12px 9px;
border: none;
}
div.content-view-box > div.attribute-title
{
position: relative;
top: 0px;
background-color: #FDE62F;
height: 33px;
border: 2px solid #8DC641;
margin-left: -9px;
margin-right: -9px;
padding: 5px 9px;
}
div.content-view-box > div.attribute-title > h2
{
font-size: 1.3rem;
font-weight: 700;
color: #404040;
position: relative;
z-index: 1;
overflow: hidden;
border: none;
margin-right: 5px;
margin-bottom: 15px;
}
div.content-view-box > div.attribute-title > h2:after
{
position: absolute;
top: 51%;
overflow: hidden;
width: 100%;
height: 1px;
content: '\a0';
border-top: 4px none #666666;
margin-left: 10px;
}
div.infobox div.content-view-box div.attribute-title h3 {
font-size: 1.3rem;
font-weight: 700;
margin: 0;
}
div.infobox div.content-view-box p {
font-size: 1.2rem;
}
div.content-view-box div.class-event div.attribute-date, div.content-view-box div.class-event div.attribute-location {
font-size: 1.1rem;
}
div.class-slidebanner div.attribute-title h2, div.class-slidebanner div.attribute-title h2 a
{
color: #ffffff;
text-shadow: -1px 0 #333333, 0 1px #333333, 1px 0 #333333, 0 -1px #333333;
font-size: 6rem;
font-weight: bold;
margin: 0;
padding: 15px 20px;
font-family: "aktiv-grotesk",sans-serif;
text-align: center;
}
div.class-slidebanner div.attribute-short p
{
font-size: 1.9rem;
font-weight: 700;
margin: 0;
padding: 0 20px 10px 20px;
text-align: center;
color: #ffffff;
text-shadow: -1px 0 #333333, 0 1px #333333, 1px 0 #333333, 0 -1px #333333;
}
div.class-slidebanner div.action-buttons {
text-align: center;
}
div.content-view-block div.attribute-image div.attribute-caption p
{
display: none;
}
footer {
font-size: 1.4rem;
}
@media (max-width: 940px)
{
div.class-slidebanner div.banner-overlay {
background-color: #F6F6F6 !important;
position: static !important;
padding-bottom: 5px;
}
div#header-bg
{
margin-bottom: 0px;
}
div.content-view-block div.attribute-title h2 a
{
font-size: 1.9rem;
}
div.class-slidebanner div.attribute-title h2, div.class-slidebanner div.attribute-title h2 a
{
color: #000000;
text-shadow: none;
font-size: 2rem;
}
div.class-slidebanner div.attribute-short p
{
font-size: 1.5rem;
font-weight: 400;
margin: 0;
padding: 0 10px 5px 10px;
text-align: center;
color: #000000;
text-shadow: none;
}
}
@media (max-width: 420px)
{
div#logo span.image
{
background: url(/extension/site/design/site/images/logo.svg) top left no-repeat;
width: 200px;
height: 38px;
margin-top: 7px;
}
div.content-view-block div.attribute-title h2 a
{
font-size: 1.6rem;
}
div.class-slidebanner div.action-buttons a.button {
text-align: center;
padding: 5px 7px;
background-color: #255D42;
border: 1px #255D42 solid;
font-size: 1.4rem;
margin: 10px;
color: #ffffff;
font-weight: 500;
}
}