/*
* Compiled with Compass (compass-style.org)
* Open-source CSS Authoring Framework
*/
/*                        Reset
******************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

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

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

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

.alert { background-color: #FCF8E3; border: 1px solid #FBEED5; border-radius: 4px 4px 4px 4px; color: #C09853; margin: 18px 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

.alert-danger, .alert-error { background-color: #F2DEDE; border-color: #EED3D7; color: #B94A48; }

.alert-success { background-color: #DFF0D8; border-color: #D6E9C6; color: #468847; }

.clearfix { clear: both; }

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

body section[role="main"] blockquote { padding: 5px; font-style: italic; }

body section[role="main"] ul { list-style: disc outside; padding-left: 15px; margin: 5px 0; overflow: hidden; }

body section[role="main"] ol { list-style: decimal inside; margin: 5px 0; }

body section[role="main"] pre, body section[role="main"] code { font-family: "Consolas", monospace; }

body section[role="main"] a, body section[role="main"] cite a { text-decoration: underline; }

body section[role="main"] b, body section[role="main"] strong { font-weight: bold; }

body section[role="main"] i, body section[role="main"] italic { font-style: italic; }

body section[role="main"] dd { padding: 0 0 10px 10px; }

body section[role="main"] table tr, body section[role="main"] table thead th, body section[role="main"] table thead td, body section[role="main"] table td { /* border: 1px solid #fff; */ padding: 5px; }

