/* Minification failed. Returning unminified contents.
(2098,1): run-time error CSS1019: Unexpected token, found '@import'
(2098,9): run-time error CSS1019: Unexpected token, found 'url("http://fast.fonts.net/lt/1.css?apiType=css&c=25a8f24b-6a89-49bd-af0a-81b0f75040fa&fontids=692692")'
(2098,112): run-time error CSS1019: Unexpected token, found ';'
(2107,1): run-time error CSS1019: Unexpected token, found '@import'
(2107,9): run-time error CSS1019: Unexpected token, found 'url("http://fast.fonts.net/lt/1.css?apiType=css&c=25a8f24b-6a89-49bd-af0a-81b0f75040fa&fontids=692716")'
(2107,112): run-time error CSS1019: Unexpected token, found ';'
(2115,1): run-time error CSS1019: Unexpected token, found '@import'
(2115,9): run-time error CSS1019: Unexpected token, found 'url("http://fast.fonts.net/lt/1.css?apiType=css&c=25a8f24b-6a89-49bd-af0a-81b0f75040fa&fontids=674411")'
(2115,112): run-time error CSS1019: Unexpected token, found ';'
 */
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

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

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

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

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

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

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

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

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

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

/**
 * 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 font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

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

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

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

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

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

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

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

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

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

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

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

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

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

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

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * 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;
}

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

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

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

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

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

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

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

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

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

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * 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 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ 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 6+.
 * 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.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

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

/**
 * 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.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

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

/**
 * 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 3+.
 */

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

