/****** FILE: mysite/style/normalize.css *****/
@import url("https://fonts.googleapis.com/css?family=Gudea:400,700,400italic");
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/* Corrects `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

/* Corrects `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/* Addresses styling for `hidden` attribute not present in IE 8/9. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/* 1. Sets default font family to sans-serif. 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: Arial; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/* Removes default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/* Addresses `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/* Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/* Addresses `h1` font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; }

/* Addresses styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/* Addresses styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/* Addresses styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/*
* Corrects font family set oddly in Safari 5 and Chrome.
*/
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/* Improves readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* Sets consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/* Addresses inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/* Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Embedded content ========================================================================== */
/* Removes border when inside `a` element in IE 8/9. */
img { border: 0; }

/* Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/* Addresses margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/* Define consistent border, margin, and padding. */
fieldset { border: none; margin: 0; padding: 0; }

/* 1. Corrects color not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/* 1. Corrects font family not being inherited in all browsers. 2. Corrects font size not being inherited in all browsers. 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Corrects inability to style clickable `input` types in iOS. 3. Improves usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/* Re-set default cursor for disabled elements. */
button[disabled], input[disabled] { cursor: default; }

/* 1. Addresses box sizing set to `content-box` in IE 8/9. 2. Removes excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; }

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

/* Removes inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Removes default vertical scrollbar in IE 8/9. 2. Improves 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; }


/****** FILE: mysite/style/typography.css *****/
@import url("https://fonts.googleapis.com/css?family=Gudea:400,700,400italic");
/* GENERIC STYLES 
-------------------------------------------- */
body.streifen { max-width: 540px; }

