/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    margin:0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*!
TYPEPLATE
URL ........... http://typeplate.com
VERSION ....... 1.1.3
Github ........ https://github.com/typeplate/bower
AUTHORS ....... Dennis Gaebel (@gryghostvisuals) & Zachary Kain (@zakkain)
LICENSE ....... Creative Commmons Attribution 3.0 (http://creativecommons.org/licenses/by/3.0)
LICENSE URL ... https://github.com/typeplate/bower/blob/master/license.txt
*/


/**
 *
 * =======================================================================
	 Unicode Ampersand
 * =======================================================================
 */

@font-face {
	font-family: "Ampersand";
	src: local("Georgia"), local("Garamond"), local("Palatino"), local("Book Antiqua");
	unicode-range: U+0026;
}

@font-face {
	font-family: "Ampersand";
	src: local("Georgia");
	unicode-range: U+270C;
}


/**
 *
 * Extend this class on any element of your
 * choice for ampersands.
 *
 * For example:

	<h6 class="ampersand">Dewey Cheat 'em & Howe</h6>

 */
.ampersand {
	font-family: Ampersand, Verdana, sans-serif;
}


/**
 *
 * =======================================================================
	 Word Wrap
 * =======================================================================
 */

.breakword {
	word-wrap: break-word;
}

.normal-wrap {
	word-wrap: normal;
}

.inherit-wrap {
	word-wrap: auto;
}


/**
 *
 * =======================================================================
 * Drop Capitals:
 * Extend this object into your markup.

	 <p class="drop-cap">What a wonderful day it is out there wouldn't you'd say?</p>

	* =======================================================================
 */

.drop-cap:first-letter {
	float: left;
	margin: auto .25em auto auto;
	padding: inherit;
	font-size: 4em;
	font-family: inherit;
	line-height: 1;
	text-indent: 0;
	background: transparent;
	color: inherit;
}

p + .drop-cap {
	text-indent: 0;
	margin-top: 0;
}


/**
 *
 * =======================================================================
	 Base Type
 * =======================================================================
 *
 */

html {
	font: normal 112.5%/1.65 serif; /* base font size 18px with 1.65 line-height */
}

body {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
	color: #444444;
}


/**
 *
 * =======================================================================
	 Fine Print
 * =======================================================================
 */

small {
	font-size: 65%;
}


/**
 *
 * =======================================================================
	 Headings
 * =======================================================================
 */

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1;
	margin-top: 0;
	text-rendering: optimizeLegibility; /*  voodoo to enable ligatures and kerning | https://developer.mozilla.org/en-US/docs/CSS/text-rendering */
	color: #222222;
}


/**
* Extend included classes on any element of your
* choosing for adjusting type based on the scale
* provided.

* For example:

 <h6 class="giga">Awesome Headline</h6>
 <p class="tera">a story about a dude</p>

* Our Type Scale is as follows with px fallbacks
* for IE 6-8 as they do not understand REM units.
*
* 18, 21, 24, 36, 48, 60, 72, 90, 117
*
*
* Explanation:
* margin-bottom = ( base font-size * base line-height ) / current font-size
*
* Makes sure that there's always one unit of measure's worth of space between shit
* for headings. This is better than spacing using line-height because of the wrapping issue where we have
* wrapping onto 2 lines with a high line-height.
 */

.tera {
	font-size: 117px;
	font-size: 6.5rem; /* 117 / 18 = 6.5 */
	margin-bottom: 5px;
	margin-bottom: 0.25385rem;
}

.giga {
	font-size: 90px;
	font-size: 5rem; /* 90 / 18 = 5 */
	margin-bottom: 12px;
	margin-bottom: 0.33rem;
}

.mega {
	font-size: 72px;
	font-size: 4rem; /* 72 / 18 = 4 */
	margin-bottom: 7px;
	margin-bottom: 0.4125rem;
}

h1,
.alpha {
	font-size: 60px;
	font-size: 3.33333rem; /* 60 / 18 = 3.3333 */
	margin-bottom: 9px;
	margin-bottom: 0.495rem;
}

h2,
.beta {
	font-size: 48px;
	font-size: 2.6667rem; /* 48 / 18 = 2.6667 */
	margin-bottom: 11px;
	margin-bottom: 0.61875rem;
}

h3,
.gamma {
	font-size: 36px;
	font-size: 2rem; /* 36 / 18 = 2 */
	margin-bottom: 11px;
	margin-bottom: 0.825rem;
}

h4,
.delta {
	font-size: 24px;
	font-size: 1.3333333333333333rem; /* 24 / 18 = 1.3333 */
	margin-bottom: 22px;
	margin-bottom: 1.2375rem;
}

h5,
.epsilon {
	font-size: 21px;
	font-size: 1.16667rem; /* 21 / 18 = 1.1667 */
	margin-bottom: 25px;
	margin-bottom: 1.41429rem;
}

h6,
.zeta {
	font-size: 18px;
	font-size: 1rem; /* 18 = 18 × 1 */
	margin-bottom: 30px;
	margin-bottom: 1.65rem;
}


/**
 *
 * =======================================================================
	 Paragraphs and Indentation
 * =======================================================================
 */

p {
	margin: auto auto 1.5em; /* bottom margin for paragraphs */
}

/*p + p {
	text-indent: 1.5em;*/ /* indent subsequent paragraphs */
	/*margin-top: -1.5em;*/ /* no top margin on subsequent paragraphs */
/*}*/


/**
 *
 * =======================================================================
	 Hyphens
 * =======================================================================
 */

abbr,
acronym,
blockquote,
code,
dir,
kbd,
listing,
plaintext,
q,
samp,
tt,
var,
xmp {
	/* Accepted values: [ none | manual | auto ] */ /* http://meyerweb.com/eric/thoughts/2012/12/17/where-to-avoid-css-hyphenation */
	-webkit-hyphens: none; /* Safari 5.1 thru 6, iOS 4.2 thru 6 */
	-moz-hyphens: none; /* Firefox 16 thru 20 */
	-ms-hyphens: none; /* IE10 */
	-o-hyphens: none; /* PRESTO...haha LOL */
	hyphens: none;	 /* W3C standard */
}


/**
 *
 * =======================================================================
	 Code Blocks
 * =======================================================================
 */

pre code {
	word-wrap: normal;
	white-space: -moz-pre-wrap;
	white-space: pre-wrap; /* http://css-tricks.com/almanac/properties/w/whitespace */
}

pre {
	white-space: pre;
}

code {
	white-space: pre;
	font-family: monospace;
}


/**
 *
 * =======================================================================
 * Abbreviations Markup
 * Extend this object into your markup

	<abbr title="hyper text markup language">HMTL</abbr>

 * Extend this object into your markup.
 * =======================================================================
 */

abbr {
	font-variant: small-caps; /* https://developer.mozilla.org/en-US/docs/CSS/font-variant */
	font-weight: 600;
	text-transform: lowercase;
	color: #808080;
}

abbr[title]:hover {
	cursor: help; /* cursor changed to a question mark when it has a title */
}


/**
 *
 * =======================================================================
	 Definition Lists
 * =======================================================================
 */

/**
 * Lining Definition Style Markup
 *
	<dl class="lining">
		<dt><b></b></dt>
		<dd></dd>
	</dl>
 *
 * Extend this object into your markup.
 *
 */