/**
 * 1. Remove default vertical scrollbar in IE 6/7/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;
}

/*! jQuery UI - v1.10.4 - 2014-01-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2014 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-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

.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-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-dialog {
	overflow: hidden;
	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: 20px;
	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;
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

.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-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1.1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ url(/content/themes/base/images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
	color: #222222/*{fcContent}*/;
}
.ui-widget-content a {
	color: #222222/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #aaaaaa/*{borderColorHeader}*/;
	background: #cccccc/*{bgColorHeader}*/ url(/content/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
	color: #222222/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3/*{borderColorDefault}*/;
	background: #e6e6e6/*{bgColorDefault}*/ url(/content/themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #555555/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555/*{fcDefault}*/;
	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 #999999/*{borderColorHover}*/;
	background: #dadada/*{bgColorHover}*/ url(/content/themes/base/images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121/*{fcHover}*/;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa/*{borderColorActive}*/;
	background: #ffffff/*{bgColorActive}*/ url(/content/themes/base/images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1/*{borderColorHighlight}*/;
	background: #fbf9ee/*{bgColorHighlight}*/ url(/content/themes/base/images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
	color: #363636/*{fcHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a/*{borderColorError}*/;
	background: #fef1ec/*{bgColorError}*/ url(/content/themes/base/images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a/*{fcError}*/;
}
.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(/content/themes/base/images/ui-icons_222222_256x240.png)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url(/content/themes/base/images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
}
.ui-state-default .ui-icon {
	background-image: url(/content/themes/base/images/ui-icons_888888_256x240.png)/*{iconsDefault}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(/content/themes/base/images/ui-icons_454545_256x240.png)/*{iconsHover}*/;
}
.ui-state-active .ui-icon {
	background-image: url(/content/themes/base/images/ui-icons_454545_256x240.png)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon {
	background-image: url(/content/themes/base/images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/content/themes/base/images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/;
}

/* 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: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ url(/content/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
}
.ui-widget-shadow {
	margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
	padding: 8px/*{thicknessShadow}*/;
	background: #aaaaaa/*{bgColorShadow}*/ url(/content/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
	opacity: .3/*{opacityShadow}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
	border-radius: 8px/*{cornerRadiusShadow}*/;
}

/*!
 * jQuery UI Dialog 1.10.4
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/dialog/#theming
 */
.ui-dialog {
	overflow: hidden;
	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: 20px;
	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;
}

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

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

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

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

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=25a8f24b-6a89-49bd-af0a-81b0f75040fa&fontids=692692");
@font-face{
font-family:"HelveticaNeueW01-55Roma";
src:url("/Fonts/692692/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
src:url("/Fonts/692692/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("embedded-opentype"),url("/Fonts/692692/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"),url("/Fonts/692692/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"),url("/Fonts/692692/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
}



@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=25a8f24b-6a89-49bd-af0a-81b0f75040fa&fontids=692716");
@font-face{
font-family:"HelveticaNeueW01-75Bold";
src:url("/Fonts/692716/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
src:url("/Fonts/692716/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("embedded-opentype"),url("/Fonts/692716/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"),url("/Fonts/692716/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"),url("/Fonts/692716/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
}


@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=25a8f24b-6a89-49bd-af0a-81b0f75040fa&fontids=674411");
@font-face{
font-family:"HelveticaNeueW02-Thin";
src:url("/Fonts/674411/30b6ffc3-3b64-40dd-9ff8-a3a850daf535.eot?#iefix");
src:url("/Fonts/674411/30b6ffc3-3b64-40dd-9ff8-a3a850daf535.eot?#iefix") format("embedded-opentype"),url("/Fonts/674411/775a65da-14aa-4634-be95-6724c05fd522.woff") format("woff"),url("/Fonts/674411/988eaaa7-5565-4f65-bb17-146b650ce9e9.ttf") format("truetype"),url("/Fonts/674411/3503a1a6-91c3-4c42-8e66-2ea7b2b57541.svg#3503a1a6-91c3-4c42-8e66-2ea7b2b57541") format("svg");
}



/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	
	
	
	background: #F8F8F8;
}

.bx-wrapper {
    margin-top: 70px;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../img/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #7bc017;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../img/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../img/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
* {
    outline: 0 !important;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

body {
    overflow-x: hidden;
    background-color: #f8f8f8;
    color: #7e7e7e;
    font-family: Georgia;
}

input, textarea {
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
}

menu, ol, ul {
    padding: 0;
    margin: 0 40px 0 0;
}

.waitLayer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4;
}

.waitLayerImage {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    margin-top: -32px;
    margin-left: -32px;
    width: 64px;
    height: 64px;
    background-image: url("../img/loader.gif");
    background-repeat: no-repeat;
}

.oldBrowser {
    display: none;
}

.sendStatus {
    position: absolute;
    top: -200px;
    z-index: 1 !important;
    padding: 10px;
    border: 5px solid #2D8434;
    background-color: #56AD5D;
    color: #ffffff;
    opacity: 0.8;
}

html.no-js body {
    overflow: hidden;
}

    html.no-js .noJSPanel {
        display: block;
    }

html.js .noJSPanel {
    display: none;
}

.noJSPanel {
    position: absolute;
    z-index: 99999;
    display: block;
    min-height: 10000px;
    width: 100%;
    height: 100%;
    background-color: #E7E7E7;
}

    .noJSPanel img {
        margin: 0 auto;
        text-align: center;
    }

    .noJSPanel a {
        float: left;
        padding: 20px;
        width: 410px;
        color: #000000;
        text-align: center;
        font-size: 20px;
    }

    .noJSPanel span {
        float: left;
        width: 100%;
        text-align: center;
    }

    .noJSPanel a:hover {
        background-color: #cccccc;
    }

    .noJSPanel ul {
        list-style: none;
        text-align: center;
    }

        .noJSPanel ul li {
            margin-top: 20px;
            text-align: left;
        }

        html.no-js ul#mainSlider ,html.no-js .shareButtons
        {
            display:none;
        }

        
        
        

@media only screen and (max-height:550px) {
    .feedback, .shareButtons {
        display: none;
    }
}

.feedback {
    position: fixed;
    right: -200px;
    bottom: 118px;
    z-index: 10000;
    padding: 0;
    box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.6);
    opacity: 0.8;
    transition-timing-function: ease-in-out;
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
    -moz-transition-property: right;
    -o-transition-property: right;
    -webkit-transition-property: right;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: right;
}

    .feedback a img {
        float: right;
        -moz-transition-duration: 0.33334s;
        -o-transition-duration: 0.33334s;
        -webkit-transition-duration: 0.33334s;
        transition-duration: 0.33334s;
        -moz-transition-property: margin;
        -o-transition-property: margin;
        -webkit-transition-property: margin;
        transition-property: margin;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        -webkit-transition-timing-function: -out;
        transition-timing-function: ease-out;
    }

    .feedback a {
        float: left;
        background-color: #7E7E7E;
        width:38px;
        -moz-transition-duration: 0.33334s;
        -o-transition-duration: 0.33334s;
        -webkit-transition-duration: 0.33334s;
        transition-duration: 0.33334s;
        -moz-transition-property: width;
        -o-transition-property: width;
        -webkit-transition-property: width;
        transition-property: width;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

        .feedback a:hover {
            width: 76px;
            
            
        }

            .feedback a:hover img {
                margin-right: 19px;
            }

    .feedback:hover, .shareButtons:hover {
        opacity: 1;
    }

    .feedback.active, .shareButtons.active {
        right: 0;
    }

.shareButtons {
    position: absolute;
    right: -200px;
    top: 430px;
    z-index: 10000;
    padding: 0;
    width: 38px;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-transition-property: right, position;
    -o-transition-property: right, position;
    -webkit-transition-property: right, position;
    transition-property: right, position;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

    .shareButtons.visible {
        position: fixed;
    }

body.loaded .shareButtons {
    right: 0;
}

.shareButtons div {
    -moz-transition-duration: 0.33334s;
    -o-transition-duration: 0.33334s;
    -webkit-transition-duration: 0.33334s;
    transition-duration: 0.33334s;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.6);
    float: left;
    opacity: 0.8;
}

    .shareButtons div:hover {
        opacity: 1;
    }



.shareButtons .fb {
    background-color: #6C88B0;
    display: block;
    float: right;
    position: relative;
}

.shareButtons .twitter {
    background-color: #69C0DD;
    display: block;
    float: right;
    position: relative;
}

.shareButtons .email {
    background-color: #9BABAD;
    display: block;
    float: right;
    position: relative;
}



.shareButtons div > a {
    display: inline-block;
    float: right;
    position: relative;
    width: 38px;
    -moz-transition-duration: 0.33334s;
    -o-transition-duration: 0.33334s;
    -webkit-transition-duration: 0.33334s;
    transition-duration: 0.33334s;
    -moz-transition-property: right, width;
    -o-transition-property: right, width;
    -webkit-transition-property: right, width;
    transition-property: right, width;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.shareButtons div img {
    float: right;
    width: 38px;
    -moz-transition-duration: 0.33334s;
    -o-transition-duration: 0.33334s;
    -webkit-transition-duration: 0.33334s;
    transition-duration: 0.33334s;
    -moz-transition-property: margin-right;
    -o-transition-property: margin-right;
    -webkit-transition-property: margin-right;
    transition-property: margin-right;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}


.shareButtons div:hover > a {
    width: 76px;
}

.shareButtons div:hover img {
    margin-right: 19px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error, textarea.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

a, a:visited, a:hover, a:active, a:focus {
    color: #7CC018;
    text-decoration: none;
    cursor: pointer;
}

    a img {
        border: none;
    }

.neueHelvetica35, h1, #footer ul li:first-child, #footer ul li.footerTitle, .reasonTeaser, #mainReason .reasonTitle, .logoText, #kontaktDiv #map, .kompetenzMenu span a, #dialog-modal, h2, h3, h4, h5, #header, .reasonTitle, #mainReason .reasonTeaser, .figure .more, #aktuellDiv .sliderItemInfo a, .more, .infoHeader, .sliderItemTitle, .reason a, .mobileSliderInfo, .editor-label, .ui-widget, .oldBrowser, .noJSPanel {
    letter-spacing: 1px;
    font-family: 'HelveticaNeueW02-Thin' !important;
}



/*.neueHelvetica75, h1, #footer ul li:first-child, .reasonTeaser, #mainReason .reasonTitle {
    font-family: 'HelveticaNeueW01-75Bold' !important;
    font-family: 'HelveticaNeueW02-Thin' !important;
}*/



h1, h2, h3, h4, h5 {
    -webkit-touch-callout: none;
    user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    float: none;
    clear: both;
    width: 100%;
    text-align: left;
    font-weight: normal;
    /* NO SELECTABLE */
}

h1 {
    margin: 30px 0 20px 0;
    color: #000;
    font-size: 48px;
    line-height: 50px;
}

h2 {
    font-size: 24px;
    line-height: 34px;
}

h2, h3, h4, h5, h6 {
    margin: 10px 0 25px 0;
}

form {
    float: left;
}
/* Header */
#header {
    position: absolute;
    top: 0;
    z-index: 10001;
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #cfcfcf;
    background-color: #fff;
    box-shadow: 0 10px 10px 0 rgba(50, 50, 50, 0.1);
}

    #header.visible {
        position: fixed;
        top: -20px;
        opacity: 0.98;
    }


/*.shareDiv {
    display: none;
      overflow: hidden;
    height: 200px;
    position: absolute;
    right: 0;
    top: 375px;
    width: 0;
    z-index: 10000;
    -webkit-box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.50);
-moz-box-shadow:    0 0 10px 0 rgba(50, 50, 50, 0.50);
box-shadow:         0 0 10px 0 rgba(50, 50, 50, 0.50);
    
}

.shareDiv.visible, .shareDiv.visible .shareBg, .shareDiv.visible .shareInfo  {
        position: fixed;
    }



.shareBg {
    position: absolute;
    width: 100%;
    height:200px;
    opacity:0.5
}

.shareInfo {
    position: absolute;
    width: 60px;
    padding: 10px;
    height: 180px;
}

 .shareDiv #custom-tweet-button a {

    display: block;

    padding: 2px 5px 2px 20px;

    background: url('https://twitter.com/favicons/favicon.ico') 1px center no-repeat;

   

  }

 .shareDiv .likeImage{
    width: 275px;
    height: 95px;
    background-image: url("http://yaaya.mobi/images/fbLike.png");
    background-repeat: no-repeat;
}
 .shareDiv  .likeImage iframe{
    opacity: 0;
}*/

.atss {
    position: absolute;
    top: 375px !important;
    -moz-box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.60);
    -webkit-box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.60);
    box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.60);
    opacity: 0.7 !important;
}

    .atss.visible {
        position: fixed;
        top: 80px !important;
    }

.at-share-close-control {
    display: none;
}

/* Header & Loading*/
/*#header, #subHeader {
    opacity: 0;
    text-align: center;
    padding: 20px 0 20px 0;
}

body.loaded #header {
    
    opacity: 1;
    transition-delay: 0.5s;
    transition-duration: 1.25s;
    transition-property: opacity;
    transition-timing-function: ease-out;
}

body.loaded #subHeader {
    font-size: 48px;
    opacity: 1;
    color: #A0A0A0;
    font-family: 'Rancho';
    cursor: pointer;
    transition-delay: 1.5s;
    transition-duration: 1.25s;
    transition-property: opacity;
    transition-timing-function: ease-out;
}*/



#header-wrapper {
    margin: 0 auto;
    width: 960px;
    height: 70px;
}

#header #logo {
    float: left;
    margin-top: 12px;
    width: 150px;
    height: 49px;
    border: none !important;
    background-image: url('../img/bytix_logo.png');
    background-repeat: no-repeat;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-property: margin;
    -o-transition-property: margin;
    -webkit-transition-property: margin;
    transition-property: margin;
}