body.mceContentBody *, body.typography * { color: #777 !important; }

.typography > * { max-width: 540px; }

.streifen { color: white; }

.streifen * { font-family: 'Gudea', Verdana, Lucida, sans-serif; }

.streifen p, .streifen a, .streifen strong { font-size: 17px; }

body.streifen { color: white; }

body.streifen p, body.streifen a, body.streifen strong { color: white !important; }

body.yellow { background-color: #e6a423; }

body.red { background-color: #be000d; }

body.blue { background-color: #0678b4; }

.leftcolumn *, .typography * { font-family: 'Gudea', Verdana, Lucida, sans-serif; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smooth: none; font-weight: 400; }

/* PARAGRAPHS 
-------------------------------------------- */
.leftcolumn p, .typography p { color: #fff; line-height: 1.3; font-size: 17px; margin: 0 0 24px 0; }

.leftcolumn p strong, .typography p strong { font-weight: 700; }

.leftcolumn p { font-size: 11px; }

/* QUOTES
-------------------------------------------- */
.typography blockquote { margin: 10px; font-size: 1.4em; color: #777; font-style: italic; }

.typography q { display: block; font-size: 0.8em; margin: 1em 1em; padding: 0.5em; border: 1px #ccc solid; }

/* LINKS 
-------------------------------------------- */
.leftcolumn a, .typography a { text-decoration: none; color: #fff; font-weight: 700; }

.leftcolumn a:hover, .typography a:hover { color: #ebebeb; }

/* LIST STYLES 
-------------------------------------------- */
.leftcolumn ul, .leftcolumn ol, .typography ul, .typography ol { margin: 0 0 18px 14px; color: #fff; }

.leftcolumn li, .typography li { margin: 0 6px; font-size: 17px; line-height: 1.3; list-style-type: square; }

/* HEADER STYLES 
-------------------------------------------- */
.leftcolumn h1, .leftcolumn h2, .typography h1, .typography h2 { margin: 0 0 15px 0; }

.leftcolumn h1, .leftcolumn h2 { font-size: 15px; line-height: 1.2; }

.typography h2 { margin: 0 0 18px 0; font-weight: 700; font-size: 34px; }

@media only screen and (max-width: 640px) { .typography h2 { font-size: 20px; } }

.leftcolumn h3, .typography h3 { font-size: 17px; line-height: 1.2; margin: 0; font-weight: 700; }

/* PRE STYLES 
-------------------------------------------- */
.typography pre { font-family: "Courier New",Courier; display: block; font-size: 1.2em; margin: 2em 5em; padding: 0.5em; border: 1px #ccc solid; background: #eee; }

/* TABLE STYLING 
-------------------------------------------- */
.typography table, .leftcolumn table { margin: 0 0 18px 0; color: #fff; border-collapse: collapse; }

.leftcolumn table { width: 170px; }

.leftcolumn tr { height: 12px; }

.typography td { border: 1px solid #999; padding: 5px; }

.leftcolumn td { border: none; padding: 0 5px 0 0; font-size: 11px; }

.leftcolumn td strong { font-weight: 700; }

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left { text-align: left; }

.typography .center { text-align: center; }

.typography .right { text-align: right; }

/* IMAGES 
-------------------------------------------- */
.typography img { border: none; }

.typography img.right { float: right; margin-left: 20px; }

.typography img.left { float: left; }

.typography img.leftAlone { float: left; margin-right: 100%; }

.typography img.center { float: none; margin-left: auto; margin-right: auto; display: block; }


/****** FILE: mysite/style/form.css *****/
form { max-width: 540px; }

form#Form_Form { padding: 0px 0 50px 0; width: 100%; }

form fieldset, form .userform-fields { border: 0; margin: 0; padding: 0; width: 100%; }

form fieldset .field, form .userform-fields .field { float: left; display: block; width: 100%; margin: 0 0 20px 0; }

form fieldset .field label, form .userform-fields .field label { color: #fff; margin-bottom: 5px; font-size: 17px; letter-spacing: .06em; width: 100%; }

form fieldset .field label.left, form .userform-fields .field label.left { display: block; }

form fieldset .field label.required, form .userform-fields .field label.required { display: none !important; }

form fieldset .field span.required, form .userform-fields .field span.required { display: none !important; }

form fieldset .field .middleColumn, form .userform-fields .field .middleColumn { width: 100%; display: block; background: none; }

form fieldset .field .middleColumn input.text, form fieldset .field .middleColumn textarea, form fieldset .field .middleColumn .textajaxuniquetext, form fieldset .field .middleColumn select, form .userform-fields .field .middleColumn input.text, form .userform-fields .field .middleColumn textarea, form .userform-fields .field .middleColumn .textajaxuniquetext, form .userform-fields .field .middleColumn select { width: 94%; max-width: 550px; padding: 6px 5px; font-size: 17px; background-color: white; border: 1px solid #ebebec; color: #555; letter-spacing: .06em; }

form fieldset .field .middleColumn input.text:focus, form fieldset .field .middleColumn textarea:focus, form fieldset .field .middleColumn .textajaxuniquetext:focus, form fieldset .field .middleColumn select:focus, form .userform-fields .field .middleColumn input.text:focus, form .userform-fields .field .middleColumn textarea:focus, form .userform-fields .field .middleColumn .textajaxuniquetext:focus, form .userform-fields .field .middleColumn select:focus { outline: none; }

form fieldset .field .middleColumn input[disabled], form fieldset .field .middleColumn form textarea[disabled], form .userform-fields .field .middleColumn input[disabled], form .userform-fields .field .middleColumn form textarea[disabled] { background-color: #777; border: 1px solid white; }

form fieldset .field .middleColumn textarea, form .userform-fields .field .middleColumn textarea { resize: vertical; }

form fieldset .field .middleColumn .checkbox input, form fieldset .field .middleColumn .radio input, form .userform-fields .field .middleColumn .checkbox input, form .userform-fields .field .middleColumn .radio input { float: left; width: 13px; height: 13px; margin-right: 6px; margin-top: 6px; padding: 0; }

form fieldset .field .middleColumn .checkboxlabel.right, form fieldset .field .middleColumn .radiolabel.right, form .userform-fields .field .middleColumn .checkboxlabel.right, form .userform-fields .field .middleColumn .radiolabel.right { float: left; }

form .message { background-color: #fef4ba; padding: 5px 10px; border: 1px solid #e8c805; border-radius: 3px; letter-spacing: .06em; color: #be000d; }

form .good { background-color: #ecf9d0; border-color: #8fbe00; }

form .bad, form .required { background-color: #ece379 !important; border-color: #cf0000; color: #b80000; }

.Actions { margin-bottom: 20px; }

.Actions a.btn, .Actions button, .Actions input[type="submit"], .Actions .Actions .action { background: #fff; display: inline-block; border-radius: 4px; padding: 6px 15px; margin-top: 10px; margin-bottom: 10px; letter-spacing: 1px; border: none; font-size: 17px; margin-right: 10px; float: left; }

.Actions a.btn:hover, .Actions button, .Actions input[type="submit"]:hover, .Actions .Actions .action:hover { background: white; }

.Actions a.btn { line-height: 18px; margin-bottom: 10px; }

.Actions a.btn:after { content: '\2192'; padding-left: 10px; }

.Actions .ie7 input.action { width: 0; overflow: visible; }

.Actions input.action[class] { width: auto; }

.Actions .ie7 .Actions .action { float: left; }

.Actions .Actions:after { color: #B94A48; content: "* Pflichtfeld"; display: inline-block; font-weight: 400; margin-top: 9px; }

.Actions #MemberLoginForm_LoginForm .Actions:after { display: none; }

#Remember { min-height: 20px; }

#ForgotPassword { clear: left; }

#MemberLoginForm_LostPasswordForm .Actions:after { display: none; }

.FormHeading { clear: both; padding-top: 15px; }

.Actions input.resetformaction { float: left; background-color: #888; }

.Actions input.resetformaction:hover { background-color: #aaa; }

.checkbox label.right { font-size: 17px; color: #fff; float: left; }

form .requiredField label.left:after { color: #fff; content: "*"; font-size: 17px; font-weight: 400; padding-left: 3px; letter-spacing: .06em; }

/* Radio / Checkbox */
/* Radio / Checkbox */
form .optionset > label.left { display: block; width: 100%; }

form .checkboxset ul, form .optionset ul { margin: 0; }

form .checkboxset ul label.left, form .optionset ul label.left { display: block; width: 100%; }

form .checkboxset li, form .optionset li { margin-bottom: 5px; list-style-type: none; display: block; }

form div.checkbox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

form .checkbox .checkbox { clear: both; }

span.message { margin: 10px 0; display: block; max-width: 390px; clear: left; }

div.holder-required { background-color: #f9d0d0; border: 1px solid #cf0000; padding: 10px; margin-left: -11px; }

form input.holder-required { border: 1px solid #cf0000; }

input:invalid, textarea:invalid { border-radius: 2px; }

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

.ss-uploadfield-item-info button { margin-top: 4px !important; float: left; }

form .file { color: #fff; }

@media only screen and (max-width: 700px) { .header form .middleColumn { float: none; width: 100% !important; }
  form label.left, #MemberLoginForm_LoginForm label { margin-bottom: 8px; } }

@media only screen and (max-width: 900px) { form { max-width: 100%; } }


/****** FILE: mysite/style/layout.css *****/
html, body { height: 100%; }

.Container { clear: both; min-height: 100%; height: auto !important; height: 100%; margin-bottom: -250px; }

.Container .pushFooter { height: 250px; }

.footer { clear: both; position: relative; height: 250px; }

* { margin: 0; padding: 0; box-sizing: border-box; }

body { font-family: 'Gudea', Verdana, Lucida, sans-serif; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; padding-top: 31px; }

@media only screen and (max-width: 640px) { body { padding-top: 0; } }

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

caption, th, td { text-align: left; font-weight: 400; }

.clear { clear: both; }

.right { float: right; }

.left { float: left; }

a:visited, a:focus, a, a img { outline: none; text-decoration: none; }

a[href^=tel] { color: inherit; text-decoration: none; }

.inner { max-width: 960px; margin-left: auto; margin-right: auto; }

.lt-ie9 .inner { min-width: 960px; }

/* ServiceNav
----------------------------------------- */
div.ServiceNav { background: transparent url(../images/shadow.png) bottom center repeat-x scroll; width: 100%; height: 42px; position: fixed; top: 0px; z-index: 1; }

div.ServiceNav .grey { width: 100%; height: 34px; background-color: #646464; }

div.ServiceNav .inner { max-width: 960px; height: 100%; margin: 0 auto; }

div.ServiceNav .inner ul.ServiceNav { list-style: none; float: right; margin: 0; padding: 0; display: block; }

div.ServiceNav .inner ul.ServiceNav li { margin-right: 14px; height: 100%; width: auto; display: inline-block; }

div.ServiceNav .inner ul.ServiceNav li a { width: 100%; height: 26px; margin: 4px; display: block; line-height: 1.7; color: #ebebec; text-decoration: none; font-size: 15px; font-weight: 400; }

div.ServiceNav .inner ul.ServiceNav li.current a { color: white; font-weight: 700; }

div.ServiceNav .inner ul.ServiceNav li.last { margin-right: 0; }

@media only screen and (max-width: 640px) { div.ServiceNav { display: none; } }

#SearchForm_SearchForm { max-width: 175px; min-width: 175px; height: 24px; margin: 4px 0 4px 32px; border: 1px solid #979797; background-color: #979797; float: right; }

#SearchForm_SearchForm .label { display: none; }

#SearchForm_SearchForm fieldset, #SearchForm_SearchForm #Search, #SearchForm_SearchForm .middleColumn { width: 100%; height: 100%; padding: 0; margin: 0; }

#SearchForm_SearchForm .field { width: 86.666666666667%; float: left; }

#SearchForm_SearchForm .field .middleColumn { background: transparent; float: left; }

#SearchForm_SearchForm .field .middleColumn input.text { width: 94%; font-size: 14px; background-color: transparent; border: none; color: #ebebec; font-weight: 400; padding: 0px 6px 0px 6px; line-height: 1.7; }

#SearchForm_SearchForm input.action { float: right; margin: 0; padding: 0; border: 0; padding-top: 22px; cursor: pointer; height: 0; overflow: hidden; width: 13%; min-width: 15px; background: transparent url(../images/search_action.png) 6% center no-repeat; }

.backgroundsize #SearchForm_SearchForm input.action { background-image: url(../images/search_action-hi.png); background-size: 20px 20px; }

/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults { margin: 0; }

ul#SearchResults li { background-image: none; border-bottom: 1px dotted #ebebec; list-style: none; margin: 0 0 20px 0; padding: 0 0 20px 0; font-size: 1em; }

ul#SearchResults li:first-child { padding-top: 0; }

/* HEADER
----------------------------------------- */
.Header { height: 190px; }

@media only screen and (max-width: 640px) { .Header { height: 120px; } }

@media only screen and (max-width: 800px) { .Header { height: 100px; } }

.HomePage .Header { height: 205px; }

@media only screen and (max-width: 320px) { .HomePage .Header { height: 80px; } }

@media only screen and (max-width: 640px) { .HomePage .Header { height: 140px; } }

@media only screen and (max-width: 800px) { .HomePage .Header { height: 200px; } }

.Header .inner { height: 100%; }

.Header .inner .leftcolumn { height: 100%; width: 43.4375%; float: left; padding: 0; }

@media only screen and (max-width: 800px) { .Header .inner .leftcolumn { width: 90% !important; display: block; } }

.HomePage .Header .inner .leftcolumn { width: 63.75%; }

.Header .inner .leftcolumn h1 { float: left; margin: 46px 0 0 0; }

@media only screen and (max-width: 800px) { .Header .inner .leftcolumn h1 { margin: 15px 0 0 20px; } }

@media only screen and (min-width: 980px) { .Header .inner .leftcolumn h1 { width: 100%; } }

.HomePage .Header .inner .leftcolumn h1 { margin-top: 25px; }

.Header .inner .leftcolumn h1 a { width: 100%; height: 100%; display: block; }

.Header .inner .leftcolumn h1 a img { width: 100%; -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; float: left; display: none; background: transparent; }

.no-svg .Header .inner .leftcolumn h1 a img { display: block; }

.Header .inner .leftcolumn h1 a object { pointer-events: none; width: 100%; }

.Header .inner .rightcolumn { height: 100%; width: 56.5625%; float: left; }

@media only screen and (max-width: 800px) { .Header .inner .rightcolumn { display: none; } }

.HomePage .Header .inner .rightcolumn { display: block; width: 36.25%; }

@media only screen and (max-width: 800px) { .HomePage .Header .inner .rightcolumn { width: 0; position: relative; } }

.HomePage .Header .inner .rightcolumn .y150 { float: right; display: table; }

.HomePage .Header .inner .rightcolumn .y150 img { margin-top: 1em; width: 190px; }

@media only screen and (max-width: 980px) { .HomePage .Header .inner .rightcolumn .y150 img { margin-top: 4em; margin-right: 2em; width: 140px; } }

@media only screen and (max-width: 800px) { .HomePage .Header .inner .rightcolumn .y150 img { margin-top: 7.5em; margin-right: 0; width: 100px; } }

/* MENU1
----------------------------------------- */
ul.Menu1 { height: 100%; max-width: 915px; display: block; margin: 0 auto; }

ul.Menu1 li { float: right; position: relative; list-style-type: none; height: 35px; margin: 73px 0 0 0; padding: 0 0 0 20px; }

ul.Menu1 li.first { padding-right: 15px; }

ul.Menu1 li a { font-size: 18px; color: #000; text-decoration: none; text-transform: lowercase; font-weight: 700; }

/* Content
----------------------------------------- */
.Container { position: relative; z-index: 0; }

.Container .leftcolumn { width: 24.6875%; float: left; min-height: 20px; padding: 0 40px 40px 0; }

@media only screen and (max-width: 800px) { .Container .leftcolumn { display: none; padding: 0; } }

.Container .leftcolumn ul.Menu2 { padding: 40px 0 0 0; display: table; width: 100%; margin: 0; border-bottom: 1px solid white; }

.Container .leftcolumn ul.Menu2 li { margin: 0; color: white; list-style-type: none; display: table-row; }

.Container .leftcolumn ul.Menu2 li a { font-size: 16px; color: white; text-decoration: none; font-weight: 700; padding: 0 10px; width: 100%; height: 40px; border-top: 1px solid white; border-left: none; border-right: none; display: table-cell; border-collapse: collapse; vertical-align: middle; }

.Container .leftcolumn ul.Menu2 li.current { background: transparent url(../images/menu2-bg.png) repeat-x top left scroll; }

.Container .leftcolumn ul.Menu2 li a:hover { color: whitesmoke; }

@media only screen and (max-width: 640px) { .Container .leftcolumn { width: 100%; } }

.Container .inner > .middlecolumn { width: 75.312%; float: left; padding: 44px 0 0 0; }

@media only screen and (max-width: 800px) { .Container .inner > .middlecolumn { width: 100%; padding: 44px 0 0 20px; } }

.Container .inner > .middlecolumn .feedupmitarbeiter { width: 100%; }

.Container .inner > .middlecolumn .feedupmitarbeiter .image { width: 100%; line-height: 0; margin-bottom: 20px; }

.Container .inner > .middlecolumn .feedupmitarbeiter .image img { border: 8px solid white; box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 5px; }

@media only screen and (max-width: 800px) { .Container .inner > .middlecolumn .feedupmitarbeiter .image img { border-width: 6px; } }

@media only screen and (max-width: 320px) { .Container .inner > .middlecolumn .feedupmitarbeiter .image img { border-width: 3px; } }

.Container .inner > .middlecolumn .feedupmitarbeiter .image img.Mitafoto { width: 30%; }

.Container .inner > .middlecolumn .feedupmitarbeiter .image img.Liegenschaft { width: 60%; float: right; }

.Container .inner > .middlecolumn .feedupmitarbeiter .txt { float: left; }

.Container .inner > .middlecolumn .feedupmitarbeiter .txt p.who { margin-bottom: 16px; }

.Container .inner > .middlecolumn .feedupmitarbeiter .txt .switch { cursor: pointer; border-top: 1px solid white; padding: 10px 0; }

.Container .inner > .middlecolumn .feedupmitarbeiter .txt .switch:after { content: "d"; font-family: "icons"; float: right; font-size: 28px; margin-top: -4px; }

.Container .inner > .middlecolumn .feedupmitarbeiter .txt .colapsable { height: 0px; overflow: hidden; border-bottom: 1px solid white; }

.Container .inner > .middlecolumn .feedupmitarbeiter .uncollapsed .switch:after { content: "u"; }

.Container .inner > .middlecolumn .feedupmitarbeiter .uncollapsed div.colapsable { height: auto; padding-bottom: 16px; }

.Container .inner > .middlecolumn .feedupmitarbeiter.drittel { width: 30%; margin-right: 3%; margin-bottom: 50px; min-width: 217px; float: left; }

.Container .inner > .middlecolumn .feedupmitarbeiter.drittel .image img { width: 100%; }

@media only screen and (min-width: 980px) { .Container .inner > .middlecolumn .feedupmitarbeiter.drittel:nth-child(3n+2) { clear: left; } }

@media only screen and (max-width: 980px) { .Container .inner > .middlecolumn .feedupmitarbeiter.drittel:nth-child(2n+0) { clear: left; } }

.Container .inner > .middlecolumn img.BottomPic { position: relative; top: 160px; max-width: 90%; }

.Container .streifen .inner > .rightcolumn { float: left; width: 19.0625%; padding: 80px 0 0 0; }

@media only screen and (max-width: 980px) { .Container .streifen .inner > .rightcolumn { padding: 20px 0 0 20px; } }

.Container .streifen .inner > .rightcolumn ul.rotate li img { float: left; }

.HomePage section { width: 100%; height: auto; margin: 00; background: top center repeat-x url(../images/roller-home-upper.png); }

.HomePage section.yellow { background-color: #e6a423; }

.HomePage section.red { background-color: #be000d; }

.HomePage section.blue { background-color: #0678b4; }

.HomePage section .leftcolumn { width: 100%; position: relative; display: table-cell; padding: 0 0 90px 0; }

.HomePage section .leftcolumn div.media, .HomePage section .leftcolumn img { margin-top: 100px; max-width: 370px; width: 100%; border: 8px solid white; box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 5px; }

@media only screen and (max-width: 800px) { .HomePage section .leftcolumn div.media, .HomePage section .leftcolumn img { border-width: 6px; } }

@media only screen and (max-width: 320px) { .HomePage section .leftcolumn div.media, .HomePage section .leftcolumn img { border-width: 3px; } }

@media only screen and (max-width: 980px) { .HomePage section .leftcolumn { display: block !important; width: 100%; padding: 0 20px 50px 20px; } }

@media only screen and (max-width: 320px) { .HomePage section .leftcolumn img { width: 80%; } }

.HomePage section .middlecolumn { width: 56.25%; padding: 20px 0; color: white; font-weight: 400; display: table-cell; vertical-align: top; }

.HomePage section .middlecolumn h3 { color: white; font-weight: 700; font-size: 28px; padding-top: 20px; }

.HomePage section .middlecolumn > :last-child { padding-bottom: 20px; }

@media only screen and (max-width: 800px) { .HomePage section .middlecolumn { display: block; width: 100%; padding: 20px; } }

.HomePage .bottom { height: 29px; width: 100%; margin-top: -29px; background: transparent 8px center repeat-x url(../images/roller-home-lower.png); border-bottom: 8px solid white; }

.streifen { width: 100%; background: transparent top center repeat-x url(../images/roller-content-upper.png); }

.streifen .inner { padding: 40px 0; }

.streifen .inner a, .streifen .inner a p { text-decoration: none; color: white; }

.HomePage .streifen .inner { padding: 0; display: table; width: 100%; }

.HomePage .streifen .inner a { display: table-row; width: 100%; }

.bottom { height: 79px; width: 100%; background: transparent top center repeat-x url(../images/roller-content-lower.png); }

/* FOOTER
----------------------------------------- */
.footer .inner { max-width: 960px; margin: 0 auto; padding: 10px 0; color: #fff; font-size: 16px; }

@media only screen and (max-width: 640px) { .footer .inner { padding: 40px 0; } }

@media only screen and (max-width: 980px) { .footer .inner { padding: 0 0 0 20px; } }

.footer .inner ul.FMapBlock { padding: 0; margin: 20px 0 40px 0; display: inline-block; float: left; width: 25%; }

.footer .inner ul.FMapBlock li { margin: 0; padding: 0; list-style: none; }

.footer .inner ul.FMapBlock li a { color: #a0a0a0; font-weight: 700; text-decoration: none; line-height: 1.6; }

.footer .inner ul.FMapBlock li ul { margin: 0; padding: 0; }

.footer .inner ul.FMapBlock li ul li a { font-weight: 400; }

@media only screen and (max-width: 640px) { .footer .inner ul.FMapBlock { width: 100%; padding: 20px 20px 20px 0; margin: 0; } }

@media only screen and (max-width: 800px) { .footer .inner ul.FMapBlock.last { padding-bottom: 30px; } }

.footer .inner hr { border: 0; border-bottom: 1px solid #a0a0a0; margin: 0 0 10px 0; }

.footer .inner span { color: #a0a0a0; text-decoration: none; margin: 5px 15px 0 0; font-size: 14px; }

.footer .inner span.bold { font-weight: 700; }

@media only screen and (max-width: 800px) { .footer .inner span { display: block; }
  .footer .inner span:last-child { padding-bottom: 30px; } }

div.flexslider { margin-right: 4%; max-width: 100%; border: 8px solid white; box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 5px; border-radius: 0; }

div.flexslider * { max-width: 100%; }

@media only screen and (max-width: 800px) { div.flexslider { border-width: 6px; } }

@media only screen and (max-width: 320px) { div.flexslider { border-width: 3px; } }

div.flexslider.table { margin-bottom: 80px; }

div.flexslider ul li { list-style: none; }

div.flexslider ul.slides { margin: 0; }

div.flexslider ul.slides li { margin: 0; position: relative; }

div.flexslider ul.slides li image { margin: 0; }

div.flexslider ul.slides li table { width: 100%; position: absolute; padding-bottom: 20px; bottom: -80px; left: -6px; }

div.flexslider ul.slides li table tr td { border: 0; color: white; padding: 0; }

div.flexslider ul.slides li table tr td strong { font-weight: 700; }

div.flexslider ul.flex-direction-nav { height: 0; margin: 0; }

div.flexslider ul.flex-direction-nav li { height: 0; }

div.flexslider ul.flex-direction-nav li a { height: 56px; }

div.flexslider ol.flex-control-paging { z-index: 999; bottom: 0px; margin-left: 0; }

div.flexslider ol.flex-control-paging li { margin: 0 4px; }

div.flexslider ol.flex-control-paging li a { background-color: white; background-color: rgba(255, 255, 255, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFFFFF,endColorstr=#B3FFFFFF); width: 14px; height: 14px; }

/* Google Map
----------------------------------------- */
#map_canvas { width: 100%; height: 100%; margin-bottom: 19px; box-sizing: content-box; }

#map_canvas * { box-sizing: content-box; }

.teasers { display: table; width: 100%; }

.teasers h2 { width: 100% !important; font-size: 17px !important; margin: 1em 0 !important; float: left !important; }

.teasers .teaser { width: 30%; display: inline-block; vertical-align: top; margin-right: 2%; margin-bottom: 3%; }

.teasers .teaser img { width: 100%; float: left; border: 8px solid white; box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 5px; }

@media only screen and (max-width: 800px) { .teasers .teaser img { border-width: 6px; } }

@media only screen and (max-width: 320px) { .teasers .teaser img { border-width: 3px; } }

@media only screen and (max-width: 640px) { .teasers .teaser { width: 80%; margin-bottom: 20px; margin-right: 20px; } }

.typography .media { width: 100%; max-width: none; border: 8px solid white; box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 5px; }


/****** FILE: mysite/style/editor.css *****/
@import url("https://fonts.googleapis.com/css?family=Gudea:400,700,400italic");
/* GENERIC STYLES 
-------------------------------------------- */
body.streifen { max-width: 540px; }

body.mceContentBody *, body.typography * { color: #777 !important; }

.typography > * { max-width: 540px; }

.streifen { color: white; }

.streifen * { font-family: 'Gudea', Verdana, Lucida, sans-serif; }

.streifen p, .streifen a, .streifen strong { font-size: 17px; }

body.streifen { color: white; }

body.streifen p, body.streifen a, body.streifen strong { color: white !important; }

body.yellow { background-color: #e6a423; }

body.red { background-color: #be000d; }

body.blue { background-color: #0678b4; }

.leftcolumn *, .typography * { font-family: 'Gudea', Verdana, Lucida, sans-serif; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smooth: none; font-weight: 400; }

/* PARAGRAPHS 
-------------------------------------------- */
.leftcolumn p, .typography p { color: #fff; line-height: 1.3; font-size: 17px; margin: 0 0 24px 0; }

.leftcolumn p strong, .typography p strong { font-weight: 700; }

.leftcolumn p { font-size: 11px; }

/* QUOTES
-------------------------------------------- */
.typography blockquote { margin: 10px; font-size: 1.4em; color: #777; font-style: italic; }

.typography q { display: block; font-size: 0.8em; margin: 1em 1em; padding: 0.5em; border: 1px #ccc solid; }

/* LINKS 
-------------------------------------------- */
.leftcolumn a, .typography a { text-decoration: none; color: #fff; font-weight: 700; }

.leftcolumn a:hover, .typography a:hover { color: #ebebeb; }

/* LIST STYLES 
-------------------------------------------- */
.leftcolumn ul, .leftcolumn ol, .typography ul, .typography ol { margin: 0 0 18px 14px; color: #fff; }

.leftcolumn li, .typography li { margin: 0 6px; font-size: 17px; line-height: 1.3; list-style-type: square; }

/* HEADER STYLES 
-------------------------------------------- */
.leftcolumn h1, .leftcolumn h2, .typography h1, .typography h2 { margin: 0 0 15px 0; }

.leftcolumn h1, .leftcolumn h2 { font-size: 15px; line-height: 1.2; }

.typography h2 { margin: 0 0 18px 0; font-weight: 700; font-size: 34px; }

@media only screen and (max-width: 640px) { .typography h2 { font-size: 20px; } }

.leftcolumn h3, .typography h3 { font-size: 17px; line-height: 1.2; margin: 0; font-weight: 700; }

/* PRE STYLES 
-------------------------------------------- */
.typography pre { font-family: "Courier New",Courier; display: block; font-size: 1.2em; margin: 2em 5em; padding: 0.5em; border: 1px #ccc solid; background: #eee; }

/* TABLE STYLING 
-------------------------------------------- */
.typography table, .leftcolumn table { margin: 0 0 18px 0; color: #fff; border-collapse: collapse; }

.leftcolumn table { width: 170px; }

.leftcolumn tr { height: 12px; }

.typography td { border: 1px solid #999; padding: 5px; }

.leftcolumn td { border: none; padding: 0 5px 0 0; font-size: 11px; }

.leftcolumn td strong { font-weight: 700; }

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left { text-align: left; }

.typography .center { text-align: center; }

.typography .right { text-align: right; }

/* IMAGES 
-------------------------------------------- */
.typography img { border: none; }

.typography img.right { float: right; margin-left: 20px; }

.typography img.left { float: left; }

.typography img.leftAlone { float: left; margin-right: 100%; }

.typography img.center { float: none; margin-left: auto; margin-right: auto; display: block; }


/****** FILE: mysite/style/flexslider.css *****/
@charset "UTF-8";
/* jQuery FlexSlider v2.2.0 http://www.woothemes.com/flexslider/ Copyright 2012 WooThemes Free to use under the GPLv2 license. http://www.gnu.org/licenses/gpl-2.0.html Contributing author: Ville Ristimäki ($villeristi) */
/* ==================================================================================================================== FONT-FACE ====================================================================================================================*/
@font-face { font-family: 'flexslider-icon'; src: url("/mysite/fonts/flexslider-icon.eot"); src: url("/mysite/fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("/mysite/fonts/flexslider-icon.woff") format("woff"), url("/mysite/fonts/flexslider-icon.ttf") format("truetype"), url("/mysite/fonts/flexslider-icon.svg#flexslider-icon") format("svg"); font-weight: normal; font-style: normal; }

/* ==================================================================================================================== RESETS ====================================================================================================================*/
.flex-container a:hover, .flex-container a:focus, .flex-slider a:hover, .flex-slider a:focus { outline: none; }

.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

.flex-pauseplay span { text-transform: capitalize; }

/* ==================================================================================================================== BASE STYLES ====================================================================================================================*/
.flexslider { margin: 0; padding: 0; }

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }

.flexslider .slides img { width: 100%; display: block; }

.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .flexslider .slides { display: block; }

* html .flexslider .slides { height: 1%; }

.no-js .flexslider .slides > li:first-child { display: block; }

/* ==================================================================================================================== DEFAULT THEME ====================================================================================================================*/
.flexslider { margin: 0; background: #fff; border: 4px solid #fff; position: relative; zoom: 1; border-radius: 4px; box-shadow: 0, 1px, 4px, rgba(0, 0, 0, 0.2); }

.flexslider .slides { zoom: 1; }

.flex-viewport { max-height: 2000px; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.carousel li { margin-right: 5px; }

.flex-direction-nav { *height: 0; }

.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); transition: 0.3s ease-in-out ease; }

.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }

.flex-direction-nav a.flex-next:before { content: '\f002'; }

.flex-direction-nav .flex-prev { left: -50px; }

.flex-direction-nav .flex-next { right: -50px; text-align: right; }

.flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; }

.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }

.flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; }

.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; }

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }

.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }

.flex-pauseplay a:hover { opacity: 1; }

.flex-pauseplay a .flex-play:before { content: '\f003'; }

.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }

.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; box-shadow: 0, 0, 3px, rgba(0, 0, 0, 0.3), inset; border-radius: 20px; }

.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }

.flex-control-thumbs li { width: 25%; float: left; margin: 0; }

.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; transition: all 1s ease; }

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

/* ==================================================================================================================== RESPONSIVE ====================================================================================================================*/
@media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
  .flex-direction-nav .flex-next { opacity: 1; right: 10px; } }