.lining dt,
.lining dd {
	display: inline;
	margin: 0;
}
.lining dt + dt:before,
.lining dd + dt:before {
	content: "\A";
	white-space: pre;
}
.lining dd + dd:before {
	content: ", ";
}
.lining dd:before {
	content: ": ";
	margin-left: -0.2em;
}


/**
 * Dictionary Definition Style Markup
 *
	<dl class="dictionary-style">
		<dt><b></b></dt>
			<dd></dd>
	</dl>
 *
 * Extend this object into your markup.
 *
 */
.dictionary-style dt {
	display: inline;
	counter-reset: definitions;
}
.dictionary-style dt + dt:before {
	content: ", ";
	margin-left: -0.2em;
}
.dictionary-style dd {
	display: block;
	counter-increment: definitions;
}
.dictionary-style dd:before {
	content: counter(definitions, decimal) ". ";
}


/**
 *
 * =======================================================================
	 Blockquotes
 * =======================================================================
 */

/**
 * Blockquote Markup
 *
	<figure>
		<blockquote class="blockquote" cite="">
			<p></p>
		</blockquote>
		<figcaption>
			<cite>
				<small><a href=""></a></small>
			</cite>
		</figcaption>
	</figure>
 *
 * Extend this object into your markup.
 *
 */

.blockquote p:last-of-type {
	margin-bottom: -0.825em;
}

.blockquote + figcaption {
	display: block;
	font-size: inherit;
	text-align: right;
}

.blockquote + figcaption:before {
	content: "-"; /* "-" is your citation flourish */
}


/**
 *
 * =======================================================================
	 Pull Quotes
 * =======================================================================
 */

/**
 * Pull Quotes Markup
 *
	<aside class="pull-quote">
		<blockquote>
			<p></p>
		</blockquote>
	</aside>
 *
 * Extend this object into your custom stylesheet.
 *
 */
.pull-quote {
	position: relative;
	padding: 1em;
}
.pull-quote:before,
.pull-quote:after {
	height: 1em;
	opacity: 0.15;
	position: absolute;
	font-size: 4em;
	color: #dc976e;
}
.pull-quote:before {
	content: '“';
	top: 0;
	left: 0;
}
.pull-quote:after {
	content: '”';
	bottom: 0;
	right: 0;
}


/**
 *
 * =======================================================================
	 Figures
 * =======================================================================
 */

/**
 * Figures Markup
 *
	<figure>
		<figcaption>
			<strong>Fig. 4.2 | </strong>Type Anatomy, an excerpt from Mark Boulton's book<cite title="http://designingfortheweb.co.uk/book/part3/part3_chapter11.php">"Designing for the Web"</cite>
		</figcaption>
	</figure>
 *
 * Extend this object into your markup.
 *
 */


/**
 *
 * =======================================================================
	 Foot Notes
 * =======================================================================
 */

/**
 * Footnote Markup : Replace 'X' with your unique number for each footnote
 *
	<article>
		<p><sup><a href="#fn-itemX" id="fn-returnX"></a></sup></p>
		<footer>
			<ol class="foot-notes">
				<li id="fn-itemX"><a href="#fn-returnX">↩</a></li>
			</ol>
		</footer>
	</article>
 *
 * Extend this object into your markup.
 *
 */


/* apply a natural box layout model to all elements */
* /*, *:before, *:after*/ {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	--primary: #0076B9;
	--grey: #aaa;
	--darkgrey: #555;
	
	font-family: Helvetica,Arial, sans-serif;
	font-size: 100%;
	scroll-behavior: smooth;
}

body {
	color: #444;
	background-color: white;
}

/* smaller headings */
h1, h2, h3, h4 {
	color: #555;
	font-weight: normal;
}
/* rem: Target Size / Base Size = Value, base = 16px */
h1 {
    font-size: 26px;
    font-size: 1.625rem;
}
h2 {
    font-size: 22px;
    font-size: 1.375rem;
}
h3 {
    font-size: 18px;
    font-size: 1.125rem;
}
h4 {
    font-size: 16px;
    font-size: 1rem;
}
p,li,td, label, input {
    font-size: 13px;
	font-size: 0.8125rem;
}
a {
	text-decoration: none;
	color: #228ad6;
}
a:active,
a:hover {
	text-decoration: underline;
}
a:focus {
	outline: 1px dotted #999;
}

p.error,
p.warning {
	color: #C10B25;
	font-weight: bold;
}

span.header-colored {
	color: #228ad6;
}

.clearer {
	float: none;
	width: 100%;
	clear: both;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-justify {
	text-align: justify;
}


/*************************************************************************
 *  FCE elements                                                         *
 *************************************************************************/

/* two col */
.two-col {
	float: left;
	margin-bottom: 1em;
}

.two-col-75 .tc-first {
	width: 71%;
	margin-right: 4%;
}
.two-col-75 .tc-last {
	width: 25%;
}

.two-col-60 .tc-first {
	width: 56%;
	margin-right: 4%;
}
.two-col-60 .tc-last {
	width: 40%;
}

.two-col-50 .two-col {
	width: 48%;
}
.two-col-50 .tc-first {
	margin-right: 4%;
}

.two-col-40 .tc-first {
	width: 40%;
	margin-right: 4%;
}
.two-col-40 .tc-last {
	width: 56%;
}

.two-col-25 .tc-first {
	width: 25%;
	margin-right: 4%;
}
.two-col-25 .tc-last {
	width: 71%;
}

/* three cols */
/* two col */
.three-col {
    clear: left;
}
.three-col > div {
    float: left;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 1em;
}
.three-col .tc-last {
    margin-right: 0;
}
.three-col .clearer {
    float: none;
    width: 100%;
    clear: both;
}

/* two rows */
.two-row {
	width: 100%;
}
.two-row .two-row-above {
	background-color: #E8E8E8;
	margin-bottom: 10px;
}
.two-row .two-row-below {
	background-color: #228AD6;
}
.doubleBox .two-row .two-row-placement,
.tripleBox .two-row .two-row-placement {
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	padding: 0 20px;
}
.doubleBox .two-row .two-row-placement > div,
.tripleBox .two-row .two-row-placement > div {
	text-align: left;
}

/* boxes (single, double, triple)*/
.singleBox div.csc-textpic-left .csc-textpic-imagewrap,
.doubleBox div.csc-textpic-left .csc-textpic-imagewrap {
	float: none;
}
.singleBox div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image,
.doubleBox div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image,
.tripleBox div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image,
.tripleBox div.csc-textpic .csc-textpic-imagewrap,
.singleBox img,
.doubleBox img,
.tripleBox img {
	width: 100%;
	height: auto;
	margin-bottom: 0;
}

/* single box, full width */
.singleBox {
	border-right: 10px solid white;
}

/* double box, one box 1/3, other 2/3 */
.doubleBox {
	display:table;
	width: 100%;
	border-collapse: separate;
}
.doubleBox .boxLarge {
	display: table-cell;
	width: 66.66%;
	vertical-align: top;
	border-right: 10px solid white;
}
.doubleBox .boxSmall {
	display: table-cell;
	width: 33.33%;
	vertical-align: top;
	border-right: 10px solid white;
}
.singleBox .ce-gallery,
.doubleBox .ce-gallery {
	margin-bottom: 0;
	width: 100%;
}
#banner .ce-column,
#banner .ce-outer,
#banner .ce-inner,
#banner .ce-row,
#banner figure,
#marginal .ce-image,
#marginal .ce-gallery,
#marginal .ce-column,
#marginal .ce-outer,
#marginal .ce-inner,
#marginal .ce-row,
#marginal figure {
	width: 100%;
}
/*[data-ce-columns="2"] .ce-column {
	width: 48%;
}
[data-ce-columns="3"] .ce-column {
	width: 32%;
}
[data-ce-columns="4"] .ce-column {
	width: 24%;
}*/