#header #logoText {
    float: left;
    height: 70px;
    color: #7E7E7E;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 14px;
    line-height: 70px;
    opacity: 1;
}
/*StickyMenu*/
#header.visible #logo {
    margin-top: 20px !important;
}

#header-wrapper #logoText {
    height: 70px;
    transition-timing-function: ease-out;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-property: height;
    -o-transition-property: height;
    -webkit-transition-property: height;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-property: height;
}

#header.visible #logoText {
    margin-top: 17.5px;
    height: 50px;
    line-height: 50px;
}

/* Navigation */
#header nav {
    float: right;
    height: 70px;
}

/* Global Anchor Class */
.globalAnchor {
    float: left;
    opacity: 0;
}


/* Slider */

.bx-wrapper {
    z-index: 1000;
    float: left;
    min-width: 960px;
    width: 100%;
}

    .bx-wrapper .bx-prev {
        top: 0 !important;
        left: 0 !important;
        margin: 0 !important;
        padding: 116px 50px 116px 50px;
        width: 22px !important;
        height: 40px !important;
        background: url("../img/slidercontrol_main_prev.png") no-repeat;
        background-position: center;
    }

        .bx-wrapper .bx-prev:hover {
            background: url("../img/slidercontrol_main_prev_hover.png") no-repeat;
            background-position: center;
        }

    .bx-wrapper .bx-next {
        top: 0 !important;
        right: 0 !important;
        margin: 0 !important;
        padding: 116px 50px 116px 50px;
        width: 22px !important;
        height: 40px !important;
        background: url("../img/slidercontrol_main_next.png") no-repeat;
        background-position: center;
    }

        .bx-wrapper .bx-next:hover {
            background: url("../img/slidercontrol_main_next_hover.png") no-repeat;
            background-position: center;
        }
/* Hide controls when not hovering over slider */
.bx-controls-direction {
    opacity: 0;
    transition-timing-function: ease-in;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-property: opacity;
}

.bx-wrapper:hover .bx-controls-direction {
    opacity: 1;
}



#mainSlider, #aktuellSlider, #kompetenzSlider, .gallery .infBox .ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-align: left;
}

    #mainSlider li {
        width: 100%;
        height: 380px;
        background-image: url('../img/bg_slider.jpg');
        background-repeat: repeat-x;
    }

        #mainSlider li .slider-wrapper {
            margin: 0 auto;
            width: 960px;
            height: 350px;
            cursor: pointer !important;
        }

            #mainSlider li .slider-wrapper:hover .slider-text .slidertitle, #mainSlider li .slider-wrapper:hover .slider-text, .mobileSliderInfo:hover {
                color: #6A9A00 !important;
            }

            /*Fade Img Slightly*/
            /*#mainSlider li .slider-wrapper:hover .slider-image {
     transform: scale(1.1);
    
 }*/
            #mainSlider li .slider-wrapper .slider-image {
                float: left;
                width: 480px;
                height: 350px;
                opacity: 1;
            }

                #mainSlider li .slider-wrapper .slider-image img {
                    -webkit-touch-callout: none;
                    -khtml-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    -webkit-user-select: none;
                    user-select: none;
                    pointer-events: none;
                    /* NO SELECTABLE */
                }

            #mainSlider li .slider-wrapper .slider-text, .mobileSliderInfo {
                float: left;
                padding: 0 0 0 70px;
                width: 390px;
                transition-timing-function: ease-in;
                -moz-transition-duration: 0.3s;
                -o-transition-duration: 0.3s;
                -webkit-transition-duration: 0.3s;
                transition-duration: 0.3s;
                -moz-transition-property: color;
                -o-transition-property: color;
                -webkit-transition-property: color;
                -moz-transition-timing-function: ease-in;
                -o-transition-timing-function: ease-in;
                -webkit-transition-timing-function: ease-in;
                transition-property: color;
                /* Same duration as Gallery More button */
            }




.slidertitle {
    display: block;
    margin: 20px 0 10px 0;
    color: #000000;
    font-size: 48px;
    font-family: 'HelveticaNeueW02-Thin';
    line-height: 50px;
    transition-timing-function: ease-in;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-property: color;
    /* Same duration as Gallery More button */
}



/* Aktuell Slider */
#aktuellDiv {
    min-height: 500px !important;
    overflow:hidden;
    max-height:500px;
}

    #aktuellDiv .content-wrapper, #kompetenzDiv .content-wrapper {
        padding: 0;
        width: 960px;
    }

    #aktuellDiv .bx-wrapper {
        margin-top: 0;
    }

        #aktuellDiv .bx-wrapper .bx-prev {
            top: 75px !important;
            left: 4px !important;
            margin: 0 !important;
            padding: 30px 100px 30px 0;
            width: 32px !important;
            height: 32px !important;
            border: 0;
            background: url("../img/slidercontrol_small_prev.png") no-repeat;
            background-position: left !important;
        }

        #aktuellDiv .bx-wrapper .bx-next {
            top: 75px !important;
            left: 824px !important;
            margin: 0 !important;
            padding: 30px 0 30px 100px;
            width: 32px !important;
            height: 32px !important;
            border: 0;
            background: url("../img/slidercontrol_small_next.png") no-repeat;
            background-position: right !important;
        }

        #aktuellDiv .bx-wrapper .bx-prev:hover {
            border: 0;
            background: url("../img/slidercontrol_small_prev_hover.png") no-repeat;
            background-position: left !important;
        }

        #aktuellDiv .bx-wrapper .bx-next:hover {
            border: 0;
            background: url("../img/slidercontrol_small_next_hover.png") no-repeat;
        }

        #aktuellDiv .bx-wrapper .bx-viewport {
            background-color: #EBEBEB;
        }

    #aktuellDiv .sliderItem, #kompetenzDiv .sliderItem {
        float: left;
        margin: 4px;
        width: 230px;
        height: 280px;
        border: 1px solid #CCCCCC;
        background-color: #fff;
        font-size: 14px;
    }



    #aktuellDiv .sliderItemImageDiv, #kompetenzDiv .sliderItemImageDiv {
        float: left;
        overflow: hidden;
        width: 230px;
        height: 115px;
        background-color: #666666;
    }

        #aktuellDiv .sliderItemImageDiv img {
            -moz-backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            transition-duration: 2s;
            -moz-transform: translateZ(0);
            -ms-transform: translateZ(0);
            -o-transform: translateZ(0);
            -webkit-transform: translateZ(0);
            -moz-transition-duration: 2s;
            -o-transition-duration: 2s;
            -webkit-transition-duration: 2s;
            transform: translateZ(0);
        }

            #aktuellDiv .sliderItemImageDiv img:hover {
                -moz-transform: scale(1.05);
                -ms-transform: scale(1.05);
                -o-transform: scale(1.05);
                -webkit-transform: scale(1.05);
                transform: scale(1.05);
            }

    #aktuellDiv .sliderItemInfo, #kompetenzDiv .sliderItemInfo {
        float: left;
        padding: 5px 20px;
        color: #848484;
        text-align: left;
        line-height: 20px;
    }

        #aktuellDiv .sliderItemInfo a, #kompetenzDiv .sliderItemInfo a {
            margin-left: 0 !Important;
        }

        #aktuellDiv .sliderItemInfo .sliderItemTitle, #kompetenzDiv .sliderItemInfo .sliderItemTitle {
            float: left;
            margin: 10px 0 12px 0;
            width: 100%;
            color: #000;
            font-size: 24px;
        }


        .parallaxItem{
            opacity: 0.25;
    overflow: hidden;
    position: absolute;
        }

       