/*                        Form
******************************/
/*
.formErrorContent{ margin-left:52px; background: rgba(red, 0.5); padding: 5px;
}
*/
.formErrorContent { padding: 15px; color: #000; background: white; }

.formErrorContent:after { border-color: red transparent; border-style: solid; border-width: 0 0 10px 23px; bottom: -10px; content: ""; display: block; left: 56px; position: absolute; width: 0; }

form.special .req-info { color: #B7B5B5; font-weight: 300; margin-left: 17px; }

form.special textarea { min-height: 122px; width: 562px; }

legend { display: none; }

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], textarea { /* background-color: #A5926C; border: 1px solid #E0E0E0; border-left: solid 3px #c5c5c5; */ color: #000; font-weight: 300; /* min-width: 188px; */ padding: 4px 5px; margin: 0 0 5px 0; }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, textarea:focus, .sc-button:hover, input[type="submit"]:hover, input[type="reset"]:hover { border-color: #9D79A9; box-shadow: 0 0 5px rgba(157, 121, 169, 0.75); }

a.sc-button { float: left; margin: 0.5em 0 1.3em 12px; }

.sc-button, input[type="submit"], input[type="reset"] { background-image: linear-gradient(to top, #e2e2e2 48%, #fcfcfc 74%); background-image: -o-linear-gradient(bottom, #e2e2e2 48%, #fcfcfc 74%); background-image: -moz-linear-gradient(bottom, #e2e2e2 48%, #fcfcfc 74%); background-image: -webkit-linear-gradient(bottom, #e2e2e2 48%, #fcfcfc 74%); background-image: -ms-linear-gradient(bottom, #e2e2e2 48%, #fcfcfc 74%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.48, #e2e2e2), color-stop(0.74, #fcfcfc)); border: 1px solid #D9D9D9; box-shadow: 0 0 3px #FFFFFF inset; color: #3B3B39 !important; padding: 4px 1.7em; margin-top: 5px; text-shadow: 0 1px 0 white; }

.sc-button:hover, input[type="submit"]:hover, input[type="reset"]:hover { cursor: pointer; text-decoration: none; }

abbr:hover { cursor: help; }

.alert { background-color: #FCF8E3; border: 1px solid #FBEED5; border-radius: 4px 4px 4px 4px; color: #C09853; margin: 18px 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

.alert-danger, .alert-error { background-color: #F2DEDE; border-color: #EED3D7; color: #B94A48; }

.alert-success { background-color: #DFF0D8; border-color: #D6E9C6; color: #468847; }

.select, option { background: #fff; }

p.required input, p.required textarea { border-left: solid 3px #fcc; }

p.required input:focus, p.required textarea:focus { border-left: 5px solid #d00; }

label { margin: 0 0 1px 0; display: block; }

.label-inline label { display: inline; }

fieldset.fieldset_open { border: none; padding: 0; }

textarea { height: 80px; width: 300px; }

/*                        Section:Header
***************************************/
section[role="header"] { height: 42px; background: url('lib/media.php?id=6'); padding-top: 30px; }
section[role="header"] .width-restriction { position: relative; }

section[role="main"] { background: url('/lib/media.php?id=8') no-repeat center center fixed;
    -webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;
}

.bgwidth { width: 100%; }
.bgheight { height: 100%; }

.uid-9 .slider .cycle-pager { bottom: 50px; }

.cycle-slideshow > div {
    background-position: center center;
    height: 100%;
    position: absolute;
    width: 100%;
}

.teaser-role { display: none; }

.slider { height: 480px; background: url('/lib/media.php?id=7'); position: relative; z-index: 100; overflow: hidden; }
.slider .cycle-pager {
    bottom: 90px;
    margin: 0 auto;
    position: absolute;
    right: 20px;
    width: 100px;
    z-index: 110;
}
.slider .cycle-pager span { cursor: pointer; float: left; margin-right: 4px; width: 16px; height: 16px; background: url('/lib/media.php?id=10') 0 0 no-repeat; text-indent: -99999px; display: block; }
.slider .cycle-pager span.cycle-pager-active { background: url('/lib/media.php?id=10') 0 -26px no-repeat; }

.logo { height: 279px; position: relative; top: -70px; width: 256px; z-index: 101; margin-left: auto; margin-right: auto; }
.mobileNavSwitcher { 
    display: none;
}

/*                        Navigation (Main)
******************************************/
nav[role="navigation"] { height: 40px; width: 100%; margin: 0/* 35px*/; }
nav[role="navigation"] ul { list-style: none; }
nav[role="navigation"] ul span { float: left; color: #144733; /*margin: 0 12px;*/ }
nav[role="navigation"] ul li {
  display: inline-block;
  float: left;
  padding-bottom: 18px;
  position: relative;
}
nav[role="navigation"] ul li a { color: #144733; font-weight: bold; font-size: 16px; height: 40px; padding: 0 16px; border-right:2px solid;}
nav[role="navigation"] ul li.noBorder a {border-right:none !important;} 

nav[role="navigation"] ul li:hover ul { display: inline-block; position: absolute; left: 0; top: 39px; background: #fcf7cd; list-style: disc inside; width: 215px; z-index: 300; padding-bottom:7px; }
nav[role="navigation"] ul li:hover ul li { 
    list-style: 0px; 
    border:none;
    padding:3px 10px;
}
nav[role="navigation"] ul li:hover ul li a { border:0px; font-size: 12px; font-weight: normal; text-align: left; height: 10px; text-transform: none; padding: 0 0 5px 10px; width: 200px; color: #144733; }

nav[role="navigation"] ul li:hover ul li a:hover { font-weight: bold; }
nav[role="navigation"] ul li.naviBreak { margin-left: 315px; padding-left:0; }
/*nav[role="navigation"] ul li.first a, nav[role="navigation"] ul li.fifth a { padding-left:0; }*/
nav[role="navigation"] ul li.fourth a, nav[role="navigation"] ul li.eighth a { padding-right:0; }

/*2nd level*/
nav ul ul { display: none; }

/*                        Width-Restriction
******************************************/
.width-restriction { margin: 0 auto; max-width: 1280px; width: 100%; }
section[role="main"] .width-restriction { overflow:visible; overflow-x:hidden;}

.width-restriction .grid.onecol { background: #ffffff none repeat scroll 0 0; box-shadow: 0 0 10px #000000; color: #144733; margin: 0 auto; max-width: 798px; padding-bottom: 65px; position: relative; top: -50px; width: 100%; }
.width-restriction .grid.onecol .col.mid { position: relative; z-index: 120; }
.width-restriction .grid.onecol .deco.font .csc-default { padding: 0; z-index: 120; position: relative; }
.width-restriction .grid.onecol .csc-default { padding: 0 64px; }
.width-restriction .grid.onecol .csc-default a { color: #144733; }
.width-restriction .grid.onecol h1, .width-restriction .grid.onecol h2, .width-restriction .grid.onecol h3, .width-restriction .grid.onecol h4 { color: #144733; }
h4 {
    margin-top:5px;
    margin-bottom:5px;
    font-weight: bold;
}
.width-restriction .deco.font { top: -20px; position: relative; z-index: 101; }
.width-restriction .grid.thirds { width: 784px; margin: 0 auto; height: 200px; position: relative; top: -31px; z-index: 90; }
.width-restriction .grid.thirds .col { width: 254px; float: left; margin:0px 3px; }
.width-restriction .grid.thirds .col .csc-textpic-imagewrap figure { margin-bottom: 0; height: 118px; }
.width-restriction .grid.thirds .col img { border-left: 1px solid #8a2231; border-right: 1px solid #8a2231; }
.width-restriction .grid.thirds .col .csc-textpic-text { background: #8a2231; text-align: center; border-left: 1px solid #8a2231; border-right: 1px solid #8a2231; min-height: 60px; width: 252px; float: left; }
.width-restriction .grid.thirds .col .csc-textpic-text p { margin-top: 10px; }
.width-restriction .grid.thirds .col .csc-textpic-text a { color: white; text-decoration: none; }
.width-restriction .grid.thirds .col .csc-textpic-text a:hover { text-decoration: underline; }
.width-restriction .grid.thirds .col.left, .width-restriction .grid.thirds .col.mid { margin-right: 11px; }

/*                        Decoration
*****************************************/
.uid-1 section[role="main"] .deco p {width: 80%; margin: 0 auto; position: relative; top: -45px;color:#8a2231}

.uid-9 section[role="main"] .deco p { background: url('../img/fontrepl_willkommen_im_wundervollen.png%3F1417693182'); width: 904px; height: 124px; margin: 0 auto; position: relative; top: -45px; text-indent: -99999px; display: block; }

.uid-9 .section[role="main"] .deco { height: 124px; }

/*                        Powermail Quirks
*****************************************/
.tx-powermail h3 { display: none; }

/*                        Footer
*******************************/
footer { width: 100%; background: #144733; padding: 0 auto; text-align: center; color: white; float: left; height: 55px; border-top: 1px solid white; border-bottom: 1px solid white; }
footer .width-restriction { width: 80%; }
footer .col { width: 65%; float: left; text-align: left; }
footer .col li { height: 16px; line-height: 18px; width:25%; float:left;}
footer .col a:before { content: "\00BB\0020"; }
footer p { padding-top: 10px; line-height: 16px; float: left; }
footer a, footer p { font-size: 11px; color: #fcf7cd; }
footer .deco { background: url('/lib/media.php?id=11'); width: 64px; height: 67px; float: right; position: relative; top: -1px; }

/*                        Global
*******************************/
html { height: 100%; background: url('/lib/media.php?id=9') center top; }

html body { font: 15px/1.4 "Georgia", "Verdana", sans-serif; z-index: 0; }

.wrap { 
    margin: 0 auto;
    /*max-width: 1280px !important;*/
    position: relative;
    width: 100%;
}
    
.wrap .inner { float: left; }

h1, h2 { font: bold 17px/1.8 "Georgia", "Verdana", "Arial", sans-serif; margin-bottom: 0; }

html a { text-decoration: none; }
html a:hover { text-decoration: underline; }

html strong { font-weight: bold; }