.frame-img-gallery .ce-inner {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.frame-img-gallery .ce-row {
	width: 33%;
	padding: 5px;
}
.frame-img-gallery figure {
	border: 1px solid #ccc;
	padding: 5px;
	background-color: #eee;
}

/* triple box, 3 boxes 1/3 */
.tripleBox {
	display:table;
	width: 100%;
	border-collapse: separate;
}
.tripleBox > div {
	display: table-cell;
	width: 33.33%;
	vertical-align: top;
	border-right: 10px solid white;
}
#banner .tripleBox .last {
	background-color: #0AA1E3;
}

/* captions on image */
.singleBox div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image,
.doubleBox div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image,
.tripleBox div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	width: 100%;
	height: auto;
	position: relative;
}
.singleBox div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image figcaption.csc-textpic-caption,
.doubleBox div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image figcaption.csc-textpic-caption,
.tripleBox div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image figcaption.csc-textpic-caption {
	display: block;
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	color: #fff;
}
.singleBox div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image figcaption.csc-textpic-caption span,
.doubleBox div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image figcaption.csc-textpic-caption span,
.tripleBox div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image figcaption.csc-textpic-caption span {
	background-color: #999;
}
.singleBox div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image figcaption.csc-textpic-caption a,
.doubleBox div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image figcaption.csc-textpic-caption a,
.tripleBox div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image figcaption.csc-textpic-caption a {
	display: inline-block;
	padding: 0 1.8em 0 0.5em;
	background: transparent url(/fileadmin/default/templates/images/caption-bg.png) no-repeat bottom right;
	color: #fff;
	background-color: #999;
} 

/* Collage */
.Collage{
	/* define how much padding you want in between your images */
    padding: 10px;
    margin: -10px;
}
.Collage img {
	/* ensures padding at the bottom of the image is correct */
	vertical-align:bottom;
	/* hide the images until the plugin has run. the plugin will reveal the images*/
	opacity:0;
}

/* popup for google maps */
#popup-wrapper {
	padding: 10px;
}

.ce-image img{
	max-width: 100%;
	height: auto;
}



/* boxes in mobile view */
@media (max-width: 640px) {
	.doubleBox {
		display: block;
	}
	.doubleBox .boxLarge,
	.doubleBox .boxSmall {
		display: block;
		width: 100%;
		margin-bottom: 10px;
		border-right: none;
	}
	.doubleBox .two-row .two-row-placement,
	.tripleBox .two-row .two-row-placement {
		height: auto;
		display: block;
		padding: 1em;
	}
	
	.tripleBox {
		display: block;
	}
	.tripleBox > div {
		display: block;
		width: 100%;
		border-right: none;
		margin-bottom: 10px;
	}
	
	.singleBox {
	    border-right: none;
	}
}

.innungnews #nav-side ul ul ul,.home #nav-side ul ul ul{ 
display: none ;
}

.align-right img {
	float: right;
}

/* mobile menu */
.slicknav_menu {
	display: none;
}
@media (max-width: 640px) {
	#nav-main {
		display: none;
	}
	.slicknav_menu {
		display: block;
	}
}

/* icons for mail etc. */
.mail img,
.download img,
.external-link-new-window img,
.internal-link img {
	display: none;
}
.mail:before {
	content: url('/fileadmin/default/templates/images/mail.gif');
}
.download:before {
	content: url('/fileadmin/default/templates/images/download.gif');
}
.external-link-new-window:before {
	content: url('/fileadmin/default/templates/images/external_link_new_window.gif');
}
.internal-link:before {
	content: url('/fileadmin/default/templates/images/internal_link.gif');
}

/* forms (Formulare mit tx_form) */
.frame-type-form_formframework .form-group {
	clear: left;
	margin-top: 7px;
	font-size: 0.8125rem;
}
.frame-type-form_formframework label {
	float: left;
	width: 12rem;
}
.frame-type-form_formframework textarea,
.frame-type-form_formframework input {
	border: 1px solid #b8b8b8;
	padding: 0.25em 0.5em;
	width: 20em;
	font-size: 1rem;
}
.frame-type-form_formframework .form-check label {
	float: none;
	width: 100%;
}
.frame-type-form_formframework .form-check input[type="checkbox"] {
	width: auto;
	margin-right: 5px;
}
.frame-type-form_formframework .recaptcha {
	margin-bottom: 30px;
	margin-left: 11rem;
}
.frame-type-form_formframework .recaptcha .help-block {
	display: none;
}
.frame-type-form_formframework .recaptcha .error.help-block {
	display: block;
	margin-top: 20px;
	color: red;
}

.frame-type-form_formframework .btn-toolbar {
	margin-top: 1rem;
	margin-left: 12rem;
	font-size: 0.8125rem;
}
.frame-type-form_formframework .btn-primary {
	color: #fff;
	background-color: #228AD6;
	border: none;
	padding: 0.25em 0.5em;
}

.frame-type-form_formframework table tr:nth-child(2n) {
	background-color: #efefef;
}
.frame-type-form_formframework table .summary-table-first-col {
	width: 50%;
}

#mitgliedsantrag-8532 h2 {
	display: none;
}

/* social buttons */
.social-panel {
	width: 38px;
	display: block;
	position: fixed;
	top: 40%;
	right: 0;
	z-index: 999;
}
.social-panel span {
	display: block;
	margin-bottom: 3px;
	padding: 3px;
	color: white;
	background-color: #0AA1E3;
	text-align: center;
}

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px; }