/*#aktuellDiv .bx-wrapper .bx-prev {
    left: 415px;
    top: 266px;
}
#aktuellDiv .bx-wrapper .bx-next, #kompetenzDiv .bx-wrapper .bx-next{
    right: 415px;
    top: 266px;
}

#aktuellDiv .bx-viewport {
    height: 250px !important;
}*/



/* Content */
#content {
    float: left;
    margin-top: 30px;
    width: 100%;
    text-align: left;
}

    #content > div {
        float: left;
        padding: 25px 0;
        min-height: 300px;
        width: 100%;
    }

.divContainer {
    min-width: 960px;
}

#content > div h1, #content > div h2 {
    opacity: 1;
}

.bgDark {
    background: #ebebeb;
}

.content-wrapper-reasons {
    position: relative;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0 40px;
    text-align: left;
}

.content-wrapper {
    margin: 0 auto;
    padding: 0 10px;
    width: 940px;
    position: relative;
}


/*StickyMenu*/
#header.visible ul {
    margin-top: 17.5px;
    height: 52px;
}

#header-wrapper ul {
    margin: 0;
    padding: 0;
    height: 70px;
    list-style: none;
}

    #header-wrapper ul li {
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        width: auto;
        outline: 0;
        text-align: left;
        cursor: pointer;
    }

#header #header-wrapper ul li a {
    display: block;
    float: left;
    padding: 0 15px;
    width: auto;
    height: 70px;
    background-color: #fff;
    color: #7e7e7e;
    text-transform: uppercase;
    line-height: 85px;
    transition-timing-function: ease-out;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-property: background-color;
}
/*StickyMenu*/
#header.visible #header-wrapper ul li a {
    height: 52px;
    line-height: 50px;
}

#header-wrapper ul li.current_page_item a, #header-wrapper ul li a:hover {
    color: #585858;
    transition-timing-function: ease-out;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-property: background-color;
}



#magic-line {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    width: 18px;
    height: 7px;
    background-image: url('../img/menupointer.png');
    background-repeat: no-repeat;
}

.galleryMagicLine {
    position: absolute;
    bottom: -20px;
    left: 0;
    margin: 0;
    width: 18px;
    height: 7px;
    background-image: url('../img/menupointer.png');
    background-repeat: no-repeat;
    content: " ";
}












/* 7 Reasons */
#reasons {
    float: left;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    text-align: left;
}


.reason {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 10px 0;
    width: 940px;
    border-top: 1px solid #CCCCCC;
    background-color: #f8f8f8;
    cursor: pointer;
    transition-timing-function: ease-in;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-transition-property: background-color,left;
    -o-transition-property: background-color,left;
    -webkit-transition-property: background-color,left;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-property: background-color,left;
    /* Same duration as Gallery More button */
}


.reasonTitle, #mainReason .reasonTeaser {
    margin-top: 15px;
    padding: 0;
    color: #7e7e7e;
    font-size: 24px;
    line-height: 25px;
}

.reasonTeaser {
    margin-top: 10px;
    margin-bottom: 15px;
    color: #000;
    font-size: 48px;
    line-height: 50px;
}

.reason .reasonTeaser > div {
    color: #000;
    transition-timing-function: ease-in-out;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: color;
    /* Same duration as Gallery More button */
}

/* Hover over a closed element lets the text get highlighted*/
.reason:hover .reasonTeaser > div {
    color: #b0b0b0;
}

.reason.active:hover .reasonTeaser > div {
    color: #000;
}

#mainReason .reasonTeaser {
    margin-bottom: 10px;
}

.reason a {
    display: inline-block;
    margin: 0;
    height: auto;
    color: #7cc018;
    font-size: 16px;
    opacity: 0;
    cursor: pointer;
    -moz-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important;
    transition-timing-function: ease-out;
    -moz-transition-duration: 0.4s !important;
    -o-transition-duration: 0.4s !important;
    -webkit-transition-duration: 0.4s !important;
    transition-duration: 0.4s !important;
    -moz-transition-property: background-color, color,opacity,cursor;
    -o-transition-property: background-color, color,opacity,cursor;
    -webkit-transition-property: background-color, color,opacity,cursor;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-property: background-color, color,opacity,cursor;
    /* Same duration as Gallery More button */
}


/* Fade out when klicked */
.reason.active a {
    opacity: 0 !important;
    cursor: default;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.reason.active {
    cursor: default;
}

#mainReason .reasonTitle {
    margin: 0;
    color: #000;
    font-size: 48px;
    line-height: 50px;
}

#mainReason {
    border-top: none;
    opacity: 0;
    cursor: default;
}

body.loaded #mainReason {
    opacity: 1;
    transition-timing-function: ease-in-out;
    -moz-transition-duration: 1.7s;
    -o-transition-duration: 1.7s;
    -webkit-transition-duration: 1.7s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-duration: 1.7s;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}


#reason1, #reason2, #reason3, #reason4, #reason5, #reason6, #reason7 {
    position: relative;
    display: block;
    margin: 0 auto;
    transition-timing-function: ease-in-out;
    -moz-transition-duration: 1.7s;
    -o-transition-duration: 1.7s;
    -webkit-transition-duration: 1.7s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-duration: 1.7s;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    /*width: 940px;*/
}

#reason1, #reason3, #reason5, #reason7, #reason2, #reason4, #reason6 {
    opacity: 0;
}


body.loaded #reason1, body.loaded #reason2, body.loaded #reason3, body.loaded #reason4, body.loaded #reason5, body.loaded #reason6, body.loaded #reason7 {
    opacity: 1;
}

    body.loaded #reason1 a, body.loaded #reason2 a, body.loaded #reason3 a, body.loaded #reason4 a, body.loaded #reason5 a, body.loaded #reason6 a, body.loaded #reason7 a {
        opacity: 1;
        -moz-transition-duration: 1s;
        -o-transition-duration: 1s;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
    }




body.loaded .reason, body.loaded .reason a {
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

    body.loaded .reason a {
        margin-bottom: 10px;
        -moz-transition-duration: 1s;
        -o-transition-duration: 1s;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
    }

body.loaded #reason1 {
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

    body.loaded #reason1 a {
        -moz-transition-delay: 2.4s;
        -o-transition-delay: 2.4s;
        -webkit-transition-delay: 2.4s;
        transition-delay: 2.4s;
    }


body.loaded #reason2 {
    -moz-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

    body.loaded #reason2 a {
        -moz-transition-delay: 2.6s;
        -o-transition-delay: 2.6s;
        -webkit-transition-delay: 2.6s;
        transition-delay: 2.6s;
    }


body.loaded #reason3 {
    -moz-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

    body.loaded #reason3 a {
        -moz-transition-delay: 2.8s;
        -o-transition-delay: 2.8s;
        -webkit-transition-delay: 2.8s;
        transition-delay: 2.8s;
    }


body.loaded #reason4 {
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

    body.loaded #reason4 a {
        -moz-transition-delay: 3.0s;
        -o-transition-delay: 3.0s;
        -webkit-transition-delay: 3.0s;
        transition-delay: 3.0s;
    }


body.loaded #reason5 {
    -moz-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

    body.loaded #reason5 a {
        -moz-transition-delay: 3.2s;
        -o-transition-delay: 3.2s;
        -webkit-transition-delay: 3.2s;
        transition-delay: 3.2s;
    }


body.loaded #reason6 {
    -moz-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

    body.loaded #reason6 a {
        -moz-transition-delay: 3.4s;
        -o-transition-delay: 3.4s;
        -webkit-transition-delay: 3.4s;
        transition-delay: 3.4s;
    }


body.loaded #reason7 {
    -moz-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s;
}

    body.loaded #reason7 a {
        -moz-transition-delay: 3.6s;
        -o-transition-delay: 3.6s;
        -webkit-transition-delay: 3.6s;
        transition-delay: 3.6s;
    }


