@charset "UTF-8";
/**
* Gumby Framework
* ---------------
*
* Follow @gumbycss on twitter and spread the love.
* We worked super hard on making this awesome and released it to the web.
* All we ask is you leave this intact. #gumbyisawesome
*
* Gumby Framework
* http://gumbyframework.com
*
* Built with love by your friends @digitalsurgeons
* http://www.digitalsurgeons.com
*
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
@import url(//fonts.googleapis.com/css?family=Oswald:700);
@import url(//fonts.googleapis.com/css?family=Merriweather:400,700);
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; }

/* Base Styles */
html { font-size: 100%; line-height: 1.625em; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { background: #fff; font-family: "Open Sans"; font-weight: 400; color: #555555; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; } }

html, body { height: 100%; }

.hide { display: none; }

.hide.active, .show { display: block; }

.icon-note.icon-left a:before, .icon-note.icon-right a:after, i.icon-note:before { content: "♪"; height: inherit; }

.icon-note-beamed.icon-left a:before, .icon-note-beamed.icon-right a:after, i.icon-note-beamed:before { content: "♫"; height: inherit; }

.icon-music.icon-left a:before, .icon-music.icon-right a:after, i.icon-music:before { content: "🎵"; height: inherit; }

.icon-search.icon-left a:before, .icon-search.icon-right a:after, i.icon-search:before { content: "🔍"; height: inherit; }

.icon-flashlight.icon-left a:before, .icon-flashlight.icon-right a:after, i.icon-flashlight:before { content: "🔦"; height: inherit; }

.icon-mail.icon-left a:before, .icon-mail.icon-right a:after, i.icon-mail:before { content: "✉"; height: inherit; }

.icon-heart.icon-left a:before, .icon-heart.icon-right a:after, i.icon-heart:before { content: "♥"; height: inherit; }

.icon-heart-empty.icon-left a:before, .icon-heart-empty.icon-right a:after, i.icon-heart-empty:before { content: "♡"; height: inherit; }

.icon-star.icon-left a:before, .icon-star.icon-right a:after, i.icon-star:before { content: "★"; height: inherit; }

.icon-star-empty.icon-left a:before, .icon-star-empty.icon-right a:after, i.icon-star-empty:before { content: "☆"; height: inherit; }

.icon-user.icon-left a:before, .icon-user.icon-right a:after, i.icon-user:before { content: "👤"; height: inherit; }

.icon-users.icon-left a:before, .icon-users.icon-right a:after, i.icon-users:before { content: "👥"; height: inherit; }

.icon-user-add.icon-left a:before, .icon-user-add.icon-right a:after, i.icon-user-add:before { content: ""; height: inherit; }

.icon-video.icon-left a:before, .icon-video.icon-right a:after, i.icon-video:before { content: "🎬"; height: inherit; }

.icon-picture.icon-left a:before, .icon-picture.icon-right a:after, i.icon-picture:before { content: "🌄"; height: inherit; }

.icon-camera.icon-left a:before, .icon-camera.icon-right a:after, i.icon-camera:before { content: "📷"; height: inherit; }

.icon-layout.icon-left a:before, .icon-layout.icon-right a:after, i.icon-layout:before { content: "⚏"; height: inherit; }

.icon-menu.icon-left a:before, .icon-menu.icon-right a:after, i.icon-menu:before { content: "☰"; height: inherit; }

.icon-check.icon-left a:before, .icon-check.icon-right a:after, i.icon-check:before { content: "✓"; height: inherit; }

.icon-cancel.icon-left a:before, .icon-cancel.icon-right a:after, i.icon-cancel:before { content: "✕"; height: inherit; }

.icon-cancel-circled.icon-left a:before, .icon-cancel-circled.icon-right a:after, i.icon-cancel-circled:before { content: "✖"; height: inherit; }

.icon-cancel-squared.icon-left a:before, .icon-cancel-squared.icon-right a:after, i.icon-cancel-squared:before { content: "❎"; height: inherit; }

.icon-plus.icon-left a:before, .icon-plus.icon-right a:after, i.icon-plus:before { content: "+"; height: inherit; }

.icon-plus-circled.icon-left a:before, .icon-plus-circled.icon-right a:after, i.icon-plus-circled:before { content: "➕"; height: inherit; }

.icon-plus-squared.icon-left a:before, .icon-plus-squared.icon-right a:after, i.icon-plus-squared:before { content: "⊞"; height: inherit; }

.icon-minus.icon-left a:before, .icon-minus.icon-right a:after, i.icon-minus:before { content: "-"; height: inherit; }

.icon-minus-circled.icon-left a:before, .icon-minus-circled.icon-right a:after, i.icon-minus-circled:before { content: "➖"; height: inherit; }

.icon-minus-squared.icon-left a:before, .icon-minus-squared.icon-right a:after, i.icon-minus-squared:before { content: "⊟"; height: inherit; }

.icon-help.icon-left a:before, .icon-help.icon-right a:after, i.icon-help:before { content: "❓"; height: inherit; }

.icon-help-circled.icon-left a:before, .icon-help-circled.icon-right a:after, i.icon-help-circled:before { content: ""; height: inherit; }

.icon-info.icon-left a:before, .icon-info.icon-right a:after, i.icon-info:before { content: "ℹ"; height: inherit; }

.icon-info-circled.icon-left a:before, .icon-info-circled.icon-right a:after, i.icon-info-circled:before { content: ""; height: inherit; }

.icon-back.icon-left a:before, .icon-back.icon-right a:after, i.icon-back:before { content: "🔙"; height: inherit; }

.icon-home.icon-left a:before, .icon-home.icon-right a:after, i.icon-home:before { content: "⌂"; height: inherit; }

.icon-link.icon-left a:before, .icon-link.icon-right a:after, i.icon-link:before { content: "🔗"; height: inherit; }

.icon-attach.icon-left a:before, .icon-attach.icon-right a:after, i.icon-attach:before { content: "📎"; height: inherit; }

.icon-lock.icon-left a:before, .icon-lock.icon-right a:after, i.icon-lock:before { content: "🔒"; height: inherit; }

.icon-lock-open.icon-left a:before, .icon-lock-open.icon-right a:after, i.icon-lock-open:before { content: "🔓"; height: inherit; }

.icon-eye.icon-left a:before, .icon-eye.icon-right a:after, i.icon-eye:before { content: ""; height: inherit; }

.icon-tag.icon-left a:before, .icon-tag.icon-right a:after, i.icon-tag:before { content: ""; height: inherit; }

.icon-bookmark.icon-left a:before, .icon-bookmark.icon-right a:after, i.icon-bookmark:before { content: "🔖"; height: inherit; }

.icon-bookmarks.icon-left a:before, .icon-bookmarks.icon-right a:after, i.icon-bookmarks:before { content: "📑"; height: inherit; }

.icon-flag.icon-left a:before, .icon-flag.icon-right a:after, i.icon-flag:before { content: "⚑"; height: inherit; }

.icon-thumbs-up.icon-left a:before, .icon-thumbs-up.icon-right a:after, i.icon-thumbs-up:before { content: "👍"; height: inherit; }

.icon-thumbs-down.icon-left a:before, .icon-thumbs-down.icon-right a:after, i.icon-thumbs-down:before { content: "👎"; height: inherit; }

.icon-download.icon-left a:before, .icon-download.icon-right a:after, i.icon-download:before { content: "📥"; height: inherit; }

.icon-upload.icon-left a:before, .icon-upload.icon-right a:after, i.icon-upload:before { content: "📤"; height: inherit; }

.icon-upload-cloud.icon-left a:before, .icon-upload-cloud.icon-right a:after, i.icon-upload-cloud:before { content: ""; height: inherit; }

.icon-reply.icon-left a:before, .icon-reply.icon-right a:after, i.icon-reply:before { content: ""; height: inherit; }

.icon-reply-all.icon-left a:before, .icon-reply-all.icon-right a:after, i.icon-reply-all:before { content: ""; height: inherit; }

.icon-forward.icon-left a:before, .icon-forward.icon-right a:after, i.icon-forward:before { content: "➦"; height: inherit; }

.icon-quote.icon-left a:before, .icon-quote.icon-right a:after, i.icon-quote:before { content: "❞"; height: inherit; }

.icon-code.icon-left a:before, .icon-code.icon-right a:after, i.icon-code:before { content: ""; height: inherit; }

.icon-export.icon-left a:before, .icon-export.icon-right a:after, i.icon-export:before { content: ""; height: inherit; }

.icon-pencil.icon-left a:before, .icon-pencil.icon-right a:after, i.icon-pencil:before { content: "✎"; height: inherit; }

.icon-feather.icon-left a:before, .icon-feather.icon-right a:after, i.icon-feather:before { content: "✒"; height: inherit; }

.icon-print.icon-left a:before, .icon-print.icon-right a:after, i.icon-print:before { content: ""; height: inherit; }

.icon-retweet.icon-left a:before, .icon-retweet.icon-right a:after, i.icon-retweet:before { content: ""; height: inherit; }

.icon-keyboard.icon-left a:before, .icon-keyboard.icon-right a:after, i.icon-keyboard:before { content: "⌨"; height: inherit; }

.icon-comment.icon-left a:before, .icon-comment.icon-right a:after, i.icon-comment:before { content: ""; height: inherit; }

.icon-chat.icon-left a:before, .icon-chat.icon-right a:after, i.icon-chat:before { content: ""; height: inherit; }

.icon-bell.icon-left a:before, .icon-bell.icon-right a:after, i.icon-bell:before { content: "🔔"; height: inherit; }

.icon-attention.icon-left a:before, .icon-attention.icon-right a:after, i.icon-attention:before { content: "⚠"; height: inherit; }

.icon-alert.icon-left a:before, .icon-alert.icon-right a:after, i.icon-alert:before { content: "💥"; height: inherit; }

.icon-vcard.icon-left a:before, .icon-vcard.icon-right a:after, i.icon-vcard:before { content: ""; height: inherit; }

.icon-address.icon-left a:before, .icon-address.icon-right a:after, i.icon-address:before { content: ""; height: inherit; }

.icon-location.icon-left a:before, .icon-location.icon-right a:after, i.icon-location:before { content: ""; height: inherit; }

.icon-map.icon-left a:before, .icon-map.icon-right a:after, i.icon-map:before { content: ""; height: inherit; }

.icon-direction.icon-left a:before, .icon-direction.icon-right a:after, i.icon-direction:before { content: "➢"; height: inherit; }

.icon-compass.icon-left a:before, .icon-compass.icon-right a:after, i.icon-compass:before { content: ""; height: inherit; }

.icon-cup.icon-left a:before, .icon-cup.icon-right a:after, i.icon-cup:before { content: "☕"; height: inherit; }

.icon-trash.icon-left a:before, .icon-trash.icon-right a:after, i.icon-trash:before { content: ""; height: inherit; }

.icon-doc.icon-left a:before, .icon-doc.icon-right a:after, i.icon-doc:before { content: ""; height: inherit; }

.icon-docs.icon-left a:before, .icon-docs.icon-right a:after, i.icon-docs:before { content: ""; height: inherit; }

.icon-doc-landscape.icon-left a:before, .icon-doc-landscape.icon-right a:after, i.icon-doc-landscape:before { content: ""; height: inherit; }

.icon-doc-text.icon-left a:before, .icon-doc-text.icon-right a:after, i.icon-doc-text:before { content: "📄"; height: inherit; }

.icon-doc-text-inv.icon-left a:before, .icon-doc-text-inv.icon-right a:after, i.icon-doc-text-inv:before { content: ""; height: inherit; }

.icon-newspaper.icon-left a:before, .icon-newspaper.icon-right a:after, i.icon-newspaper:before { content: "📰"; height: inherit; }

.icon-book-open.icon-left a:before, .icon-book-open.icon-right a:after, i.icon-book-open:before { content: "📖"; height: inherit; }

.icon-book.icon-left a:before, .icon-book.icon-right a:after, i.icon-book:before { content: "📕"; height: inherit; }

.icon-folder.icon-left a:before, .icon-folder.icon-right a:after, i.icon-folder:before { content: "📁"; height: inherit; }

.icon-archive.icon-left a:before, .icon-archive.icon-right a:after, i.icon-archive:before { content: ""; height: inherit; }

.icon-box.icon-left a:before, .icon-box.icon-right a:after, i.icon-box:before { content: "📦"; height: inherit; }

.icon-rss.icon-left a:before, .icon-rss.icon-right a:after, i.icon-rss:before { content: ""; height: inherit; }

.icon-phone.icon-left a:before, .icon-phone.icon-right a:after, i.icon-phone:before { content: "📞"; height: inherit; }

.icon-cog.icon-left a:before, .icon-cog.icon-right a:after, i.icon-cog:before { content: "⚙"; height: inherit; }

.icon-tools.icon-left a:before, .icon-tools.icon-right a:after, i.icon-tools:before { content: "⚒"; height: inherit; }

.icon-share.icon-left a:before, .icon-share.icon-right a:after, i.icon-share:before { content: ""; height: inherit; }

.icon-shareable.icon-left a:before, .icon-shareable.icon-right a:after, i.icon-shareable:before { content: ""; height: inherit; }

.icon-basket.icon-left a:before, .icon-basket.icon-right a:after, i.icon-basket:before { content: ""; height: inherit; }

.icon-bag.icon-left a:before, .icon-bag.icon-right a:after, i.icon-bag:before { content: "👜"; height: inherit; }

.icon-calendar.icon-left a:before, .icon-calendar.icon-right a:after, i.icon-calendar:before { content: "📅"; height: inherit; }

.icon-login.icon-left a:before, .icon-login.icon-right a:after, i.icon-login:before { content: ""; height: inherit; }

.icon-logout.icon-left a:before, .icon-logout.icon-right a:after, i.icon-logout:before { content: ""; height: inherit; }

.icon-mic.icon-left a:before, .icon-mic.icon-right a:after, i.icon-mic:before { content: "🎤"; height: inherit; }

.icon-mute.icon-left a:before, .icon-mute.icon-right a:after, i.icon-mute:before { content: "🔇"; height: inherit; }

.icon-sound.icon-left a:before, .icon-sound.icon-right a:after, i.icon-sound:before { content: "🔊"; height: inherit; }

.icon-volume.icon-left a:before, .icon-volume.icon-right a:after, i.icon-volume:before { content: ""; height: inherit; }

.icon-clock.icon-left a:before, .icon-clock.icon-right a:after, i.icon-clock:before { content: "🕔"; height: inherit; }

.icon-hourglass.icon-left a:before, .icon-hourglass.icon-right a:after, i.icon-hourglass:before { content: "⏳"; height: inherit; }

.icon-lamp.icon-left a:before, .icon-lamp.icon-right a:after, i.icon-lamp:before { content: "💡"; height: inherit; }

.icon-light-down.icon-left a:before, .icon-light-down.icon-right a:after, i.icon-light-down:before { content: "🔅"; height: inherit; }

.icon-light-up.icon-left a:before, .icon-light-up.icon-right a:after, i.icon-light-up:before { content: "🔆"; height: inherit; }

.icon-adjust.icon-left a:before, .icon-adjust.icon-right a:after, i.icon-adjust:before { content: "◑"; height: inherit; }

.icon-block.icon-left a:before, .icon-block.icon-right a:after, i.icon-block:before { content: "🚫"; height: inherit; }

.icon-resize-full.icon-left a:before, .icon-resize-full.icon-right a:after, i.icon-resize-full:before { content: ""; height: inherit; }

.icon-resize-small.icon-left a:before, .icon-resize-small.icon-right a:after, i.icon-resize-small:before { content: ""; height: inherit; }

.icon-popup.icon-left a:before, .icon-popup.icon-right a:after, i.icon-popup:before { content: ""; height: inherit; }

.icon-publish.icon-left a:before, .icon-publish.icon-right a:after, i.icon-publish:before { content: ""; height: inherit; }

.icon-window.icon-left a:before, .icon-window.icon-right a:after, i.icon-window:before { content: ""; height: inherit; }

.icon-arrow-combo.icon-left a:before, .icon-arrow-combo.icon-right a:after, i.icon-arrow-combo:before { content: ""; height: inherit; }

.icon-down-circled.icon-left a:before, .icon-down-circled.icon-right a:after, i.icon-down-circled:before { content: ""; height: inherit; }

.icon-left-circled.icon-left a:before, .icon-left-circled.icon-right a:after, i.icon-left-circled:before { content: ""; height: inherit; }

.icon-right-circled.icon-left a:before, .icon-right-circled.icon-right a:after, i.icon-right-circled:before { content: ""; height: inherit; }

.icon-up-circled.icon-left a:before, .icon-up-circled.icon-right a:after, i.icon-up-circled:before { content: ""; height: inherit; }

.icon-down-open.icon-left a:before, .icon-down-open.icon-right a:after, i.icon-down-open:before { content: ""; height: inherit; }

.icon-left-open.icon-left a:before, .icon-left-open.icon-right a:after, i.icon-left-open:before { content: ""; height: inherit; }

.icon-right-open.icon-left a:before, .icon-right-open.icon-right a:after, i.icon-right-open:before { content: ""; height: inherit; }

.icon-up-open.icon-left a:before, .icon-up-open.icon-right a:after, i.icon-up-open:before { content: ""; height: inherit; }

.icon-down-open-mini.icon-left a:before, .icon-down-open-mini.icon-right a:after, i.icon-down-open-mini:before { content: ""; height: inherit; }

.icon-left-open-mini.icon-left a:before, .icon-left-open-mini.icon-right a:after, i.icon-left-open-mini:before { content: ""; height: inherit; }

.icon-right-open-mini.icon-left a:before, .icon-right-open-mini.icon-right a:after, i.icon-right-open-mini:before { content: ""; height: inherit; }

.icon-up-open-mini.icon-left a:before, .icon-up-open-mini.icon-right a:after, i.icon-up-open-mini:before { content: ""; height: inherit; }

.icon-down-open-big.icon-left a:before, .icon-down-open-big.icon-right a:after, i.icon-down-open-big:before { content: ""; height: inherit; }

.icon-left-open-big.icon-left a:before, .icon-left-open-big.icon-right a:after, i.icon-left-open-big:before { content: ""; height: inherit; }

.icon-right-open-big.icon-left a:before, .icon-right-open-big.icon-right a:after, i.icon-right-open-big:before { content: ""; height: inherit; }

.icon-up-open-big.icon-left a:before, .icon-up-open-big.icon-right a:after, i.icon-up-open-big:before { content: ""; height: inherit; }

.icon-down.icon-left a:before, .icon-down.icon-right a:after, i.icon-down:before { content: "⬇"; height: inherit; }

.icon-arrow-left.icon-left a:before, .icon-arrow-left.icon-right a:after, i.icon-arrow-left:before { content: "⬅"; height: inherit; }

.icon-arrow-right.icon-left a:before, .icon-arrow-right.icon-right a:after, i.icon-arrow-right:before { content: "➡"; height: inherit; }

.icon-up.icon-left a:before, .icon-up.icon-right a:after, i.icon-up:before { content: "⬆"; height: inherit; }

.icon-down-dir.icon-left a:before, .icon-down-dir.icon-right a:after, i.icon-down-dir:before { content: "▾"; height: inherit; }

.icon-left-dir.icon-left a:before, .icon-left-dir.icon-right a:after, i.icon-left-dir:before { content: "◂"; height: inherit; }

.icon-right-dir.icon-left a:before, .icon-right-dir.icon-right a:after, i.icon-right-dir:before { content: "▸"; height: inherit; }

.icon-up-dir.icon-left a:before, .icon-up-dir.icon-right a:after, i.icon-up-dir:before { content: "▴"; height: inherit; }

.icon-down-bold.icon-left a:before, .icon-down-bold.icon-right a:after, i.icon-down-bold:before { content: ""; height: inherit; }

.icon-left-bold.icon-left a:before, .icon-left-bold.icon-right a:after, i.icon-left-bold:before { content: ""; height: inherit; }

.icon-right-bold.icon-left a:before, .icon-right-bold.icon-right a:after, i.icon-right-bold:before { content: ""; height: inherit; }

.icon-up-bold.icon-left a:before, .icon-up-bold.icon-right a:after, i.icon-up-bold:before { content: ""; height: inherit; }

.icon-down-thin.icon-left a:before, .icon-down-thin.icon-right a:after, i.icon-down-thin:before { content: "↓"; height: inherit; }

.icon-left-thin.icon-left a:before, .icon-left-thin.icon-right a:after, i.icon-left-thin:before { content: "←"; height: inherit; }

.icon-right-thin.icon-left a:before, .icon-right-thin.icon-right a:after, i.icon-right-thin:before { content: "→"; height: inherit; }

.icon-up-thin.icon-left a:before, .icon-up-thin.icon-right a:after, i.icon-up-thin:before { content: "↑"; height: inherit; }

.icon-ccw.icon-left a:before, .icon-ccw.icon-right a:after, i.icon-ccw:before { content: "⟲"; height: inherit; }

.icon-cw.icon-left a:before, .icon-cw.icon-right a:after, i.icon-cw:before { content: "⟳"; height: inherit; }

.icon-arrows-ccw.icon-left a:before, .icon-arrows-ccw.icon-right a:after, i.icon-arrows-ccw:before { content: "🔄"; height: inherit; }

.icon-level-down.icon-left a:before, .icon-level-down.icon-right a:after, i.icon-level-down:before { content: "↳"; height: inherit; }

.icon-level-up.icon-left a:before, .icon-level-up.icon-right a:after, i.icon-level-up:before { content: "↰"; height: inherit; }

.icon-shuffle.icon-left a:before, .icon-shuffle.icon-right a:after, i.icon-shuffle:before { content: "🔀"; height: inherit; }

.icon-loop.icon-left a:before, .icon-loop.icon-right a:after, i.icon-loop:before { content: "🔁"; height: inherit; }

.icon-switch.icon-left a:before, .icon-switch.icon-right a:after, i.icon-switch:before { content: "⇆"; height: inherit; }

.icon-play.icon-left a:before, .icon-play.icon-right a:after, i.icon-play:before { content: "▶"; height: inherit; }

.icon-stop.icon-left a:before, .icon-stop.icon-right a:after, i.icon-stop:before { content: "■"; height: inherit; }

.icon-pause.icon-left a:before, .icon-pause.icon-right a:after, i.icon-pause:before { content: "⎉"; height: inherit; }

.icon-record.icon-left a:before, .icon-record.icon-right a:after, i.icon-record:before { content: "⚫"; height: inherit; }

.icon-to-end.icon-left a:before, .icon-to-end.icon-right a:after, i.icon-to-end:before { content: "⏭"; height: inherit; }

.icon-to-start.icon-left a:before, .icon-to-start.icon-right a:after, i.icon-to-start:before { content: "⏮"; height: inherit; }

.icon-fast-forward.icon-left a:before, .icon-fast-forward.icon-right a:after, i.icon-fast-forward:before { content: "⏩"; height: inherit; }

.icon-fast-backward.icon-left a:before, .icon-fast-backward.icon-right a:after, i.icon-fast-backward:before { content: "⏪"; height: inherit; }

.icon-progress-0.icon-left a:before, .icon-progress-0.icon-right a:after, i.icon-progress-0:before { content: ""; height: inherit; }

.icon-progress-1.icon-left a:before, .icon-progress-1.icon-right a:after, i.icon-progress-1:before { content: ""; height: inherit; }

.icon-progress-2.icon-left a:before, .icon-progress-2.icon-right a:after, i.icon-progress-2:before { content: ""; height: inherit; }

.icon-progress-3.icon-left a:before, .icon-progress-3.icon-right a:after, i.icon-progress-3:before { content: ""; height: inherit; }

.icon-target.icon-left a:before, .icon-target.icon-right a:after, i.icon-target:before { content: "🎯"; height: inherit; }

.icon-palette.icon-left a:before, .icon-palette.icon-right a:after, i.icon-palette:before { content: "🎨"; height: inherit; }

.icon-list.icon-left a:before, .icon-list.icon-right a:after, i.icon-list:before { content: ""; height: inherit; }

.icon-list-add.icon-left a:before, .icon-list-add.icon-right a:after, i.icon-list-add:before { content: ""; height: inherit; }

.icon-signal.icon-left a:before, .icon-signal.icon-right a:after, i.icon-signal:before { content: "📶"; height: inherit; }

.icon-trophy.icon-left a:before, .icon-trophy.icon-right a:after, i.icon-trophy:before { content: "🏆"; height: inherit; }

.icon-battery.icon-left a:before, .icon-battery.icon-right a:after, i.icon-battery:before { content: "🔋"; height: inherit; }

.icon-back-in-time.icon-left a:before, .icon-back-in-time.icon-right a:after, i.icon-back-in-time:before { content: ""; height: inherit; }

.icon-monitor.icon-left a:before, .icon-monitor.icon-right a:after, i.icon-monitor:before { content: "💻"; height: inherit; }

.icon-mobile.icon-left a:before, .icon-mobile.icon-right a:after, i.icon-mobile:before { content: "📱"; height: inherit; }

.icon-network.icon-left a:before, .icon-network.icon-right a:after, i.icon-network:before { content: ""; height: inherit; }

.icon-cd.icon-left a:before, .icon-cd.icon-right a:after, i.icon-cd:before { content: "💿"; height: inherit; }

.icon-inbox.icon-left a:before, .icon-inbox.icon-right a:after, i.icon-inbox:before { content: ""; height: inherit; }

.icon-install.icon-left a:before, .icon-install.icon-right a:after, i.icon-install:before { content: ""; height: inherit; }

.icon-globe.icon-left a:before, .icon-globe.icon-right a:after, i.icon-globe:before { content: "🌎"; height: inherit; }

.icon-cloud.icon-left a:before, .icon-cloud.icon-right a:after, i.icon-cloud:before { content: "☁"; height: inherit; }

.icon-cloud-thunder.icon-left a:before, .icon-cloud-thunder.icon-right a:after, i.icon-cloud-thunder:before { content: "⛈"; height: inherit; }

.icon-flash.icon-left a:before, .icon-flash.icon-right a:after, i.icon-flash:before { content: "⚡"; height: inherit; }

.icon-moon.icon-left a:before, .icon-moon.icon-right a:after, i.icon-moon:before { content: "☽"; height: inherit; }

.icon-flight.icon-left a:before, .icon-flight.icon-right a:after, i.icon-flight:before { content: "✈"; height: inherit; }

.icon-paper-plane.icon-left a:before, .icon-paper-plane.icon-right a:after, i.icon-paper-plane:before { content: ""; height: inherit; }

.icon-leaf.icon-left a:before, .icon-leaf.icon-right a:after, i.icon-leaf:before { content: "🍂"; height: inherit; }

.icon-lifebuoy.icon-left a:before, .icon-lifebuoy.icon-right a:after, i.icon-lifebuoy:before { content: ""; height: inherit; }

.icon-mouse.icon-left a:before, .icon-mouse.icon-right a:after, i.icon-mouse:before { content: ""; height: inherit; }

.icon-briefcase.icon-left a:before, .icon-briefcase.icon-right a:after, i.icon-briefcase:before { content: "💼"; height: inherit; }

.icon-suitcase.icon-left a:before, .icon-suitcase.icon-right a:after, i.icon-suitcase:before { content: ""; height: inherit; }

.icon-dot.icon-left a:before, .icon-dot.icon-right a:after, i.icon-dot:before { content: ""; height: inherit; }

.icon-dot-2.icon-left a:before, .icon-dot-2.icon-right a:after, i.icon-dot-2:before { content: ""; height: inherit; }

.icon-dot-3.icon-left a:before, .icon-dot-3.icon-right a:after, i.icon-dot-3:before { content: ""; height: inherit; }

.icon-brush.icon-left a:before, .icon-brush.icon-right a:after, i.icon-brush:before { content: ""; height: inherit; }

.icon-magnet.icon-left a:before, .icon-magnet.icon-right a:after, i.icon-magnet:before { content: ""; height: inherit; }

.icon-infinity.icon-left a:before, .icon-infinity.icon-right a:after, i.icon-infinity:before { content: "∞"; height: inherit; }

.icon-erase.icon-left a:before, .icon-erase.icon-right a:after, i.icon-erase:before { content: "⌫"; height: inherit; }

.icon-chart-pie.icon-left a:before, .icon-chart-pie.icon-right a:after, i.icon-chart-pie:before { content: ""; height: inherit; }

.icon-chart-line.icon-left a:before, .icon-chart-line.icon-right a:after, i.icon-chart-line:before { content: "📈"; height: inherit; }

.icon-chart-bar.icon-left a:before, .icon-chart-bar.icon-right a:after, i.icon-chart-bar:before { content: "📊"; height: inherit; }

.icon-chart-area.icon-left a:before, .icon-chart-area.icon-right a:after, i.icon-chart-area:before { content: "🔾"; height: inherit; }

.icon-tape.icon-left a:before, .icon-tape.icon-right a:after, i.icon-tape:before { content: "✇"; height: inherit; }

.icon-graduation-cap.icon-left a:before, .icon-graduation-cap.icon-right a:after, i.icon-graduation-cap:before { content: "🎓"; height: inherit; }

.icon-language.icon-left a:before, .icon-language.icon-right a:after, i.icon-language:before { content: ""; height: inherit; }

.icon-ticket.icon-left a:before, .icon-ticket.icon-right a:after, i.icon-ticket:before { content: "🎫"; height: inherit; }

.icon-water.icon-left a:before, .icon-water.icon-right a:after, i.icon-water:before { content: "💦"; height: inherit; }

.icon-droplet.icon-left a:before, .icon-droplet.icon-right a:after, i.icon-droplet:before { content: "💧"; height: inherit; }

.icon-air.icon-left a:before, .icon-air.icon-right a:after, i.icon-air:before { content: ""; height: inherit; }

.icon-credit-card.icon-left a:before, .icon-credit-card.icon-right a:after, i.icon-credit-card:before { content: "💳"; height: inherit; }

.icon-floppy.icon-left a:before, .icon-floppy.icon-right a:after, i.icon-floppy:before { content: "💾"; height: inherit; }

.icon-clipboard.icon-left a:before, .icon-clipboard.icon-right a:after, i.icon-clipboard:before { content: "📋"; height: inherit; }

.icon-megaphone.icon-left a:before, .icon-megaphone.icon-right a:after, i.icon-megaphone:before { content: "📣"; height: inherit; }

.icon-database.icon-left a:before, .icon-database.icon-right a:after, i.icon-database:before { content: ""; height: inherit; }

.icon-drive.icon-left a:before, .icon-drive.icon-right a:after, i.icon-drive:before { content: ""; height: inherit; }

.icon-bucket.icon-left a:before, .icon-bucket.icon-right a:after, i.icon-bucket:before { content: ""; height: inherit; }

.icon-thermometer.icon-left a:before, .icon-thermometer.icon-right a:after, i.icon-thermometer:before { content: ""; height: inherit; }

.icon-key.icon-left a:before, .icon-key.icon-right a:after, i.icon-key:before { content: "🔑"; height: inherit; }

.icon-flow-cascade.icon-left a:before, .icon-flow-cascade.icon-right a:after, i.icon-flow-cascade:before { content: ""; height: inherit; }

.icon-flow-branch.icon-left a:before, .icon-flow-branch.icon-right a:after, i.icon-flow-branch:before { content: ""; height: inherit; }

.icon-flow-tree.icon-left a:before, .icon-flow-tree.icon-right a:after, i.icon-flow-tree:before { content: ""; height: inherit; }

.icon-flow-line.icon-left a:before, .icon-flow-line.icon-right a:after, i.icon-flow-line:before { content: ""; height: inherit; }

.icon-flow-parallel.icon-left a:before, .icon-flow-parallel.icon-right a:after, i.icon-flow-parallel:before { content: ""; height: inherit; }

.icon-rocket.icon-left a:before, .icon-rocket.icon-right a:after, i.icon-rocket:before { content: "🚀"; height: inherit; }

.icon-gauge.icon-left a:before, .icon-gauge.icon-right a:after, i.icon-gauge:before { content: ""; height: inherit; }

.icon-traffic-cone.icon-left a:before, .icon-traffic-cone.icon-right a:after, i.icon-traffic-cone:before { content: ""; height: inherit; }

.icon-cc.icon-left a:before, .icon-cc.icon-right a:after, i.icon-cc:before { content: ""; height: inherit; }

.icon-cc-by.icon-left a:before, .icon-cc-by.icon-right a:after, i.icon-cc-by:before { content: ""; height: inherit; }

.icon-cc-nc.icon-left a:before, .icon-cc-nc.icon-right a:after, i.icon-cc-nc:before { content: ""; height: inherit; }

.icon-cc-nc-eu.icon-left a:before, .icon-cc-nc-eu.icon-right a:after, i.icon-cc-nc-eu:before { content: ""; height: inherit; }

.icon-cc-nc-jp.icon-left a:before, .icon-cc-nc-jp.icon-right a:after, i.icon-cc-nc-jp:before { content: ""; height: inherit; }

.icon-cc-sa.icon-left a:before, .icon-cc-sa.icon-right a:after, i.icon-cc-sa:before { content: ""; height: inherit; }

.icon-cc-nd.icon-left a:before, .icon-cc-nd.icon-right a:after, i.icon-cc-nd:before { content: ""; height: inherit; }

.icon-cc-pd.icon-left a:before, .icon-cc-pd.icon-right a:after, i.icon-cc-pd:before { content: ""; height: inherit; }

.icon-cc-zero.icon-left a:before, .icon-cc-zero.icon-right a:after, i.icon-cc-zero:before { content: ""; height: inherit; }

.icon-cc-share.icon-left a:before, .icon-cc-share.icon-right a:after, i.icon-cc-share:before { content: ""; height: inherit; }

.icon-cc-remix.icon-left a:before, .icon-cc-remix.icon-right a:after, i.icon-cc-remix:before { content: ""; height: inherit; }

.icon-github.icon-left a:before, .icon-github.icon-right a:after, i.icon-github:before { content: ""; height: inherit; }

.icon-github-circled.icon-left a:before, .icon-github-circled.icon-right a:after, i.icon-github-circled:before { content: ""; height: inherit; }

.icon-flickr.icon-left a:before, .icon-flickr.icon-right a:after, i.icon-flickr:before { content: ""; height: inherit; }

.icon-flickr-circled.icon-left a:before, .icon-flickr-circled.icon-right a:after, i.icon-flickr-circled:before { content: ""; height: inherit; }

.icon-vimeo.icon-left a:before, .icon-vimeo.icon-right a:after, i.icon-vimeo:before { content: ""; height: inherit; }

.icon-vimeo-circled.icon-left a:before, .icon-vimeo-circled.icon-right a:after, i.icon-vimeo-circled:before { content: ""; height: inherit; }

.icon-twitter.icon-left a:before, .icon-twitter.icon-right a:after, i.icon-twitter:before { content: ""; height: inherit; }

.icon-twitter-circled.icon-left a:before, .icon-twitter-circled.icon-right a:after, i.icon-twitter-circled:before { content: ""; height: inherit; }

.icon-facebook.icon-left a:before, .icon-facebook.icon-right a:after, i.icon-facebook:before { content: ""; height: inherit; }

.icon-facebook-circled.icon-left a:before, .icon-facebook-circled.icon-right a:after, i.icon-facebook-circled:before { content: ""; height: inherit; }

.icon-facebook-squared.icon-left a:before, .icon-facebook-squared.icon-right a:after, i.icon-facebook-squared:before { content: ""; height: inherit; }

.icon-gplus.icon-left a:before, .icon-gplus.icon-right a:after, i.icon-gplus:before { content: ""; height: inherit; }

.icon-gplus-circled.icon-left a:before, .icon-gplus-circled.icon-right a:after, i.icon-gplus-circled:before { content: ""; height: inherit; }

.icon-pinterest.icon-left a:before, .icon-pinterest.icon-right a:after, i.icon-pinterest:before { content: ""; height: inherit; }

.icon-pinterest-circled.icon-left a:before, .icon-pinterest-circled.icon-right a:after, i.icon-pinterest-circled:before { content: ""; height: inherit; }

.icon-tumblr.icon-left a:before, .icon-tumblr.icon-right a:after, i.icon-tumblr:before { content: ""; height: inherit; }

.icon-tumblr-circled.icon-left a:before, .icon-tumblr-circled.icon-right a:after, i.icon-tumblr-circled:before { content: ""; height: inherit; }

.icon-linkedin.icon-left a:before, .icon-linkedin.icon-right a:after, i.icon-linkedin:before { content: ""; height: inherit; }

.icon-linkedin-circled.icon-left a:before, .icon-linkedin-circled.icon-right a:after, i.icon-linkedin-circled:before { content: ""; height: inherit; }

.icon-dribbble.icon-left a:before, .icon-dribbble.icon-right a:after, i.icon-dribbble:before { content: ""; height: inherit; }

.icon-dribbble-circled.icon-left a:before, .icon-dribbble-circled.icon-right a:after, i.icon-dribbble-circled:before { content: ""; height: inherit; }

.icon-stumbleupon.icon-left a:before, .icon-stumbleupon.icon-right a:after, i.icon-stumbleupon:before { content: ""; height: inherit; }

.icon-stumbleupon-circled.icon-left a:before, .icon-stumbleupon-circled.icon-right a:after, i.icon-stumbleupon-circled:before { content: ""; height: inherit; }

.icon-lastfm.icon-left a:before, .icon-lastfm.icon-right a:after, i.icon-lastfm:before { content: ""; height: inherit; }

.icon-lastfm-circled.icon-left a:before, .icon-lastfm-circled.icon-right a:after, i.icon-lastfm-circled:before { content: ""; height: inherit; }

.icon-rdio.icon-left a:before, .icon-rdio.icon-right a:after, i.icon-rdio:before { content: ""; height: inherit; }

.icon-rdio-circled.icon-left a:before, .icon-rdio-circled.icon-right a:after, i.icon-rdio-circled:before { content: ""; height: inherit; }

.icon-spotify.icon-left a:before, .icon-spotify.icon-right a:after, i.icon-spotify:before { content: ""; height: inherit; }

.icon-spotify-circled.icon-left a:before, .icon-spotify-circled.icon-right a:after, i.icon-spotify-circled:before { content: ""; height: inherit; }

.icon-qq.icon-left a:before, .icon-qq.icon-right a:after, i.icon-qq:before { content: ""; height: inherit; }

.icon-instagram.icon-left a:before, .icon-instagram.icon-right a:after, i.icon-instagram:before { content: ""; height: inherit; }

.icon-dropbox.icon-left a:before, .icon-dropbox.icon-right a:after, i.icon-dropbox:before { content: ""; height: inherit; }

.icon-evernote.icon-left a:before, .icon-evernote.icon-right a:after, i.icon-evernote:before { content: ""; height: inherit; }

.icon-flattr.icon-left a:before, .icon-flattr.icon-right a:after, i.icon-flattr:before { content: ""; height: inherit; }

.icon-skype.icon-left a:before, .icon-skype.icon-right a:after, i.icon-skype:before { content: ""; height: inherit; }

.icon-skype-circled.icon-left a:before, .icon-skype-circled.icon-right a:after, i.icon-skype-circled:before { content: ""; height: inherit; }

.icon-renren.icon-left a:before, .icon-renren.icon-right a:after, i.icon-renren:before { content: ""; height: inherit; }

.icon-sina-weibo.icon-left a:before, .icon-sina-weibo.icon-right a:after, i.icon-sina-weibo:before { content: ""; height: inherit; }

.icon-paypal.icon-left a:before, .icon-paypal.icon-right a:after, i.icon-paypal:before { content: ""; height: inherit; }

.icon-picasa.icon-left a:before, .icon-picasa.icon-right a:after, i.icon-picasa:before { content: ""; height: inherit; }

.icon-soundcloud.icon-left a:before, .icon-soundcloud.icon-right a:after, i.icon-soundcloud:before { content: ""; height: inherit; }

.icon-mixi.icon-left a:before, .icon-mixi.icon-right a:after, i.icon-mixi:before { content: ""; height: inherit; }

.icon-behance.icon-left a:before, .icon-behance.icon-right a:after, i.icon-behance:before { content: ""; height: inherit; }

.icon-google-circles.icon-left a:before, .icon-google-circles.icon-right a:after, i.icon-google-circles:before { content: ""; height: inherit; }

.icon-vkontakte.icon-left a:before, .icon-vkontakte.icon-right a:after, i.icon-vkontakte:before { content: ""; height: inherit; }

.icon-smashing.icon-left a:before, .icon-smashing.icon-right a:after, i.icon-smashing:before { content: ""; height: inherit; }

.icon-sweden.icon-left a:before, .icon-sweden.icon-right a:after, i.icon-sweden:before { content: ""; height: inherit; }

.icon-db-shape.icon-left a:before, .icon-db-shape.icon-right a:after, i.icon-db-shape:before { content: ""; height: inherit; }

.icon-logo-db.icon-left a:before, .icon-logo-db.icon-right a:after, i.icon-logo-db:before { content: ""; height: inherit; }

.fixed { position: fixed; }
.fixed.pinned { position: absolute; }
@media only screen and (max-width: 768px) { .fixed { position: relative !important; top: auto !important; left: auto !important; } }

.unfixed { position: relative !important; top: auto !important; left: auto !important; }

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

.text-left { text-align: left; }

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

/* Fonts */
@font-face { font-family: "entypo"; font-style: normal; font-weight: 400; src: url(../fonts/icons/entypo.eot); src: url("../fonts/icons/entypo.eot?#iefix") format("ie9-skip-eot"), url("../fonts/icons/entypo.woff") format("woff"), url("../fonts/icons/entypo.ttf") format("truetype"); }
@font-face { font-family: "genericons"; font-style: normal; font-weight: 400; src: url(../fonts/icons/genericons.eot); src: url("../fonts/icons/genericons.eot?#iefix") format("ie9-skip-eot"), url("../fonts/icons/genericons.woff") format("woff"), url("../fonts/icons/genericons.ttf") format("truetype"); }
/* Icons */
[class^="icon-"] a:before, [class*=" icon-"] a:before, [class^="icon-"] a:after, [class*=" icon-"] a:after, i[class^="icon-"], i[class*=" icon-"] { font-family: "entypo"; position: absolute; text-decoration: none; zoom: 1; }

i[class^="icon-"], i[class*=" icon-"] { display: inline-block; position: static; min-width: 20px; margin: 0 5px; text-align: center; }

/* SHAME */
.ie8 .xxwide, .ie8 .xwide, .ie8 .wide, .ie8 .normal, .ie8 .narrow, .ie8 .xnarrow { display: inline; }
.ie8 .xxwide + input, .ie8 .xwide + input, .ie8 .wide + input, .ie8 .normal + input, .ie8 .narrow + input, .ie8 .xnarrow + input { display: inline; margin: 0 0 0 -.25em; }
.ie8 .ttip:before, .ie8 .ttip:after { display: none; }
.ie8 .ttip:hover:before, .ie8 .ttip:hover:after { display: block; }

.ie9 .radio.checked i, .ie9 .checkbox.checked i { top: 0; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.right { float: right; }

.left { float: left; }

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

.align-left { text-align: left; }

.inline { display: inline-block; }

.white { color: #fff; }

.inset { -moz-box-shadow: inset rgba(0, 0, 0, 0.8) 2px 2px 10px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.8) 2px 2px 10px; box-shadow: inset rgba(0, 0, 0, 0.8) 2px 2px 10px; }

.rounded { -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }

.transparent { background: none; border: none; }

.gradient { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxNTY1YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI5MmMyZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #51565a), color-stop(100%, #292c2e)); background-image: -moz-linear-gradient(#51565a, #292c2e); background-image: -webkit-linear-gradient(#51565a, #292c2e); background-image: linear-gradient(#51565a, #292c2e); }

.gradient-reverse { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5MmMyZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUxNTY1YSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #292c2e), color-stop(100%, #51565a)); background-image: -moz-linear-gradient(#292c2e, #51565a); background-image: -webkit-linear-gradient(#292c2e, #51565a); background-image: linear-gradient(#292c2e, #51565a); }

.page-width { *zoom: 1; max-width: 1120px; width: 100%; margin: 0 auto; }
.page-width:before, .page-width:after { content: ""; display: table; }
.page-width:after { clear: both; }

.border-padding { padding: 0 20px; }
@media only screen and (max-width: 767px) { .border-padding { padding: 0 10px; } }

.border-padding-article { padding-left: 60px; padding-right: 30px; }
@media only screen and (max-width: 767px) { .border-padding-article { padding-left: 10px; padding-right: 10px; } }

.border-padding-aside { padding-left: 30px; padding-right: 30px; }
@media only screen and (max-width: 767px) { .border-padding-aside { padding-left: 10px; padding-right: 10px; } }

a { text-decoration: none; color: #303030; }
a:hover, a:active, a:focus { text-decoration: underline; }

.table { *zoom: 1; position: relative; display: table; width: 100%; }
.table:before, .table:after { content: ""; display: table; }
.table:after { clear: both; }
@media (max-width: 768px) { .table { display: block; } }

.table-row { display: table-row; }
@media (max-width: 768px) { .table-row { display: block; } }

.table-cell { vertical-align: top; display: table-cell; }
@media (max-width: 768px) { .table-cell { display: block; } }

.margin { width: 290px; }
@media only screen and (max-width: 767px) { .margin { width: 100%; } }

.event .margin { width: 425px; }
@media only screen and (max-width: 767px) { .event .margin { width: 100%; } }

.condensed { font-family: 'Open Sans Condensed', sans-serif; }

.altfont { font-family: 'Merriweather', serif; }

.hidden { display: none; }

.arrow-right:after { font-family: "entypo"; content: " \e75e\e75e"; }

.arrow-top:after { font-family: "entypo"; content: " \e75f"; }

.mail:after { font-family: "entypo"; content: " \2709"; }

a[href^="mailto"]:after { font-family: "entypo"; content: " \2709"; }

.fblikeboxMargin { width: 100%; margin-top: 25px; }

b { font-weight: bold; }

#page-aside .ce-header h1, #page-aside .ce-textpic h1, #page-aside .ce-text h1 { font-family: 'Merriweather', serif; font-size: 30px; color: #898270; margin: 1em 0 0 0; }
#page-aside .ce-header h2, #page-aside .ce-textpic h2, #page-aside .ce-text h2 { margin: 2em 0 0 0; font-size: 16px; font-weight: bold; }
#page-aside .ce-header h3, #page-aside .ce-textpic h3, #page-aside .ce-text h3 { margin: 0.5em 0 0 0; font-size: 14px; font-weight: bold; }
#page-aside .ce-header p, #page-aside .ce-textpic p, #page-aside .ce-text p { line-height: 150%; font-size: 14px; }
#page-aside .ce-header ul, #page-aside .ce-textpic ul, #page-aside .ce-text ul { list-style-type: disc; margin-left: 1em; }
#page-aside .ce-header li, #page-aside .ce-textpic li, #page-aside .ce-text li { line-height: 150%; font-size: 14px; }
#page-aside .ce-header.layout1 p, #page-aside .ce-textpic.layout1 p, #page-aside .ce-text.layout1 p { margin-bottom: 1em; }
#page-aside .ce-header.layout1 li, #page-aside .ce-textpic.layout1 li, #page-aside .ce-text.layout1 li { margin-bottom: 1em; }

#page-article .ce-text h1 { font-family: 'Merriweather', serif; font-size: 30px; color: #898270; margin: 1em 0 0.5em 0; }

.csc-uploads-2 li { font-size: 14px; width: 50%; float: left; }
.csc-uploads-2 li img { float: none; }

.page37 .ce-text p.bodytext { font-size: 14px; line-height: 150%; }
.page37 #page-aside .ce-text p { font-size: 12px; line-height: 150%; }

body { background: #f6f6f6 url(../img/background-page.png); }

#page-section { margin-top: -1px; }

#page-content { background: #fff; position: relative; z-index: 10; -moz-box-shadow: rgba(0, 0, 0, 0.8) 0 0 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 0 5px; box-shadow: rgba(0, 0, 0, 0.8) 0 0 5px; }

#page-article { padding-bottom: 100px; padding-top: 20px; background: transparent url(../img/logo-schoneberg-bottom.png) no-repeat 20px 100%; position: relative; }
@media only screen and (max-width: 767px) { #page-article { background: #fff; padding-bottom: 10px; width: 100%; } }

#page-aside { padding-top: 20px; padding-bottom: 20px; background: #fff url(../img/background-right.png); width: 100%; }
@media (min-width: 768px) { #page-aside { width: 295px; } }

@media only screen and (max-width: 767px) { #page-logo { max-width: 295px; width: 50%; height: auto; } }

#content-header .border-bottom { border-bottom: 1px solid #898270; position: relative; *zoom: 1; }
#content-header .border-bottom:before, #content-header .border-bottom:after { content: ""; display: table; }
#content-header .border-bottom:after { clear: both; }
#content-header h1 { font-size: 36px; line-height: 46px; color: #898270; font-family: 'Merriweather', serif; }
@media only screen and (max-width: 767px) { #content-header h1 { font-size: 26px; } }

#page-section-top { width: 753px; *zoom: 1; }
#page-section-top:after { content: ""; display: table; clear: both; }
@media only screen and (max-width: 767px) { #page-section-top { background: #fff; width: 100%; } }

div.to-top { position: absolute; bottom: 40px; right: 20px; }
div.to-top a { float: right; }
@media only screen and (max-width: 767px) { div.to-top { display: none !important; } }

#page-header { background: #16262f; position: relative; z-index: 20; }
@media only screen and (max-width: 767px) { #page-header { padding-top: 10px; } }
#page-header .top { padding-top: 20px; padding-bottom: 50px; *zoom: 1; }
@media only screen and (max-width: 767px) { #page-header .top { padding-top: 0; padding-bottom: 20px; } }
#page-header .top:before, #page-header .top:after { content: ""; display: table; }
#page-header .top:after { clear: both; }
#page-header .top .align-left p { margin-left: 0.625em; }
@media only screen and (max-width: 767px) { #page-header .top .align-left p { font-size: 12px; display: block; margin-left: 0; } }
#page-header .bottom { *zoom: 1; }
#page-header .bottom:before, #page-header .bottom:after { content: ""; display: table; }
#page-header .bottom:after { clear: both; }
#page-header .bottom .page-width { position: relative; padding: 0 25px 0 0 0; }

#page-footer { background: #1d1d1d; color: #fff; font-size: 12px; line-height: 18px; padding: 30px 0; }
#page-footer .colum { padding: 0 20px; width: 24.5%; display: inline-block; vertical-align: top; }
@media only screen and (max-width: 767px) { #page-footer .colum { padding: 0 10px 10px 10px; display: block; width: 100%; }
  #page-footer .colum:first-child { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 30px; margin-bottom: 30px; } }
@media only screen and (min-width: 768px) and (max-width: 939px) { #page-footer .colum { width: 32.5%; }
  #page-footer .colum:first-child { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 30px; margin-bottom: 30px; } }
#page-footer h1, #page-footer h2 { font-weight: bold; }
#page-footer a { color: #fff; }
#page-footer i[class^="icon-"], #page-footer i[class*=" icon-"] { color: #9a9a9a; font-size: 24px; }

.social-box { text-align: center; padding: 0 20px; }
@media only screen and (max-width: 767px) { .social-box { margin: 20px 0 0 0; padding: 20px 10px; display: block; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.2); } }
.social-box h2 { margin: 0 0 16px 0; }

.social-links li { display: inline-block; border-right: 1px solid #9a9a9a; padding: 8px; }
.social-links li:last-child { border-right: none; }

.contact-address { padding: 0; }

.contact-address-list { margin: 10px 20px; border-top: 1px solid #9a9a9a; padding-top: 15px; }

#main-nav { *zoom: 1; }
#main-nav:before, #main-nav:after { content: ""; display: table; }
#main-nav:after { clear: both; }
#main-nav li.level1 { display: inline-block; border-right: 1px solid rgba(255, 255, 255, 0.3); position: relative; float: left; }
#main-nav li.level1 a { display: block; color: #fff; text-decoration: none; padding: 0 15px; line-height: 40px; }
#main-nav li.level1 a:hover, #main-nav li.level1 a:active, #main-nav li.level1 a:focus, #main-nav li.level1 a.active { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5MmMyZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUxNTY1YSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #292c2e), color-stop(100%, #51565a)); background-image: -moz-linear-gradient(#292c2e, #51565a); background-image: -webkit-linear-gradient(#292c2e, #51565a); background-image: linear-gradient(#292c2e, #51565a); }
#main-nav li.level1:first-child a { padding: 0 5px; }
#main-nav li.level1:hover .menu-level2, #main-nav li.level1:active .menu-level2, #main-nav li.level1:focus .menu-level2 { display: block; }
#main-nav li.level1 .menu-level2 { display: none; position: absolute; background: #51565a; opacity: 0.8; min-width: 200px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 3px 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 3px 3px; box-shadow: rgba(0, 0, 0, 0.4) 0 3px 3px; }
#main-nav li.level1 .menu-level2 a { display: block; white-space: nowrap; }
#main-nav li.level1 .menu-level2 a:hover, #main-nav li.level1 .menu-level2 a:active, #main-nav li.level1 .menu-level2 a:focus, #main-nav li.level1 .menu-level2 a.active { background: #292c2e; }
#main-nav li.trenner { border-top: 1px solid rgba(255, 255, 255, 0.3); height: 1px; }
@media only screen and (max-width: 767px) { #main-nav { display: none; position: absolute; top: 40px; background: #51565a; left: 0; right: 0; }
  #main-nav li.level1 { display: block; border-right: none; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  #main-nav li.level1 a { padding: 0 10px; line-height: 40px; }
  #main-nav li.level1 .menu-level2 { display: block; position: relative; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
  #main-nav li.level1 .menu-level2 a { font-size: 14px; padding-left: 20px; line-height: 24px; }
  #main-nav.mobile-open { display: block; } }

.mobile-menu { display: none; color: #fff; font-size: 26px; line-height: 40px; }
@media only screen and (max-width: 767px) { .mobile-menu { display: inherit !important; } }

.fixed-nav { position: fixed; width: 100%; top: 0; }

#breadcrumb { background: #fff; padding-top: 10px; padding-bottom: 20px; *zoom: 1; }
#breadcrumb:before, #breadcrumb:after { content: ""; display: table; }
#breadcrumb:after { clear: both; }
#breadcrumb li { display: inline; }
#breadcrumb li:after { color: #898270; content: " » "; text-decoration: none; }
#breadcrumb li:last-child:after { content: none; }
#breadcrumb li a { font-size: 12px; color: #898270; }

.meta li { display: inline-block; vertical-align: top; }
.meta li:after { content: " | "; text-decoration: none; }
.meta li.no-border:after, .meta li:last-child:after { content: none; }
.meta li i { font-size: 24px; font-size: 1.5rem; }
.meta a { color: #fff; font-size: 12px; text-decoration: none; margin-left: 5px; }

.sitemap li.level1 a { font-weight: bold; }

.sitemap + .sitemap { margin-top: 1px; }

#page-search { width: 260px; margin: 5px 0; }
#page-search div { position: relative; height: 30px; border: 1px solid rgba(100, 100, 100, 0.3); }
#page-search label { color: #fff; line-height: 11px; }
#page-search input[type='text'] { width: 230px; color: #fff; font-size: 10px; line-height: 11px; margin: 0 20px 0 10px; }
@media only screen and (max-width: 767px) { #page-search input[type='text'] { width: 150px; } }
#page-search input[type='image'] { position: absolute; right: 7px; top: 50%; margin-top: -6px; }

.search-result { -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 3px 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 3px 5px; box-shadow: rgba(0, 0, 0, 0.2) 0 3px 5px; text-align: left; position: absolute; width: 255px; margin-left: 5px; overflow: auto; max-height: 300px; background: #fff; }
.search-result li { margin: 0 10px; padding: 10px 0; border-bottom: 1px solid rgba(100, 100, 100, 0.3); }
.search-result li:last-child { border-bottom: none; }
.search-result a { display: block; line-height: 130%; font-size: 14px; }
.search-result p a { font-size: 12px; margin: 5px 0 0 0; padding: 0; }

#slider { border: 1px solid #adadad; margin: 20px 0; position: relative; position: relative; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
#slider:before, #slider:after { content: ""; position: absolute; z-index: 0; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); top: 50%; bottom: 0; left: 10px; right: 10px; -moz-border-radius-topleft: 50px; -webkit-border-top-left-radius: 50px; border-top-left-radius: 50px; -moz-border-radius-topright: 50px; -webkit-border-top-right-radius: 50px; border-top-right-radius: 50px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px; }
#slider .slider-content { height: 390px; border: 10px solid #fff; background: #CCC; position: relative; z-index: 10; }

.scrollable { position: relative; overflow: hidden; }

.scroll-content { display: inline-block; float: left; width: 85%; position: relative; }
@media only screen and (max-width: 767px) { .scroll-content { width: 100%; } }
@media only screen and (min-width: 768px) and (max-width: 939px) { .scroll-content { width: 100%; } }
.scroll-content .scrollable { height: 370px; z-index: 10; }
.scroll-content .items { position: absolute; width: 20000em; height: 370px; }
.scroll-content .item { position: relative; float: left; height: 370px; width: 900px; }
.scroll-content img { width: 100%; height: auto; }
.scroll-content figcaption { position: absolute; bottom: 20px; background: rgba(255, 255, 255, 0.7); padding: 1em; width: 60%; }
@media only screen and (max-width: 767px) { .scroll-content figcaption { width: 100%; bottom: 0px; padding: 0.5em; } }
.scroll-content figcaption.position2 { right: 0; }
.scroll-content h1 { font-size: 30px; line-height: 36px; font-weight: bold; color: #000; }
@media only screen and (max-width: 767px) { .scroll-content h1 { font-size: 16px; line-height: 18px; } }
.scroll-content p { color: #000; font-size: 12px; line-height: 16px; }
.scroll-content:hover .scroll-nav { opacity: 1; -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.scroll-content .scroll-nav { -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; display: block; opacity: 0; position: absolute; z-index: 20; top: 50%; font-size: 40px; color: rgba(255, 255, 255, 0.8); text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6); height: 50px; line-height: 50px; margin-top: -25px; }
.scroll-content .scroll-nav.horizontal-prev { left: 10px; }
.scroll-content .scroll-nav.horizontal-next { right: 10px; }

.scroll-navigation { position: relative; display: inline-block; width: 15%; background: #b8b8b6; }
@media only screen and (max-width: 767px) { .scroll-navigation { display: none !important; } }
@media only screen and (min-width: 768px) and (max-width: 939px) { .scroll-navigation { display: none !important; } }
.scroll-navigation .scrollable { height: 360px; width: 100%; z-index: 10; margin: 8px 0 2px 0; }
.scroll-navigation .items { position: absolute; height: 20000em; width: 100%; }
.scroll-navigation .item { height: 120px; width: 100%; text-align: center; }
.scroll-navigation .item a { display: block; margin: 0 auto; color: #898270; }
.scroll-navigation p { color: #898270; font-size: 12px; line-height: 16px; width: 125px; margin: 5px auto 0 auto; font-weight: bold; }
.scroll-navigation img { border: 4px solid #fff; vertical-align: bottom; }
.scroll-navigation:hover .scroll-nav { opacity: 1; -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.scroll-navigation .scroll-nav { display: block; line-height: 25px; height: 25px; overflow: hidden; text-align: center; font-size: 20px; position: absolute; width: 100%; background: rgba(255, 255, 255, 0.5); z-index: 20; opacity: 0; -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.scroll-navigation .scroll-nav.disabled { display: none; }
.scroll-navigation .scroll-nav.vertical-prev { top: 0; }
.scroll-navigation .scroll-nav.vertical-next { bottom: 0; }

section.news h1 { font-size: 36px; line-height: 46px; color: #898270; margin-bottom: 1em; }
section.news article { border-bottom: 1px solid #b3b3b3; margin-bottom: 0.5em; padding-bottom: 0.5em; }
section.news article h1 { font-size: 20px; line-height: 24px; margin-bottom: 0.25em; }
section.news article h2 { font-size: 14px; margin-bottom: 0.5em; line-height: 130%; }
section.news article h2 a { color: #303030; }
section.news article h2 a:before { font-family: "entypo"; content: "\2b  "; }
section.news article h2 a.open:before { font-family: "entypo"; content: "\2d  "; }
section.news article p { font-size: 12px; line-height: 150%; }
section.news article .news-more { font-size: 12px; }

.js section.news .foldout-content { display: none; }

ul.tabs { list-style: none; margin: 0 !important; padding: 0; border-bottom: 1px solid #b3b3b3; height: 30px; }

ul.tabs li { float: left; text-indent: 0; padding: 0; margin: 0 !important; list-style-image: none !important; }

ul.tabs a { border: 1px solid #e7e7e7; border-bottom: none; display: block; height: 30px; line-height: 30px; width: 80px; text-align: center; text-decoration: none; color: #898270; padding: 0; margin: 0 5px 0 0; position: relative; top: -1px; background: #efefef; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
ul.tabs a:hover, ul.tabs a.current { background: #fff; }

.panes .pane { display: none; padding-top: 5px; }

#map-canvas { width: 100%; height: 500px; }

#map-window { display: none; }

#map-window-content h1 { font-size: 20px; }
#map-window-content p { font-size: 12px; line-height: 150%; }
#map-window-content .row { margin: 1em 0; *zoom: 1; width: 100%; }
#map-window-content .row:before, #map-window-content .row:after { content: ""; display: table; }
#map-window-content .row:after { clear: both; }
#map-window-content .row .left { width: 50%; }

#overlay { display: none; width: 90%; height: 70%; background: #fff; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px; box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px; }
#overlay #locationmap, #overlay .contentWrap, #overlay #map-canvas { width: 100%; height: 100%; }
#overlay .close { z-index: 10; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px; box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px; width: 40px; height: 40px; position: absolute; right: -20px; top: -20px; cursor: pointer; background: #fff; text-align: center; line-height: 40px; border-radius: 40px; }
#overlay .close:hover { text-decoration: none; }
#overlay .close:before { font-family: "entypo"; content: "\2716"; font-size: 40px; }
#overlay.loading { background: #fff url("../img/loader.gif") no-repeat 50% 50%; }

.row { *zoom: 1; margin-bottom: 1em; border-bottom: 1px solid #ccc; float: left; width: 100%; position: relative; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }
.row:before, .row:after { content: ""; position: absolute; z-index: 0; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); top: 50%; bottom: 0; left: 10px; right: 10px; -moz-border-radius-topleft: 50px; -webkit-border-top-left-radius: 50px; border-top-left-radius: 50px; -moz-border-radius-topright: 50px; -webkit-border-top-right-radius: 50px; border-top-right-radius: 50px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px; }
.row .column { float: left; width: 33.333333333%; }
@media only screen and (max-width: 767px) { .row .column { width: 100%; float: none; margin-bottom: 0.5em; clear: both; } }
@media only screen and (max-width: 767px) { .row { float: none; margin-bottom: 0.5em; clear: both; } }

.threecolheader { font-family: 'Merriweather', serif; font-size: 30px; line-height: 150%; color: #000; clear: both; margin: 0 0 0.25em 0; }

.contact { margin-bottom: 1em; }
.contact h1, .contact h2, .contact h3, .contact h4, .contact h5 { font-size: 16px; font-weight: bold; color: black; }
.contact p { font-size: 12px; line-height: 150%; }
.contact .contact-image { display: inline-block; position: relative; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); margin: 0 0 1em 0; }
.contact .contact-image:before, .contact .contact-image:after { content: ""; position: absolute; z-index: 0; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); top: 50%; bottom: 0; left: 10px; right: 10px; -moz-border-radius-topleft: 50px; -webkit-border-top-left-radius: 50px; border-top-left-radius: 50px; -moz-border-radius-topright: 50px; -webkit-border-top-right-radius: 50px; border-top-right-radius: 50px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px; }
.contact .contact-image img { z-index: 20; position: relative; vertical-align: bottom; border: 5px solid white; }

div.csc-mailform legend { color: #000000; font-weight: bold; border-bottom: 1px solid #b3b3b3; width: 100%; margin-left: 0; padding-top: 1em; padding-bottom: .5em; }
div.csc-mailform fieldset ol { padding: 0; }
div.csc-mailform fieldset li { margin: 0; padding: 1em 0; list-style: none; position: relative; }
div.csc-mailform fieldset li.csc-form-element-option { margin: 0; width: 40%; }
div.csc-mailform small.error { display: block; margin-left: 225px; color: #d22c36; font-size: 0.8em; }
div.csc-mailform input[type='text'] { border: 1px solid #b3b3b3; padding: 5px; width: 335px; }
div.csc-mailform input[type='text'].error { border: 1px solid #d22c36; background: #ffb0b5; }
div.csc-mailform input[type='submit'] { border: none; background: #1d1d1d; color: white; padding: 10px 20px; width: 160px; }
div.csc-mailform textarea { border: 1px solid #b3b3b3; padding: 5px; width: 335px; height: 150px; }
div.csc-mailform .csc-form-confirmation-false, div.csc-mailform .csc-form-confirmation-true { display: inline-block; float: left; }
div.csc-mailform .csc-form-confirmation-true { float: right; }
div.csc-mailform .csc-form-element-submit { text-align: right; }
div.csc-mailform label strong, div.csc-mailform legend strong { text-transform: none; background: #FFF; color: #C00; font-size: 12px; }

section.events { margin-top: 2%; *zoom: 1; }
section.events:before, section.events:after { content: ""; display: table; }
section.events:after { clear: both; }
section.events .more { float: left; width: 100%; margin: 1em 0 0 0; }
section.events .more a { display: block; float: right; }

section.events article .color { z-index: 3; opacity: 0; -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
section.events article:hover .color { opacity: 1; }

.buy-ticket { width: 56px; height: 32px; font-size: 12px; }
.buy-ticket i { font-size: 18px; }

.tx-schoneberg-events { margin-bottom: 50px; }

.events-header { position: relative; *zoom: 1; }
.events-header:before, .events-header:after { content: ""; display: table; }
.events-header:after { clear: both; }

.events-search { float: left; position: relative; }
.events-search i { position: absolute; right: 0; color: #b3b3b3; }
@media only screen and (max-width: 767px) { .events-search { width: 100%; margin-bottom: 0.5em; clear: both; } }

.events-search-input { border: 1px solid #b3b3b3; padding: 5px; width: 335px; }
@media only screen and (max-width: 767px) { .events-search-input { width: 100%; margin-bottom: 0.25px; clear: both; float: left; } }

.events-view-changer { float: right; font-size: 12px; }
.events-view-changer a { display: inline-block; color: #898270; margin-left: 10px; }
.events-view-changer img { width: 20px; vertical-align: text-top; margin-left: 5px; }
@media only screen and (max-width: 767px) { .events-view-changer { margin: 0.5em 0 1em 0; } }

.events-category { position: absolute; bottom: -1px; right: 286px; }
@media only screen and (max-width: 767px) { .events-category { *zoom: 1; position: relative; top: 0; right: 0; }
  .events-category:before, .events-category:after { content: ""; display: table; }
  .events-category:after { clear: both; } }
.events-category .category-selector li { display: inline-block; padding: 3px 20px; margin: 0 0 0 20px; border: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; background: #efefef; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-transition-property: background; -o-transition-property: background; -webkit-transition-property: background; transition-property: background; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
@media only screen and (max-width: 767px) { .events-category .category-selector li { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-bottom: 1px solid #b3b3b3; width: 100%; margin-bottom: 0.25em; } }
.events-category .category-selector li a { font-size: 14px; color: #898270; text-decoration: none; display: inline-block; line-height: 30px; }
.events-category .category-selector li:hover, .events-category .category-selector li.active { background: #fff; border-bottom: 1px solid #fff; }
@media only screen and (max-width: 767px) { .events-category .category-selector li:hover, .events-category .category-selector li.active { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-bottom: 1px solid #b3b3b3; } }

.loading-indicator { text-align: center; padding: 50px 0; }

section.events a { position: relative; display: block; }
section.events .events-image { display: inline-block; }
section.events .events-image-shadow { display: inline-block; position: relative; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); width: 100%; height: 100%; }
section.events .events-image-shadow:before, section.events .events-image-shadow:after { content: ""; position: absolute; z-index: 0; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); top: 50%; bottom: 0; left: 10px; right: 10px; -moz-border-radius-topleft: 50px; -webkit-border-top-left-radius: 50px; border-top-left-radius: 50px; -moz-border-radius-topright: 50px; -webkit-border-top-right-radius: 50px; border-top-right-radius: 50px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px; }
section.events img { max-width: 100%; height: auto; vertical-align: bottom; z-index: 2; position: relative; }
section.events img.color { -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; opacity: 0; top: 0; position: absolute; }
section.events .options1 a.artist-detail-link:after { content: url("../img/ribbon_ausverkauft_normal.png"); position: absolute; z-index: 200; left: -3px; top: -3px; }
section.events .options1 a.artist-detail-link:hover:after { content: url("../img/ribbon_ausverkauft_hover.png"); }
section.events .options2 a.artist-detail-link:after { content: url("../img/ribbon_verlegt_normal.png"); position: absolute; z-index: 200; left: -3px; top: -3px; }
section.events .options2 a.artist-detail-link:hover:after { content: url("../img/ribbon_verlegt_hover.png"); }
section.events .options3 a.artist-detail-link:after { content: url("../img/ribbon_abgesagt_normal.png"); position: absolute; z-index: 200; left: -3px; top: -3px; }
section.events .options3 a.artist-detail-link:hover:after { content: url("../img/ribbon_abgesagt_hover.png"); }
section.events .options4 a.artist-detail-link:after { content: url("../img/ribbon_neu_normal.png"); position: absolute; z-index: 200; left: -3px; top: -3px; }
section.events .options4 a.artist-detail-link:hover:after { content: url("../img/ribbon_neu_hover.png"); }

section.events .options1 a.artist-detail-link:after { content: ''; }
section.events .options1 a.artist-detail-link:hover:after { content: ''; }
section.events .options1 a.artist-detail-link .events-image:after { content: url("../img/ribbon_ausverkauft_normal.png"); position: absolute; z-index: 200; left: -3px; top: -3px; }
section.events .options1 a.artist-detail-link .events-image:hover:after { content: url("../img/ribbon_ausverkauft_hover.png"); }
section.events .options2 a.artist-detail-link:after { content: ''; }
section.events .options2 a.artist-detail-link:hover:after { content: ''; }
section.events .options2 a.artist-detail-link .events-image:after { content: url("../img/ribbon_verlegt_normal.png"); position: absolute; z-index: 200; left: -3px; top: -3px; }
section.events .options2 a.artist-detail-link .events-image:hover:after { content: url("../img/ribbon_verlegt_hover.png"); }
section.events .options3 a.artist-detail-link:after { content: ''; }
section.events .options3 a.artist-detail-link:hover:after { content: ''; }
section.events .options3 a.artist-detail-link .events-image:after { content: url("../img/ribbon_abgesagt_normal.png"); position: absolute; z-index: 200; left: -3px; top: -3px; }
section.events .options3 a.artist-detail-link .events-image:hover:after { content: url("../img/ribbon_abgesagt_hover.png"); }
section.events .options4 a.artist-detail-link:after { content: ''; }
section.events .options4 a.artist-detail-link:hover:after { content: ''; }
section.events .options4 a.artist-detail-link .events-image:after { content: url("../img/ribbon_neu_normal.png"); position: absolute; z-index: 200; left: -3px; top: -3px; }
section.events .options4 a.artist-detail-link .events-image:hover:after { content: url("../img/ribbon_neu_hover.png"); }
section.events.tiles article { width: 33.3333333333333333%; height: 280px; float: left; position: relative; }
section.events.tiles article a.artist-ticket-link { position: absolute; right: 10px; bottom: 10px; z-index: 10; -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; opacity: 0; font-size: 12px; }
section.events.tiles article a.artist-ticket-link i { font-size: 18px; }
section.events.tiles article:hover .artist-ticket-link { opacity: 1; }
section.events.tiles article:hover a.artist-detail-link { color: #000; text-decoration: none; border: 1px solid #d8d8d7; background: #f6f6f4; }
section.events.tiles article:hover a.artist-detail-link .events-cities { opacity: 1; }
section.events.tiles article a.artist-detail-link { border: 1px solid #fff; background: transparent; display: block; width: 100%; height: 100%; padding: 10px; color: #898270; -moz-transition-property: border, background, color; -o-transition-property: border, background, color; -webkit-transition-property: border, background, color; transition-property: border, background, color; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
section.events.tiles article a.artist-detail-link h1 { font-size: 20px; line-height: 24px; height: 50px; margin-bottom: 10px; position: relative; color: black; }
section.events.tiles article a.artist-detail-link h1 span { position: absolute; bottom: 0; }
section.events.tiles article a.artist-detail-link .events-cities { -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; color: #000; margin: 10px 0 5px 0; font-size: 12px; line-height: 150%; opacity: 0; }
@media only screen and (min-width: 768px) and (max-width: 939px) { section.events.tiles article { width: 50%; } }
@media only screen and (max-width: 767px) { section.events.tiles article { width: 260px; margin: 0 auto; float: none; }
  section.events.tiles article span { position: relative; } }

.js .latest .more a { display: none; }

.js .latest article { display: none; }

.js .latest article:nth-child(-n+9) { display: block; }

section.events.list article { position: relative; *zoom: 1; }
section.events.list article .padding { padding: 10px 0 10px 5px; *zoom: 1; }
section.events.list article .padding:before, section.events.list article .padding:after { content: ""; display: table; }
section.events.list article .padding:after { clear: both; }
section.events.list article:before, section.events.list article:after { content: ""; display: table; }
section.events.list article:after { clear: both; }
section.events.list article h1 { font-size: 20px; color: black; font-family: 'Merriweather', serif; }
@media only screen and (max-width: 767px) { section.events.list article h1 { font-size: 14px; } }
section.events.list article p { color: #898270; }
section.events.list article p.events-important { font-size: 12px; line-height: 150%; }
section.events.list article p.events-shortinfo { font-size: 12px; line-height: 150%; }
@media only screen and (max-width: 767px) { section.events.list article p { font-size: 14px; } }
section.events.list article:hover { background: #f2f2f2; }
section.events.list article:hover h1 { color: #16262f; }
section.events.list article:hover p { color: #16262f; }
section.events.list article .events-image { position: absolute; margin: 0 1em 0 0; height: 69px; width: 124px; left: 10px; }
section.events.list article .events-image img.color { position: absolute; }
section.events.list article .events-image img.bw { position: absolute; }
section.events.list article .events-series { position: absolute; top: 0; right: 10px; font-size: 12px; }
section.events.list article .events-description { margin-left: 144px; min-height: 69px; margin-right: 140px; }
@media only screen and (max-width: 920px) { section.events.list article .events-description { margin-right: 0; } }
@media only screen and (max-width: 767px) { section.events.list article .events-description { margin-top: 10px; } }
section.events.list article .artist-detail-link { float: left; width: 100%; }
section.events.list article .ticket-link { position: absolute; right: 5px; bottom: 5px; font-size: 12px; }
@media only screen and (max-width: 920px) { section.events.list article .ticket-link { position: relative; margin-top: 0.5em; float: right; } }
section.events.list article .ticket-link i { font-size: 18px; }

.event-month .event-month-group { border-bottom: 1px solid #b3b3b3; margin: 30px 0 10px 0; }
.event-month .event-month-group span { display: inline-block; padding: 5px; color: #000; font-weight: bold; }

article.articleborder { border-bottom: 1px solid #b3b3b3; }
article.articleborder:last-child { border-bottom: none; }

[ng\:cloak], [ng-cloak], .ng-cloak { display: none !important; }

.animate-repeat.ng-move, .animate-repeat.ng-enter, .animate-repeat.ng-leave { *zoom: 1; -moz-transition-property: height, opacity; -o-transition-property: height, opacity; -webkit-transition-property: height, opacity; transition-property: height, opacity; -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; overflow: hidden; }
.animate-repeat.ng-move:after, .animate-repeat.ng-enter:after, .animate-repeat.ng-leave:after { content: ""; display: table; clear: both; }

.animate-repeat.ng-leave.ng-leave-active, .animate-repeat.ng-move, .animate-repeat.ng-enter { opacity: 0; height: 0; }

.animate-repeat.ng-leave, .animate-repeat.ng-move.ng-move-active, .animate-repeat.ng-enter.ng-enter-active { opacity: 1; height: 89px; }

.animate-if.ng-enter, .animate-if.ng-leave { -moz-transition-property: height, opacity; -o-transition-property: height, opacity; -webkit-transition-property: height, opacity; transition-property: height, opacity; -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; opacity: 0; height: 0; }

.animate-if.ng-enter, .animate-if.ng-leave.ng-leave-active { opacity: 0; height: 0; }

.animate-if.ng-leave, .animate-if.ng-enter.ng-enter-active { opacity: 1; height: 36px; }

section.events.grid article { width: 33.3333333333%; float: left; height: 270px; border: none; cursor: pointer; }
@media only screen and (min-width: 768px) and (max-width: 939px) { section.events.grid article { width: 50%; } }
@media only screen and (max-width: 767px) { section.events.grid article { width: 280px; margin: 0 auto; float: none; } }
section.events.grid article a.artist-detail-link { display: block; height: 270px; border: 1px solid #fff; color: #898270; -moz-transition-property: border, background, color; -o-transition-property: border, background, color; -webkit-transition-property: border, background, color; transition-property: border, background, color; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
section.events.grid article a.artist-detail-link:hover, section.events.grid article a.artist-detail-link:active, section.events.grid article a.artist-detail-link:focus { color: #000; text-decoration: none; border: 1px solid #d8d8d7; background: #f6f6f4; }
section.events.grid article a.artist-detail-link:hover .events-location, section.events.grid article a.artist-detail-link:active .events-location, section.events.grid article a.artist-detail-link:focus .events-location { -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; opacity: 1; top: 225px; line-height: 140%; font-size: 10px; }
section.events.grid article a.artist-detail-link .left { float: none; }
section.events.grid article a.artist-detail-link h1 { font-size: 20px; line-height: 24px; height: 85px; margin-bottom: 10px; position: relative; padding: 0 10px; color: black; }
section.events.grid article a.artist-detail-link h1 span { position: absolute; bottom: 0; }
@media only screen and (max-width: 767px) { section.events.grid article a.artist-detail-link h1 span { right: 10px; left: 10px; text-align: center; } }
section.events.grid article a.artist-detail-link .events-image { position: absolute; bottom: 50px; left: 10px; }
@media only screen and (max-width: 767px) { section.events.grid article a.artist-detail-link .events-image { left: 30px; } }
section.events.grid article a.artist-detail-link .events-image img { width: 215px; }
section.events.grid article a.artist-detail-link .events-location { font-size: 14px; position: absolute; left: 10px; bottom: 10px; opacity: 0; }
section.events.grid article .events-shortinfo { display: none; }

.touch .events-cities { opacity: 1 !important; }
.touch .artist-ticket-link { opacity: 1 !important; }
.touch section.events.grid a.artist-detail-link { color: #000; text-decoration: none; }
.touch section.events.grid a.artist-detail-link .events-location { -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; opacity: 1; top: 225px; line-height: 140%; font-size: 10px; }

.regio-search-mobile, .category-search, .booker-search, .regio-search { border: 1px solid #cecece; padding: 1em; background: #f3f3f3; margin: 0 -15px 1em -15px; }
.regio-search-mobile header, .category-search header, .booker-search header, .regio-search header { color: #898270; }
.regio-search-mobile header h1, .category-search header h1, .booker-search header h1, .regio-search header h1 { font-size: 20px; line-height: 24px; margin-bottom: 0.25em; }
.regio-search-mobile header h2, .category-search header h2, .booker-search header h2, .regio-search header h2 { font-size: 14px; margin-bottom: 0.5em; line-height: 130%; }
.regio-search-mobile select, .category-search select, .booker-search select, .regio-search select { width: 100%; }
.regio-search-mobile form, .category-search form, .booker-search form, .regio-search form { margin: 0.5em 0 1em 0; }
.regio-search-mobile p, .category-search p, .booker-search p, .regio-search p { font-size: 12px; line-height: 100%; }
@media only screen and (max-width: 767px) { .regio-search-mobile, .category-search, .booker-search, .regio-search { display: none; } }

.regio-search-mobile { display: none; float: left; width: 100%; margin: 0; }
@media only screen and (max-width: 767px) { .regio-search-mobile { display: block; } }

.artist-event-list { margin: 3em 0; }
.artist-event-list article { *zoom: 1; position: relative; border-bottom: 1px solid #ccc; margin: 1em 0; }
.artist-event-list article:after { content: ""; display: table; clear: both; }
.artist-event-list article:before, .artist-event-list article:after { content: ""; position: absolute; z-index: 0; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); top: 50%; bottom: 0; left: 10px; right: 10px; -moz-border-radius-topleft: 50px; -webkit-border-top-left-radius: 50px; border-top-left-radius: 50px; -moz-border-radius-topright: 50px; -webkit-border-top-right-radius: 50px; border-top-right-radius: 50px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px; }
.artist-event-list article .wrapper { padding: 1em 0; background: #fff; position: relative; *zoom: 1; }
.artist-event-list article .wrapper:after { content: ""; display: table; clear: both; }
.artist-event-list article .wrapper .right { margin-top: 1.5em; }
.artist-event-list article .wrapper .ticket { margin-top: 0em; }
.artist-event-list article h1 { font-size: 18px; font-weight: 600; }
.artist-event-list article p { color: #898270; margin: 0.5em 0 0 0; *zoom: 1; }
.artist-event-list article p:after { content: ""; display: table; clear: both; }
.artist-event-list article p.important { color: #000; }
.artist-event-list article .artist-event-info { line-height: 16px; height: 16px; display: inline-block; float: left; display: inline-block; border-right: 1px solid #898270; margin-right: 0.5em; padding-right: 0.5em; }
.artist-event-list article .artist-event-info:last-child { border-right: none; margin-right: 0; padding-right: 0; }

.pane header h1 { font-size: 30px; font-weight: 700; margin: 0.5em 0 0.25em 0; }
.pane header h2 { font-size: 16px; color: #898270; }
.pane header p { font-size: 12px; color: #898270; }
.pane .addthis_toolbox { position: absolute; right: 10px; bottom: 10px; }

.artist-info p.bodytext { font-size: 12px; margin: 0 0 1em 0; }

.tabbar-nav .links { float: right; margin-top: -30px; }
@media only screen and (min-width: 768px) and (max-width: 939px) { .tabbar-nav .links { margin-top: 10px; width: 100%; } }
@media only screen and (max-width: 767px) { .tabbar-nav .links { margin-top: 10px; width: 100%; } }
.tabbar-nav .links li { float: left; padding: 0 0.25em; }
.tabbar-nav .links li a { display: inline-block; color: #c8c5bc; font-size: 24px; }
.tabbar-nav .links li a:hover { text-decoration: none; }
.tabbar-nav .links li a.icon-1:before { font-family: "entypo"; content: "\f30c"; }
.tabbar-nav .links li a.icon-2:before { font-family: "entypo"; content: "\f309"; }
.tabbar-nav .links li a.icon-3:before { font-family: "entypo"; content: "\f30f"; }
.tabbar-nav .links li a.icon-4:before { font-family: "entypo"; content: "\f348"; }
.tabbar-nav .links li a.icon-5:before { font-family: "entypo"; content: "\2302"; }
.tabbar-nav .links li a.icon-6:before { font-family: "Genericons"; content: "\f213"; }

.contenttslider-wrapper, .artistslider-wrapper { border: 1px solid #b3b3b3; position: relative; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); max-width: 661px; }
.contenttslider-wrapper:before, .contenttslider-wrapper:after, .artistslider-wrapper:before, .artistslider-wrapper:after { content: ""; position: absolute; z-index: 0; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); top: 50%; bottom: 0; left: 10px; right: 10px; -moz-border-radius-topleft: 50px; -webkit-border-top-left-radius: 50px; border-top-left-radius: 50px; -moz-border-radius-topright: 50px; -webkit-border-top-right-radius: 50px; border-top-right-radius: 50px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px; }

.contenttslider-wrapper { max-width: 735px; }

.contenttslider-content, .artistslider-content { border: 8px solid #fff; background: #fff; position: relative; z-index: 2; }

.contenttslider, .artistslider { position: relative; overflow: hidden; width: 645px; height: 350px; z-index: 1; }
.contenttslider .pics, .artistslider .pics { width: 20000em; position: absolute; clear: both; }
.contenttslider .pics div, .artistslider .pics div { float: left; width: 645px; height: 350px; }
.contenttslider .pics div img, .artistslider .pics div img { width: 100%; height: auto; }

.contenttslider { width: 717px; height: 292px; }
.contenttslider .pics div { width: 717px; height: 292px; }

.media-item iframe { width: 100% !important; height: 400px !important; }

.press-items { *zoom: 1; }
.press-items:before, .press-items:after { content: ""; display: table; }
.press-items:after { clear: both; }
.press-items li.press-item { text-align: center; width: 30%; margin-right: 5%; border: 1px solid #ccc; height: 200px; float: left; font-size: 14px; }
.press-items li.press-item:nth-child(3n+3) { margin-right: 0; }
.press-items .press-preview { height: 120px; width: 120px; line-height: 100px; vertical-align: middle; margin: 0 auto; text-align: center; background: #ccc; }
.press-items .press-preview img { margin: 10px; vertical-align: middle; }

.press-service-container { display: none; }

.show-press-details { font-size: 14px; color: #898270; }

.show-press-details:before { font-family: "entypo"; content: "\2b  "; }

.show-press-details.open:before { font-family: "entypo"; content: "\2d  "; }

.press-service { float: left; margin: 0.25em 0 0.25em 0; border-bottom: 1px solid #b3b3b3; padding-bottom: 0.25em; width: 100%; }

.press-service:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

.press-service-preview { float: left; margin-right: 1em; width: 50px; }

.press-service-link { float: left; font-size: 12px; line-height: 50px; }

.press-service-description { margin-left: 144px; min-height: 69px; margin-right: 10px; float: none; }

#page-aside a[href^="nc/kontakt/presseservice/akkreditierung.html"]:after { font-family: "entypo"; content: " \1f4c4"; }

.tx-schoneberg-events-show #page-aside { width: 369px; background: #fff; color: #000; }
.tx-schoneberg-events-show header .presenter { color: #898270; font-size: 12px; }
.tx-schoneberg-events-show header h1 { font-size: 46px; line-height: 120%; }
@media only screen and (max-width: 767px) { .tx-schoneberg-events-show header h1 { font-size: 26px; } }
.tx-schoneberg-events-show header h2 { font-size: 18px; line-height: 150%; }
.tx-schoneberg-events-show header img { width: 100%; height: auto; }

.tx-schoneberg-events-show-links { float: right; }
.tx-schoneberg-events-show-links li { float: left; padding: 0 0.25em; }
.tx-schoneberg-events-show-links li a { display: inline-block; color: #c8c5bc; font-size: 24px; }
.tx-schoneberg-events-show-links li a:hover { text-decoration: none; }
.tx-schoneberg-events-show-links li a.icon-1:before { font-family: "entypo"; content: "\f30c"; }
.tx-schoneberg-events-show-links li a.icon-2:before { font-family: "entypo"; content: "\f309"; }
.tx-schoneberg-events-show-links li a.icon-3:before { font-family: "entypo"; content: "\f30f"; }
.tx-schoneberg-events-show-links li a.icon-4:before { font-family: "entypo"; content: "\f348"; }
.tx-schoneberg-events-show-links li a.icon-5:before { font-family: "entypo"; content: "\2302"; }
.tx-schoneberg-events-show-links li a.icon-6:before { font-family: "Genericons"; content: "\f213"; }

.tx-schoneberg-events-show-events { *zoom: 1; margin: 3em 0; }
.tx-schoneberg-events-show-events:after { content: ""; display: table; clear: both; }
.tx-schoneberg-events-show-events article { *zoom: 1; position: relative; border-bottom: 1px solid #ccc; margin: 1em 0; }
.tx-schoneberg-events-show-events article:after { content: ""; display: table; clear: both; }
.tx-schoneberg-events-show-events article:before, .tx-schoneberg-events-show-events article:after { content: ""; position: absolute; z-index: 0; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); top: 50%; bottom: 0; left: 10px; right: 10px; -moz-border-radius-topleft: 50px; -webkit-border-top-left-radius: 50px; border-top-left-radius: 50px; -moz-border-radius-topright: 50px; -webkit-border-top-right-radius: 50px; border-top-right-radius: 50px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px; }
.tx-schoneberg-events-show-events article .wrapper { padding: 1em 0; background: #fff; position: relative; *zoom: 1; }
.tx-schoneberg-events-show-events article .wrapper:after { content: ""; display: table; clear: both; }
.tx-schoneberg-events-show-events article .wrapper .addthis_toolbox { margin-bottom: 5px; text-align: right; }
.tx-schoneberg-events-show-events article h1 { font-size: 18px; font-weight: 600; }
.tx-schoneberg-events-show-events article h1 i { font-size: 18px; }
.tx-schoneberg-events-show-events article p { color: #898270; margin: 0.5em 0 0 0; *zoom: 1; }
.tx-schoneberg-events-show-events article p:after { content: ""; display: table; clear: both; }
.tx-schoneberg-events-show-events article p.important { color: #000; }
.tx-schoneberg-events-show-events article .artist-event-info { line-height: 16px; height: 16px; display: inline-block; float: left; display: inline-block; border-right: 1px solid #898270; margin-right: 0.5em; padding-right: 0.5em; }
.tx-schoneberg-events-show-events article .artist-event-info:last-child { border-right: none; margin-right: 0; padding-right: 0; }
.tx-schoneberg-events-show-events article .infos { font-size: 12px; }

.tx-schoneberg-events-show-info { margin-bottom: 2em; margin-top: 2em; position: relative; }
.tx-schoneberg-events-show-info p.bodytext { font-size: 12px; margin-bottom: 1em; text-align: justify; line-height: 160%; }

.tx-schoneberg-events-show-press h2 { margin: 0 0 1em 0; }
.tx-schoneberg-events-show-press ul { width: 100%; *zoom: 1; }
.tx-schoneberg-events-show-press ul:before, .tx-schoneberg-events-show-press ul:after { content: ""; display: table; }
.tx-schoneberg-events-show-press ul:after { clear: both; }
.tx-schoneberg-events-show-press ul li.press-item { margin-bottom: 1em; text-align: center; width: 100%; border: 1px solid #ccc; color: #5c5c5c; padding: 0.5em 0; font-size: 14px; }
.tx-schoneberg-events-show-press ul li.press-item .press-item-info { float: none; }
.tx-schoneberg-events-show-press ul .press-preview { height: 120px; width: 120px; line-height: 100px; vertical-align: middle; margin: 0.5em auto; text-align: center; background: #ccc; }
.tx-schoneberg-events-show-press ul .press-preview img { margin: 10px; vertical-align: middle; }
.tx-schoneberg-events-show-press .icon-down-open { float: right; }
.tx-schoneberg-events-show-press .icon-up-open { float: right; }

.js .foldout-items { display: none; }

.tx-schoneberg-events-show-booker { border-top: 1px solid #b1b2b3; border-bottom: 1px solid #b1b2b3; padding: 1em 0; margin: 1em 0; }
.tx-schoneberg-events-show-booker p { margin: 0 0 0 35px; }

.fblikebox { width: 100%; height: 400px; border: 1px solid #ccc; margin-top: 1em; overflow: hidden; }

.show-text-more { display: none; background: transparent url(../img/article-fadeout.png) repeat-x 0% 100%; position: absolute; bottom: 0; width: 100%; height: 150px; text-align: center; }

.show-text-more-link { display: none; position: absolute; bottom: 0; width: 100%; text-align: center; border-bottom: 1px solid #b3b3b3; font-size: 12px; }

.js .show-text.croped { height: 250px; overflow: hidden; }

.booker-list h1 a:before { font-family: "entypo"; content: "\2b  "; }
.booker-list h1 a.open:before { font-family: "entypo"; content: "\2d  "; }
.booker-list .foldout-box { border-bottom: 1px solid #b3b3b3; margin-bottom: 0.5em; padding-bottom: 0.5em; }
.booker-list .booker-mail, .booker-list p { font-size: 12px; line-height: 150%; }

.js .booker-list .foldout-content { display: none; }