.sr-only-focusable:active,
.sr-only-focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*******************************************
*             cookiebanner                *
*******************************************/
.klaro .cookie-modal .cm-modal.cm-klaro {
	background-color: white;
	color: var(--darkgrey);
	border-radius: 2px;
	padding: 1rem;
}
.klaro .cookie-modal .cm-btn {
	border-radius: 2px;
	padding: 0.6rem 1rem 0.5rem;
}
.klaro .cookie-modal .cm-btn.cm-btn-success {
	background-color: var(--primary);
	color: white;
}
.klaro .cookie-modal .cm-btn.cm-btn-info {
	background-color: var(--grey);
	color: white;
}
.klaro .cookie-modal .cm-list-label .slider {
	background-color: var(--grey);
	color: white;
}
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
.klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider{
	background-color: var(--primary);
}
.klaro .cookie-modal .cm-modal .cm-header {
	padding-bottom: 1.5rem;
	border-bottom-color: var(--grey);
}
.klaro .cookie-modal .cm-modal .cm-body {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.klaro .cookie-modal .cm-modal .cm-footer {
	padding-top: 1.5rem;
	border-top-color: var(--grey);
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose:not(:last-child) {
	margin-bottom: 1rem;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required {
	color: var(--darkgrey);
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-caret {
	color: var(--grey)
}
.klaro .cookie-modal h1 {
	color: var(--darkgrey);
}
.klaro .cookie-modal p {
	color: var(--darkgrey);
}
.klaro .cookie-modal a {
	color: var(--primary);
}
.klaro .cookie-modal .cm-list-title {
	color: var(--darkgrey);
}
modal .cm-list-description {
	color: var(--darkgrey);
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p.purposes {
	color: var(--darkgrey);
}

/* flexslider */
#banner .flexslider {
	margin-bottom: 0;
}
.tx-ws-flexslider .flexslider {
	border: none;
}
.tx-ws-flexslider .flex-direction-nav a {
	height: 60px;
}

/* tab items */
.tabitem {
	position: relative;
}
.tabitem-header {
	cursor: pointer;
	margin-bottom: 1.5rem;
	padding: 0.5rem 0.5rem 0.5rem 2rem;
	color: white;
	background: #0AA1E3 url("/typo3conf/ext/dx_quickstart/Resources/Public/images/icon-plus.svg") no-repeat 0.45em 0.45em / auto 1.3em;
}
.tabitem.opened .tabitem-header {
	background-image: url("/typo3conf/ext/dx_quickstart/Resources/Public/images/icon-minus.svg");
}
.tabitem-header h1,
.tabitem-header h2,
.tabitem-header h3 {
	margin-top: 0.15em;
	margin-bottom: 0;
	color: white;
	font-size: 1.1rem;
	font-weight: bold;
}
.tabitem-content {
	padding: 0 1rem;
}

/*! jQuery UI - v1.10.3 - 2013-10-18
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #a6c9e2;
	background: #fcfdfd url('vhs-assets-css-e779fe48b412c67b1878312d19e7c0e4.png') 50% bottom repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #4297d7;
	background: #5c9ccc url('vhs-assets-css-8e5341700baaad74aa765652c4b4e98e.png') 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #c5dbec;
	background: #dfeffc url('vhs-assets-css-e6da2fd2ea9f332848b7c1113302bf4d.png') 50% 50% repeat-x;
	font-weight: bold;
	color: #2e6e9e;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #2e6e9e;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #79b7e7;
	background: #d0e5f5 url('vhs-assets-css-bb6271eaa08e81d962025c963ac2f482.png') 50% 50% repeat-x;
	font-weight: bold;
	color: #1d5987;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #1d5987;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #79b7e7;
	background: #f5f8f9 url('vhs-assets-css-b79a2534ad30e967c3332cc2a01a580f.png') 50% 50% repeat-x;
	font-weight: bold;
	color: #e17009;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #e17009;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fad42e;
	background: #fbec88 url('vhs-assets-css-7067d3f1019ebee8ba3a7753ff4e006f.png') 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url('vhs-assets-css-5aca578db760373c08d3d861c1e23455.png') 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url('vhs-assets-css-2f1fe09f7c55ecb9f119e5903494c379.png');
}
.ui-widget-header .ui-icon {
	background-image: url('vhs-assets-css-3e09638b04ad47cc853760ed2098aac7.png');
}
.ui-state-default .ui-icon {
	background-image: url('vhs-assets-css-ac3b5676d199b628fb9bdb7999cab8f6.png');
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url('vhs-assets-css-8562af6ec58fb610d246e8beb35ac23f.png');
}
.ui-state-active .ui-icon {
	background-image: url('vhs-assets-css-81a0ee1ea24393ac2127bebbef19967c.png');
}
.ui-state-highlight .ui-icon {
	background-image: url('vhs-assets-css-15dea42d41a41422a7271c0d9d591ed9.png');
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url('vhs-assets-css-493722de32a553eec61920f1de88a68f.png');
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 5px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url('vhs-assets-css-839f4bcf4fd233cc8a58a9cf9367c68d.png') 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url('vhs-assets-css-839f4bcf4fd233cc8a58a9cf9367c68d.png') 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}


/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em; }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(102, 102, 102, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(102, 102, 102, 0.25);
    box-shadow: 0 1px 0 rgba(102, 102, 102, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both;
  background-color: #eee; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block;
    border-bottom: 1px solid #999; }
    .slicknav_nav li:last-child {
      border-bottom: none; }
    .slicknav_nav li li {
      border-bottom: 1px solid #eee; }
    .slicknav_nav li img {
      float: left;
      margin-top: 3px;
      margin-left: 10px; }
  .slicknav_nav .slicknav_arrow {
    font-size: 1.2em;
    font-weight: bold;
    color: #0AA1E3;
    margin: 0 0 0 0.4em;
    position: absolute;
    right: 20px; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #ccc;
  padding: 0; }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #666; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #0AA1E3; }

.slicknav_nav {
  color: #fff;
  background-color: #ccc;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 20px;}
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;
      color: #fff; }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    text-transform: uppercase;
    color: #0AA1E3; }
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;
      color: #222; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }


#logo {
	display: none;
}
#wrapper {
	width: 80%;
	max-width: 1024px;
	margin: 10px auto;
	/*display: -ms-flexbox;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-ms-box-align: center;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: inline-flex;

	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;

	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;

	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	-ms-align-items: stretch;
	align-items: stretch;

	-webkit-align-content: flex-start;
	-moz-align-content: flex-start;
	-ms-align-content: flex-start;
	align-content: flex-start;
	*/

    /* use flex boxes */
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    
    /* establishes the main axis and the direction */
	-webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
	-ms-box-orient: vertical;
	box-orient: vertical; /* 2009 and 2011 syntax */
	-ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;

    /* defines how flex items are laid out along the main axis */
	-webkit-box-pack: start;
    -moz-box-pack: start;
	-ms-box-pack: start;
	box-pack: start;
	-ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    
    /* defines the default for how flex items are laid out along
     * the cross axis on the current line */
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-box-align: stretch;
    box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
	align-items: stretch;
	
	/* defines how a single flex item is aligned on the cross axis,
	 * and overrides the default established by align-items 
	align-self: stretch;*/
	
	/* layout items either on a single line or on several lines */
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	/* shorthand for flex-direction and flex-wrap: flex-flow */
	
	/* aligns a flex container's lines within the flex container
	 * when there is extra space on the cross-axis; only for multiline 
	align-content: space-between;*/
}


/***************************************************
 * main navigation                                 *
 ***************************************************/
#main-menu {
	background-color: #e8e8e8;
	color: #0AA1E3;
	padding: 0 10px;
	font-size: 16px;
	font-size: 1rem;
}
#nav-main {
	position: relative;
	height: 35px;
	margin: 5px 0 0;
}
#nav-main img {
	width: auto;
	float: left;
	margin-right: 7px;
}
#nav-main ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 35px;
	color: white;
	*zoom: 1;
	
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;

    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	
	-webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