/* Reason Info */
.reason .reasonInfo {
    padding: 0;
    max-height: 0;
    opacity: 0;
    transition-timing-function: ease-in-out;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-duration: 0.4s;
    -moz-transition-property: max-height, opacity, padding;
    -o-transition-property: max-height, opacity, padding;
    -webkit-transition-property: max-height, opacity, padding;
    transition-property: max-height, opacity, padding;
}

    .reason .reasonInfo .content-wrapper-reasons {
        display: none;
    }

.reason.active .reasonInfo .content-wrapper-reasons {
    display: block;
}

.reason.active .reasonInfo {
    padding: 0 10px;
    max-height: 600px;
    opacity: 1;
}

.reasonInfo {
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    transition-timing-function: ease-in-out;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: opacity;
}


/* Projects Gallery */

#projects {
    float: left;
    width: 100%;
}

#kundenDiv .content-wrapper {
    padding: 0;
    width: 960px;
}

#kundenDiv .bx-prev {
    top: 40% !important;
    left: -142px !important;
    padding: 40px 30px 40px 90px !important;
    border: 1px solid rgba(0, 0, 0, 0);
    border-left: 0;
}

#kundenDiv .bx-next {
    top: 40% !important;
    right: -142px !important;
    padding: 40px 90px 40px 30px !important;
    border: 1px solid rgba(0, 0, 0, 0);
    border-left: 0;
}



.gallery {
    margin: 0 auto;
    width: 960px;
    text-align: left;
}

    .gallery .figure, .gallery .figureInfos {
        display: block;
        float: left;
        margin: 10px;
        padding: 0 !important;
        width: 225px;
        height: 225px;
        background-color: #666666;
        text-align: center;
        cursor: pointer;
        /*overflow: hidden;*/
    }

    .gallery .figure {
        box-shadow: 0 10px 10px 0 rgba(50, 50, 50, 0.25);
    }

        .gallery .figure.left {
            margin-left: 0;
        }

        .gallery .figure.right {
            margin-right: 0;
        }

    .gallery .figureInfos {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        margin: 0;
        padding: 10px;
        width: 225px;
        height: 225px;
        background-color: rgba(30, 30, 30, 0.8);
        color: #f9f9f9;
        text-align: center;
    }

.figure.selected .figureInfos {
    display: block !important;
}
/* More Button on the Figure*/
.figure .more, #aktuellDiv .sliderItemInfo a, .more {
    position: absolute;
    bottom: 20px;
    display: block;
    margin-left: 20px;
    padding: 2px 8px;
    width: 175px;
    background-color: #7CC018;
    color: #FFFFFF;
    text-align: center;
    letter-spacing: 0;
    font-size: 14px;
    opacity: 1;
    transition-timing-function: ease-in-out;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-duration: 0.4s;
    transition-property: background-color;
}

    .figure .more:hover, #aktuellDiv .sliderItemInfo a:hover, .more:hover, .more.active {
        background-color: #6A9A00;
    }

.figure.selected .more {
    opacity: 0;
    cursor: default;
}

.gallery .mainInfos {
    display: none;
}

.gallery .infoBox .infoHeader {
    margin: 20px 0 20px 0;
    font-size: 48px;
    line-height: 50px;
}

.gallery .infoBox .picture {
    float: left;
    margin-top: 10px;
    width: 472px;
    height: 500px;
}

    .gallery .infoBox .picture img {
        width: 470px;
        height: 353px;
        border: 1px solid #7E7E7E;
    }

.gallery .infoBox .bx-wrapper {
    min-width: 400px;
    height: 500px;
}

.gallery .infoBox ul, .gallery .infoBox .picture li {
    margin: 0 !important;
    padding: 0 !important;
}

.gallery .infoBox .picture li {
    width: 472px !important;
    height: 500px;
    list-style: none outside none;
}

.gallery .infoBox h1, .gallery .infoBox h2 {
    text-align: left;
}

.gallery .infoBox h1 {
    margin: 0px 0px 10px 0px;
}

.gallery .infoBox h2 {
    margin: 0px 0px 10px 0px;
}

.figureInfoSliderImg {
    float: left;
    overflow: hidden;
    margin-top: 15px;
    width: 472px;
}


.gallery .infoBox .infos {
    float: right;
    width: 468px;
    text-align: left;
    font-size: 16px !important;
    font-family: Georgia, 'Times New Roman' !important;
}

    .gallery .infoBox .infos ul {
        margin: 0;
        padding: 0;
    }

        .gallery .infoBox .infos ul li {
            margin-left: 20px;
            padding-left: 5px;
        }

.gallery .infoBox {
    display: none;
    float: left;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 0;
    width: 960px;
    border-top: 1px solid #7E7E7E;
    /*top: 210px;*/
}


.gallery .figure img {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 225px;
    height: 225px;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transition-duration: 4s;
    -o-transition-duration: 4s;
    -webkit-transition-duration: 4s;
    transition-duration: 4s;
    transform: translateZ(0);
}

.gallery .figure > div {
    overflow: hidden;
    width: 225px;
    height: 225px;
}

.gallery .figure img:hover, .gallery .figure:hover img {
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.gallery .figureInfos ul {
    display: none;
    padding-left: 20px;
    color: #fff;
    list-style: none;
    list-style-position: inside;
    list-style-type: none;
    list-style-image: none;
}

.gallery .figureInfos li {
    list-style: none;
    list-style-position: inside;
    list-style-type: none;
    list-style-image: none;
}

.gallery .figureInfos h3 {
    margin-top: 40%;
    text-align: center;
}

.gallery a img {
    height: 200px;
}

.gallery .figure.selected:after {
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin: 0;
    margin-left: -9px;
    width: 18px;
    height: 7px;
    background-image: url('../img/menupointer_dark.png');
    background-repeat: no-repeat;
    content: " ";
}

#footer {
    display: block;
    float: left;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
    min-width: 960px;
    min-height: 345px;
    width: 100%;
    background: none repeat scroll 0 0 #515151;
    color: #bdbdbd !important;
    font-size: 13.333px;
}

    #footer a, #footer a:visited, #footer a:active, #footer a:focus {
        color: inherit;
        transition-timing-function: ease-in-out;
        -moz-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -moz-transition-property: color;
        -o-transition-property: color;
        -webkit-transition-property: color;
        -moz-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        transition-property: color;
    }

        #footer a:hover {
            color: #fff;
        }

    #footer ul {
        float: left;
        min-height: 400px;
        width: 195px;
        height: 100%;
        list-style: none;
        list-style-position: inside;
        list-style-type: none;
        list-style-image: none;
    }

        #footer ul li {
            line-height: 20px;
            display: block;
        }



            #footer ul li:first-child, #footer ul li.footerTitle {
                margin-bottom: 25px;
                color: #fff;
                font-size: 24px;
            }

            #footer ul li.footerTitle {
                margin-top: 25px;
            }

    #footer .additionalFooter {
        height: 380px;
    }

/* About us section */
#ueberUnsDiv
{
    overflow:hidden;
}
#ueberUnsDiv ul {
    float: left;
    padding: 0;
    width: 100%;
    list-style: none;
    text-align: left;
}

#ueberUnsDiv h3 {
    text-align: left;
}





/* Piranhas Section */
#piranhasDiv {
    padding: 25px 0 55px 0 !important;
}

.piranhasImg {
    display: none;
}

#piranhasDiv img {
    overflow:hidden;
    width: 940px;
    height: 720px;
    -moz-box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.75);
    -webkit-box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.75);
}

#piranhasDiv > h1 {
    position: absolute;
}

