/* Html */
.js { height: 100%; overflow: hidden; }

/* Body */
body { background-color: #086cb5; }

.js body { height: 100%; overflow: hidden; }

/* Layout */
.centered { width: 940px; margin: 0 auto; position: relative; }

.left { float: left; }

.right { float: right; }

.cols1 .item { width: 100%; }

.cols2 .item { width: 50%; }

.cols3 .item { width: 33%; }

.cols4 .item { width: 25%; }

/* Nice Scroll */
.js #scroll { height: 100%; }

#ascrail2000 { left: auto !important; right: 0 !important; background-color: #ffffff !important; }

/* Fonts */
body { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #ffffff; }

a { color: #ffffff; }

hr { border-top: 2px solid #ffffff; }

/* Header */
#header { position: relative; height: 225px; background: url(../img/bg_header.gif) repeat-x center top #086cb5; }

#header h1 { position: absolute; left: 0; top: 30px; width: 380px; height: 112px; background: url(../img/bg_logo.png) no-repeat 0px 0px; }

#header h1 span { display: none; }

#header h2 { position: absolute; right: 0; top: 25px; font-size: 0.938em; font-weight: normal; }

/* Footer */
#footer { background-color: #009da2; border-top: 7px solid #ffffff; }

#footer .centered { padding: 50px 0; }

#footer .col1 { width: 66%; }

#footer .col2, #footer .col3 { width: 17%; }

#footer h3 { font-size: 1.250em; font-weight: bold; padding-bottom: 10px; color: #0c54a5; }

#footer .col1 h3 { color: #e0c900; }

#footer .col1 p { font-size: 2.375em; font-weight: bold; padding-right: 20px; }

#footer .col1 p.copyright { display: inline-block; font-size: 0.750em; font-weight: normal; color: #009da2; background-color: #ffffff; padding: 5px; margin-top: 20px; }

.ie7 #footer .col1 p.copyright { display: inline; }

#footer .col2 a, #footer .col3 a { color: #e0c900; font-size: 0.750em; }

.no-touch #footer a:hover { color: #ffffff; }

#footer .menu_meta { margin-bottom: 30px; }

#footer .menu_links .last { padding-top: 20px; }

/* Home */
.tid_1 #main { padding: 80px 0 50px 0; }

.menu_home li { display: block; width: 49%; margin-bottom: 30px; }

.menu_home li.odd { float: left; }

.menu_home li.even { float: right; }

.menu_home a { display: block; border: 7px solid #ffffff; padding: 5px 0; font-size: 2.3em; font-weight: bold; text-decoration: none; background-repeat: no-repeat; background-position: 400% 50%; }

.menu_home .s1 a { background-image: url(../img/bg_menu_main_s_1.png); }

.menu_home .s2 a { background-image: url(../img/bg_menu_main_s_2.png); }

.menu_home .s3 a { background-image: url(../img/bg_menu_main_s_3.png); }

.menu_home .s1.s2 a { background-image: url(../img/bg_menu_main_s_1-2.png); }

.menu_home .s1.s3 a { background-image: url(../img/bg_menu_main_s_1-3.png); }

.menu_home .s2.s3 a { background-image: url(../img/bg_menu_main_s_2-3.png); }

.menu_home .s1.s2.s3 a { background-image: url(../img/bg_menu_main_s_1-2-3.png); }

.borderradius .menu_home a { -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; }

.csstransitions .menu_home a { -webkit-transition: border-color 0.2s, background-position 0.5s; -moz-transition: border-color 0.2s, background-position 0.5s; -ms-transition: border-color 0.2s, background-position 0.5s; -o-transition: border-color 0.2s, background-position 0.5s; transition: border-color 0.2s, background-position 0.5s; }

.no-touch .menu_home a:hover, .no-js .menu_home a:hover { border-color: #e0c900; background-position: 50% 50%; }

.menu_home a span { display: block; height: 60px; white-space: nowrap; line-height: 60px; padding-left: 15px; background: url(../img/bg_menu_main_a.png) no-repeat 102% 0px; }

.opacity .menu_home a span { opacity: 1; }

.csstransitions.opacity .menu_home a span { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; }

.no-touch .menu_home a:hover span, .no-js .menu_home a:hover span { visibility: hidden; }

.no-touch.opacity .menu_home a:hover span, .no-js .menu_home a:hover span { visibility: visible; opacity: 0; }

/* Menu Main */
.menu_main { position: absolute; right: 50%; margin-right: -470px; top: 170px; border: 7px solid #ffffff; background-color: #086cb5; z-index: 2000; }

.js .menu_main { position: fixed; }

.borderradius .menu_main { -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; background-clip: padding-box; }

.borderradius .menu_main.topped { -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }

.menu_main li { display: block; height: 0; margin-bottom: 0; overflow: hidden; }

.menu_main li.active { height: 60px; }

.menu_main li.active a { cursor: default; }

.csstransitions .menu_main li { -webkit-transition: height 0.5s, margin-bottom 0.5s; -moz-transition: height 0.5s, margin-bottom 0.5s; -ms-transition: height 0.5s, margin-bottom 0.5s; -o-transition: height 0.5s, margin-bottom 0.5s; transition: height 0.5s, margin-bottom 0.5s; }

.no-js .menu_main:hover li, .menu_main.hover li { height: 60px; margin-bottom: 4px; }

.menu_main li.last, .no-js .menu_main li.last { margin-bottom: 0; }

.menu_main a { display: block; font-size: 2.5em; line-height: 60px; font-weight: bold; text-decoration: none; color: #e0c900; padding: 0 66px 0 15px; background: url(../img/bg_menu_main_a.png) no-repeat 100% 0px #ffffff; }

.csstransitions .menu_main a { -webkit-transition: color 0.2s, background-position 0.2s; -moz-transition: color 0.2s, background-position 0.2s; -ms-transition: color 0.2s, background-position 0.2s; -o-transition: color 0.2s, background-position 0.2s; transition: color 0.2s, background-position 0.2s; }

.no-touch .menu_main a:hover, .no-js .menu_main a:hover { background-position: 100% -60px; color: #086cb5; }

.menu_main li.active a, .no-touch .menu_main li.active a, .no-js .menu_main li.active a { background-color: #086cb5; background-position: 100% -120px; color: #ffffff; }

.ie7 .menu_main li { display: none; line-height: 60px; height: 60px; }

.ie7 .menu_main li.active { display: inline; }

.ie7 .menu_main:hover li { display: inline; }

/* Sections */
.section { padding: 50px 0; }

.section.green { background-color: #009da2; }

.section h3 { font-size: 1.250em; font-weight: bold; color: #e0c900; padding-bottom: 15px; }

/* Offers */
.offers .item img { display: block; max-width: 100%; margin: 10px auto 25px auto; }

.offers .item h4 { font-size: 1em; font-weight: bold; text-align: center; text-transform: uppercase; padding-bottom: 22px; }

.offers .item ul { list-style: outside disc; font-size: 0.9em; padding-left: 20%; }

.offers .item li { padding-top: 5px; }

/* Team */
.team h4 { font-size: 2.375em; font-weight: bold; }

.team .item { width: 18%; padding: 30px 2% 0 0; }

.team .item img { max-width: 100%; }

.team .item p { font-size: 1em; }

/* Location */
.location h4 { font-size: 2.375em; font-weight: bold; }

.location p.large { font-size: 1.750em; font-weight: bold; padding: 15px 0; }

.location p { font-size: 1em; padding-bottom: 10px; }

.location .item.left { padding-bottom: 30px; }

.location .item.left.button { background: url(../img/24h_geoeffnet.png) no-repeat 85% 100%; }

.location .item.left.button-2 { background: url(../img/6-22_geoeffnet.png) no-repeat 85% 100%; }

.location #map { width: 100%; height: 500px; }

.info_window { margin-bottom: -5px; }

.info_window h5 { color: #086cb5; font-size: 1em; font-weight: bold; padding: 0; margin: 0 10px 5px 0; }

.info_window p { color: #000000; font-size: 0.8em; padding: 0; margin-bottom: 5px; }

/* Impressions */
.impressions_wrap { margin-right: -20px; }

.impressions .item { width: 220px; height: 220px; margin: 0 20px 20px 0; }

.backgroundsize .impressions .item { background-size: cover; }

.impressions .item a { display: block; height: 100%; position: relative; }

.impressions .item a span { visibility: hidden; position: absolute; left: 0; bottom: 0; width: 90%; max-height: 90%; overflow: hidden; background-color: #086cb5; font-size: 1em; font-weight: bold; padding: 5%; }

.opacity .impressions .item a span { opacity: 0; }

.csstransitions.opacity .impressions .item a span { -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }

.no-touch .impressions .item a:hover span { visibility: visible; }

.no-touch.opacity .impressions .item a:hover span { opacity: 0.9; }

/* Popup */
.js .tid_7 { border-right: 7px solid #ffffff; }

.tid_7 #header { background-image: url(../img/popup_bg_header.gif); height: 145px; }

.tid_7 #header h1 { background-image: url(../img/popup_bg_logo.png); }

.tid_7 #main { padding: 20px 0 50px 0; }

.tid_7 .centered { width: 600px; }

.tid_7 h2 { font-size: 2.3em; font-weight: bold; padding-bottom: 20px; }

.tid_7 h3 { font-size: 1.250em; font-weight: bold; padding-top: 5px; padding-bottom: 10px; color: #E0C900; }

.tid_7 p { font-size: 1em; padding-bottom: 10px; }

.tid_7 a { text-decoration: underline; }

/* Fancybox */
.fancybox-lock .fancybox-overlay { overflow-x: hidden; }

.fancybox-skin { background-color: #ffffff; }

.fancybox-close { background: url(../img/fancybox_sprite.png) no-repeat 0px 0px; width: 41px; height: 41px; right: -17px; top: -17px; }

.fancybox-next span { background: url(../img/fancybox_sprite.png) no-repeat 0px -41px; width: 41px; height: 41px; margin-top: -20px; }

.fancybox-next span { visibility: visible; }

.fancybox-prev span { background: url(../img/fancybox_sprite.png) no-repeat 0px -82px; width: 41px; height: 41px; margin-top: -20px; }

.fancybox-prev span { visibility: visible; }

.fancybox-title { font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; text-align: center; color: #0C54A5; padding-bottom: 4px; }

/* Debug */
#debug { position: fixed; width: 200px; left: 0; top: 0; background-color: #ffffff; padding: 5px; font-size: 10px; line-height: 10px; color: #000000; }

/* Media Queries */
@media only screen and (max-width: 1000px) { body { font-size: 90%; }
  .centered { width: 700px; }
  .menu_home a { font-size: 1.9em; }
  .menu_main { margin-right: -350px; }
  .backgroundsize .location .item.left.button { background-size: 30%; }
  .impressions .item { width: 160px; height: 160px; } }

/*fixes simon*/
.uid_5 .location .item.left.button, .uid_3 .location .item.left.button { background: none !important; }

/* Bonuskarte */
#bonuskarte { padding: 40px 0; margin-right: -30px; }

#bonuskarte h1 { font-size: 2.375em; font-weight: bold; padding-bottom: 15px; }

#bonuskarte h2 { font-size: 1.375em; font-weight: bold; padding-bottom: 15px; }

#bonuskarte h3 { font-size: 1.375em; font-weight: bold; padding-bottom: 15px; }

#bonuskarte p { padding-bottom: 10px; }

#bonuskarte ul { list-style: outside disc; padding-left: 20px; }

#bonuskarte .callout { background-color: #009da2; padding: 15px; }

#bonuskarte table { width: 100%; }

#bonuskarte th, #bonuskarte td { width: 25%; text-align: center; padding: 5px; }

#bonuskarte th { background-color: #e0c900; color: #0c54a5; border: 1px solid #e0c900; }

#bonuskarte td { border: 1px solid #fff; }

#bonuskarte .help-text { font-size: 0.750em; line-height: 1.5; }

.form-item { padding-bottom: 15px; }

.form-item label { font-size: 0.85em; }

.form-item.text { padding-right: 30px; }

.form-item.text label { display: block; padding-bottom: 3px; }

.form-item.checkbox label { display: inline-block; line-height: 16px; padding: 0 30px 0 3px; }

.form-item input[type="text"], .form-item input[type="email"] { box-sizing: border-box; width: 100%; padding: 5px; background-color: #fff; border: none; font-size: 1em; }

.form-item input[type="checkbox"], .form-item input[type="radio"] { margin: 0; padding: 0; box-sizing: border-box; width: 16px; height: 16px; }

.form-item button { padding: 10px; font-size: 20px; background-color: #e0c900; color: #0c54a5; border: none; font-weight: bold; }