#nav-main li {
	padding: 0;
	margin: 0;
	color: black;
	text-transform: uppercase;
	font-size: 16px;
	font-size: 1rem;
}
#nav-main a {
	text-decoration: none;
}
#nav-main > ul > li {
    z-index: 200;
}
#nav-main > ul > li > a {
	padding-right: 8px;
	padding-right: 0.5rem;
	padding-left: 8px;
	padding-left: 0.5rem;
	color: black;
	letter-spacing: -1px;
	text-decoration: none;
	line-height: 2em;
	color: #0AA1E3;
}
#nav-main > ul > li > div {
	position: absolute;
    left: -999px;
    top: 35px;
    width: 100%;
    margin: 0;
	padding: 1rem;
    z-index: 100;
	opacity: 0;
    background-color: #b8b8b8;
    /*-moz-column-count: 2; -moz-column-gap: 10px;
	-webkit-column-count: 2; -webkit-column-gap: 10px;
	column-count: 2; column-gap: 10px;*/
	-moz-box-sizing: border-box; box-sizing: border-box;
	-moz-box-shadow: 1px 1px 3px 1px #333333;
	-webkit-box-shadow: 1px 1px 3px 1px #333333;
	-moz-box-shadow: 2px 2px 3px #666666;
	-webkit-box-shadow: 2px 2px 3px #666666;
	box-shadow: 2px 2px 3px #666666;
	filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 135, color = '#666666');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 135, Color = '#666666')";
	overflow: hidden; /* fix for Firefox */
	break-inside: avoid-column;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	-webkit-transition-delay:.4s ;
	-moz-transition-delay:.4s;
	-o-transition-delay:.4s;
	transition-delay:.4s;
}
#nav-main ul ul {
	display: block;
	height: auto;
}
#nav-main li > a {
	display: block;
	color: #0AA1E3;
    *zoom: 1;
}
#nav-main a:hover,
#nav-main a:active,
#nav-main a:focus {
	color: #0AA1E3;
}

#nav-main > ul > li:hover > div,
#nav-main > ul > li:active > div,
#nav-main > ul > li:focus > div,
#nav-main > ul > li.hover > div  {
	left: 0;
	opacity: 1;
}
#nav-main li li {
	margin: 0.5em 1em;
	padding: 0;
}
#nav-main li li a {
	border-bottom: 1px solid white;
}
#nav-main li li li:last-child {
	border-bottom: none;
}
#nav-main li li:first-child {
	margin-top: 0;
}
#nav-main li li ul {
	margin-bottom: 0.5em;
}
#nav-main ul.list-first,
#nav-main ul.list-second {
	width: 45%;
	float: left;
}
#nav-main li li a {
    display: block;
    z-index:100;
    color: black;
    text-transform: uppercase;
    font-weight: bold;
}
#nav-main li li li {
	margin: 0.5em 0 0 1em;
}
#nav-main li li li:first-child {
	margin-top: 0.5em;
}
#nav-main li li li a {
    position: static;
    text-transform: none;
    font-weight: normal;
    border-bottom: none;
}
#nav-main .selected {
	color: black;
}


/***************************************************
 * banner                                          *
 ***************************************************/
#banner {
	-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;
	margin: 10px -10px 0 0;
}
#banner > div {
	margin-bottom: 10px;
}


/***************************************************
 * side                                            *
 ***************************************************/

/***************************************************
 * content                                         *
 ***************************************************/
#content {
	margin: 0;
	margin-right: -10px;
}

#marginal {
	float: left;
	width: 33.33%;
	padding-right: 10px;
}
#marginal div.csc-textpic-left .csc-textpic-imagewrap {
	float: none;
}
#marginal .csc-textpic-imagewrap .csc-textpic-image {
	width: 100%;
}
#marginal img {
	width: 100%;
	height: auto;
}

#main-content {
	float: right;
	width: 66.66%;
	padding: 1em 10px 1em 1em;
}

#main-content figcaption {
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
}


/***************************************************
 * footer                                          *
 ***************************************************/
#footer {
	background-color: #0AA1E3;
	color: white;
	padding: 15px;
	font-size: 14px;
	font-size: 0.875rem;
}

#footer-menu {
	margin-bottom: 5em;
}
#footer-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;

    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#footer-menu li {
	font-weight: bold;
	margin-right: 2em;
}
#footer-menu ul ul {
	display: block;
}
#footer-menu ul ul li {
	margin: 0;
	font-weight: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
	/*word-break: break-all;*/
	hyphens: auto;
}
#footer-menu a {
	color: #fff;
	font-weight: bold;
}
#footer-menu ul ul a {
	font-weight: normal;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	box-flex: 1;
}

#footer-content {
	font-size: 13px;
	font-size: 0.8125rem;
}

#copyright {
	float: left;
}

#special-menu {
	float: right;
}
#special-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	
	display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
	align-items: flex-end;
	flex-wrap: nowrap;
}
#special-menu li {
	margin-left: 1em;
}
#special-menu a {
	color: white;
}

#marginal .ce-uploads img {
	width: auto;
}


/***************************************************
 * CSS styled content                              *
 ***************************************************/
.ce-uploads .ce-uploads-fileName {
	display: inline-block;
}
.ce-uploads .ce-uploads-filesize {
	display: inline-block;
	font-size: 0.875em;
	font-style: italic;
	color: #666;
}
.ce-uploads .ce-uploads-filesize:before {
	content: '\00a0(';
}
.ce-uploads .ce-uploads-filesize:after {
	content: ')';
}

div.ce-column {
	margin-right: 0;
	margin-bottom: 10px;
}
#banner .ce-column {
	margin-bottom: 0;
}
.ce-row {
	margin-bottom: 0;
}
div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 0;
}
#main-content div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 1.5em;
}
#main-content .ce-image img {
	max-width: 100%;
	height: auto;
}
.fachgruppe h2,
.fachgruppe h1 {
    font-size: 18px;
    font-size: 1.125rem;
}
.fachgruppe ul.ce-uploads {
    margin-bottom: 2em;
    border-bottom: 1px dashed #ddd;
}
ul.ce-uploads img {
    width: auto;
    padding-right: 0.5em;
}

.vorstand .csc-textpic.csc-textpic-intext-right-nowrap .csc-textpic-text,
.vorstand #main-content .ce-gallery{
	width: 50%;
	float: right;
	margin-right: 0;
}
.vorstand div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    float: right;
    width: 50%;
    margin-left: 0;
}
.vorstand h2 {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px dashed #ddd;
}
.vorstand #main-content > div:nth-child(2) h2 {
	border-top: none;
}

.frame-bg-blue {
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 100%;
	height: 120px;
	background-color: #0AA1E3;
	color: white;
	margin-bottom: 10px;
}
.frame-bg-grey {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	
	width: 100%;
	padding: 10px;
	background-color: #e8e8e8;
	margin-bottom: 10px;
}
.frame-bg-grey.frame-layout-0 {
	display: block;
}
.frame-bg-grey.frame-layout-0 > div {
	width: 100%;
}
.frame-bg-blue > div,
.frame-bg-grey > div  {
	margin: 0.5em 0;
}

.frame-bg-blue > div,
.frame-bg-grey > div {
	width: 90%;
	margin: 0 auto;
}
.frame-bg-blue h1, .frame-bg-blue h2, .frame-bg-blue h3 {
	color: white;
}
.frame-bg-blue h1, .frame-bg-grey h1 {
	margin-top: 0.5em;
}