.defaultWebcamImage, .defaultWebcamImageStop {
    left: 10px;
    cursor: pointer;
    display: block;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-property: opacity,background-color;
    -o-transition-property: opacity,background-color;
    -webkit-transition-property: opacity,background-color;
    transition-property: opacity,background-color;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.defaultWebcamImageStop
{
     bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
}





    .defaultWebcamImage:hover, .defaultWebcamImageStop:hover {
        opacity: 0.9 !important;
    }
    .defaultWebcamImageStop:hover
    {
        background-color:rgba(0,0,0,0.55);
    }


/* Kompetenz */
.kompetenz.left {
    float: left;
    width: 100%;
}

.kompetenz.right {
    float: right;
    width: 100%;
}

.kompetenz.left .kompetenzImage {
    float: left;
}

.kompetenz.right .kompetenzImage {
    float: right;
}

.kompetenzImage {
    margin: 20px;
    width: 128px;
    height: 170px;
}

    .kompetenzImage img {
        position: relative;
        width: 128px;
    }

.kompetenz {
    float: left;
    border-bottom: 1px solid #CCCCCC;
    vertical-align: middle;
}

    .kompetenz:last-of-type {
        border: none !important;
    }

.kompetenzContainer {
    float: left;
    margin-top: 40px;
    width: 100%;
}

    .kompetenzContainer img {
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        width: 230px;
        height: 115px;
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        -moz-transition-duration: 2s;
        -o-transition-duration: 2s;
        -webkit-transition-duration: 2s;
        transition-duration: 2s;
        transform: translateZ(0);
    }

        .kompetenzContainer img:hover {
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }

.kompetenzMenu {
    float: left;
    width: 100%;
}

.kompetenzMenuDiv {
    margin-bottom: 20px;
}

.kompetenzMenu .kompetenzMenuDiv span a {
    position: relative;
    top: 0;
    width: auto;
    color: #7CC018;
    font-size: 24px;
    transition-timing-function: ease-in;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-duration: 0.4s;
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
}

    .kompetenzMenu .kompetenzMenuDiv span a:hover, .kompetenzMenu div span a.active {
        color: #597F00;
    }

.kompetenz .kompetenzText {
    height: 170px;
    vertical-align: middle;
}



/* The Big kompetenz items should all have a separation... to separate from skills & tools */
/* Slider Images can be as big as they want */
#kompetenzDiv .bx-wrapper {
    margin-top: 0;
    width: 960px;
}

    #kompetenzDiv .bx-wrapper .kompetenzImage img {
        top: auto;
        left: auto;
        margin-top: 0;
        margin-left: 0;
        width: auto;
        height: auto;
    }

    #kompetenzDiv .bx-wrapper .kompetenzImage {
        width: auto;
        height: auto;
    }

    #kompetenzDiv .bx-wrapper .kompetenz .kompetenzText {
        margin: 0 auto;
        width: 800px;
    }

#kompetenzDiv .bx-prev {
    top: 35px !important;
    padding: 30px !important;
    padding-left: 0 !important;
}

#kompetenzDiv .bx-next {
    top: 35px !important;
    padding: 30px !important;
    padding-right: 0 !important;
}





.bx-wrapper .bx-prev {
    border: 1px solid rgba(0, 0, 0, 0);
    border-left: 0;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-property: background-color, border;
    -o-transition-property: background-color, border;
    -webkit-transition-property: background-color, border;
    transition-property: background-color, border;
}

    .bx-wrapper .bx-prev:hover {
        border: 1px solid #ebebeb;
        border-left: 0;
        background-color: rgba(0, 0, 0, 0.2);
    }




.bx-wrapper .bx-next {
    border: 1px solid rgba(0, 0, 0, 0);
    border-right: 0;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-property: background-color, border;
    -o-transition-property: background-color, border;
    -webkit-transition-property: background-color, border;
    transition-property: background-color, border;
}

    .bx-wrapper .bx-next:hover {
        border: 1px solid #ebebeb;
        border-right: 0;
        background-color: rgba(0, 0, 0, 0.2);
    }






#kompetenzDiv .bx-controls-direction {
    opacity: 1;
}





/* Kontakt */
#kontaktDiv {
    padding: 0 !important;
    text-align: left;
    /* This is for the H1 to be centered */
}


    #kontaktDiv > h1 {
         display: block;
    left: 50%;
    margin-left:  -470px;
    position: absolute;
    width: 940px;
    z-index: 10000;
    }

    #kontaktDiv .content-wrapper {
        position: relative;
        z-index: 10000;
    }

    #kontaktDiv #map .infoBox {
        color: #fff !important;
        text-align: center;
        font-size: 14px;
    }

        #kontaktDiv #map .infoBox h1 {
            color: #fff !important;
            text-align: center !important;
        }

        #kontaktDiv #map .infoBox > div {
            float: left;
            width: 280px;
            padding: 0 !important;
            margin: 0 !important;
            border: none !important;
            box-shadow: 0 10px 10px 0 rgba(50, 50, 50, 0.75);
        }

        #kontaktDiv #map .infoBox > img {
            position: absolute !important;
            top: 0px !important;
            right: 0 !important;
            margin-top: 5px !important;
        }

        #kontaktDiv #map .infoBox a {
            background-color: rgba(0,0,0,0);
            color: #FFFFFF;
            float: left;
            margin: 5px 0;
            padding: 5px 0;
            position: relative;
            width: 100%;
            -moz-transition-duration: 0.3334s;
            -o-transition-duration: 0.3334s;
            -webkit-transition-duration: 0.3334s;
            transition-duration: 0.3334s;
            -moz-transition-property: background-color, color;
            -o-transition-property: background-color, color;
            -webkit-transition-property: background-color, color;
            transition-property: background-color, color;
            -moz-transition-timing-function: ease-in-out;
            -o-transition-timing-function: ease-in-out;
            -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
        }

            #kontaktDiv #map .infoBox a:hover {
                background-color: #cccccc;
                color: #000;
            }

.fixed-dialog {
    position: fixed;
    top: 10% !important;
}

.ui-widget-overlay {
    position: fixed !important;
    z-index: 10001;
}

.ui-dialog {
    z-index: 10001;
    padding: 0;
    box-shadow: 0 0 60px 0 #323232;
}

.ui-dialog .ui-dialog-content
{
    padding:1.5em 1.0em;
}

    .ui-dialog form {
        padding: 0;
    }

    .ui-dialog .ui-dialog-titlebar-close span {
        top: 0 !important;
        left: 0 !important;
        margin: 0 !important;
    }

.ui-widget-header {
    height: 80px;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: none repeat scroll 0 0 #515151;
}

.ui-dialog .ui-dialog-title {
    color: #ffffff;
    font-size: 48px;
}

#dialog-modal h1 {
    margin-top: 0;
}

.editor-label, .editor-field, .editor-field-short {
    float: left;
}

.editor-label {
    margin: 5px 0;
    width: 200px;
    line-height: 1.4em;
}

.ui-widget-content {
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.editor-field input {
    float: right;
}

.editor-field-short input {
    float: left;
}

.editor-field-short.street input:nth-of-type(1), .editor-field-short.town input:nth-of-type(2) {
    width: 207px;
}

.editor-field-short.street input:nth-of-type(2), .editor-field-short.town input:nth-of-type(1) {
    width: 75px;
}

form p input {
    float: right;
}

form p input[type="button"]
{
    background-color:#515151;
    color:#fff;
    
}

form p {
    float: right;
    margin-left: 200px;
}











/********************
*   Mobile Styles   *
********************/
.mobile {
    display: none;
}


/********************
*   Mobile Styles   *
********************/

@media only screen and (max-width: 1280px) {
    /*#kundenDiv .bx-wrapper .bx-controls-direction a {
        position: fixed;
        
    }
    #kundenDiv  .bx-wrapper .bx-controls-direction {
        opacity: 1;
    }*/
    #kundenDiv .bx-prev {
        left: 0 !important;
    }
    #kundenDiv .bx-next {
        right: 0 !important;
    }

   #kundenDiv .bx-controls-direction {
    display: block;
    float: left;
    width: 100%;
       opacity: 1;
      
}
#kundenDiv .bx-wrapper .bx-controls-direction a {
    position: relative;
}
#kundenDiv .bx-prev {
    float: left;
    padding: 40px 40% 40px 0 !important;
}
#kundenDiv .bx-next {
    float: right;
    padding: 40px 0 40px 40% !important;
    
}

}
/* 
    This is used to display the navigation early enough
    */