/* Bildergalerie Verbandstag */
.csc-textpic-equalheight .csc-textpic-imagerow-none div.csc-textpic-imagecolumn figure {
	display: inline-block;
	margin-right: 1em;
	margin-bottom: 1em;
	border: 1px solid #888888;
	padding: 2px;
}
.csc-textpic-equalheight .csc-textpic-imagerow-none div.csc-textpic-imagecolumn figure:hover {
	opacity: 0.7;
}

/***************************************************
 * Extensions                                      *
 ***************************************************/

/* News */
.news .header {
	margin-top: 0.1em;
}
.news .article {
	padding-bottom: 0;
	margin-bottom: 3em;
}
.news .article .teaser-text {
	margin-top: 0.5em;
	margin-bottom: 1em;
}
.news .teaser-text p {
	display: inline;
	line-height: 130%;
	margin-bottom: 0;
}
.news .news-list-date {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
}
.news .news-list-view a.more {
	padding-right: 1.5em;
	background: transparent url(/fileadmin/default/templates/images/link_pfeil.png) no-repeat center right;
	font-size: 13px;
	font-size: 0.8125rem;
}

/* News Detailview */
.news .article h3 {
    line-height: 130%;
    color: #0AA1E3;
    margin-bottom: 0.5em;
}
.news-single p.news-list-date {
	margin-bottom: 0;
}
.news-backlink-wrap {
	font-size: 13px;
	font-size: 0.8125rem;
}
.news-single .article .news-img-wrap {
    width: auto;
    margin: 0px 0px 0px 25px;
}
.news .article .news-img-wrap a {
    display: block;
    float: none;
    padding: 0;
    border: none;
    line-height: 0;
}
.news-img-caption {
	background-color: #666;
	color: white;
	padding: 6px;
	max-width: 300px;
}

/* News Paginator */
.news .page-navigation {
	text-align: center;
	font-size: 13px;
	font-size: 0.8125rem;
}
.news .page-navigation ul {
	float: none;
}
.news .page-navigation ul li {
	display: inline-block;
	float: none;
}

/* Login box */
.tx-felogin-pi1 {
	display: table;
	width: 100%;
	height: 200px;
	background-color: #0AA1E3;
	color: white;
}
#marginal .tx-felogin-pi1 {
	height: 120px;
	margin-bottom: 10px;
}
.tx-felogin-pi1 .form-table-wrapper {
    display: table;
    width: 100%;
    margin-top: 1.5em;
}
.tx-felogin-pi1 .form-wrapper {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	width: 100%;
}
.tx-felogin-pi1 form {
	width: 90%;
	margin: auto;
}
.tx-felogin-pi1 fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
.tx-felogin-pi1 p {
	margin-bottom: 0.5em;
	text-align: center;
	font-size: 1em;
	color: white;
}
.tx-felogin-pi1 p.info-text {
    margin: 0 auto 1em;
    width: 90%;
}
.tx-felogin-pi1 p.info-text a {
    color: white;
}
.tx-felogin-pi1 label {
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}
.tx-felogin-pi1 input {
	width: 100%;
	height: 2em;
	margin-bottom: 10px;
	padding: 2px 5px;
	border: 1px solid #888;
}
.tx-felogin-pi1 .felogin-submit {
	position: relative;
}
.tx-felogin-pi1 #loginsubmit {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 30px;
	height: 2em;
	background: #E8E8E8 url("/fileadmin/default/templates/images/login_submit.png") no-repeat scroll right 80%;
	border: 1px solid #888;
	border-left: none;
}
#logoutsubmit {
	background-color: #e8e8e8;
	color: #888;
}
#logoutsubmit:hover {
	background-color: white;
}

/* addresses (tt_address) */
/* addresses */
.tx-ttaddress-pi1 .contact-image {
	width: 30%;
	float: left;
}
.tx-ttaddress-pi1 .contact-text {
	width: 65%;
	float: left;
	margin-left: 5%;
}
.tx-ttaddress-pi1 .contact-text p + p {
    text-indent: 0;
}

/* submenu (from sitemap CE) */
#marginal .frame-type-menu_subpages {
	margin-bottom: 10px;
	padding: 1em 0;
	background-color: #e8e8e8;
}

#marginal .frame-type-menu_subpages ul {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	width: 90%;
}
#marginal .frame-type-menu_subpages li {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid white;
}
#marginal .frame-type-menu_subpages li:last-child {
	border-bottom: none;
}
#marginal .frame-type-menu_subpages a {
	display: block;
	color: #0AA1E3;
}
#marginal .frame-type-menu_subpages a:hover {
	color: white;
	background-color: #0AA1E3;
}
#marginal .frame-type-menu_subpages .active {
	font-weight: bold;
}

/* shoppy */
/* moved to extension */

/* Rundschreiben moved to extension */

#c3211 form h2 {
	display: none;
}
/***************************************************
 *  Mailformular                                   *
 ***************************************************/
#mailform .small textarea,
#mailform .small input{
	margin:5px 0 5px 15px;
	border: 1px solid #b8b8b8;
	padding: 0.25em 0.5em;
}

#mailform label{
	bottom:0;
}

#mailform .breite1{
	width:300px;
}

.tx-felogin-pi1 .form-wrapper > p {
	display: none;
}
.tx-felogin-pi1 p.error {
	display: block;
	margin: 0.5em auto;
	padding: 1em;
	width: 90%;
	background-color: white;
	color: red;
	text-align: left;
	font-size: 13px;
	font-size: 0.8125rem;
}

/***************************************************
 * media queries                                   *
 ***************************************************/
@media (max-width: 1024px) {
	#footer {
		font-size: 13px;
		font-size: 0.8125rem;
	}
	#copyright {
		max-width: 400px;
	}
}

@media (max-width: 920px) {
	#main-menu {
		font-size: 13px;
		font-size: 0.8125rem;
	}
	#footer-menu nav > ul > li {
		/* flex: shorthand for flex-grow, flex-shrink and flex-basis*/
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
	    -webkit-flex: 1 1 80px;
	    -ms-flex: 1 1 80px;
	    flex: 1 1 80px;
	    margin-right: 0.5em;
	}
	#footer-menu nav > ul > li:last-child {
		margin-right: 0;
	}
	#footer-menu nav > ul > li.sub {
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
	    -webkit-flex: 1 1 110px;
	    -ms-flex: 1 1 110px;
	    flex: 1 1 110px;
	}
	#footer-menu nav > ul > li:first-child {
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
	    -webkit-flex: 1 1 80px;
	    -ms-flex: 1 1 80px;
	    flex: 1 1 80px;
	}
	#footer-menu nav > ul > li:last-child {
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
	    -webkit-flex: 1 1 50px;
	    -ms-flex: 1 1 50px;
	    flex: 1 1 50px;
	}
	.tx-felogin-pi1 input {
		font-size: 13px;
		font-size: 0.8125rem;
	}
}

@media (max-width: 800px) {
	#nav-main li {
		text-transform: none;
		font-size: 14px;
		font-size: 0.875rem;
	}
	#nav-main ul.list-first,
	#nav-main ul.list-second {
		width: 100%;
		float: none;
	}
	
	#marginal {
	    float: none;
	    padding-right: 0;
	    width: 100%;
	}
	#marginal > div > div {
		float: left;
		width: 50%;
		border-right: 10px solid white;
	}
	
	#main-content {
	    float: none;
	    padding: 0;
	    width: 100%;
	    margin-bottom: 10px;
	}	
}

@media (max-width: 720px) {
	#nav-main li {
		font-size: 13px;
		font-size: 0.8125rem;
	}
}

/* mobile styles */
@media (max-width: 640px) {
	#logo {
		display: block;
	}
	#logo img {
		display: block;
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	.mean-bar {
		-webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
		-moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
		-ms-flex-order: 1;              /* TWEENER - IE 10 */
		-webkit-order: 1;               /* NEW - Chrome */
		order: 1;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
		margin-bottom: 10px;
	}
	#content {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
		margin: 0;
	}
	#banner {
		-webkit-box-ordinal-group: 3;
		-moz-box-ordinal-group: 3;
		-webkit-order: 3;
		-ms-flex-order: 3;
		order: 3;
		box-sizing: content-box;
    	margin: 0;
	}
	#banner .tripleBox figcaption,
	#banner .doubleBox figcaption {
		font-size: 20px;
		font-size: 1.25rem;
	}
	
	#search-bar #ke_search_sword {
	    margin-bottom: 0;
	}
	.tx-felogin-pi1 input {
	    margin-bottom: 0;
	}
	.tx-felogin-pi1 #user {
		margin-bottom: 10px;
	}

	#marginal > div > div {
		float: none;
		width: 100%;
		border-right: none;
	}
	
	#footer {
		-webkit-box-ordinal-group: 4;
		-moz-box-ordinal-group: 4;
		-webkit-order: 4;
		-ms-flex-order: 4;
		order: 4;
	}
	#footer-menu {
		display: none;
	}
	#copyright,
	#special-menu {
		float: none;
		font-weight: bold;
	}
	#copyright {
		max-width: 100%;
	}
	#special-menu {
		margin-bottom: 1em;
	}
	#special-menu ul {
	    justify-content: flex-start;
	}
	#special-menu li {
	    margin-left: 0;
	    margin-right: 1em;
	}
	
	.news .article {
	    padding-bottom: 0;
	}
	.news .header h3 a:after {
	    /*content: "\00d7";  /* Some fancy character */
		content: url(/fileadmin/default/templates/images/link_pfeil.png);
	    color: #c83f3f;
	}
	.news .teaser-text {
		display: none;
	}
	
	.tx-edxdownload-pi1 .dl_list_container td {
		display: block;
		text-align: center;
	}
	.tx-edxdownload-pi1 .dl_list_container td p {
		text-align: left;
	}
	.tx-edxdownload-pi1 .dl_list_container td:nth-child(2) img {
		width: 50%;
	}
}


/* moved from quickstart because main site now has 
 different colours */

a {
	color: #0AA1E3;
}

.two-row .two-row-below {
	background-color: #0AA1E3;
}
.doubleBox > div,
.tripleBox > div {
	background-color: #e8e8e8;
}
.doubleBox .boxSmall {
	vertical-align: middle;
}
.tripleBox > div {
	vertical-align: middle
}

/* images in cols */
#main-content .csc-textpic-imagecols-1 .csc-textpic-imagecolumn img,
#main-content .csc-textpic-imagecols-2 .csc-textpic-imagecolumn img,
#main-content .csc-textpic-imagecols-3 .csc-textpic-imagecolumn img,
#main-content .csc-textpic-imagecols-4 .csc-textpic-imagecolumn img,
#main-content .csc-textpic-imagecols-5 .csc-textpic-imagecolumn img,
#main-content .csc-textpic-imagecols-6 .csc-textpic-imagecolumn img,
#main-content .csc-textpic-imagecols-7 .csc-textpic-imagecolumn img,
#main-content .csc-textpic-imagecols-8 .csc-textpic-imagecolumn img {
	margin: 0;
}

#main-content .csc-textpic-imagecols-2 .csc-textpic-imagecolumn,
#main-content .csc-textpic-imagecols-3 .csc-textpic-imagecolumn,
#main-content .csc-textpic-imagecols-4 .csc-textpic-imagecolumn,
#main-content .csc-textpic-imagecols-5 .csc-textpic-imagecolumn,
#main-content .csc-textpic-imagecols-6 .csc-textpic-imagecolumn,
#main-content .csc-textpic-imagecols-7 .csc-textpic-imagecolumn,
#main-content .csc-textpic-imagecols-8 .csc-textpic-imagecolumn {
	float: left;
}

#main-content .csc-textpic-imagecols-2 .csc-textpic-imagecolumn {
	width: 48%;
	margin-right: 4%;
}
#main-content .csc-textpic-imagecols-2 .csc-textpic-imagecolumn:last-child {
	margin-right: 0;
	float: right;
}

#main-content .csc-textpic-imagecols-3 .csc-textpic-imagecolumn {
	width: 32%;
	margin-right: 2%;
}

#main-content .csc-textpic-imagecols-3 .csc-textpic-imagecolumn:last-child {
	margin-right: 0;
	float: right;
}

#main-content .csc-textpic-imagecols-4 .csc-textpic-imagecolumn {
	width: 23.5%;
	margin-right: 2%;
}
#main-content .csc-textpic-imagecols-4 .csc-textpic-imagecolumn:last-child {
	margin-right: 0;
	float: right;
}

#main-content .csc-textpic-imagecols-5 .csc-textpic-imagecolumn {
	width: 20%;
}

#main-content .csc-textpic-imagecols-6 .csc-textpic-imagecolumn {
	width: 16.666%;
}

#main-content .csc-textpic-imagecols-7 .csc-textpic-imagecolumn {
	width: 14.285%;
}

#main-content .csc-textpic-imagecols-8 .csc-textpic-imagecolumn {
	width: 12.25%;
}

.csc-image-wrap,
.csc-image-wrap div {
	overflow: hidden;
}

.important {
	color: #d6002e;
	font-weight: bold;
}

.infotext {
	font-size: 11px;
	font-size: 0.686rem;
	font-style: italic;
}

.ce-table-data-table,
.contenttable {
	width: 100%;
}
.ce-table-data-table th,
.contenttable th {
	background-color: silver;
}
.ce-table-data-table tr:nth-child(2),
.contenttable tr:nth-child(2) {
	background-color: #eee;
}
.ce-table-data-table tr:hover,
.contenttable tr:hover {
	background-color: #0AA1E3;
	color: white;
}


/* multicolumn text table */
#c8450 table td {
  padding-right: 10px;
  vertical-align: top;
}


/*************************************************************
 * styles for search bar                                     *
 *************************************************************/
#search-bar-wrapper {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
.doubleBox #search-bar-wrapper {
	margin-bottom: 0;
	margin-top: 10px;
}
#search-bar {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	background-color: #0AA1E3;
}
#search-bar form {
	width: 90%;
	margin: auto;
}
.kesearchbox {
	position: relative;
}
#search-bar #ke_search_sword {
	border: 1px solid #888;
	height: 2em;
	padding: 2px 5px;
	width: 100%;
	color: #999;
}
#search-bar #kesearch_submit {
	position: absolute;
	top: 3px;
	right: 0;
	height: 2em;
	border: 1px solid #888;
	border-left: none;
}
.tx-kesearch-pi1 .resetButton {
	border: 1px solid #b8b8b8;
	height: 26px;
	margin: 0;
	padding: 0.25em 0.5em;
	width: 100%;
	color: #fff;
	background-color: #0AA1E3;
	font-size: 0.8rem;
	font-weight: bold;
}