@media only screen and (min-width: 1024px) {
    #nav {
        margin-top: 0px !important;

    }

       .gallery .bx-controls-direction {
        opacity: 1;
    }
}

@media only screen and (max-width:1023px)  {


    html,body {
        width: 100%;
        height: 100%;
        overflow: visible;
    }

     
        .mobile { 
    display: inherit; /* This is used to display the mobile elements */
}
        .classic, .mobileSliderInfo,.at4m-dock,.at4-soc,.at4-arrow /* HIDE ADD THIS ON MOBILE */
         {
            display: none; /* This is used to hide the classic elements that should not be displayed on the mobile page*/
        }


        ul {
            padding: 0px;
        }

        #footer{
        padding-top :0;
    }

    #footer ul {
        padding:50px 40px 0 0;
    }

    h1, .reasonTeaser, .slidertitle,.gallery .infoBox .infoHeader {
        font-size: 7vw;
        line-height: 7vw;
        
    }

    h2, h3, .reasonTitle, #mainReason .reasonTeaser,.infoText {
        font-size: 4vw;
        line-height: 4vw;
    }

    .bx-controls-direction {
        display: none;
    }

    .feedback {
        display: none;
    }
    .shareButtons 
    {
        display:none;
    }
    .content-wrapper {
        width: auto !important;
        padding: 0 10px !important;
    }
    #aktuellDiv > h2 {
    padding: 0 10px;
}

    .divContainer {
        width: 100% !important;
        min-width: inherit;
        overflow: hidden;
    }

    /* HEADER */
    #header-wrapper {
        width: 100%;
    }

#header nav {
        right: -150%;
        position: fixed;
        width: 100%;
        height: 100%;
    padding: 10px;
        background-color: rgba(0, 0, 0, 0.9);
-webkit-box-shadow: -1px 0px 30px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    -1px 0px 30px 0px rgba(50, 50, 50, 1);
box-shadow:         -1px 0px 30px 0px rgba(50, 50, 50, 1);
    z-index: 10000;
    }
    #header-wrapper ul {
        width:100%
    }
    #header-wrapper ul li {
        float: none;
        width: 100%;
    }

    #header #header-wrapper ul li:first-child a {
        border-top: none;
    }

    #header.visible ul, #header ul {
        height: 250px;
        float: left;
    }
    .navKontakt {
        float: left;
    }
    
    #header #header-wrapper ul li a {
        width: 100% !important;
        border-top: 1px solid #ebebeb;
        transition-duration: 0.4s;
    transition-property: background-color;
    transition-timing-function: ease-out;
    float:none;
    width:100%;
        height: 40px !important;
        line-height: 40px !important;
        background-color: transparent;
        color: #ffffff;
    }
     #header #header-wrapper ul li.current_page_item a, #header #header-wrapper ul li a:hover {
        background-color: #ebebeb;
         color: #000;
    }

    #magic-line {
        display: none !important;
    }
    .navToggle {
        float: right;
        display: block;
    }
    .toggle {
        background: none repeat scroll 0 0 #4A4D50;
          
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    
        padding: 20px 20px 20px 20px;
    position: relative;
    
    }

    #header.visible .toggle
    { padding: 10px;
        margin-top: 20px;
    }

    .toggle:hover {
        background: none repeat scroll 0 0 #565A5D;
    }



/* SLIDER */

.bx-wrapper {
        min-width: inherit;
    }



    #mainSlider li .slider-wrapper {
        width: 100%;
    }

    #mainSlider li .slider-wrapper .slider-image {
        width: 100% !important;
        height: auto;
        margin: 0px !important;
        background-image: none !important;

         max-width: 100%;
            height: auto;
            width: 100%;
    }

        #mainSlider li .slider-wrapper .slider-image img {
            max-width: 100%;
            height: auto;
            width: 100%;
        }

     #mainSlider li .slider-wrapper .slider-image span {
         float: none !important;
         margin: 0px !important;
     }
    #mainSlider li .slider-wrapper .slider-text {
        width: 100%;
        padding: 0px;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.6);
        color: #fff !important;
        bottom: 0px;
    }

     #mainSlider li .slider-wrapper .slider-text > a {
         padding: 0 10px;
         margin: 10px 0;
         display: inline-block;
     }
    .mobileSliderInfo {
        padding: 0 10px;
        width: 100%;
    }
    #mainSlider li .slider-wrapper .sliderInfo {
    padding: 0px 10px;
}
    #mainSlider .bx-viewport {
        height: auto;
    }
    #mainVideo {
        width: 100% !important;
    }
    .slidertitle {
        line-height: normal;
        color: #fff;
        padding: 0 10px;
    }

    #mainSlider li {
        background-image: none;
        height: auto;
    }


    #aktuellDiv .content-wrapper, #kompetenzDiv .content-wrapper {
        width: 100%;
    }
    #aktuellDiv .sliderItemText {
        float: left;
        height: 75px;
    }
    .figure .more, #aktuellDiv .sliderItemInfo a, .more {
        position: inherit;
        padding: 8px 0;
        display: inline-block;
        width: 100%;
    }

      


    .figure .more {
        display: none;
    }

.kompetenzMenu {
    display: none;
}

#kompetenzDiv .bx-wrapper .kompetenz .kompetenzText {
    width: 100%;
}

#kompetenzDiv .bx-wrapper {
    width: 100%;
}

.kompetenz .kompetenzText {
    height: auto;
}
#kompetenzDiv .bx-controls-direction {
    opacity: 0;
}

#kompetenzDiv .bx-wrapper:hover .bx-controls-direction {
    opacity: 1;
}


 #kompetenzDiv .sliderItem {
     width: 48%;
     /*min-height: 165px;*/
     
     height: auto;
        
     }
    #kompetenzDiv .sliderItem:nth-of-type(1n) {
        margin-left: 0;
        float: left;
        
    }
     #kompetenzDiv .sliderItem:nth-of-type(2n){
         float: right;
         margin-right: 0;
     }

     #kompetenzDiv .sliderItem .sliderItemImageDiv {
         position:relative;
         width: 100%;
         height: auto;
         cursor: pointer;
     }

   

     #kompetenzDiv .sliderItem .sliderItemImageDiv img{
         width: inherit;
         height: auto;
     }

      
    #kompetenzDiv .sliderItem .sliderItemTitle {
        width:auto;
    }
   
    #kompetenzDiv .sliderItem .sliderItemInfo {
        max-height:0;
        opacity:0;
        padding: 0;
        transition-property:height, opacity;
        transition-duration:0.3s;
    }
    #kompetenzDiv .sliderItem.active .sliderItemInfo {
        max-height:100%;
        opacity:1;
        padding: 5px 20px;
        min-height: 100px;
    }
   #kompetenzDiv .sliderItem .sliderItemControl {
        bottom:0;
        height:30%;
        width:15%; /*ratio:2/1 w. height */
        position:absolute;
        right:0;
        z-index:10000;
        background-image: url('../img/controlbutton_more_mobile.jpg');
        background-size:contain;
    }
      #kompetenzDiv .sliderItem.active .sliderItemControl {
        background-image: url('../img/controlbutton_less_mobile.jpg');
        background-size:contain;
    }

   #kompetenzDiv .sliderItem .sliderItemContent {
       float: left;
   }

   