#content #search-bar {
	height: 120px;
}
#content #search-bar #kesearch_submit {
	top: 1px;
}

/* Clearer */
.tx-kesearch-pi1 .clearer {
	display: block;
	height: 1px;
	line-height: 1px;
	clear: both;
}

/* formElements */
#search-bar .tx-kesearch-pi1 input[type="text"]:focus,
#search-bar .tx-kesearch-pi1 input[type="text"]:hover,
#search-bar .tx-kesearch-pi1 select:focus,
#search-bar .tx-kesearch-pi1 select:hover,
#search-bar .tx-kesearch-pi1 textarea:focus,
#search-bar .tx-kesearch-pi1 textarea:hover{
	border: 1px solid #b2b2b2;
	color: #000;
}

/* needed for autocomplete */
#search-bar ul.ui-autocomplete li a {
	font-size: 0.8em;
	font-size: 0.8rem;
}


/*************************************************************
 * styles for search site                                     *
 *************************************************************/
#marginal .tx-kesearch-pi1 fieldset {
	margin: 0 0 10px;
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 10px;
}
.tx-kesearch-pi1 .kesearchbox {
	position: relative;
	margin-right: 26px;
}
.tx-kesearch-pi1 #ke_search_sword {
	width: 100%;
	height: 26px;
	border: 1px solid #ccc;
	padding: 0 5px;
}
.tx-kesearch-pi1 #kesearch_submit {
	position: absolute;
	right: -26px;
	top: 0px;
	width: 26px;
	height: 26px;
	border: 1px solid #ccc;
}
#marginal .tx-kesearch-pi1 #kesearch_submit {
	top: 1px;
}

.tx-kesearch-pi1 #kesearch_filters .selecttext {
	z-index: 9;
	position: absolute;
	left: 5px;
	top: 9px;
	display: inline-block;
	*display: inline;
	zoom: 1;
}
.tx-kesearch-pi1 #kesearch_filters .selectbox {
	margin-top: 10px;
}
#kesearch_num_results {
	display: none;
}

.kesearch_pagebrowser {
	text-align: center;
}
.kesearch_pagebrowser ul {
	list-style-type: none;
}
.kesearch_pagebrowser li {
	display: inline-block;
}

/* media queries */
@media (max-width: 640px) {
	#banner .doubleBox #search-bar {
		display: block;
		height: auto;
		padding: 10px 0;
	}
}

.editorial {
	padding-left: 0.25em;
	padding-right: 0.25em;
}


/* general */

/* flash messages */
.typo3-messages {
	margin: 1em 0;
	padding: 0;
	list-style-type: none;
	background-color: #EAF7FF;
	border: 1px solid #666;
	font-size: 13px;
	font-size: 0.8125rem;
}
.typo3-messages .alert {
	padding: 1em 1em 1em 3em;
	background-position: 1em center;
	background-repeat: no-repeat;
}
.typo3-messages .alert.alert-success {
	color: #35741B;
	background-color: #CCEBC9;
	background-image: url("/typo3conf/ext/dx_specialistsearch/Resources/Public/Icons/ok.png");
}
.typo3-messages .alert.alert-info {
	color: #426FA7;
	background-color: #EAF7FF;
	background-image: url("/typo3conf/ext/dx_specialistsearch/Resources/Public/Icons/information.png");
}
.typo3-messages .alert.alert-notice {
	color: #666;
	background-color: #eee;
	background-image: url("/typo3conf/ext/dx_specialistsearch/Resources/Public/Icons/notice.png");
}
.typo3-messages .alert.alert-warning {
	color: #9C7C54;
	background-color: #FBF6DD;
	background-image: url("/typo3conf/ext/dx_specialistsearch/Resources/Public/Icons/warning.png");
}
.typo3-messages .alert.alert-danger {
	color: #AB0B46;
	background-color: #F7D3CE;
	background-image: url("/typo3conf/ext/dx_specialistsearch/Resources/Public/Icons/error.png");
}
.typo3-messages .alert-message:last-child {
	margin-bottom: 0;
}

/* search site */
.tx-dx-specialistsearch #zip-search,
.tx-dx-specialistsearch #letter-search {
	margin-bottom: 2px;
	padding: 1em;
	background-color: #eee;
}
.tx-dx-specialistsearch #letter-search a.letter-search {
    margin-right: 0.6em;
}

.tx-dx-specialistsearch #limit-search {
	padding: 1em;
	background-color: #ddd;
}

.tx-dx-specialistsearch label,
.tx-dx-specialistsearch select,
.tx-dx-specialistsearch textarea,
.tx-dx-specialistsearch input {
	font-size: 13px;
}
.tx-dx-specialistsearch label {
	display: inline-block;
	width: 6em;
	margin-right: 1em;
}
.tx-dx-specialistsearch label.checkbox-label {
	display: block;
	width: 100%;
	margin-right: 0;
}
.tx-dx-specialistsearch input,
.tx-dx-specialistsearch select {
	width: 50%;
	padding: 3px 6px;
	margin: 0;
	margin-right: 1em;
	border: 1px solid #ccc;
	color: #333;
}
.tx-dx-specialistsearch input[type="submit"] {
	margin-top: 1em;
	margin-left: 7em;
	width: auto;
}
.tx-dx-specialistsearch input[type="checkbox"] {
	width: auto;
	vertical-align: text-bottom;
}
.tx-dx-specialistsearch label.checkboxLabel {
	display: inline;
	width: auto;
}
#profil p {
	margin-top: 1rem;
	margin-bottom: 0.25rem;
	font-weight: bold;
}

/* result site */
.tx-dx-specialistsearch table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.tx-dx-specialistsearch table tr {
	background-color: #eee;
	border-bottom: 2px solid white;
}
.tx-dx-specialistsearch table tr:nth-child(2n) {
	background-color: #ddd;
}

.tx-dx-specialistsearch table th {
	font-weight:bold;
}
.tx-dx-specialistsearch table td {
	vertical-align:top;
	padding: 1em;
}
.tx-dx-specialistsearch table td p {
	margin-bottom: 0;
}

/* search Innungen */
.specialistsearch-search-bg {
	background-color: #EBF4F9;
}
.specialistsearch-search td {
	padding: 0.5em;
}
.specialistsearch-search td p {
	margin: 0;
}
/* result Innungen */
.tx-dx-specialistsearch .tx_dxspecialistsearch-item {
	margin-bottom: 2px;
	padding: 1em;
	background-color: #EBF4F9;
	font-size: 14px;
	font-size: 0.875rem;
}
.tx-dx-specialistsearch .tx_dxspecialistsearch-item:nth-child(2n) {
	background-color: #EEEEEE;
}
.tx-dx-specialistsearch .tx_dxspecialistsearch-item-innung,
.tx-dx-specialistsearch .tx_dxspecialistsearch-item-contact {
	float: left;
	width: 50%;
}
.tx-dx-specialistsearch .mail-link:before {
	content: url(/fileadmin/default/templates/images/mail.gif);
	padding-right: 0.25em;
}

/* Google Maps */
#map-canvas {
	height: 400px;
}