/* REASONS */

#mainReason h1 {
    width: auto;
    padding: 0 10px;
}
.reason {
    width: 100%;
}
.reason a {
    
    background-image: url("../img/controlbutton_more_mobile.jpg");
    background-size: contain;
    color: #FFFFFF;
    float: right;
    height: 72px;
    text-indent: -9999px;
    width: 72px;
}
.reason:hover a {
    background-image:url("../img/controlbutton_less_mobile.jpg");
}
.content-wrapper-reasons {
    width: 100%;
    left: auto;
    margin-left: 0px;
    padding: 0;
}
.reasonTeaser {
    padding:0 10px
}

    .reasonTitle, #mainReason .reasonTeaser {
        line-height: normal;
        padding:0 10px

    }

   











.gallery, #kundenDiv .content-wrapper {
    width: 100%;

}
   .gallery .figure img {
        margin: 0;
        width: 100%;
        height: auto;
    }
    
    .gallery .figure > div {
        height: 100%;
        width: 100%;
        border:1px solid #ffffff;
    }
    .gallery .figure, .gallery .figureInfos {
        height: auto;
    }
    .gallery .figure.selected:after {
        bottom: -10px;
    }
    .gallery .figureInfos {
        margin: 0;
        display: block !important;
    }
  
  .gallery .figureInfos h3 {
   
        font-size: 3vw;
  }

   

    .gallery .figure, .gallery .figureInfos {
        /*width: 24.5%;*/
        width: 25%;
    }
   
    .gallery .figure {
        
        /*margin:0 2px 4px 2px;*/
        margin: 0;
    }

.gallery .infoBox {
    width: 100%;
}

.gallery .infoBox .picture {
    display: none;
}

/*.gallery .infoBox .figureInfoSliderImg {
    width: auto;
    height: auto;
}
.gallery .infoBox .picture li {
    height: auto;
}
.gallery .infoBox .picture img {
    width: auto;
}*/
.gallery .infoBox .infos {
    width: 100%;
    padding: 0;
    float: left;
    margin-bottom: 15px;
}


.gallery .infoBox .infos ul li {
    padding: 0 !important;
}
.gallery .infoBox .infoHeader {
    width: 100%;
}

#kontaktDiv > h1
{
    left:0;
    margin-left:10px;
    width:auto;
}

.editor-field, .editor-field-short {
    float: right;
}

.contactSlider {
    float: left;
    max-height: 0;
}

.contactSlider form {
    padding: 0;
}

.closeContactSlider{
    float:right;
}

.contactSliderContent > h1 {
    float: left;
    width: auto;
}

.closeContactSlider .closeSlider{
     background-image: url("../img/icon_close_gray.png");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 48px;
    margin-right: 20px;
    margin-top: 20px;
    padding: 15px;
    width: 48px;
}

form p {
    margin-left: 0;
}

#footer {
    min-width:inherit;
}
#footer ul
{     width: 25%;

}
#footer hr {
    margin-top: 30px;
}

   #piranhasDiv img, .defaultWebcamImageStop, .defaultWebcamImage {
       width: 100%;
       height: auto;
   }

}




@media only screen and (max-width:767px)  {


    /* DISABLE FADE STYLE */

    #aktuellDiv h1, #aktuellDiv h2, #aktuellDiv .bx-wrapper, #kompetenzDiv h1, #kompetenzDiv h2, #kompetenzDiv .kompetenzMenu, #kompetenzDiv .kompetenzMobileMenu, #kompetenzDiv .bx-wrapper, .kompetenzContainer .sliderItem, #ueberUnsDiv h1, #ueberUnsDiv h2, #ueberUnsDiv h3, #ueberUnsDiv ul, #kundenDiv h1, #piranhasDiv h1, #piranhasDiv img.piranhasImg,  #kontaktDiv h1, #kontaktDiv #map,#showcase .gallery figure{
        opacity: 1 !important;
    }

    #showcase .gallery figure{
        position:relative !important;
        bottom: 0 !important;
    }



    /* DISABLE FADE STYLE */

     #kompetenzDiv .sliderItem .sliderItemImageDiv {
          cursor: pointer;
    height: auto;
    position: relative;
    width: 100%;
     }

     #kompetenzDiv .sliderItem .sliderItemImageDiv img {
          display: block;
    height: auto;
    margin: 0 auto;
    width: 200px;
     }

     #kompetenzDiv .sliderItem .sliderItemControl {
         width: 30px;
         height: 30px;
     }

    .mobileSliderInfo {
        display: block;
    }

    .reason a {
        height: 36px;
        width: 36px;
    }

    #mainSlider li .slider-wrapper .sliderInfo {
       display: none;
   }
        #footer ul {
        min-height:340px;
            width: 195px;
    }
         .gallery .figure.selected:after {
        display: none;
        
    }
        .gallery .figure img {
        margin: 0;
        width: 100%;
        height: auto;

    }

        .gallery, #kundenDiv .content-wrapper {
            padding: 0px;
        }
   
    .gallery .figure.left, .gallery .figure.right {
       margin: 0 0 2px 0;
    }
    .gallery .figure > div {
        height: 100%;
        width: 100%;
    }
  .gallery .figure, .gallery .figureInfos {
      float: left;
        height: auto;
      margin: 0 0 1px 0 !important;
    }

    .gallery .figureInfos h3 {
        font-size: 5.5vw;
        line-height: 5.5vw;

    }
  

    .gallery .figure, .gallery .figureInfos {
        
        width: 50%;
    }
    
    .gallery .figure:nth-of-type(1n), .gallery .figureInfos:nth-of-type(1n) {
        float: left;
    }
    .gallery .figure:nth-of-type(2n), .gallery .figureInfos:nth-of-type(2n) {
        float: right;
    }

 


     #kompetenzDiv .sliderItem {
         width: 100%;
     /*min-height: 165px;*/
         float: left !important;
     height: auto;
        
     }

     #kompetenzDiv .sliderItem .sliderItemTitle {
         width: 100%;
     }

     /*#kompetenzDiv .sliderItem {
         height: 280px;
     }*/






     #aktuellDiv .bx-wrapper li .sliderItem {
         margin: 0 auto;
         float: none;
     }

     /*#aktuellDiv .bx-wrapper li {
    float: left;
    margin: 0 auto;
    width: 375px !important;
    }*/



   #piranhasDiv{
padding: 25px 0 25px 0 !important;
}   
   
   
}


@media only screen and (max-width:420px) {

        h1, .reasonTeaser, .slidertitle,.gallery .infoBox .infoHeader {
        font-size: 11vw;
            line-height: 11vw;
        
    }

    h2, h3, .reasonTitle, #mainReason .reasonTeaser,.infoText {
        font-size: 8vw;
        line-height: 8vw;
    }

    /*.gallery .figureInfos h3 {
        margin-top: 50% !important;    
    }*/

    .gallery .figureInfos h3 {
        margin-top: 20%;
    }

    .gallery .figure > div {
        height: 100px; 
    }
    .gallery .figure img {
        height: 100px;
        width: auto;
    }

    #kompetenzDiv .sliderItem {
        /*min-height: 335px;*/ /* This is used to force the height of the skill kompetenzen to display high enought for the text to not be cut off.*/
    }

    #kompetenzDiv .sliderItem .sliderItemTitle {
         width:auto;
     }

    .contactSlider form {
    padding: 0;
}

    #footer ul {
        min-height:inherit;
    }

}